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

 h1, h2, h3, h4, h5, h6 {display:block;}
  
 
/*   STRUCTURE GENERALE  ...............................................................................*/

body {
text-align: center;
    margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom:10px;
    font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 12px; line-height:17px; color:#000033;
    background-color:#FFFFFF;
	background-image:url(../img/fond.jpg);background-repeat:repeat-x;
}
      .corps {
		background-image:url(../img/fond_corps.gif); background-repeat:repeat-y;
				}
      
	  #visuHP {
		margin-left: auto; margin-right: auto; 
		background-image:url(../img/visuel1.jpg); background-repeat:no-repeat;
		width:998px; 
		height:380px;
		z-index:0;

		}
      #corps {
		margin-left: auto; margin-right: auto;
		width:998px; 
		text-align:left;
   	    background-color:#E1E4E3;
		min-height:250px;
		height:auto !important;
		height:250px;

		}
/*  GAUCHE  ...............................................................................*/

 .filet_menu{
 margin:0 16px;
 }
 
      #gauche {
		float:left;
		width:205px; 
		text-align:left;
		}
      div#gauche  .titre{
		padding:10px 20px ;
		font-size:22px;
   	    background-color:#777;
		color:#ddd
		}
      div#gauche  .content{
		padding:0px 0px;font-size:13px; line-height:21px; 
		}
	div#gauche a:link {color : #00479F; }
	div#gauche a:visited {color : #00479F;   text-decoration:none;}
	div#gauche a:hover {color : #4589DE;}
	div#gauche a:active {color : #00479F;}
 
      div#gauche  .content p{
		padding:2px 0px;  
		}

 /*  CENTRE  ...............................................................................*/

     #centre {
		float:left;
		width:569px; 
		text-align:left;
 		}
      div#centre  .titre{
		padding:10px;
		font-size:22px;
		color:#fff
}
      div#centre  .content{
		padding:10px 20px;
		min-height:430px;
		height:auto !important;
		height:430px;text-align:justify; 
 }
      div#centre  .content a:link {color : #00479F; }
      div#centre  .content a:visited {color : #00479F;   text-decoration:none;}
      div#centre  .content a:hover {color : #4589DE;}
      div#centre  .content a:active {color : #00479F;}

.col1{
float:left;
width:226px;
}
.cartouche_gris {
padding:10px;
width:506px;
background-color:#CBDCE0;
}
.cartouche_gris2 {
padding:10px;
width:170px;
background-color:#CBDCE0;
}
.cartouche_bleu {
padding:10px;
width:474px;
background-color:#BFD9DF;
}
.cartouche_vide {
padding:2px;
width:520px;
}
.cartouche_gris_gauche {
float:left;
padding:10px;
background-color:#CBDCE0;
text-align:left;
}
.cartouche_gris_droite {
float:right;
padding:10px;
background-color:#CBDCE0;
text-align:left;
}

.cartouche_bordure {
padding:10px;
border:2px solid #CBDCE0;
}


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

      #droite {
		float:left;
		width:205px; 
		text-align:left;
		}
      div#droite  .content{
		padding:14px 16px;
}
       .bande_test{
	    width:99%;height:16px;
	   background-image:url(../img/nav.jpg); background-position:   224px 0px;
	   padding:5px 10px;
       }
	   
 /* ENTETE ...............................................................................*/

	  #entete {
		margin-left: auto; margin-right: auto;
		width:998px; 
		height:85px;
		text-align:left;
   	    background-color:#FFFFFF;
		background-image:url(../img/ondes.jpg); 
		background-repeat:no-repeat;
		background-position: 645px -20px;
		color:#999999;
		}
		div#entete .left {
		float:left;
		margin-right:30px ;
		}
		div#entete .right {
		float:right;
		margin:10px 15px 0 0;
		}
	  #accroche {
		float:left;
		text-align:left;
		font-size:22px; line-height:22px;
		margin-top:36px;
		color:#777777;
		letter-spacing:1px;
		}
	div#entete a:link {color : #2F82BC;}
	div#entete a:visited {color : #2F82BC;   text-decoration:none;}
	div#entete a:hover {color : #1B6193;}
	div#entete a:active {color : #2F82BC;}

/* FOOTER ...............................................................................*/

      #footer {
		margin-left: auto; margin-right: auto;
		margin-top:1px;
		width:968px; 
		padding:10px 15px;
		text-align:left;
   	    background-color:#E1E4E3;
		color:#666666; 
		font-size:11px; line-height:17px;
		background-image:url(../img/filet_gris.gif); 
		background-repeat:no-repeat;
		background-position: 15px 35px;
		}
		div#footer p {
		float:left;
		margin-right:15px ;
		width:170px;
		}

	div#footer a:link {color : #888888;}
	div#footer a:visited {color : #888888;   text-decoration:none;}
	div#footer a:hover {color : #555555;}
	div#footer a:active {color : #888888;}

#line{
font-size:11px; color:#777777;
		margin-left: auto; margin-right: auto;
		width:998px; 
		margin-top:8px;
}

/* 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:1px; font-size:12px; 
}
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 {
		margin-left: auto; margin-right: auto;  
		width:983px;  height:24px;
		background-image:url(../img/nav.jpg); background-repeat:no-repeat;
   	    background-color:#3A7198;
		padding:0px 0 2px 15px !important;
		padding:0px 0 1px 15px  ;
		}
.cale_nav1{
 width:110px;  height:2px; 
 #width:100px;
 }
.cale_nav2{ width:230px;  height:2px; 
#width:100px;
}

 
#dropmenu, #dropmenu ul { margin : 0px 0px 0px 0px  ; padding:0px 0px; list-style-type:none;   line-height:18px; z-index:60;  }
 #dropmenu a {display:block; padding:3px 7px ;    text-decoration:none; }
#dropmenu a:hover { background:#3B7397;    }
#dropmenu a.lien_gris:hover {background:#999;   }
#dropmenu li {
float:left; 
position:relative ; 
margin-right:0px;
#margin-right:0px;
}
 #dropmenu li.xx {background:#4F8DB6;}

#dropmenu ul {position:absolute; display: ; width:170px; top:24px; left:0px;}
#dropmenu li ul {  width:170px;}
#dropmenu li ul a {width:170px; height:auto; float:left; }
#dropmenu ul ul {top:auto;}
#dropmenu li ul ul {left:184px; margin:0px 0 0 0px;}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display: ;}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}
#dropmenu  ul li{  border-top:1px solid #79A7C5}



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

	  .ongletHP {
 		position:absolute;
		width:210px;
		height:215px;
		padding:10px;
		z-index:10;
		}
	  .ongletHP_1 { margin:-20px 0 0 16px; }
	  .ongletHP_2 { margin:-20px 0 0 260px; }
	  .ongletHP_3 { margin:-20px 0 0 505px; }
	  .ongletHP_4 { margin:-20px 0 0 750px;  }

	  .ongletHP_4-1 { margin:-20px 0 0 750px; overflow:hidden;}
	
	  .ongletHP_4-2 {
 		position:absolute;
		width:230px;
		height:215px;
		padding:10px;
		z-index:10;
		margin:130px 0 0 740px; overflow:hidden;
		}
	   
	  .ongletHP_fond {
 		position:absolute;
		width:230px;
		height:265px;
		background-image:url(../img/ongletHP.png);
		background-repeat:no-repeat;
		z-index:1;
		}
	  .ongletHP_fond2 {
 		position:absolute;
		width:230px;
		height:160px;
		background-image:url(../img/ongletHP.png);
		background-repeat:no-repeat;
		z-index:1;
		}
		

 
/* TABLE TECH ...............................................................................*/

table.tech {
	border-width: 1px 1px 1px 1px;
 	border-style: solid solid solid solid;
	border-color: #C1CCD0;
 	background-color: white;

}
table.tech th {
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-style: solid solid solid solid;
	border-color: #C1CCD0;
	background-color: #92A9BA; color:#FFFFFF;


	-moz-border-radius: 0px 0px 0px 0px;
}
table.tech td {
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-style: solid solid solid solid;
	border-color: #C1CCD0;
	background-color: #EBEDEC;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.tech 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 #aaaaaa;
background-color:#aaaaaa;
font-weight:bold;
padding:  3px 0;
}


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

	  .logo_testi{
	  float:left;
	  text-align:center;
	  width:120px;
	  margin-right:15px;
	   }
	  .txt_testi{
	  float:left;
	  width:390px;
	   }
	  .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:5px;
		background-image:url(../img/ombrea3.gif);
		background-repeat:no-repeat;
 		background-color:#FFFFFF;}

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

.cale4 { width:1px; height:4px; font-size:1px; line-height:1px;  }
.cale6 { width:1px; height:6px; 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;}
.cale12 { width:1px; height:12px;  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;}

.caleH1 { width:80px; height:1px;  font-size:1px; line-height:1px;float:left;}
.caleH2 { width:20px; height:1px;  font-size:1px; line-height:1px;float:left;}
.caleH3 { width:10px; height:1px;  font-size:1px; line-height:1px;float:left;}


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

.seminaire {
float:left;
font-family:helvetica;
font-size:11px; color:#FFFFFF; font-weight:bold;
background-color:#34698F;
padding:0px 4px; margin:4px 0 4px 0;
width:78px;
}
.ts {
float:left;
font-family:helvetica;
font-size:11px; color:#FFFFFF; font-weight:bold;
background-color:#B0131F;
padding:0px 4px; margin:4px 0 4px 0;
width:78px;
}
.register {
float:left;
font-family:helvetica;
font-size:11px; color:#FFFFFF; font-weight:bold;
background-color:#8DA3B3;
padding:0px 4px; margin:4px 0 4px 0;
}
      div#centre  .register a:link {color : #FFFFFF; }
      div#centre  .register a:visited {color : #FFFFFF;   text-decoration:none;}
      div#centre  .register a:hover {color : #2F5E79;}
      div#centre  .register a:active {color : #FFFFFF;}

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

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