@import url(typo.css);
@import url(skin.css);

/* --- DEBUG BLOCK -------------------------
* { outline: 2px dotted red }
* * { outline: 2px dotted green }

/*===| I. LAYOUT SIZE |====================================================*/

#container, #footer, #header {width: 980px;}
#header {height:360px;}
#left-column {width: 220px;}
#content{width:527px; padding-left:28px; padding-right:28px; padding-top:15px;}
#right-column {width: 177px;}

/*	--- Important! ----------------------------------------
	#wrap-footer, #footer and .push must be the same height
	-------------------------------------------------------
*/	#wrap-footer, #footer, .push {height: 55px;}

.push	{clear: both;}

/* --- Important! -------------------------------
	The bottom margin of #wrap-container
	is the negative value of the footer's height 
	-----------------------------------------------
*/	#wrap-container {	margin: 0 auto -55px;}


/* ===| II. LAYOUT's DEFAULT ELEMENTS |=======================================*/

* {margin: 0;}

html, body {width: 100%;}
body {text-align: center;}
ul, li{
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;}


#wrap-container {
	min-height: 100%;
	height: auto !important;
	height: 100%;}
#container {
	margin:0 auto !important;
	text-align: left;
  }

#left-column,
#content,
#right-column{float:left;}

.spacer{
  height:7px;
  background-color: #ffffff;
  width:176px;
  margin-bottom:15px;
  }


#footer {margin: 0 auto;}
#footer-links{padding-top:12px; padding-bottom:10px;}
#footer p{
  font-size:10px;
  text-align: center;
  color:#0B670B;
  }



.copyright{
	padding: 17px 0 0;
	text-align: center;}

/* ===| III. CONTENT ELEMENTS |===============================================*/

img {border: 0;}
.line,.line1, .line2{
  height:20px;
  background: url(../images/charte/line.jpg) repeat-x left center;
  line-height:0;
  font-size:0px;
  padding:0;
  clear:both;
  }
.line1{
  background-position:left 2px;
  }
.line2{background: url(../images/charte/line2.jpg) repeat-x left bottom; height:5px;}


#content .lead{padding-bottom:0px;}
#content .small{font-size:11px}
#content .indent{margin-left:15px;}
#content .indent1{margin-left:40px;}
.centered{
  text-align:center;
  margin:0 auto;
  clear:both;}
#content .vertical{
  margin-top:80px;
  }

.left{float:left}
.right{float:right}
.image-left{
  float:left;
  margin-right:10px;
  }
.image-right{
  float:right;
  margin-left:10px;
  }
.couleur{
	font-weight:bold;
	color:#0B670B;
  }
  .couleur span{
    font-size:11px;
    color:#33221B;
    font-weight:normal
    }
    .couleur span span{
      color:#F00001;
      }


ul.list,
ul.list1,
ul.list2{
  list-style:none;
  margin-top:0px;
  }
  ul.list li,
  ul.list1 li{
    background: url(../images/charte/icon-list.jpg) no-repeat left 3px;
    color:#33221B;
    padding-left:14px;
    line-height:14px;
    margin-top:3px;
    }
  ul.list1 li{
    margin-top:6px;
    }
ul.list2 li{
    background: url(../images/charte/icon-list1.jpg) no-repeat left 4px;
    color:#33221B;
    padding-left:10px;
    line-height:14px;
    margin-top:3px;
    }



/* contact */
.contact-left{
  width:285px;
  float:left;
  }
  .contact-adresse{
    width:205px;
    height:95px;
    background:url(../images/charte/bg-adresse.jpg) no-repeat left top;
    padding-top:40px;
    padding-right:20px;
    }
    .contact-adresse p{
      text-align: center;
      }
    .plan{
      background-color: #ffffff;
      border:1px solid #BFBFBF;
      width:200px;
      }

  .contact-right{
    width:242px;
    float:left;
    padding-top:37px;
    }

.inputForm{
	border:1px solid #B6B7B6;
	background-color:#fff;
	color:#666666;
  width:160px;
  font:normal 12px Arial;
	}
.inputFormOver{
	border:1px solid #87B487;
	background-color:#DCEEDC;
	color:#075407;
  width:160px;
  font:normal 12px Arial;
	}
textarea{
  font:normal 12px Arial;
}


.label{
	width:75px;
	float:left;
	display:inline;
	clear:both;
	margin-top:5px;
	color:#33221B;
	text-align:left;
	}
  .label span{
    color:#F00001
    }
.field{
	width:130px;
	float:left;
	margin-top:5px;
	color:#fff;
	}
.btn{
  clear:both;
  float:left;
  width:242px;
  margin-top:15px;
  }

.button{
  background:url(../images/charte/button.jpg) no-repeat center top;
  border:none;
	width:102px;
  height:27px;
	cursor:pointer;
  color:#ffffff;
  font:bold 12px/29px Arial;
	}
  .button:hover{
    background:url(../images/charte/button-over.jpg) no-repeat center top;
    }

/* partenaires */

.partenaires-box .image-left{
  border:1px solid #C1C1C1;
  text-align:center;
  padding:3px;
  }

/* list-galerie */
.list-galerie-box{
  width:147px;
  height:90px;
  float:left;
  margin:0 12px 38px 14px;
  display:inline;
  }
.list-galerie{
  width:147px;
  height:90px;
  border:1px solid #EBEBEB;
  }
  .list-galerie1{
  width:145px;
  height:90px;
  border:1px solid #D2D2D2;
  }
  .thumb{
    width:122px;
    text-align: center;
    height:90px;
    float:left;
    }

.galerie-detail{
  width:90px;
  height:90px;
  border:1px solid #EBEBEB;
  float:left;
  margin:0px 5px 10px 8px;
  display:inline;
  }
.galerie-detail1{
  width:88px;
  height:88px;
  border:1px solid #D2D2D2;
  text-align: center;
  }




/* concours et exemens */
#div1, #div2, #div3, #div4, #div5, #div6, #div7{
  width:417px;
  float:left;
  }
/* pagination */

#page{
  text-align: right;
  }
#page a.pagination:link,
#page a.pagination:visited{
  color:#62B162;
  background-color: #ffffff;
  font-weight:bold ;
  padding:1px 5px;
  text-decoration: none;
  border:1px solid #62B162;
  }
#page a.pagination:hover,
#page a.pagination:active{
  color:#269326;
  background:#ffffff;
  border:1px solid #269326;
  }
  #page span{
    font-weight:bold ;
    background:#269326;
    padding:1px 5px;
    text-decoration: none;
    border:1px solid #269326;
    color:#fff
    }

/* mdm */
#left-column .actualite{
  padding:3px 5px;
  margin:5px 0;
  }
  #left-column .actualite p{
    color:#fff;
    margin:0;
    padding:0;
    font-size:11px;
    line-height:12px;
    }
  #left-column .actualite .lead{
    text-transform: uppercase;
    font-size:11px;
    font-weight:bold;
    font-family: Verdana;
    padding-bottom:2px;
    }

 #left-column .actualite .image-right img{
  border:1px solid #000000;
  }

.photo{
  margin:0 auto;
  }

#newsletter{
  background:url(../images/charte/bg-newsletter.jpg) no-repeat center top;
  width:320px;
  height:230px;
  padding-top:130px;

  }
  #newsletter .field1 input {
    background-color: #ffffff;
    border:1px solid #B6B7B6;
    font:normal 12px Arial;
    color:#33221B;
    padding:1px 3px;
    float:left;
    margin-left:55px;
    display:inline;
    width:170px;
    }
  .ok-btn{
    float:left;
    }

  #newsletter .ok{
	  background:url(../images/charte/ok.jpg) no-repeat left top;
    cursor:pointer;
    width:37px;
    height:24px;
    border:none;
    color:#ffffff;
    font:normal 12px Arial !important;
    padding-bottom:5px;
		}
  #newsletter .ok:hover{
		background:url(../images/charte/ok-over.jpg) no-repeat left top;
    }
  .fermer{
    background:url(../images/charte/fermer.jpg) no-repeat left top;
    width:23px;
    height:22px;
    position:absolute;
    bottom:3px;
    right:3px;
    }
  .fermer:hover{
    background:url(../images/charte/fermer-over.jpg) no-repeat left top;
    }