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, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
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;
}

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:#484A44;
   background-color:#D1D3D5;
}
.centrageGen {
text-align: center;
}
 
 
/*   STRUCTURE GENERALE  ...............................................................................*/



      .corps {
		margin-left: auto; margin-right: auto;
		width:980px; 
		text-align:left;
		background-image:url(../img/ombre_c.jpg); background-repeat:repeat-y;
		}
      
	  #entete {
		margin-left: auto; margin-right: auto;
		width:960px; 
		height:123px;
		text-align:left;
		background-image:url(../img/fond_head.jpg); background-repeat:repeat-x;
		}

      #footer {
		margin-left: auto; margin-right: auto;
		width:960px; 
		text-align:left;
		border:0px solid #4C9300;
		color:#333333;
		font-size:11px; line-height:14px;
		}

/* 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 ;
	margin-left:-2px;
	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;
		}

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

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

div#sommaire_pages a
{
float:left;
text-align:center;
color:#7AAB7A;
display: block ;  
margin-left:4px ;
line-height: 12px ;
width:19px;  height:13px;
text-decoration: none ;
border:1px solid #7AAB7A;
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;
}


/*----------------------------------  BOITE PHOTOS -----------------------------------------------*/ 

	  .photoL1 {
		margin-right:10px;
		float:left;
 		}
	  .photoR1 {
		margin-left:10px;
		float:right;   
 		}

/* TABLE EMPLOYE ...............................................................................*/

table.employes {
	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.employes 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: #E9F0E5;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.employes 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: #E9F0E5;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.employes tr:hover {background-color : #FFFFFF;}

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

      #conteneurG {
		float:left;
		width:570px; 
		text-align:left;
		border:0px solid #4C9300;
		background-color:#FFFFFF;
		}
      #conteneurD {
		float:left;
		width:280px; 
		text-align:left;
		border:0px solid #4C9300;
		background-color:#FFFFFF;
		}


/* BOITE DROITE ...............................................................................*/

.boite_head {
border:0px solid #FFFFFF;
padding:10px;
color:#FFFFFF;
letter-spacing:3px;
font-weight:bold;
}
.boite_corps {
border:0px solid #FFFFFF;
padding:10px;
}
.fond_vert {
background-image:url(../img/fond_vert.jpg); background-repeat:no-repeat;
}
.fond_marine {
background-image:url(../img/fond_marine.jpg); background-repeat:no-repeat;
}

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

.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; }

p  {
    margin : 0;
	padding : 0;
}


h1,h2,h3,h4,hr,form{ display : inline;  }	
	
ul {
margin : 5px 0px 0px 15px  ; 
}
li {
margin : 0px 0px 0px 0px !important;  
margin : 0px 0px 0px 5px ;  
}	


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

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