html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,  abbr, 
acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, dl, dt, dd, ol,  
fieldset, form, label, legend   {
	text-decoration: none;
	margin: 0;
	padding: 0;
	border: 0px solid #FFFFFF;
	outline: 0;
	font-weight:normal;
	font-style: inherit;
	font-size: 100%;
	vertical-align: baseline;
	font-stretch: wider;
}
/* 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: "" ""; }

a {text-decoration: none;  }

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

em { font-style:italic;}

.centrageGen {
text-align: center;
}
 

body {
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:16px;
	color:#3C2E07;
	background-color:#070808;
	background-position:top center;
	background-repeat:no-repeat;
}

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


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

      #corps {
		margin-left: auto; margin-right: auto;
		width:1100px; 
		min-height:540px; 
		height:auto !important; 
		height:540px;		
		text-align:left;
 		}
      #footer {
		margin-left: auto; margin-right: auto;
		width:960px; 
		text-align:right;
		font-size:12px; line-height:14px;
		color:#444;
		}

.photo_a_droite{ 
float:right;
margin-right:10px;
margin-bottom:10px;
margin-top:10px;
margin-left:10px;
}
.photo_a_gauche{ 
float:left;
margin-right:20px;
margin-bottom:10px;
margin-top:10px;
margin-left:auto;
}
.photo_a_droite2{ 
float:right;
margin-right:20px;
margin-bottom0px;
margin-top:0px;
margin-left:0;
}
.photo_seule{
float:none;
margin-top:auto;
margin-bottom:auto;
}

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

#slideshow {
    position:absolute;
    width:980px;
	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;
}
/* 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 */
 	text-decoration: none ;
	text-align:left; letter-spacing:.5px !important;#letter-spacing:.5px;  
}
 a.navig:link {color : #EEEEEE; }
a.navig:visited {color : #EEEEEE;   text-decoration:none;}
a.navig:hover {color : #FFFFFF;}
a.navig:active {color : #EEEEEE;}

a.navig_right:link {color : #000;}
a.navig_right:visited {color : #000;   text-decoration:none;}
a.navig_right:hover {color : #FFFFFF;}
a.navig_right:active {color : #000;}


#navig {
		width:750px;  height:24px;
 		padding:0px 0 2px 15px !important;
		#padding:0px 0 1px 0px  ;		
		margin-left:0px !important;
		#margin-left:-20px; 
		}
#dropmenu, #dropmenu ul { 
margin : 0px 0px 0px 0px  ; padding:0px 0px; list-style-type:none;  
position:relative; line-height:18px; z-index:60;  
font-family:Georgia, "Times New Roman", Times, serif; font-size:11px;
}
#dropmenu li a { display:block; padding:3px 0px ; text-decoration:none; border-bottom:1px solid #FFF; font-size:12px;}
#dropmenu li a:hover{ color:#bbb; }
#dropmenu li ul li a {  border-bottom:0 ;  font-size:11px; line-height:13px; padding:1px 0px}
#dropmenu li ul  {   padding:4px 0px}
#dropmenu li {
float:left; 
position:relative !important; 
 margin-right:-16px; 
display:inline;
}
 
#dropmenu ul {position:absolute; display: ; width:240px; top:24px; left:0px;}
#dropmenu li ul {  width:240px;  margin-left:0px!important; #margin-left:-18px;  }
#dropmenu li ul a {width:240px; height:auto; float:left; }

 
#dropmenu li ul   {left:0px!important; #left:-20px ; top:24px; margin:0px 0 0 0px; }
#dropmenu li ul li ul   {left:76px!important; #left:60px ; top:-4px; margin:0px 0 0 0px; }

#dropmenu ul ul {top:auto;}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}
 
 


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

 	  #conteneurG {
		float:left;
		width:222px; 
		text-align:center;
		border:0px solid #4C9300;
		padding-top:20px;
		z-index:50;
		}
      #conteneurC {
	float:right;
	width:800px;
	text-align:left;
	border:0px solid #4C9300;
	padding-top:20px;
	z-index:50;
	font-family: Arial, Helvetica, sans-serif;
 		}
      #conteneurD {
		float:left;
		width:180px; 
		text-align:left;
		border:0px solid #4C9300;
		padding-top:60px;
		}
 	  #intitule {
		font-family:Georgia, "Times New Roman", Times, serif; font-size: 15px; color:#FFFFFF; letter-spacing:2.5px		}

 	  #contenu {
 		width:660px;
		background-color:#FFFFFF; 
		text-align:left;
		padding :10px 15px;
		z-index:50;
 		margin:84px 0 0 0px;
 		min-height:400px; 
		height:auto !important; 
		height:400px;		
		}


/*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);
}
.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:0px;
margin-top:185px;
}
.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) }
.gallerie {
	background-color: #EDEDED;
	display: table;
	bottom: 5px;
	margin: 5px;
	padding: 10px;
	float: left;
}
.gallerie2 {
	background-color: #EDEDED;
	display: table;
	padding: 10px;
	float: left;
}
.gallerie3 {
	background-color: #EDEDED;
	display: table;
	padding: 10px;
	float:inherit
}