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: "" ""; }

sup { vertical-align:25%; font-size: 70%; } 
sub { vertical-align:-10%; font-size: 70%; }

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

em { 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; font-size: 12px; line-height:15px; color:#3C2E07;
    background-color:#ced5db;
	background-image:url(../img/fond_foret.jpg);background-repeat:no-repeat; background-position:top center;
}

/* SLIDESHOW HP ...............................................................................*/

#slideshow {
     width:515px; height:430px;
	z-index:1;
}
#slideshow IMG {
    position:absolute;
    z-index:8;
    opacity:0.0;
}
#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}
#slideshow IMG.last-active {
    z-index:9;
}
/*   STRUCTURE GENERALE  ...............................................................................*/


.nouveaux_horaires{
float:left;
background-color:#C00;
color:#fff;
padding:2px 6px;
font-weight:bold;
margin-bottom:4px;

}

.corps {
		margin-left: auto; margin-right: auto;
		width:980px; 
		text-align:left;
 		}
      
	  #entete_fr {
		margin-left: auto; margin-right: auto;
		width:980px; 
		height:176px;
		text-align:left;
		background-image:url(../fr/img/top.png); 
		}
	  #entete_en {
		margin-left: auto; margin-right: auto;
		width:980px; 
		height:176px;
		text-align:left;
		background-image:url(../en/img/top.png); 
		}

      #corps {
		margin-left: auto; margin-right: auto;
		width:980px; 
		min-height:500px; 
		height:auto !important; 
		height:500px;		
		text-align:left;
		background-image:url(../img/fond.gif); background-repeat:repeat-y;
 		}
      #footer {
		width:980px; 
		text-align:center;
		border:0px solid #4C9300;
		margin-left: auto; margin-right: auto;
		font-size:11px; line-height:14px;
		color:#5497CA;
		}

.pave_ul{
padding:4px;
background-color:#FAEBC1;
}

.titre_pave_HP{
		font-size:20px; line-height:24px;
 }
.pave_HP{
float:left;
padding:15px;
width:213px;
height:120px;
margin: 0 14px 0px 0; border:0px solid;
}
.pave_HP1{
background-image:url(../img/hp_bkg1.jpg); background-repeat:no-repeat;
}
.pave_HP2{
background-image:url(../img/hp_bkg2.jpg); background-repeat:no-repeat;
}

/* NAVIG ...............................................................................*/

div#navig a
{
	display: block ; /* On passe les liens en �l�ments de type block pour leur donner des propri�t�s de taille */
	line-height: 29px ;
	text-decoration: none ;
}
	  #navig {
		margin-left: auto; margin-right: auto;
		width:960px;  height:29px;
		text-align:left; color:#FFFFFF;  letter-spacing:3px; font-size:12px; line-height:30px;
		background-image:url(../img/barre.jpg); background-repeat:no-repeat;
		}

/* CONTACTS  ...............................................................................*/

#contact {
position:absolute;
margin-left: 300px; margin-top: 255px  ;
width: 376px; height:235px;
text-align:left;
font-size:12px;
line-height:16px;
}
#contact .contact{
line-height:22px;
}


/*   BOITE IMAGE  ...............................................................................*/

	  .photo_album {
		margin:0 12px 8px 0px;
		float:left;
 		}
	  .photoL1 {
		margin-right:10px;
		float:left;
 		}
	  .photoR1 {
		margin-left:10px;
		float:right;   
 		}
	  .ombreA1 {
		width:6px;
		background-image:url(img/ombrea1.gif);
		background-repeat:no-repeat;
 		}
	  .ombreA2 {
		width:6px; height:6px;
		background-image:url(img/ombrea2.gif);
		background-repeat:no-repeat;
 		}
	  .ombreA3 {
		height:15px;
		background-image:url(img/ombrea3.gif);
		background-repeat:no-repeat;
 		background-color:#FFFFFF;}


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

table.tarifs {
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: solid solid solid solid;
	border-color: #A1AFC7;
	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: #A1AFC7;
	background-color: #C8DCEA;
	-moz-border-radius: 0px 0px 0px 0px;footer
	
}
table.tarifs td {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: inset inset inset inset;
	border-color: #A1AFC7;
	background-color: #E4ECF1;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.tarifs tr:hover {background-color : #FFFFFF;}


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

div#sommaire_pages a:hover{background-color:#1074BA; color:#FFFFFF; border-color:#1074BA;}

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

}
.som_pages
{
text-align:center;
float:left;
line-height: 12px ;
width:19px;  height:13px;
}
.som_pages_gris
{
float:left;
text-align:center;
color:#FFFFFF;
margin-left:4px;
line-height: 12px ;
width:19px;  height:13px;
border:1px solid #CCCCCC;
background-color:#CCCCCC;
font-weight:bold;
padding:  3px 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;
		font-size:14px; line-height:20px;
		color:#5E4C18;
		}
      #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;}

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


#horaire  {
width:170px;
padding:5px;
margin-left:auto;
margin-right:auto;
background-image:url(../img/fond_kraft.jpg);
}
#services {
float:left;
width:145px;
padding:5px;
margin-left:30px;
 background-image:url(../img/fond_kraft.jpg);
}
.feuillage1 {
position:absolute;
margin-left:769px;
}
.feuillage2 {
position:absolute;
margin-left:863px;
margin-top:143px;
}
.actu {
position:absolute;
margin-left:747px;
margin-top:186px;
}
.planifiez {
position:absolute;
margin-left:8px;
margin-top:195px;
}
.item_acro{
padding:6px;
}

/*..................................................................................................*/

.border1 {
border:2px solid #FFFFFF;
background-color:#ECF0F0;
padding:6px;
}

.fill1{  padding:6px; background-color:#FFFFFF;}
.fill0{  padding:6px;  }



/*  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) }