@charset "windows-1252";

body {
	margin : 0;
	padding : 0;
 	font-size: 12px; 
 	font-family: tahoma,arial,verdana, 'helvetica new',helvetica,sans-serif; 
 	text-align: center; 
 	/*background-color:#888888;  */
background/* */:#8a8a8a url(/images/sprite_ccm_hrzt1.png) repeat-y 50% 1px}
}
#container {
margin: 0 auto 0 auto;
background-color:#777777;	
background/* */:#8a8a8a url(/images/sprite_ccm_hrzt1.png) repeat-y 50% 1px;
display: block;
width:100%;min-height: 100%;position:relative;text-align:center;
}
#main {
position:relative;z-index: 20;width: 800px; 	
background-color:#ffffFF;
text-align:center;
margin-left:auto;margin-right:auto;	
/*border-left:4px ridge #DDEEEE;
border-right: 4px groove black;	*/
}
a {
	font-family: Arial,Georgia, Times New Roman, Times, serif;
	font-weight: normal; 
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color: #333333; 
}
a:hover /* Quand le visiteur pointe sur le lien */	 {
   text-decoration: underline;  /*Le lien deviendra souligné quand on pointera dessus */
   font-weight:normal;
   color: #333333; /* quand on pointera dessus */
}

h1 { 
    font-family: verdana, arial, courier New, sans-serif;
	font-size:48px; 

}
h2 { 
    font-family: Verdana, sans-serif,arial;
	/*word-spacing: -0.1em;
	letter-spacing: 0.2em; */ 
	font-weight:normal;
	font-size:44px; 
	margin-bottom:-1px; 
	margin-top:0;
}
h2 span{
	color :#EBBC00; 
}
h3 { 
    font-family: arial, sans-serif,verdana, courier New;
	font-weight:normal;
	font-style:normal; 
	font-size:16px; 
	
}
h4 { 
    font-family: verdana,arial, sans-serif, courier New;
	font-weight:normal; 
	font-size:14px; 
	
} 
#centre {margin: 0 auto;} 
.header {
    width:100%;
    height:15px;
    background-color:#FCC212;
    background-image:url('images/banniere.gif');
    background-position:bottom left;
    background-repeat:repeat-x;
    color:black;
    text-align:center;
}
.header-inv {
    width:100%;
    height:15px;
    background-color:white;
    background-image:url('images/bannierinv.gif');
    background-position:top left;
    background-repeat:repeat-x;
    color:black;
    text-align:center;
}
.header-gri {
    width:100%;
    height:15px;
    background-color:white;
    background-image:url('images/bann-gris.gif');
    background-position:top left;
    background-repeat:repeat-x;
    color:black;
    text-align:center;
}

.explic ul { 
	margin-top:-5px;
}
.explic li {
	padding-top : 5px;
	margin-left : -20px;
	padding-right : 5px;
	/*list-style-type: square;	
	list-style-image: url("images/fd_li.gif"); */
}
.explic0 ul { 
	margin-top:-2px;
	margin-bottom:5px;
}
.explic0 li {
	padding-top: 0px; 
	margin-left: -5px; 
	padding-right: 5px; 
}
.explic1 ul { 
	margin-top:-5px;
}
.explic1 li {
	margin-left : -20px;
	padding-right : 5px;
	list-style-type: none;	
	/*list-style-image: url("images/fd_li.gif"); */
}
.explic2 ul { 
	margin-top:-5px;
	list-style-image: url(images/ret2.jpg);
}
.explic2 li {
	padding-top : 5px;
	margin-left : -5px;
	padding-left : 10px;
	/*list-style-type: square;	
	list-style-image: url("images/fd_li.gif"); */
}
ul.explic3  { 
	margin-top:-5px;
	list-style-image: url(images/check.gif);
	list-style-type: circle ;
}
li.explic3  {
	padding-top : 5px;
	margin-left : -5px;
	padding-left : 8px;
}
ul.explic4 { 
	margin-top:5px;
	list-style-image: url(images/ret2.gif);
	font-style:normal;font-weight:bold;font-size:14px;font-family:Verdana;color:#333399;
}
li.explic4 {	
	padding-left : 5px; 
} 
a.explic4  {	
	font-style:normal;font-weight:bold;font-size:18px;font-family:Verdana;color:#CC0033;
	text-decoration:none;
} 
a:hover.explic4  {	
	color: #990099;	
	font-weight:bold;
	text-decoration:underline;
} 
a.explic5  {	
	font-style:normal;font-weight:normal;font-size:18px;font-family:Verdana;color:#000099;
	text-decoration:none;
} 
a:hover.explic5  {	
	color: #000099;	
	text-decoration:underline;
} 
.txtv {	 
	float:left;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size: 20px; 
	padding :20px 20px 20px 20px;
	background-color:#99FF99;
	margin-left: 20px;
}
.txt1 {
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size: 14px;
}
.txt2 {
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size: 24px;
}
.txt3 {
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size: 28px;
}
.big { 
    font-family: verdana, arial, courier New, sans-serif;
	font-size:48px; 
	font-weight: bold;
}

.verti {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #23238e;	
		}
.boite1 {font-family: Arial,Verdana,Helvetica,sans-serif; 
	font-size: 16px; 
	font-weight:bold;
	background-color: #FFCF31; 
	color: #006699;
	font-stretch: narrower;	
	padding: 13px 10px 8px 10px;
	border-bottom: 2px solid black;
	border-right: 2px solid black;
	}
.boite2f {font-family: Arial,Verdana,Helvetica,sans-serif; 
	font-size: 22px; 
	background-image:url(images/pnl-fond-roug-mi.jpg); background-repeat:repeat-x;
	background-color: #CC3300; 
	text-autospace: none; 
	font-stretch: narrower;	
	padding-left: 10px;
	padding-right: 10px;   
	border-bottom: 3px groove gray;
	border-right: 3px groove gray;
	} 
.boite2 {font-family: Arial,Verdana,Helvetica,sans-serif; 
	font-size: 24px; 
	background-image:url(images/pnl-fond-jaune.jpg); background-repeat:repeat-x;
	background-color: #FFCF31; 
	text-autospace: none; 
	font-stretch: narrower;	
	padding-left: 8px;
	padding-right: 8px;   
	border-bottom: 3px groove gray;
	border-right: 3px groove gray;
	} 
.boite2:hover {	
/*	border-top: 3px ridge gray;
	border-left: 3px ridge gray;
	border-bottom:0px;
	border-right:0px;	*/ 
	text-decoration: none;
	background-color: #333399; 	
	color : #c33c13;
	}
.boite2b {font-family: Arial,Verdana,Helvetica,sans-serif; 
	font-weight: bold; 
	background-color: #990000; 	
	color: white;
	text-autospace: none; 
	font-stretch: narrower;	
	padding-left: 10px;
	padding-right: 10px;   
	border-bottom: 3px groove gray;
	border-right: 3px groove gray;
	} 
.boite2b:hover {	
	font-weight: bold; 
	text-decoration: none;
	background-color: #333399; 	
	color : #FFCF31;
	}
.souli_r {
	border-bottom: 1px solid #BAFFC2;
} 

.inv_n {
	background-color: black;  
	color:white;
	padding-bottom:4px; 
}  
.inv_r {
	background-color: #ebf6f9;  
	color:#F70084;
	padding-bottom:4px; 
} 

a.menu {	/* pour le menu de navigation */
	font-size:medium;
	text-decoration:none;
	color: #006699;
	background-color: #FFCF31;
	}
.menu:visited {
	font-weight:bold;
	color:#339acc;
	}
.menu:hover {
	/*text-decoration:underline overline;  */
	font-weight:bold;
	background-color : #669999;
	color:#FFFFCC;
	} 
	
.str-orr-u {font-weight: bold; color: #fd4c07; text-decoration: underline}
.str-or{font-weight:bold;color:#FF6600;}
.str-em {font-weight: bold; font-style: italic;} 
.str-gri{font-weight:bold;color:gray;}
.str-em-or {font-weight: bold; font-style: italic;color:#FF6600;} 
.em-or {font-weight: normal; font-style: italic;color:#FF6600;} 

.ft0{font-style:normal;font-weight:normal;font-size:22px;font-family:Verdana;color:#7f7f7f;}
.ft1{font-style:normal;font-weight:normal;font-size:11px;font-family:Verdana;color:#ffffff;}
.ft2{font-style:normal;font-weight:bold;font-size:11px;font-family:Verdana;color:#008000;}
.ft02{font-style:normal;font-weight:bold;font-size:12px;font-family:Verdana;color:#000000;}
.ft3{font-style:normal;font-weight:normal;font-size:2px;font-family:Verdana;color:#000000;}
.ft4{font-style:normal;font-weight:bold;font-size:15px;font-family:Verdana;color:#000000;}
.ft5{font-style:normal;font-weight:normal;font-size:13px;font-family:Verdana;color:#000000;}
.ft6{font-style:normal;font-weight:bold;font-size:13px;font-family:Verdana;color:#000000;}
.ft7{font-style:normal;font-weight:bold;font-size:15px;font-family:Verdana;color:#7f7f7f;}
.ft8{font-style:normal;font-weight:normal;font-size:13px;font-family:Verdana;color:#7f7f7f;}
.ft9{font-style:normal;font-weight:normal;font-size:44px;font-family:Verdana;color:#000000;}
.ft10{font-style:normal;font-weight:bold;font-size:11px;font-family:Verdana;color:#000000;}
.ft11{font-style:normal;font-weight:bold;font-size:11px;font-family:Verdana;color:#000080;}
.ft12{font-style:normal;font-weight:normal;font-size:8px;font-family:Verdana;color:#7f7f7f;}
.ft13{font-style:normal;font-weight:normal;font-size:11px;font-family:Verdana;color:#0000ff;}
.ft14{font-style:normal;font-weight:bold;font-size:16px;font-family:Arial;color:#000000;}
.ft15{font-style:normal;font-weight:normal;font-size:small;font-family:Arial;color:#000000;} 
.ft16{font-style:normal;font-weight:bold;font-size:14px;font-family:Verdana;color:#000000;}
.ft17{font-style:normal;font-weight:normal;font-size:15px;font-family:Verdana;color:#000000;}
.ft18{font-style:normal;font-weight:normal;font-size:16px;font-family:Verdana;color:#000000;}
.ft19{font-style:normal;font-weight:normal;font-size:18px;font-family:Verdana;color:#000000;}
.ft20{font-style:normal;font-weight:normal;font-size:22px;font-family:Verdana;color:#000000;}
.ft21{font-style:normal;font-weight:normal;font-size:12px;font-family:Verdana;color:#7f7f7f;}
.ft22{font-style:normal;font-weight:normal;font-size:12px;font-family:Verdana;color:#000000;line-height:1.5em;}
.ft23{font-style:normal;font-weight:normal;font-size:13px;font-family:Verdana;color:#0099FF;}
.ft24{font-style:normal;font-weight:normal;font-size:12px;font-family:Arial;color:#000000;}
.ft25{font-style:normal;font-weight:normal;font-size:11px;font-family:Verdana;color:#000000;}
.ft26{font-style:normal;font-weight:normal;font-size:14px;font-family:Verdana;color:#000000;}
/* modifié le 5/02/2010 a la demande de Polo changé gris en rouge 
.ft30{font-style:normal;font-weight:normal;font-size:22px;font-family:Verdana;color:#7f7f7f;} */
.ft30{font-style:normal;font-weight:normal;font-size:22px;font-family:Verdana;color:red;} 

.ft35{font-style:normal;font-weight:normal;font-size:13px;font-family:Verdana;color:#000000;}
.ft36{font-style:normal;font-weight:normal;font-size:14px;font-family:Arial;color:#000000;}
.ft37{font-style:normal;font-weight:bold;font-size:10px;font-family:Verdana;color:#000080;}
.univ16{font-style:normal;font-weight:normal;font-size:16px;font-family:Arial;color:white;}
.univ17{font-style:normal;font-weight:normal;font-size:17px;font-family:Arial;color:white;}
.univ18{font-style:normal;font-weight:normal;font-size:18px;font-family:Arial;color:white;}
.univ20{font-style:normal;font-weight:normal;font-size:20px;font-family:Arial;color:white;}
.univ10{font-style:normal;font-weight:normal;font-size:10px;font-family:Arial;color:#666666;}

.menu1 a {font-family: Arial, Helvetica, sans-serif; font-size: small}
.menu1 a:link {color: #003366; text-decoration: none}
.menu1 a:visited {color: #003366; text-decoration: none}
.menu1 a:active {color: #999999; text-decoration: none}
.menu1 a:hover {background-color: #990000; color: #FFF; text-decoration: none;}
.menu1_on {	
	color:#F70084;
	border-top:1px solid black;
	border-bottom:1px solid black;
}  
.bas1 {font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 10px;color: #9999FF;font-weight:bold;}
a.bas1  {font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 10px;font-weight:bold;}
.bas1:link {color: #9999FF; text-decoration: none}
.bas1:visited {color: #9999FF; text-decoration: none}
.bas1:active {color: #9999FF; text-decoration: none}
.bas1:hover {background-color: #9999ff; color: #FFF; font-weight:bold;text-decoration: none;}

.bas2 {font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 12px;color: #3300CC;font-weight:bold;}
a.bas2 {font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 12px;font-weight:bold;}
a.bas2:link {color: #3333FF; text-decoration: none}
a.bas2:visited {color: #3333FF; text-decoration: none}
a.bas2:active {color: #3333FF; text-decoration: none}
a.bas2:hover {background-color: #3333FF; color: #FFF; font-weight:bold;text-decoration: none;}

.univ {color: white;font-weight:bold;}
a.univ {color: white;font-weight:bold;}
a.univ:hover {color: #FFFF33; font-weight:bold;text-decoration: none;}

.bord-blanc {  
	border-color:white;	
} 
.bord-noir {  
	border-color:black;	
} 

/* ----------------------------------------------------------------------------------------- */
/*		menu vertical		*/
#navert {
	/*clear: both;	*/
	z-index: 10;
	color: white;
}
#navert li ul {
	text-align: right;
	color: white;
	z-index: 11;
}

#navert ul {
    font: bold 14px arial, verdana, sans-serif;
	line-height:1.8em;
	font-weight:bold;
	width: 150px;
	list-style: none;
	margin: 0;
	padding: 0;
}

#navert li {
	float: left;
	width:150px;
	height: 75px;
	margin: 0;
	background-image:url(images/pave2.jpg);
	border-bottom: 2px solid white
	/* margin: 2px 0px 5px 3px;	   sépare les cases */
}
#navert a {
	display: block;
	color:white;
	/*height:68px;*/
	text-decoration: none;
	padding:15px 12px 10px 6px;	  /* espace autour des lettres*/
}

#navert a:link {
color:white;
text-decoration: none;
}
#navert a:hover {
background-image:url(images/pave-on.jpg);
text-decoration: none;
	color: #FFFF66;
}

#navert li a.selected {
	background-image:url(images/paveh.jpg);
	/*background-repeat:  repeat-y;*/
	margin: 0;
	/*margin:0 -10px 0 10px;*/
	/*width:145px;*/
	text-decoration: none;
	color:white;
}
/*
#navert li:hover ul, #navert li.sfhover ul {
background-image:url(images/pave-on.jpg);
	text-decoration: none;
	color: #FFFF66;
}*/
#navert li a:hover{
background-image:url(images/pave-on.jpg);
	text-decoration: none;
	color: #FFFF66;
}

/*------- 

#navert li a:hover, #navert ul li:hover, #navert a:hover {
background-image:url(images/pave-on.jpg);
text-decoration: none;
	color: #FFFF66;
}

#navert .vert, #navert .vert ul .vert li {
	height: 75px;
	color: white;
background-image:url(images/pave2.jpg);
	/*padding-left:3px;
	border-bottom:2px solid white;*/
}*/


/* ----------------------- rappel -------------------------------------------- */
  .erreurs {margin-top:-10px;color:#6633CC;font-size:10px; font-weight:bold;}
  .txt {font-family:Arial; font-size:11px;}
  .bouton {font-family:Arial; font-size:11px;background-color:#1a7c17; color:#FFFFFF; font-weight: bold;}
  .bouton_annule {font-family:Arial; font-size:11px;background-color:#e0e0e0; color:#808080; font-weight: bold;}

/* Scroller Box - boite defilement ----------------------------------------------------*/
.jscroller2_up, .jscroller2_down, .jscroller2_left, .jscroller2_right {
 margin: 0;
 padding: 0;
}
.jscroller2_left, .jscroller_right, .jscroller2_left_endless, .jscroller2_right_endless {
 white-space: nowrap;
 }

#scroller_container {
 width: 80px;
 height: 100px;
 overflow: hidden;
}
/* Scroller Box */

/* CSS Hack Safari */
#dummy {;# }

#scroller_container {
 /*overflow: auto; */
}