body {
		font-size: 0.8em;
	font-family:"verdana",Arial,helvetica,serif,FRSCRIPT.ttf;  
		margin-top:0;	
	padding:0;
		background-color:   #DCDCDC;
			background-image: url(../images/backgr.jpg);		
	
	}

	.noprint
{
position:absolute;
	margin-top:-500px;
	margin-left:0px;
}

.gr{
	font-size:1em;
	font-weight: bold;
	font-style: italic;
	color:  Maroon;    
	text-decoration: none;	
	}
	
	.gr2{
	font-size:1.1em;
	font-weight: bold;
	font-style: italic;
	color:  Maroon;    
	text-decoration: none;	
	}
	
.gn {
	color:black;
	font-size:1em;
	font-weight: bold;	
		}

.wh{
	color: white;
	font-size:1em;
	font-weight: bold;
	}

.redf{
color:red;
}


.page
{
    margin-left:auto;
	 margin-right:auto;
	 margin-top:40px;
	 width: 900px;
	 height:2100px;	
	 border-left-style: solid;
	 border-left-width: 2px;
	 border-left-color:  #FCD022;
	 border-right-style: solid;
	 border-right-width: 2px;
		 border-right-color:#FCD022;
	 border-bottom-style:solid;
	 border-bottom-width:thin;
	 border-bottom-color: #FCD022;
	 border-top-color: #FCD022;
	 background-color: 	 white;
}


#header {
position:absolute;	
	height: 200px;	
	margin-top:2px;
	margin-left:0px;
	width:900px;
			background-image: url(../images/jaune_degrade2_H2.jpg);		
		z-index:2;
	
}

#cgh{
position:absolute;
margin-top:-30px;
margin-left:-1px;
height:41px;
width:41px;
background-image: url(../images/coin_gh.gif);
background-repeat: no-repeat;
	z-index:1;
  	
  }
#barre_h
{
clear:both;
position:absolute;
margin-top:-30px;
margin-left:40px;
height:41px;
width:821px;
background-image: url(../images/jaune.gif);
	z-index:1;

}
#cdh{
position:absolute;
margin-top:-30px;
margin-left:860px;
height:41px;
width:41px;
background-image: url(../images/coin_dh.gif);
background-repeat: no-repeat;
	z-index:1;
  	
  }

  #cgb{
	position:absolute;
margin-top:2100px;
margin-left:-1px;
height:41px;
width:41px;
background-image: url(../images/coin_gb.gif);
background-repeat: no-repeat;
	z-index:0;
}

#barre_b
{	
position:absolute;
margin-top:2100px;
margin-left:40px;
height:41px;
width:821px;
background-image: url(../images/jauneb.gif);
	z-index:0;

}
#cdb{
	position:absolute;
margin-top:2100px;
margin-left:860px;
height:41px;
width:41px;
background-image: url(../images/coin_db.gif);
background-repeat: no-repeat;
	z-index:0;
}



  a.cdc_cool{
position: absolute;
	margin-top: -30px;
	margin-left:300px;
	width:400px;
	height:65px;
	background-image: url(../images/metn.gif)  ;
	z-index:5;
}

a.cdc_cool span{
display:none;
}

a.cdc_cool:hover {
background-position:0% -65px;
}


#img1{
	position: absolute;
	margin-top:42px;
	margin-left:85px;
	width:133px;
	height:100px;
		z-index:1;
	 
}

#img2{
	position: absolute;
	margin-top: 34px;
	margin-left:204px;
	width:133px;
	height:100px;
		z-index:1;
	
}


#img3{
	position: absolute;
	margin-top:26px;
	margin-left:324px;
	width:133px;
	height:100px;
		z-index:1;
	
}


#img4{
	position: absolute;
	margin-top:34px;
	margin-left:444px;
	width:133px;
	height:100px;
		z-index:1;
	
}

#img5{
	position: absolute;
	margin-top:42px;
	margin-left:568px;
	width:133px;
	height:100px;
		z-index:1;
	
}


#img6{
	position: absolute;
	margin-top:46px;
	margin-left:636px;
	width:133px;
	height:100px;
		z-index:0;
	
}

#img7{
	position: absolute;
	margin-top:40px;
	margin-left:756px;
	width:133px;
	height:100px;
		z-index:1;
	
}
#noeud{
	position:absolute;
	margin-left:-10px;
	margin-top:-5px;
	width:50px;
	height:50px;
	background-image: url(../images/chg.png);
	background-repeat: no-repeat;
	z-index:2;
}

a.mannequin {
position:absolute;
list-style-type:none;
display: block;
margin-left:32px;
margin-top:42px;
width: 133px;
height: 130px;
background:url(../images/2mannequins.gif) no-repeat  ;
z-index:2;
}


a.mannequin span{
display:none;
}


a.mannequin:hover {
 background-position:0% -135px;
}

#administration
{
	position:absolute;
	margin-top:2px;
	margin-left:800px;
	color: green;
	 list-style-type: none;
}




.images_entete1
{
	position: absolute;
	margin-top: 42px;
	margin-left:145px;
	width:750px;
	height:97px;
	background: url(../images/bandeau3b2XX.jpg) no-repeat ;  	
	z-index:2;
}









div.menu_haut ul {
	position:absolute;
margin-top:138px;
margin-left:207px;
padding-top: 1px;
padding-left: 5px;
padding-right:1px;
padding-bottom: 1px;
list-style-type:none;
text-align:left;
font-size:0.8em;
font-family:"verdana",Arial,helvetica,serif;
width:700px;
z-index:6;
}


div.menu_haut li{
 list-style-type: none;
float:left;
width:160px;
height:20px;
  text-align:left;
  padding: 2px 5px 2px 2px;
}


div.menu_haut li a {
display:block;
color:black;
text-decoration:none;
width:145px;
margin :5px 5px 5px 5px ; 
padding: 5px 5px 5px 5px ;
text-align:left;
border-width:0px;
}


div.menu_haut li a:link {
    color: black;
    font-weight: bold; 
	   border-style: outset;

}


div.menu_haut li a:visited {
    color: #000000;
    font-weight: normal; 
    border-style: inset;
 
}
div.menu_haut li a:hover {
	
		color: #2E8B57;	
	   background-color: #EEE8AA;
    border-style: outset;	
	  border-width: 2px;
	  
	}

div.menu_haut li a:active {

    font-weight: bold;
    color: #FFFFFF;
    	background-color: #008B8B;
    border-style: inset;

}



#gauche
{
clear:both;
	position: absolute;
	display: block;
	margin-left: 0px;
	margin-top: 200px;
	width: 190px;
	height: 1900px;	
	background-repeat: repeat-y;
	background-color:#F6F6DC;
	background-image: url(../images/jaune_degrade2_H2.jpg);
	background-position: left;
	border-left-width: thin;	
	
}

.logo
{
  
margin-top:0px;
margin-left:20px;
	width:150px;
	height:100px;
	padding:0 0 10px 0;
	background: url(../images/logo3.gif) no-repeat;
			 z-index:0;
		}

.adresse{
	width: 80em;
	margin-top: 1px;
	margin-left: 5px;
	padding-top:5px;
	width: 180px;	
	height:80px;
	color: #556B2F;
	 text-align:center;
	
}


#ouverture{
  margin-left: 0px;
	margin-top: 10px;
	padding-top:5px;
	width:190px;
	height:190px;	
	color:  #006400;
	border-bottom:thin;
	border-bottom-style: solid;
	 border-bottom-width: 2px;
	 border-bottom-color:black;
	 text-align:center;
		 	background-image: url(../images/gris.jpg);
		z-index:auto;	
}

#compteur{
	margin-top:10px;
	margin-left: 1px;
	width: 187px;	
	height:40px;
	
	z-index:2;
}



#echelle{
  margin-left: 0px;
	margin-top: 30px;
	width:190px;
	height:735px;	
	z-index:1;	
	
}
#courrier{
	margin-top: -720px;
	margin-left: 50px;
	width: 128px;	
	height:101px;
	list-style-type:none;
     z-index:2;
}

div.menu_gauche ul  {
position:absolute;
		margin-top:50px;
	margin-left: 20px;
	padding:0 0 5px 0px;
	width: 15em;	
	list-style-type: none;
	text-align:left;
	 
	}

div.menu_gauche li{
	padding-left: 1em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	margin-bottom: 1em;	
	background-image: url(../images/postit3.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width:135px;
	list-style-type:none;
	height:20px;

}

div.menu_gauche li a {
display:block;
color: #710000;
text-decoration:none;
text-align:left;

}
div.menu_gauche a:hover {
display:block;
color: #710000;
text-decoration:none;
width:135px;
height:20px;
text-align:left;

}


			
#conteneur{
	position: absolute;
	display: block;
   margin-left:190px;
	margin-top: 197px;
	width:710px;
		
}

	

#annonce1
	{ position:absolute;
	  margin-left:0px;
	  margin-top:0px;
		width:710px;
	height:220px;	
	padding-top:5px ;
	padding-bottom:5px;
  z-index:0;
			}
	

			
#annonce2
	{ position:absolute;
	  margin-left:60px;
	  margin-top:250px;
		width:600px;
	
			}

			#part1{
		position:absolute;
	  margin-left:0px;
	  margin-top:0px;
		width:300px;	
		height:220px;			
			}
				#part2{
				position:absolute;
			  margin-left:300px;
	  margin-top:0px;
		width:300px;	
		height:220px;			
			}
				#part3{
		position:absolute;
	  margin-left:0px;
	  margin-top:219px;
		width:300px;	
		height:200px;			
			}
					#part4{
				position:absolute;
			  margin-left:300px;
	  margin-top:219px;
		width:300px;	
		height:200px;			
			}
			
#colonnea
	{ position:absolute;
	  margin-left:10px;
	  margin-top:680px;
		width:300px;
	height:1px;
	border-width:0;
	border-style: none;
	
		
			}
			
.bloc1a
{
	margin-left: 15px;
	margin-top: 10px;
		padding:10px 0px 35px 20px;
		
	}

.bloc2a
{	
	margin-left: 55px;
	margin-top: 10px;
	padding-top:10px;
	padding-bottom:35px;		
}

#colonneb
	{ position:absolute;
	  margin-left:310px;
	  margin-top:680px;
		width:370px;
	height:1px;
	border-width:0;
	border-style:none;
	
			}	
		
.bloc2b
{	margin-left:-40px;
	margin-top: 5px;	
	padding-bottom:2px;		
	height:260Px;
}

	
	
#pierre_laurence{
		margin-top:30px;
		margin-left:70px;
}

#googlemap{
	margin-top:50px;
	margin-left:50px;
	
}




#footer {
	position:absolute;
	display: block;
	background-position: left;
	margin-top:2110px;
	margin-left: 170px;
		width:730px;
		z-index:1;
}



#w3c{	
margin-top:-5px;
margin-left:-150px;
height:30px;

	}

#photos{
	margin-left:15em;
	margin-top:-30px;
	height:30px;
	font-size : smaller;
	}

#webmestre{
	margin-left:55em;
	margin-top:-30px;
	height:30px;
	font-size : smaller;
	}

#courriel{
	position:absolute;
	  margin-left:55px;
	  margin-top:30px;
		width:600px;
	height:186px;
	}