html { min-height: 100%; margin-bottom: 1px; }
html { overflow: -moz-scrollbars-vertical !important; }
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;/*12px*/
	margin:0; /*15px 0 0 0*/
	padding:0;
	background: #ebebeb url(images/2010/body-bg.png) top left repeat-x; /*#d5ccbb*/
	color: #fff;
	-webkit-text-size-adjust: none; /*pour ne pas redimensionner les textes sur l'iphone*/
	line-height:1.35em;
}
legend {color:#666;}
form {
	margin:0;
	padding:0;
}
img {
	border:0 none;
}
a { outline:0 none; }

#conteneur{ 
	position: relative; 
	width: 764px; /*760px*/
	margin: 0px auto 5px;
}

#tete{ 
	background: url(/e2c/img/bandeau.jpg) no-repeat; 
	width: 764px; /*760px*/
	height: 150px; 
	margin: 0; 
	padding: 0;
 }

#tete a{ 
	display:block;
	text-indent:-10000px;
	width:150px;
	height:140px;
	margin:0 0 0 605px;
}
#header {
	height:111px;
	background: url(images/2010/header-ticker.png) top center no-repeat; 
}

.clearBoth {
	font-size:0;
	line-height:0;
	height:0;
	clear:both;
}



/* ================ entête ============== */
#logo {
	background:url(images/2010/logo-e2c.png) top center no-repeat;
	display:block;
	width:100px;
	height:100px;
	float:left;
	margin:10px 0 0 10px;
}
#logo:hover {
	background-position:bottom center;
}

#header h2 {
	background:url(images/2010/texte-e2c.png) top center no-repeat;
	display:block;
	width:319px;
	height:35px;
	margin:0;
	padding:0;
	float:left;
	margin-top:60px;
}
#header h2 {
	/*padding:0;
	margin:0;
	font-weight:normal;
	color:#004588;
	font-family:'Droid Sans',Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size:1.5em;
	margin-bottom:3px;
	text-shadow: 1px 1px 1px #fff;
	
	float:left;
	margin-top:60px;*/
}
#logo span,
h2 span {
	display:none;
}
#menu .private {float:right; font-size:11px; white-space:nowrap; overflow:hidden; }
#menu .private a {color:#666;font-size:11px; padding:0 10px 0 30px;background:url(images/2010/navt-private.png) top center no-repeat; width:84px;}
#menu .private a:hover {background-position: center center;}
#menu .private a.active {background-position: bottom center;}
/* ================ menu haut ============== */

#zone_menu {
	width: 764px; /*760px*/
	height: 29px;	/*35px*/ 
	/*background: url(/e2c/img/fond_menu.png); */
	background:#545454;
	line-height:29px;/*35px;*/
	/*margin:10px 0 0 0; */

}
/*
#menu { 
	margin:0;
	padding: 0 10px; 
	position: relative;
   	list-style: none;
	display:inline;
}

#menu li {
	margin: 0 10px; 
	padding: 0; 
	list-style: none; 
	display:inline;
	font-weight:bold;
}

#menu li a:link,#menu li a:visited{
	color:#fff;
	text-decoration:none;
}
#menu li a:hover {
	color:#333;
	text-decoration:none;	
}
#menu li .actif {
	color:#333 ! important;
	text-decoration:none ! important;	
}
*/




#menu, #menu ul {
	padding: 0;
	margin: 0 10px;
	list-style: none;

}
#menu ul {
	line-height:24px;
	height:24px;
}

#menu a {
	display: block;
	color: #fff;
	/*font-weight:bold;*/
	text-decoration: none;
	text-align: center;
	padding: 0 10px; /*0 3px;*/
	font-size:13px;
	text-transform:uppercase;
}

#menu li {
	float: left;
	

}

#menu li ul {
	position: absolute;
	z-index:5000;
	/**/width: 200px;	
	height: auto;
	left: -999em;
	background-color:#6e6e6e;
	margin-left:-1px;
	text-align: left ! important;
	padding:5px 0 5px 0;
	
	margin:0;
}
#menu li ul li {
	text-align: left;
	/**/width: 200px;
	/*padding:0 0 0 10px;*/

}
#menu li ul li a {
	text-align: left ! important;
	line-height: 16px;
	padding: 6px 10px;
}
#menu li:hover ul, #menu li.sfhover ul {
	left: auto;
}
#menu li a:hover {
	/*color: #333;*/
	background-color:#58b8db;
}
#menu .active {
	/*color: #004588;*//*333*/
	background-color: #58b8db; /*#5ec6ed*//*7ed1f1*//*#4f9eec*/
}


/* ================================ */

#corps {	
	width: 764px; /*760px*/
	margin: 0 0 12px; 
	position: relative;	
	background: #ebebeb url(images/2010/content-bg.png) top center repeat-y;
}
#gauche { 
	/*background: #c7b8ab url(/e2c/img/fond_corps_3.png) repeat-y left top;*/
	width: 490px; 
	float: left;
	/*padding: 10px 20px 0 20px;*/
	padding:20px 20px 0;
	min-height:325px;
	color: #666;
}
* html #gauche { 
	height:auto;
	height:325px;

}


#droite {
	/*background: #fff url(/e2c/img/fond_droite.png) no-repeat right bottom; */
	width: 230px; 
	float: right; 
	padding: 0 0 25px 0; 
	margin: 0;	
}


#jambe { 
	color: #754e26; 
	/*background: url(/e2c/img/fond_pied_3.png) no-repeat left top;*/
	background: url(images/2010/footer-bg.png) top center no-repeat;
	text-align: left; 
	float: left; 
	/*width: 530px; */
	width:764px;
	padding: 17px 0px 0px;
}

#pied { 
	color: #fff; 
	/*float: left; */
	/*width: 524px; */
	margin: 0 0 10px 0;
	text-align:center;
	
	text-shadow: 1px 1px 1px #444444;
}
#footer {
	padding:6px 21px;
	font-size:11px;
	color:#666;
}
.copyright {
	float:right;
}
#imdeo {
	float:left;
}

.trait {
	color: #fff;
	background-color: #fff;
	height: 1px;
	border: 0;

}


h1 {
	font-size: 18px;
	font-weight: normal;
	margin:0 0 10px 0;
	padding:0;
}
h2 {
	font-size: 14px;
	font-weight: normal;
	margin:0 0 10px 0;
	padding:0;
}

h4 {
	font-size: 11px;
	font-weight: bold;
	margin:2px 0 2px 10px;
	padding:0;
	color: #0b2f78;	
}
h5 {
	font-size: 11px;
	font-weight: normal;
	margin:0 0 0 10px;
	padding:0;

}

/* ============== liens ================== */

#pied a:link, #pied a:visited { 
	color: #fff ! important; 
	text-decoration: none ! important;
	font-size:10px;
	margin:0 10px; 
	
} 
#pied a:hover { 
	color: #fff ! important; 
}

#corps a:link, #corps a:visited { 
	/* color: #eee; */
	/*color: #000; 
	text-decoration: underline; */
} 
#corps a:hover { 
	/*color: #fff; 
	text-decoration: none;*/ 
}
#gauche a:link, #gauche a:visited { 
	/*color: #000; */
	/*font-weight:bold;*/
} 
#gauche #photos a:link, #gauche #photos a:visited { 
	color: #eee; 
} 
#gauche a:hover { 
	/*color: #004588;*//*#fff;*/ 
}
/*
#droite a {
	text-decoration: none ! important;
}
#droite a:hover {
	text-decoration: underline ! important;
}

*/

a.extra1 {
	color: #fff ! important;
	text-decoration: none ! important;
	}
a.extra1:hover {
	color: #000 ! important;
	text-decoration: none ! important;
	}


/* ================== nav droite =================== */




#menu_gauche, #menu_gauche dt, #menu_gauche dd, #menu_gauche ul, #menu_gauche li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#menu_gauche {
	float: right; 
	margin: 0 5px 0 0; 
	padding: 10px 0 0 20px;
	width: 205px;
	/*background-color: #0b2f78;*/
}
* html #menu_gauche {
	width: 204px;
	margin: 0 3px 0 0;

}
#menu_gauche .actif{
	color:#ffed00 ! important;

}
#menu_gauche dl {

	line-height: 30px;

}
#menu_gauche dt {
	cursor: pointer;
	margin: 0;
	line-height: 19px;
}
#menu_gauche dd {
	display: none;
	margin:0 0 0 19px;
	line-height: 19px;

}
#menu_gauche dt a{
	color:#fff ! important;
}
#menu_gauche li a{
	color:#fff;
}
#menu_gauche li ul{
	margin:0 0 0 10px;
}
#menu_gauche li a, #menu_gauche dt a {
	text-decoration: none ! important;
	/*display: block;*/
	border: 0 none;
	height: 100%;
}
#menu_gauche dt a:hover {
	color: #ffed00 ! important ;
}
#menu_gauche li a:hover, #menu_gauche dt a:hover {
	color: #ffed00 ! important;
}

/* =================== */




/* =============   partie droite ============ */

#droite h3{
	font-size:12px;
	height:25px; 
	line-height:25px;
	padding: 0 0 0 10px;
	margin:0;
}

.extra1 { 
	background-color: #f90; 
	width: 200px; 
	float: right; 
	padding: 0 15px 0 10px; 
	margin: 0 5px 5px 0;
	color:#fff;
	text-decoration:none; 
	display:block;
	cursor:pointer;
	cursor:hand;
}
.extra1 h3 {
	padding-left:0 ! important;
}

* html .extra1 { 
	width: 199px;
	margin:0 3px 5px 0;
}
.extra2 { 
	background-color: #bda4e6;
	width: 225px; 
	float: right; 
	padding: 0; 
	margin: 0 5px 5px 0; 
}
* html .extra2 { 
	width: 224px;
	margin:0 3px 5px 0; 

}
.extra3 { 
	background-color: #f49b7d;
	width: 225px; 
	float: right; 
	padding: 0;
	margin: 0 5px 5px 0; 
}
* html .extra3 { 
	width: 224px;
	margin:0 3px 5px 0; 

}
.extra4 { 
	background-color: #d5eef7;
	width: 225px; 
	float: right; 
	padding: 0; 
	margin: 0 5px 5px 0; 
}
* html .extra4 { 
	width: 224px;
	margin:0 3px 5px 0; 

}

.extra2 h3{

	background-color: #7a42c6;
}


.input_recherche{
	/*margin:10px 0 10px 10px;*/
	height:24px; /*14px*/
	font-size:12px;
	border: 1px solid #ccc; /*#7a42c6*/
	float:left;
	padding-left:6px;
	color:#999;
	width:140px;
}
.puce_recherche {
	position: relative;
	/*top:-4px;*/
	margin: 0 0 0 5px;
	height:28px; /*16px*/
	width:28px;
	float:left;
}
.input {
	/*margin:10px 0 10px 10px;*/
	height:24px; /*14px*/
	font-size:12px;
	border: 1px solid #ccc; /*#7a42c6*/
	padding-left:6px;
	color:#666;
}


.extra3 h3{ 
	background-color: #d13805;
}
.actu {
	padding:10px;
	color:#333;
	font-weight:bold;
}
.extra4 h3{ 
	background-color: #09c;
}
.extra4 img{ 
	margin:5px 0 5px 5px;
	border:none;
}
.extra4 h5 a{ 
	display:block;
	margin:0;
	padding:0 0 0 15px;
	color: #0b2f78 ! important;
	width:150px;
	height:12px;
	line-height:12px;
	background: url(/e2c/img/puce_part.png) no-repeat ; 
}

.extra5 {
	float:right;
	margin: 0 5px 0 0; 
	padding: 5px;
	width: 215px;
	background-color: #0b2f78;
}
* html .extra5 {
	float:none;
	}
	
.extra6 { 
	background-color: #ab9683;
	width: 225px; 
	float: right; 
	padding: 0; 
	margin: 0px 5px 5px 5px; 
}
* html .extra6 { 
	width: 224px;
	margin:0 3px 5px 0; 

}
.extra6 h3{ 
	background-color: #836C59;
}
.acces {
	padding:10px;
	color:#333;
	font-weight:bold;
}
.extra6 img{ 
	margin:5px 0 5px 5px;
	border:none;
}


/* ============ Administration ============= */


#admin {
	width:300px;
	height:150px;
	border:1px solid #339;
	background:#fff url(/e2c/img/password.png) no-repeat 20px 60px;
	/*margin:-300px auto 0 auto;*/
	margin:-300px auto 0 auto;
	position:relative;
	/*top:250px;
	left:300px;*/
	z-index:700;

	display:none;

}
#admin h3{
	font-size:13px;
	margin: 30px 0  10px 50px;
	color:#333399; 
}
/*
.fermer {
	position:absolute;
	left:260px;
	margin:10px;

}*/
.fermer {
	float:right;
	margin:10px;

}
#admin #logon{
	/*width:200px;
	position:absolute;
	right:65px;
	bottom:65px;*/
	margin:0 0 0 50px;
	padding:0;
}


#identification {
	margin:0 0 0 100px;
}
#identification a{
	/*font-weight:bold;*/
	text-decoration:none;
	color:#ec1b1c;
}
#admin #logon p {
	margin:0;
	padding:0;
	font-size:10px;
}

#admin #logon label {
	float:left;
	width:95px;
	text-align:right;
	margin:0 10px 0 0;
	padding:3px 0 0 0;
	color:#000;
}
#admin img {
	border:none;
}
#admin #logon #image {
	margin:0px 0 0 0px;
	border:none;
} 


/* ======= contact ========== */

.formulaire{
	width:490px;
	padding:0;
	margin:10px 0 0 0 ; 
}
.formulaire p{
	padding:0;
	margin:0px 0 5px 0;
	line-height:20px;

}
.formulaire label {
	width: 188px;

	float:left;
}
.rouge {
	color:#d00000;
}
.neuf {
	font-size: 9px;
}
.center {
	text-align:center;
}
.formulaire em {
	font-size:10px;
	
}
.formulaire a:link, .formulaire a:link {
	text-decoration:none;
	color:#eb2a2f;
} 

/* ========================== */

.actu_theme {
	min-height:270px ;
}
* html .actu_theme {
	height:auto;
	height:270px;
}
.actu_theme3 {
	min-height:270px ;
}
* html .actu_theme3 {
	height:auto;
	height:270px;
}

/* *************************** */
img {border:0;}
#logon .input {
	width:120px;
}
#logout {
	position:absolute; 
	top:15px; 
	right:260px;
}
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
/* ============= recherche ============= */
#search {
	float:right;
	margin-top:50px; 
	padding: 0 12px;
}

/* ============= recherche ============= */
#partenaires {
	border-top:1px solid #f0f0f0;
	text-align:center;
	padding:10px 0;
	margin-top:30px;
}
#partenaires a img {
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
	-khtml-opacity: 0.50;
	
	margin:0 10px 0 0;
}
#partenaires a.on img {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	-khtml-opacity: 1;
}

/* ================ liens ================= */
a, a:link {
	color:#52abcc; /*#5ec6ed*/
	text-decoration:none;
}
a.linkback {
	/*color:#5ec6ed;*/
	padding-left:10px;
	background:url(images/2010/fl-back.png) left no-repeat;
}
a.link {
	/*color:#5ec6ed;*/
	padding-right:10px;
	background:url(images/2010/fl.png) right no-repeat;
}
a.link-edito:hover,
a.link:hover {
	color:#52abcc;
	text-decoration:underline;
}
a.link-edito {
	color:#666;
}
h3 { 
	padding:0;
	margin:0;
	font-weight:normal;
	color:#61300a;
	font-family:'Droid Sans',Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size:1.5em;
	margin-bottom:3px;
	text-shadow: 1px 1px 1px #fff;
}
#actualites {
	width:236px;
	float:left;
}
#actualites ul,
#actualites li {
	list-style:none;
	margin:0;
	padding:0;
}
#actualites li {
	border-bottom:1px solid #f0f0f0;
	padding:6px 0;
}

.cols {
	width:202px;
	float:left;
}


#don-home span {
	display:none;
}
#don-home {
	display:block;
	width:142px;
	height:32px;
	background: url(images/2010/faire-un-don.png) top center no-repeat;
	position:absolute;
	right:30px;
	bottom:30px;
}
#don-home:hover {
	background-position: bottom center;
}
.bloc {
	border:1px solid #d2dae3;
}
.bt-bloc {
	width:200px; 
	height:62px; 
	border:1px solid #d2dae3; 
	display:block; 
	text-indent:-5000px;
}
#trouvez {
	background:url(images/2010/trouvez-une-ecole.png); 
	margin-top:30px;
}
#reseau {
	background:url(images/2010/reseau-des-ecoles.png); 
	margin-bottom:30px;
}
.bt-bloc:hover {
	border:1px solid #7fa2c3;
}
.auteur {
	font-size:11px;
}

/**/
.bt-form {
	display:inline-block;
	height:28px;
	line-height:28px;
	padding-left:6px;
	background:url(images/2010/bt-form.png) left top no-repeat;
	cursor:pointer;
	_width:40px;
}
.bt-form span {
	display:block;
	height:28px;
	line-height:28px;
	padding-right:6px;
	background:url(images/2010/bt-form.png) right top no-repeat;
	color:#777;
	text-shadow: 1px 1px 1px #fff;
	font-size:18px;
	text-align:center;
	white-space:nowrap;
	
}
.bt-form:hover {
	background-position:left bottom;
}
.bt-form:hover span {
	background-position:right bottom;
	color:#555;
}

/* ===============infinite carousel=============== */
.infiniteCarousel {
  width: 500px; /* (width wraper +80px) */
  _width: 410px; /* ie6 */
  position: relative;
  top:-16px;
  left:20px;
}

.infiniteCarousel .wrapper {
  width: 440px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  height: 105px;
  margin: 0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul a img {
  /*border: 5px solid #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;*/
}

.infiniteCarousel .wrapper ul {
  width: 1320px; /*840px*//* single item * n */
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display: block;
  float: left;
  padding: 0 10px;
  height: 85px;
  width: 420px; /*85px = 105px(width+padding) / item */
}

.infiniteCarousel ul li img {
    -webkit-transition: border-color 400ms;
}

.infiniteCarousel ul:hover li img {
  border-color: #000;
}

.infiniteCarousel ul:hover li:hover img {
  border-color: #333;
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .arrow {
  display: block;
  height: 36px;
  width: 37px;
  background: url(images/arrow.png) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 37px;
  cursor: pointer;
  outline: 0;
}

.infiniteCarousel .forward {
  background-position: 0 0;
  right: 0;
}

.infiniteCarousel .back {
  background-position: 0 -72px;
  left: 0;
}

.infiniteCarousel .forward:hover {
  background-position: 0 -36px;
}

.infiniteCarousel .back:hover {
  background-position: 0 -108px;
}

.arrow { display:none !important; }

.submitMask {
	height:0;
	width:0;
	background:none;
	border:0;
}
