html {
overflow-y: scroll;
overflow-y: -moz-scrollbars-vertical;
width: 100%;
height:100%;}

/* ---------  BODY   --------------------------------------------*/

body  {
    margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
    font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height:14px; color:#000000;  
    width: 100%;
    height:100%;
	background-color:#B3AA9D;
	background-image:url(img/motif.jpg)
}

.table_img{
}

.bouton0 {
	position:absolute;
	left:0px; top:100px;
	width:100%;
	height:80%; 
}
.qui {
	position:absolute;
	left:100px; top:140px;
	width:220px;
}
.contacts {
	position:absolute;
	left:248px; top:160px;
	width:170px; 	height:170px; 
	background-color:#7C5D43;
	padding:17px;
	text-align:right;
    font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height:13px; color:#FFFFFF;  
}

/* ---------      C O N T E N U S      --------------------------------------------*/

.contenu_general1 {
		min-width:870px;
		width: expression((document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) < 870  ? "870px": "auto" );
         background-repeat:no-repeat; background-position:right bottom ;
		border: solid 1px #B3AA9D;
		background-color:#FFFFFF;
		}
.contenu_general2 {
		min-width:870px;
		width: expression((document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) < 870  ? "870px": "auto" );
		border: solid 1px #B3AA9D;
		background-color:#FFFFFF;
       }
.contenuNav1 {
		float:left;
		width:215px; height:12px;  
		text-align:left;
        font-family: Arial, Helvetica, sans-serif; font-size: 9px; line-height:11px; color:#B3AA9D;
		margin:5px 0px;
		padding:0px 0px 0px 16px;
       }

.contenuNav1b {
		float:left;
		width:220px; height:12px;  
		text-align:right;
        font-family: Arial, Helvetica, sans-serif; font-size: 9px; line-height:11px; color:#B3AA9D;
		margin:5px 0px;
      }

.contenuNav2 {
		float:left;
		height:50px; width:550px; 
		text-align:left;
        font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height:14px; color:#B3AA9D;
		padding:0px 0px 0px 16px;
	    background-color:#FFFFFF;
		}
.contenu_logo1 {
		float:right;
		padding:0px 36px 0px 0px;
		text-align:center;
		background-color:#FFFFFF;
		margin-top:-5px;
		padding:0px 50px 0px 0px;
       }
.contenu_img1 {
		float:left;
	    width:450px; height:450px;   
       }
.cell_img1{
	width:450px;  float:left; height:450px;   
}
.cell_nav1{
	width:384px;   height:320px;
	float:right;
	padding:0px 16px 0px 0px;
 }

/* ---------   S P A C E R S   --------------------------------------------*/
.spacer {
text-align: center;
clear: both;
}
.spacerL {
text-align: left;
clear: both;
}
.spacerJ {
text-align:justify;
clear: both;
}
.spacerR {
text-align: right;
clear: both;
}
#centrageGen {
text-align: center;
}

/* ---------   E N T E T E S   --------------------------------------------*/

.entete1 {
        width: 776px;
		background-image:url(img/cadre1-1.gif);         
		background-repeat:no-repeat;	
		margin-left: auto; margin-right: auto;
		}

/* ---------      C O R P S   E T   P I E D      --------------------------------------------*/

.corps1 {
        width: 776px; 
		background-image:url(img/cadre1-2.gif);         
		background-repeat:repeat-y;	
		margin-left: auto; margin-right: auto;
		}
.pied1 {
        width: 760px; 
		margin-left: auto; margin-right: auto;
		}

/* ---------      C O L O N N E S     --------------------------------------------*/

.col_gauche { 
		float:left;
		width: 620px;
        height: auto;
		margin-left:0px; margin-right:0px;
		text-align:left;
      }
.col_gauche_1 { 
		float:left;
		width: 440px;
		text-align:left;
      }
.col_gauche_2 { 
		float:right;
		width: 180px;
		text-align:left;
      }
.col_gauche3 { 
		float:left;
		width: 460px;
        height: auto;
		margin-left:0px; margin-right:0px;
		text-align:left;
      }
.col_gauche_4 { 
		float:left;
		text-align:justify;
		background-color:#FFFFFF;
      }
.col_droite { 
		float:left;
		width: 148px;
        margin-left:0px; margin-right:0px;
		text-align:left;
		/*border:solid 1px #000000;*/
      }

/* ---------    B A R R E S   --------------------------------------------*/

.barre_couleur1 {
		width: 450px; height:16px;
		background-color:#B3AA9D;         
		}
		
/* ---------LES BOITES --------------------------------------------*/


.boite {
		width:560px;
		background-color:#F2F5F9;
		padding:10px;
		/*padding:6px;*/		  
    }
.boiteG {
		width:400px;
		background-color:#F2F5F9;
		padding:2px;
		/*padding:6px;*/		  
    }

/* ---------------------------------    M E N U S   ------------------------------------*/

.menu1  {  position:absolute ; z-index:200; top: 266px; text-align:left; }
.menu2  {  position:absolute ; z-index:200; top: 174px; text-align:left; }


.menu3  {
	position:absolute;
	z-index:500;
	top: 184px;
	text-align:left;
	padding:20px;
	background-color:#FFFFFF;
	width:660px;
}
.menuF  {  padding:6px;background-color:#FFFFFF; }


.menuB1 {  padding:2px 6px 6px 6px;background-color:#FF9900 }

.menuB2 {  padding:2px 6px 6px 6px;background-color:#4FBFFF }

.menuB3 {  padding:2px 6px 6px 6px;background-color:#A9D13F }

.menuB4 {  padding:2px 6px 6px 6px;background-color:#A08CE3 }

.menuB5 {  padding:2px 6px 6px 6px;background-color:#B4C2D6 }

/* ---------------------------------    F L O A T   ------------------------------------*/

.leftL {   
		float:left;
		text-align:left;
 		 }
.leftR {  
		float:left;
		text-align:right;
      }
.rightL {   
		float:right;
		text-align:left;
      }
.rightR {  
		float:right;
		text-align:right;
      }
.leftListe1 {   
		float:left;
		text-align:right;
 		width:130px;
 		padding:4px;
		 }
.leftListeColor {   
		float:left;
		text-align:left;
 		padding:4px;
		background-color:#E2E8F0;
 		width:414px;
		}

/* ---------------------------------------------------------------------------------*/

.encadre1 {
		position:relative;
		width:170px;
		border:solid 1px #E2E8F0;
		margin:auto;
		/*padding:6px;*/		  
      }

.cartouche1 {
        width: 269px; height:26px;
		background-image:url(img/cartouche1.gif);         
		background-repeat:no-repeat;	
		margin-left: auto; margin-right: auto;
		}
.titre1 {
        width: 776px; 
		margin-left: auto; margin-right: auto;
        text-align:left;
		}
.titre2 {
        width: 460px; 
		margin-left: auto; margin-right: auto;
        text-align:left;
		}



hr { border-style:ridge}
p.special  {margin : 0;padding : 0;}


h1,h2,h3,h4,form { display : inline;  }	

ul {margin:4px 16px; padding:0px;}
li {list-style:square;}

ul.x1 {margin : 0;padding : 0;}
li.x1  { display:inline; list-style:none;}

	
	.hiddenlayer {
    visibility:hidden; 
	}
	.visiblelayer {
	}


.masquageShow {
		visibility:visible; display:block;
	}
.masquageHide {
		visibility:hidden; display:none;
	}