html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, 
acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, dl, dt, dd, ol,  
fieldset, form, label, legend   {
margin: 0;
padding: 0;
border: 0px solid #FFFFFF;
outline: 0;
font-weight:normal;
font-style: inherit;
font-size: 100%;
vertical-align: baseline; }
/* remember to define focus styles! */
:focus {outline: 0; }
body { line-height: 1; color: black; background: white; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

html {
overflow-y: scroll;
overflow-y: -moz-scrollbars-vertical;
}

.italic { font-style:italic;}

.centrageGen {
text-align: center;
}
 

body {
    margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom:10px;
    font-family: Arial, Helvetica, sans-serif;  color:#3C2E07;
    background-color:#4C4C4E;
	color:#FFFFFF;
	letter-spacing:1px;

}
body.fonte1{ font-size: 13px; line-height:17px; }
body.fonte2{ font-size: 16px; line-height:20px; }

/*   STRUCTURE GENERALE  ...............................................................................*/


      
      #corps {
		margin-left: auto; margin-right: auto;
		width:980px; 
		height:697px;
		text-align:left;
        background-image:url(../img/fond0.gif); background-repeat:repeat-y;
		}
      #footer {
		margin-left: auto; margin-right: auto;
		width:960px; 
		text-align:center;
		border:0px solid #4C9300;
 		font-size:11px; line-height:16px;
		color:#888;
        background-image:url(../img/footer.gif); background-repeat:repeat-y;
		}
      div#footer p {
		width:220px; 
		text-align:left;
		padding:0 10px;
		}


		
      #visuel {
	position:absolute;
		width:970px; 
		height:697px;
 		z-index:0;
		}
/* ITEMS MENU ...............................................................................*/
    
	  #menu {
	position:absolute;
	z-index:0;
	display:inline;
	margin:0 0 0 10px;
		}

.boite_menu {
width:72px; 
height:72px;
}
#menuX {   background-color:#221E1F; }
#menu1 {   background-color:#00B0F0; }
#menu2 {   background-color:#1EC4F4;}
#menu3 {   background-color:#6DCFF6;   }
#menu4 {   background-color:#9DDDF9;  }
#menu5 {   background-color:#C6EAFB; }

#menu1_vu {   background-color:#1095C6; }
#menu2_vu {   background-color:#239BBE;}
#menu3_vu {   background-color:#62A6C2;   }
#menu4_vu {   background-color:#90B5C6;  }


#asterisque {   
					position:absolute;
					margin:657px 0 0 10px   ;  
					}

#credit {
position:absolute;
display:none;
color:#fff;
 background-color:#333;
 width:868px; height:60px;
padding:10px;
z-index:10;
 top:617px;
 font-size:11px;
 }
/*   BOITE CONTENU  ...............................................................................*/

#contenu_red {
position:absolute;
left:72px; top:0px;
display:none;
color:#fff;
width:868px; height:55px;
background-color:#00B0F0; 
padding:17px 10px 0 10px;
}


.bande1 { 
position:absolute;
width:610px; 
height:8px;
margin:72px 0 0 90px  ;
display:inline;
   }
.bande2 { 
position:absolute;
width:140px; 
height:8px;
margin:72px 0 0 707px  ;
display:inline;
   }
.bande3 { 
position:absolute;
width:150px; 
height:8px;
display:inline;
   }
   
   .photo_qui { 
position:absolute;
display:inline;
   }


.menu0 {   background-color:#221E1F; }
.menu1 {   background-color:#00B0F0; }
.menu2 {   background-color:#1EC4F4;}
.menu3 {   background-color:#6DCFF6;   }
.menu4 {   background-color:#9DDDF9;  }
.menu5 {   background-color:#C6EAFB; }


.texte { 
position:absolute;
background-color:#000000; 
width:590px; 
margin:0 0 0 90px  ;
display:inline;
padding: 10px;
filter : alpha(opacity=60);
-moz-opacity : 0.6;
opacity : 0.6; 
min-height:160px;
height:auto !important;
height:160px;
}
.photo { 
position:absolute;
width:140px; 
height:180px;
margin:0 0 0 707px  ;
display:inline;
z-index:20;
}
.photo2 { 
position:absolute;
background-image:url(../img/noir60.png) ;
width:140px; 
height:180px;
margin:0 0 0 707px  ;
display:inline;
z-index:1;
}

 /* IMAGES DE FOND  ...............................................................................*/

fond_image1 {   background-image:url(../fonds/visu1.jpg) ;  }



/* TABLE TARIFS ...............................................................................*/

table.tarifs {
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: solid solid solid solid;
	border-color: white white white white;
	border-collapse: collapse;
	background-color: white;

}
table.tarifs th {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: inset inset inset inset;
	border-color: white white white white;
	background-color: #C8DCEA;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.tarifs td {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: inset inset inset inset;
	border-color: white white white white;
	background-color: #E4ECF1;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.tarifs tr:hover {background-color : #FFFFFF;}


/* SOMMAIRE PAGES ...............................................................................*/

.som_pages_pos { 
position:absolute;
background-color:#000000; 
width:596px; 
margin:0 0 0 90px  ;
display:inline;
text-align:right;
padding: 7px;
filter : alpha(opacity=60);
-moz-opacity : 0.6;
opacity : 0.6; 
z-index:0;
}
div#sommaire_pages a:hover{background-color:#019BD4; color:#FFFFFF; border-color:#019BD4;z-index:0;}

div#sommaire_pages a
{
float:left;
text-align:center;
color:#FFFFFF;
display: block ;  
margin-left:4px ;
line-height: 12px ;
width:19px;  height:13px;
text-decoration: none ;
 border:1px solid #FFFFFF;
font-weight:bold;
padding:  3px 0;
z-index:0;

}
.som_pages
{
text-align:center;
float:left;
line-height: 12px ;
width:19px;  height:13px;
z-index:0;
}
.som_pages_gris
{
float:left;
text-align:center;
color:#bbbbbb ;
margin-left:4px;
line-height: 12px ;
width:19px;  height:13px;
border:1px solid #555555;
background-color:#555555 ;
font-weight:bold;
padding:  3px 0;
z-index:0;
}


/* COLONNES ...............................................................................*/

 	  #conteneurG {
		float:left;
		width:220px; 
		text-align:left;
		border:0px solid #4C9300;
		padding-top:77px;
		}
      #conteneurC {
		float:left;
		width:515px; 
		text-align:left;
		border:0px solid #4C9300;
		padding-top:10px;
		}
      #conteneurD {
		float:left;
		width:180px; 
		text-align:left;
		border:0px solid #4C9300;
		padding-top:60px;
		}


/*CALES...............................................................................*/

.cale4 { width:1px; height:4px; font-size:1px; line-height:1px;  }
.cale8 { width:1px; height:8px; font-size:1px; line-height:1px;  }
.cale10 { width:1px; height:10px;  font-size:1px; line-height:1px;}
.cale15 { width:1px; height:15px;  font-size:1px; line-height:1px;}
.cale22 { width:1px; height:22px;  font-size:1px; line-height:1px;}
.cale55 { width:1px; height:55px;  font-size:1px; line-height:1px;}

/*DIVERS...............................................................................*/

.qui_lightbox{
font-size:13px; line-height:17px;
padding:20px 40px;
background-color:#FFFFFF;
color:#666666;
}

.petites_photos{
float:left;
margin-right:8px;
}
#credit img { border:1px solid; border-color:#aaa;}
#credit img:hover{ border:1px solid; border-color:#fff;}
 

/*  UTILITAIRES  ...............................................................................*/

.spacerC { text-align: center; clear: both; }
.spacerL { text-align: left; clear: both; }
.spacerR { text-align: right; clear: both; }
.leftL {  float:left; text-align:left; }
.leftC {  float:left; text-align:center; }
.leftR { float:left; text-align:right; }
.rightL { float:right; text-align:left; }
.rightC { float:right; text-align:center; }
.rightR { float:right; text-align:right; }
.abso { position:absolute; }





.masquageShow {  display:block; }
.menuShow { visibility:visible; display:block; margin-left:0px; }
.masquageHide { display:none; }
.masquageHide2 { visibility:hidden;  }

 img, div  { behavior: url(../iepngfix.htc) }