/* *** Generated by www.csscreator.com *** */
/* *** modified by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

body {
	background: #F3E7D2;
	padding:0px;
	margin:0px;
	font: normal 10px Arial;
	/*width: 997px;
	align: center;*/
	
}

/* ----------container to center the layout-------- */
#container {
	width: 941px;
	padding:0px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
} 	

/* ----------banner for logo-------------- */
#banner {
	padding: 0px;
	margin: 0px; 	
	background: #F3E7D2;	
	margin-left: auto;
	margin-right: auto;
	width: 941px;
	
}

#bannerText{
	height: 18px;
	font: normal 12px Arial;
	color: #9D865C;
	padding: 0 0 0 12px;
}

#langue{
	width: 115px;
	float: left;
	font-weight: bold;
}
#url{
	/*width: 136px;*/
	float: left;
	font-weight: normal;
	color: #D8C7A8;
	font-size: 11px;
	text-align: center;
}
#description{
	width: 668px;
	float: left;
	font-weight: normal;
	color: #D8C7A8;
	font-size: 11px;
	text-align: right;
}

#bannerImg{
	height: 285px;
	width: 941px;
	background: url(../__img/banner1.jpg) left no-repeat;
	
	
}
#bannerFlash{
	height: 285px;
	width: 918px;
	padding: 0 0 0 11px;
}

.gobain{
	padding: 20px 0 10px 20px;
	height: 31px;
	width: 60px;
}



/* generated by csscreator.com */ 
#content{
	width:941px;
}

#twocols{
	width:760px; 
 	float:right; 
 	position:relative; 
 	
}

#pagewidth{ 
 	background:url(../__img/border.jpg) left repeat-y;
} 

#maincol{
	float: left; 
	display:inline; 
	position: relative; 
	/*width: 626px;*/
	width: 640px;
	background-color: #ffffff;
	
 }

/** colonne droite ***/
 #rightcol{
	/*width:107px; */
	width:120px; 
	height: 150px;
	float:right; 
	position:relative;	
	background: url(../__img/headerColDroite.jpg) left no-repeat;	
}

.infoRight{
	padding-top:153px;
}


.gobain img{
	border: 1px solid #9D865C;
	/*color: #9D865C;
	text-decoration: none;*/
	}


.adherent{
	margin-left: 5px
	
}

/*** colonne gauche ***/
#leftcol{
 	width:100;
 	float:left; 
 	position:relative;
 	padding: 0 0 0 0px;
 	
}

/**** Boite *****/
.headerBoite{
	height: 18px;
	width: 141px;
	background: url(../__img/headerBoite.jpg) top no-repeat;
	
}

.borderBoite{
	background: url(../__img/contentBoite.jpg) top repeat-y;
}

.contentBoite{
	width: 139px;
	font: bold 12px high Tower Text Reg;
	color: #8D6A48;
	text-transform: uppercase;
}
.footerBoite{
	height: 24px;
	width: 141px;
	background: url(../__img/footerBoite.jpg) top no-repeat;
	
}

/*  ----------------footer---------------------- */ 
#footer {
	clear:left;
	width: 941px;
	padding:0px;
	margin:0px;
	text-align: center;
	height:60px;
	font: bold 12px Arial;
	color:#8B7753;
	text-decoration:none;
} 



#headerFooter{
	
	height: 25px;
	background:#EFE6D5 url(../__img/pied.jpg) top no-repeat;
}

/***** Fin boite  *****/

a {
	color: #9D865C;
	/*text-decoration: none;*/
}
a:visited {color:#9D865C;}
a:hover {color: #9D865C;}
a:active { color:#9D865C;}


p{
	margin: 0px;
	padding: 0px
}

h1 {
	font-size: 13px;
	text-transform:uppercase;
	font-weight: normal;
	letter-spacing: -1px;	
	color: #02365E;
	padding: 0 0 0 15px;
	background: #ffffff url(../__img/puceH1.jpg) left no-repeat;
}

h2{
	color: #AF7020;
	font: normal 30px Arial;
	padding: 18px 27px 10px 20px;
	margin: 0px;
}

h2 a {
	text-decoration: none;
}
h2 a:visited{
	color: #AF7020;
	/*text-decoration: none;*/
}
h2 a:hover{
	color: #AF7020;
	/*text-decoration: none;*/
}
h2 a:active{
	color: #AF7020;
	/*text-decoration: none;*/
}





h3{
	color: #797979;
	font: normal 18px Arial;
	padding: 0px 27px 10px 20px;
	margin: 0px;
}

h4{
	color: #916D4A;
	font: normal 12px Arial; 
}

.article{
	color: #797979;
	font: normal 12px Arial;
	padding: 0px 27px 10px 20px;	
}

.article p{
	padding: 5px 0px 5px 0px;
}
.article a{
	color: #A08668;
}

p{
	padding: 0px 0px 0px 0px;
}

p a{
	color: #9D865C;
	/*text-decoration: underlineo;*/
}

p ul{
	padding-left: 0;
	margin: 0px;
}

p li{
	color:#916D4A;
	font: bold 10px Arial;
	list-style-type: none;
	/*padding-left: 8px;
	padding-top: 3px;*/
}
p li a{
	 text-decoration: none;
	 color: #916D4A;
	 font: bold 10px Arial;
	 list-style-type: none;
	 }
p li a:visited {color:#916D4A;}
p li a:hover {
	color: #916D4A; 
	 font:bold 10px Arial;
	text-decoration: underline;
}
p li a:active { color:#916D4A;}

.separateur{
	padding: 0px 27px 5px 20px;
	margin: 0px 27px 10px 20px;
	background: url(../__img/separateur.jpg) left repeat-x;
}

.infoArticle {
	padding: 0px 27px 10px 20px;
	color: #AC8C68;
	font: normal 11px arial;
	text-align: left;
	
}

.infoArticle a{
	color: #9D865C;
	/*text-decoration: none;*/
}

.o{
	font-size:11px;
	font-weight: bold;
	color:#97B843;
	letter-spacing: -1px;
}

ul{
	padding-left: 0;
	margin: 0px;
}

li{
	color:#916D4A;
	font: bold 10px Arial;
	list-style-type: none;
	padding-left: 8px;
	padding-top: 3px;
}
li a{
	 text-decoration: none;
	 color: #916D4A;
	 font: bold 10px Arial;
	 list-style-type: none;
	 }
li a:visited {color:#916D4A;}
li a:hover {
	color: #916D4A; 
	 font:bold 10px Arial;
	text-decoration: underline;
}
li a:active { color:#916D4A;}


/*h4{
	color: #916D4A;
	font: normal 12px Times New Roman;
	padding: 2px 0 2px 0;
	margin: 0px;
}*/


/* ----------banner for logo-------------- */


/* ----------outer and inner----------------- */


 


#contentColLeft{
	padding: 0 0 0 25px;
}

 
 /* *** Float containers fix: http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 



.scroll{
	height: 10px;
	overflow:auto;	
}