/*===| I. MAIN LAYOUT  |=====================================================*/
* {margin: 0;}
html, body {height: 100%;width: 100%;}
ul, li{list-style: none;list-style-position: outside;	margin: 0;	padding: 0;}
p{padding: 0;}
.left{float: left;} .right{float: right;}
#push, .clr	{clear: both;}

body{}
#bg1{position:absolute;z-index: 1; width:100%;}
#bg2{position:absolute;z-index: 2; width:100%;}
#bg3{position:absolute;z-index: 3; background:url("images/bg-contenu.jpg") 50% 0% no-repeat;}

#wrap-container{background:#ffffff url("images/bg-body.jpg") 50% 0% repeat-y; position:relative;z-index:4; width: 100%;}
#container{margin:0 auto; text-align: left;}
#content{background:url("images/bg-container.jpg") center top repeat-y;}

/* ===| II. HEADER ELEMENTS |================================================*/
#site-header{  }
/*#site-header .inner{}*/

/* ===| III. LEFT COLUMN ELEMENTS |===========================================*/
#left-outter{float:left; margin: 0; overflow: hidden;}
#left-inner{padding: 0px 0px 0px 0px;}

/*................actualites...................*/
#actualite{
	width:249px;
	height:98px;
	background: url(../../images/charte/bg-actualites.jpg) no-repeat top left;
	padding-top:31px;
	padding-left:13px;
}
#actualite .inner{
	width:251px;
}
	#actualite .inner img{
	  border: solid 1px #000000;
	  float:left;
	  margin:5px 8px 0 0px;
	}
	#actualite .inner p {
	  padding-right:14px;
	  padding-top:1px;
	}
#actualite .detail{
	 width: 114px;
	 height:23px;
	 float: left;
}

/*..................coordonnees.................................*/
#contact-info{
	width:262px;
	height:210px;
	background: url(../../images/charte/bg-coordonnees.jpg) no-repeat top left;
}
.title-info{ 
	padding-top:34px;
	padding-bottom:9px;
}
#info-text{
	float:left;
	width:230px;
	padding-left:13px;
}
	#info-text p{
		float:left;
		line-height:13px!important;
		padding-top:6px;
		padding-left:28px;
	}
#text-info{padding-left:13px; margin-top:10px; margin-bottom:15px; width:230px;}

.mail-adress{ padding-left:28px;}


/*..................horaires.................................*/
#horaires{
	width:262px;
	height:86px;
	padding-top:42px;
	background: url(../../images/charte/bg-horaires.jpg) no-repeat top left;
}
#horaires p{
	padding-left:13px;
}

/*..................................plan....................................*/
#plan{
	width:262px;
	height:69px;
 	background: url(../../images/charte/bg-plan.jpg) no-repeat top left;
}
	#plan-img{
		float:left;
		padding-top:26px;
		padding-left:24px;

	}
		#plan-img a{ padding-left:0px !important; margin-left:0px;}

/* ===| IV. RIGHT COLUMN ELEMENTS |===========================================*/
#right-outter{	float:left;	margin:0; padding:0; overflow: hidden;}
#right-inner{padding:22px 1px 5px 2px; float:left;}

/* ===| V. FOOTER BOXES |=====================================================*/
#wrap-footer {position:relative; z-index: 4; background:#ffffff url("images/bg-wrapfooter.jpg") 50% 0% no-repeat;}
#fwrap1 {position:absolute; z-index: -3; left:0; }
#fwrap2 {position:absolute; z-index: -2; left:0; }
#fwrap3 {position:absolute; z-index: -1; left:0; }

#footer.outter	{ margin: 0 auto; padding: 0px; background:url("images/bg-footer.jpg") no-repeat top center; height:102px;}
#footer .inner	{padding: 0 0 0px;}

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

/* ===| VI. OTHER ELEMENTS |====================================================*/
img {border: 0;}
	
img.thumb{
	margin:0px 11px 0px 26px; 
	width:164px; 
	height:126px; 
}
img.thumb0{
	margin:0px 20px 0px 16px; 
	width:164px; 
	height:126px; 
}
img.thumb1{
	margin:0px 12px 0px 13px; 
	width:164px; 
	height:126px; 
}
img.thumb2{
	margin:0px 20px 0px 0px; 
	width:164px; 
	height:126px; 
}
img.thumb3{
	margin:0px 20px 0px 16px; 
	width:126px; 
	height:164px; 
}
img.text{
	margin:12px 7px 10px 0px; 
	width:164px; 
	height:126px; 
}

#menu2 ul li{display: inline;}

.separator{width:100%;	height:0px; clear:both; padding:0; margin:15px 0; border-top: 1px solid; border-bottom: 1px solid; line-height: 0px; font-size: 0; overflow: hidden;}

#title{
	width:668px;
	height:71px;
	background-color:#000000;
	float:left;
	padding:20px 13px 0px 18px;
}

.text-color{ color:#000000; font-weight:bold;}

.bg-text{
	width:681px;
	height:139px;
	float:left;
	background: url(../../images/charte/bg-text.jpg) no-repeat top left;
	padding-top:13px;
	padding-left:16px;
	margin-bottom:19px;
}
.bg-text5{
	width:681px;
	/*height:139px;*/
	float:left;
	background: url(../../images/charte/bg-text.jpg) repeat-y top left;
	padding-top:13px;
	padding-left:16px;
	margin-bottom:19px;
}
.bg-text0{
	width:681px;
	height:136px;
	float:left;
	background: url(../../images/charte/bg-text.jpg) no-repeat top left;
	padding-top:10px;
	padding-left:16px;
	margin-bottom:10px;
	margin-top:20px;
}
.bg-text1{
	width:668px;
	height:139px;
	float:left;
	background: url(../../images/charte/bg-text.jpg) no-repeat top left;
	padding-top:13px;
	padding-left:16px;
	padding-right:13px;
	margin-top:20px;
}
.bg-text2{
	width:681px;
	height:85px;
	float:left;
	background: url(../../images/charte/bg-text1.jpg) no-repeat top left;
	padding-top:5px;
	padding-left:16px;
	margin-bottom:19px;
}
.bg-text3{
	width:497px;
	height:113px;
	float:left;
	background:url(../../images/charte/bg-text2.jpg) no-repeat top left;
	padding-top:13px;
	padding-left:16px;
	padding-right:13px;
	margin-top:12px;
}
.bg-text4{
	width:164px;
	height:101px;
	float:left;
	background: url(../../images/charte/bg-text3.jpg) no-repeat top left;
	margin-right:7px;
	margin-top:10px;
	padding-top:25px;
	text-align:center;
}

.text-page{
	width:526px;
	height:126px;
	float:left;
	margin-top:10px;
}


ul.list{
	padding:24px 0px 9px 0px;
    float:left;
    margin: 0;
	width:267px;
	}
	ul.list li{
		background: url(../../images/charte/bullet.jpg) no-repeat top left;
		background-position:0px 1px;
		text-align:left;
		line-height:14px;
		font-family: Verdana;
		font-size: 12px;
		color:#000000;
		font-weight:normal;
		padding:0px 0px 1px 16px;
	}
ul.list0{
	padding:24px 0px 9px 0px;
    float:left;
    margin: 0;
	width:170px;
	}
	ul.list0 li{
		background: url(../../images/charte/bullet.jpg) no-repeat top left;
		background-position:0px 1px;
		text-align:left;
		line-height:14px;
		font-family: Verdana;
		font-size: 12px;
		color:#000000;
		font-weight:normal;
		padding:0px 0px 1px 16px;
	}
ul.list1{
	padding:15px 0px 9px 0px;
    float:left;
    margin: 0;
	width:420px;
	}
	ul.list1 li{
		background: url(../../images/charte/bullet1.jpg) no-repeat top left;
		background-position:0px 1px;
		text-align:left;
		line-height:14px;
		font-family: Verdana;
		font-size: 12px;
		color:#000000;
		font-weight:normal;
		padding:0px 0px 1px 16px;
	}
ul.list2{
	padding:15px 0px 9px 0px;
    float:left;
    margin: 0;
	width:360px;
	}
	ul.list2 li{
		background: url(../../images/charte/bullet.jpg) no-repeat top left;
		background-position:0px 1px;
		text-align:left;
		line-height:14px;
		font-family: Verdana;
		font-size: 12px;
		color:#000000;
		font-weight:normal;
		padding:0px 0px 1px 16px;
	}
ul.list3{
	padding:10px 0px 9px 0px;
    float:left;
    margin: 0;
	width:480px;
	}
	ul.list3 li{
		background: url(../../images/charte/bullet.jpg) no-repeat top left;
		background-position:0px 1px;
		text-align:left;
		line-height:14px;
		font-family: Verdana;
		font-size: 12px;
		color:#000000;
		font-weight:normal;
		padding:0px 0px 1px 16px;
	}
ul.list4{
	padding:10px 0px 9px 0px;
    float:left;
    margin: 0;
	width:150px;
	}
	ul.list4 li{
		background: url(../../images/charte/bullet.jpg) no-repeat top left;
		background-position:0px 1px;
		text-align:left;
		line-height:14px;
		font-family: Verdana;
		font-size: 12px;
		color:#000000;
		font-weight:normal;
		padding:0px 0px 1px 16px;
	}
ul.list5{
	padding:5px 0px 9px 0px;
    float:left;
    margin: 0;
	width:295px;
	}
	ul.list5 li{
		background: url(../../images/charte/bullet1.jpg) no-repeat top left;
		background-position:0px 1px;
		text-align:left;
		line-height:14px;
		font-family: Verdana;
		font-size: 12px;
		color:#000000;
		font-weight:normal;
		padding:0px 0px 1px 16px;
	}
ul.list6{
	padding:10px 0px 9px 0px;
    float:left;
    margin: 0;
	width:80px;
	}
	ul.list6 li{
		background: url(../../images/charte/bullet.jpg) no-repeat top left;
		background-position:0px 1px;
		text-align:left;
		line-height:14px;
		font-family: Verdana;
		font-size: 12px;
		color:#000000;
		font-weight:normal;
		padding:0px 0px 1px 16px;
	}

.paragraph{ float:left; width:697px;}
	.paragraph p{ padding-top:10px;}
	
.paragraph0{ float:left; width:697px;}

.paragraph1{ float:left; width:697px;}
	.paragraph1 p{ padding:0px 15px;}

.paragraph2{ float:left; width:697px;}
	.paragraph2 p{ padding:10px 15px 0px 15px;}

.img-page{
	float:right;
    margin-top: 0;
    padding: 0;
	width:102px;
	height:104px;
}

.page-text{ padding-top:15px;}

.page-list{
	float:left;
	width:450px;
	padding-left:45px;
	padding-bottom:10px;
}
/* contact */
.box-left{
	float: left;
	width:310px;
}
.box-right{
	float: left;
	width: 290px;
	padding-left:20px;
}
.box-message{padding-left:20px;}
		
#form-contact{
	float:left; 
	width:98%;
	padding-left:50px; 
	padding-top:20px;
	background: url(../../images/charte/bg-contact.jpg) no-repeat 530px 165px;
}
.square{
	float:left; 
	width:15px; 
	height:15px; 
	text-align:left;
}
.votre-message{
	float:left; 
	width:150px;
	height:15px; 
	padding-left:5px; 
	padding-bottom:5px;
	color:#000000;
}
#contact-button{
	float:left; 
	width:440px;
	text-align:center;
	padding-top:15px;
	padding-left:75px;
}
.message{
	width:620px; 
	float:left; 
	padding-bottom:10px;
}
.col1{
	float:left;
	width:210px;
	padding-left:15px;
}
.col2{
	float:left;
	width:170px;
}
.col3{
	float:left;
	width:200px;
}

/* ===| VII. CONTACT FORM |=====================================================*/
#frmContact{margin: 0; padding: 5px; width: 98%;}
#frmContact label{display: block; padding: 4px 2px; border-bottom: 1px solid #ffffff; clear:both;}
#frmContact label span{display:block; width: 29%; float: left;}
#frmContact label input, #frmContact label textarea{width: 40%; vertical-align: top;}

div.submit-buttons{clear: both;	text-align: center; padding: 4px 2px;}
div.submit-buttons input{	border: 1px solid #fff; background: #ccc;}
div.submit-buttons a:hover input{ border: 1px solid #ccc; background: #fff;}