@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;	
}
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:38px; 
	margin-bottom:-5px; 
	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;
}

.explic ul { 
	margin-top:-5px;
}
.explic li {
	padding-top : 5px;
	margin-left : -20px;
	padding-right : 5px;
}
.explic0 ul { 
	margin-top:-2px;
	margin-bottom:5px;
}
.explic0 li {
	padding-top: 0px; 
	margin-left: -5px; 
	padding-right: 5px; 
}
.explic1 ul { 
	margin-top:-5px;
}
ul.explic1 li {
	/*margin-left : -20px; */ 
	margin-top:-5px;  
	padding-top: 0px; 
	padding-bottom : 5px;
	padding-left : 10px;
	padding-right : 5px;
	list-style-type: none;	
	list-style-image: url(images/leader-puce.jpg); 
}
.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"); */
}
.explic3 ul { 
	margin-top:-5px;
	list-style-image: url(images/check.gif);
	list-style-type: circle ;
}
.explic3 li {
	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:16px;font-family:Verdana;color:#CC0033;
	text-decoration:none;
} 
a:hover.explic4  {	
	color: #990099;	
	font-weight:bold;
	text-decoration:underline;
} 
.explic5 ul  { 
	margin-top:5px;	
	list-style-type: none;
}
.explic5 li {
	padding-top : -5px;
	margin-left : -5px;
	padding-left : 8px;
	padding-bottom : 15px;
	font-size:14px;font-family:Verdana;
	list-style-image: url("images/cohesion-puce.jpg");
} 
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;
	}
.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 {	
	text-decoration: none;
	background-color: #333399; 	
	color : #c33c13;
	}
.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;
	} 
.boite2f:hover {	
	text-decoration: none;
	background-image:url(images/pnl-fond-vio.jpg); background-repeat:repeat-x;
	background-color: #333399; 	
	color : #FFFF66;
	}
.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 {	
	text-decoration: none;
	background-color: #333399; 	
	color : #FFCF31;
	}
.boite3 {
	border : 1px solid black;
	} 
.boite-vio { 
	font-weight: bold; 
	background-color: #660099; 	
	color: white;
	text-autospace: none; 
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 4px;  
	padding-top: 4px;  
}
.boite-ver { 
	font-weight: bold; 
	background-color: #009933; 	
	color: white;
	text-autospace: none; 
	padding-left: 10px;
	padding-right: 10px;   
	padding-bottom: 4px;  
	padding-top: 4px;  
}
.boite-or { 
	font-weight: bold; 
	background-color:#FF6600; 	
	color: white;
	text-autospace: none; 
	padding-left: 10px;
	padding-right: 10px; 
	padding-bottom: 4px;  
	padding-top: 4px;  
}

.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; 
	text-transform: capitalize
}
.menu:visited {
	font-weight:bold;
	color:#339acc;
	}
.menu:hover {
	/*text-decoration:underline overline;  */
	font-weight:bold;
	background-color : #669999;
	color:#FFFFCC;
	}
/* mise en forme de texte */  
.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:normal;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;}
.ft34{font-style:normal;font-weight:normal;font-size:16px;font-family:Arial;color:#000000;}
.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;}
.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;}
.ft20{font-style:normal;font-weight:normal;font-size:22px;font-family:Verdana;color:#000000;}
.ft23{font-style:normal;font-weight:normal;font-size:13px;font-family:Verdana;color:#0099FF;}
/* modifié le 5/02/2010 a la demande de Polo changé gris en rouge 
.ft30{font-style:normal;font-weight:normal;font-size:18px;font-family:Verdana;color:#7f7f7f;} */
.ft30{font-style:normal;font-weight:normal;font-size:18px;font-family:Verdana;color:red;} 

.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;}
.ft37{font-style:normal;font-weight:bold;font-size:10px;font-family:Verdana;color:#000080;}

.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;
	font-weight:bold;
} 
/* -------diverses couleurs de liens ------*/ 
.bas1 {font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 10px;color: #9999FF;font-weight:bold;}
.bas1 a {font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 10px;font-weight:bold;}
.bas1 a:link {color: #9999FF; text-decoration: none}
.bas1 a:visited {color: #9999FF; text-decoration: none}
a.bas1:active {color: #9999FF; text-decoration: none}
a.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;}

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

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