/* Styles generiques */

body {scrollbar-face-color: cccccc;
scrollbar-highlight-color: ffffff;
scrollbar-3dlight-color: ffffff;
scrollbar-darkshadow-color: ffffff;
scrollbar-shadow-color: ffffff;
scrollbar-arrow-color: ffffff;
scrollbar-track-color: ffffff;
background-color: 02A2EE;}

.fond_page { BACKGROUND-COLOR: white;
}

body {font-family:  Arial, Verdana, Helvetica, sans-serif}

td, p, option, input, select, textarea, div{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px;}

form {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #000000; margin: 0px; width: 0px;}

a:link { color: #000000}
a:visited { color: #000000}
a:hover { color: #2868BA}

a.lien-credit:link { TEXT-DECORATION: none; color: #868585}
a.lien-credit:visited { TEXT-DECORATION: none; color: #868585}
a.lien-credit:hover	{ TEXT-DECORATION: none; color: #000000}

/* Styles relatifs au menu haut*/



.menu-haut-rub-actif 	{ 
CURSOR: pointer;
color: #5A981C; 
TEXT-DECORATION: none; 
font-size: 11px; 
background-image: url(../images/MENU/bouton_on.gif);  
background-repeat: no-repeat;  
background-position:left top; 
}

.menu-haut-srub 			{ 
CURSOR: pointer; 
color: white; 
background-color: 6BA9F9;
TEXT-DECORATION: none; 
font-size: 12px;  
font-family: Verdana, Arial;
background-image: url(../images/MENU_DEROULANT/carre_blanc.gif);  
background-repeat: no-repeat;  
background-position:left middle;
padding-left: 24px;
margin-left: 24px;
white-space: nowrap; 
}

.menu-haut-srub-actif 	{ 
CURSOR: pointer; 
color: white; 
background-color: 6BA9F9;
TEXT-DECORATION: none; 
font-size: 12px;  
font-family: Verdana, Arial;
background-image: url(../images/MENU_DEROULANT/carre_jaune.gif);  
background-repeat: no-repeat;  
background-position:left middle; 
padding-left: 24px;
margin-left: 24px; 
white-space: nowrap; 
z-index: 0;
}
/*.menu-haut-page 			{ CURSOR: pointer; color: #727259; TEXT-DECORATION: none; font-size: 10px}*/
.menu-haut-page-actif 	{ CURSOR: pointer; color: #000000; TEXT-DECORATION: none; font-size: 10px}

.menu-haut-bg-filet2		{ BACKGROUND-COLOR: #CDCAB8}
.menu-haut-bg-filet 		{ BACKGROUND-COLOR: #ffffff}
.menu-haut-bg-global 	{ BACKGROUND-COLOR: #F5F5F1}


/* Styles relatifs au menu gauche*/

.menu-rub 			{ 
TEXT-DECORATION: none; 
font-size: 14px;  
font-family: Arial;
color: #2868BA;
margin: 0px;
padding: 0px;
text-transform: uppercase;
font-weight: bold;
CURSOR: pointer
}

.menu-rub-actif 	{ 
TEXT-DECORATION: none; 
font-size: 14px;  
font-family: Arial;
color: #2868BA;
margin: 0px;
padding: 0px;
text-transform: uppercase;
font-weight: bold;
CURSOR: pointer
}

.menu-srub-actif 	{ 
TEXT-DECORATION: none; 
font-size: 14px;  
font-family: Arial;
color: #2868BA;
margin: 0px;
padding: 0px;
text-transform: uppercase;
font-weight: normal;
CURSOR: pointer
}

.menu-page 			
{ 
TEXT-DECORATION: none; 
font-size: 14px;  
font-family: Arial;
color: #6C6C6C;
margin: 0px;
padding: 0px;
CURSOR: pointer
}

.menu-page-actif		
{ 
TEXT-DECORATION: underline; 
font-size: 14px;  
font-family: Arial;
color: #2868BA;
margin: 0px;
padding: 0px;
CURSOR: pointer
}

.menu-page-on		
{ 
TEXT-DECORATION: none; 
font-size: 14px;  
font-family: Arial;
color: #2868BA;
margin: 0px;
padding: 0px;
CURSOR: pointer
}


.menu-bg-filet		{ BACKGROUND-COLOR: #D0D0C4}
.menu-bg-filet2 		{ BACKGROUND-COLOR: #ffffff}
.menu-bg-global 	{ BACKGROUND-COLOR: #EBEBE3}




/* Class relatives aux textes homepage*/

.hp-txt-titre {color: #ffffff; font-weight: bold;}
.hp-txt-stitre {color: #868585; font-weight: bold;}

a.hp-lien:link { 
TEXT-DECORATION: none; 
font-size: 12px;  
font-family: Verdana, Arial;
color: black;
margin: 0px;
padding: 0px;
}

a.hp-lien:visited { 
TEXT-DECORATION: none; 
font-size: 12px;  
font-family: Verdana, Arial;
color: black;
margin: 0px;
padding: 0px;
}

a.hp-lien:hover { 
TEXT-DECORATION: none; 
font-size: 12px;  
font-family: Verdana, Arial;
color: black;
text-decoration: underline;
margin: 0px;
padding: 0px;
}

a.hp-lien-bold:link { TEXT-DECORATION: none; color: #000000; font-weight: bold}
a.hp-lien-bold:visited { TEXT-DECORATION: none; color: #000000; font-weight: bold}
a.hp-lien-bold:hover { TEXT-DECORATION: none; color: #868585; font-weight: bold}

a.hp-focus:link { TEXT-DECORATION: none; color: #000000}
a.hp-focus:visited { TEXT-DECORATION: none; color: #000000}
a.hp-focus:hover { TEXT-DECORATION: none; color: #868585}

/* Class relatives aux textes */

.txt-bold 			{ font-weight: bold;}
.txt-italique 		{ font-style: italic; }
.txt-justifie		{ text-align: justify; }
.txt-gris  			{ color: #818181; text-align: justify; }
.txt-align-droite 	{ text-align: right; }

.texte_edito { 
TEXT-DECORATION: none; 
font-size: 12px;  
font-family: Verdana, Arial;
color: #3F3F3F;
line-height: 15px;
text-align: justify; 
}

.texte_edito p{ 
TEXT-DECORATION: none; 
font-size: 12px;  
font-family: Verdana, Arial;
color: #3F3F3F;
line-height: 15px;
text-align: justify; 
}

.actu_date{ 
TEXT-DECORATION: none; 
font-size: 14px;  
font-family: Arial;
color: black;
}

.actu_titre:link{ 
TEXT-DECORATION: none; 
font-size: 14px;  
font-family: Arial;
color: #287DEA;
}

.actu_titre:visited{ 
TEXT-DECORATION: none; 
font-size: 14px;  
font-family: Arial;
color: #287DEA;
}

.actu_titre:hover{ 
TEXT-DECORATION: underline; 
font-size: 14px;  
font-family: Arial;
color: #287DEA;
}

.actu:link{ 
TEXT-DECORATION: none; 
font-size: 14px;  
font-family: Arial;
color: black;
}

.actu:visited{ 
TEXT-DECORATION: none; 
font-size: 14px;  
font-family: Arial;
color: black;
}

.actu:hover{ 
TEXT-DECORATION: underline; 
font-size: 14px;  
font-family: Arial;
color: black;
}


.focus:link{ 
TEXT-DECORATION: none; 
font-size: 13px;  
font-family: Arial;
color: #464646;
margin-top: 0px;
padding-top: 0px;
}

.focus:visited{ 
TEXT-DECORATION: none; 
font-size: 13px;  
font-family: Arial;
color: #464646;
margin-top: 0px;
padding-top: 0px;
}

.focus:hover{ 
TEXT-DECORATION: none; 
font-size: 13px;  
font-family: Arial;
color: black;
margin-top: 0px;
padding-top: 0px;
}


.focus:link p{ 
TEXT-DECORATION: none; 
font-size: 13px;  
font-family: Arial;
color: #464646;
margin-top: 0px;
padding-top: 0px;
}

.focus:visited p{ 
TEXT-DECORATION: none; 
font-size: 13px;  
font-family: Arial;
color: #464646;
margin-top: 0px;
padding-top: 0px;
}

.focus:hover p{ 
TEXT-DECORATION: none; 
font-size: 13px;  
font-family: Arial;
color: black;
margin-top: 0px;
padding-top: 0px;
}

/* Class relatives aux bandeau haut */

.bg-haut { BACKGROUND-COLOR: #F5F5F1}

a.haut-lien:link	{ color: black; TEXT-DECORATION: none; font-weight: normal; font-size: 12px;  font-family: Verdana, Arial; }
a.haut-lien:visited	{ color: black; TEXT-DECORATION: none; font-weight: normal; font-size: 12px;  font-family: Verdana, Arial; }
a.haut-lien:hover	{color: #D65303; TEXT-DECORATION: none; font-weight: normal; font-size: 12px;  font-family: Verdana, Arial; }

/* Class relatives aux includes */

.txt-bold { font-weight: bold;}

a.lien-bt-retour:link { TEXT-DECORATION: none; color: #FB0202}
a.lien-bt-retour:visited { TEXT-DECORATION: none; color: #FB0202}
a.lien-bt-retour:hover { TEXT-DECORATION: none; color: #868585}

.tt-even	{ color: #FF4900; TEXT-DECORATION: none; font-size: 11px; font-weight: bold}

/* Classe relatif aux boutons et champs */

.champ { BORDER-RIGHT: #B7B5B5 1px solid; BORDER-TOP: #B7B5B5 1px solid; FONT-SIZE: 8pt; BACKGROUND: #F7F7F7; BORDER-LEFT: #B7B5B5 1px solid; COLOR: black; BORDER-BOTTOM: #B7B5B5 1px solid; TEXT-DECORATION: none}

.combo { BORDER-RIGHT: #FFA306 1px solid; BORDER-TOP: #FFA306 1px solid; FONT-SIZE: 11px; BACKGROUND: #ffffff; BORDER-LEFT: #FFA306 1px solid; COLOR: #FD4800; BORDER-BOTTOM: #FFA306 1px solid; TEXT-DECORATION: none}

.bg-combo { BACKGROUND-COLOR: #FECF7C}

.bg-combo_defaut { color: #000000}

.bouton2 {font-size: 12px;  
font-family: Verdana, Arial;
color: Black; TEXT-DECORATION: none;  font-size: 10px; background-color: transparent;  font-weight: bold;  BORDER-RIGHT: #CFCDCD 1px solid; BORDER-TOP: #CFCDCD 1px solid; FONT-SIZE: 8pt; BACKGROUND: #ffffff; BORDER-LEFT: #CFCDCD 1px solid; CURSOR: hand; COLOR: #BF0D09; BORDER-BOTTOM: #CFCDCD 1px solid; TEXT-DECORATION: none}


input.bouton {
border:transparent;
font-size: 12px;  
font-family: Verdana, Arial;
color: Black;
background-color: transparent;
CURSOR: pointer;
}
input.bouton:hover {
border:transparent;
font-size: 12px;  
font-family: Verdana, Arial;
color: #D65303;
background-color: transparent;
CURSOR: pointer;
}
input.bouton:active {
border:transparent;
font-size: 12px;  
font-family: Verdana, Arial;
color: black;
background-color: transparent;
CURSOR: pointer;
} 


.bordure1{
background-image: url(../images/COMMUN/pixel_gris.gif);
background-repeat: repeat-y;
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity:0.5;	
}

.bordure2{
background-image: url(../images/COMMUN/pixel_gris.gif);
background-repeat: repeat-y;
filter:alpha(opacity=40);
-moz-opacity:0.4;opacity:0.4;	
}

.bordure3{
background-image: url(../images/COMMUN/pixel_gris.gif);
background-repeat: repeat-y;
filter:alpha(opacity=30);
-moz-opacity:0.3;opacity:0.3;	
}

.bordure4{
background-image: url(../images/COMMUN/pixel_gris.gif);
background-repeat: repeat-y;
filter:alpha(opacity=20);
-moz-opacity:0.2;opacity:0.2;	
}

.bordure5{
background-image: url(../images/COMMUN/pixel_gris.gif);
background-repeat: repeat-y;
filter:alpha(opacity=10);
-moz-opacity:0.2;opacity:0.1;	
}

.transparent{
background-image: url(../images/COMMUN/pixel_blanc.gif);
background-repeat: repeat;
filter:alpha(opacity=87);
-moz-opacity:0.87;opacity:0.87;	
}

.bas{ 
TEXT-DECORATION: none; 
font-size: 13px;  
font-family: Arial;
color: #287DEA;
}

.titre_page 			
{ 
TEXT-DECORATION: none; 
font-size: 14px;  
font-family: Arial;
color: black;
margin: 0px;
padding: 0px;
background-image: url(../images/PAGE/fond_jaune.gif);  
background-repeat: no-repeat;  
background-position:right bottom;
font-weight: bold;
 vertical-align: bottom;
 white-space: nowrap;
 text-transform: uppercase;
}

.contenu 			
{ 
TEXT-DECORATION: none; 
font-size: 13px;  
font-family: Arial;
color: black;
}

.contenu td 			
{ 
TEXT-DECORATION: none; 
font-size: 13px;  
font-family: Arial;
color: black;
}

.contenu br 			
{ 
TEXT-DECORATION: none; 
font-size: 13px;  
font-family: Arial;
color: black;
}

.contenu p 			
{ 
TEXT-DECORATION: none; 
font-size: 13px;  
font-family: Arial;
color: black;
}


.contenu_page 			
{ 
TEXT-DECORATION: none; 
font-size: 13px;  
font-family: Arial;
color: black;
text-align: justify;
line-height: 20px;
}

.contenu_page p 			
{ 
TEXT-DECORATION: none; 
font-size: 13px;  
font-family: Arial;
color: black;
line-height: 20px;
}

.contenu_page table 			
{ 
TEXT-DECORATION: none; 
font-size: 13px;  
font-family: Arial;
color: black;
text-align: justify;
line-height: 20px;
}

.contenu_page td 			
{ 
TEXT-DECORATION: none; 
font-size: 13px;  
font-family: Arial;
color: black;
line-height: 20px;
text-align: justify;
}

.sous_titre_page 			
{ 
TEXT-DECORATION: none; 
font-size: 13px;  
font-family: Arial;
color: #2868BA;
text-align: justify;
font-weight: bold;
text-transform: uppercase;
}

.titre_bleu 			
{ 
TEXT-DECORATION: none; 
font-size: 13px;  
font-family: Arial;
color: #287DEA;
font-weight: bold;
white-space: nowrap;
}


.titre_gras			
{ 
TEXT-DECORATION: none; 
font-size: 13px;  
font-family: Arial;
color: black;
font-weight: bold;
white-space: nowrap;
}

.question 			
{ 
TEXT-DECORATION: none; 
font-size: 13px;  
font-family: Arial;
color: #287DEA;
font-weight: bold;
}

.sous_titre_page_centre p
{
text-decoration: none;
font-size: 13px;
font-family: Arial;
color: #2868ba;
text-align: center;
font-weight: bold;
text-transform: uppercase;
}

.sous_titre_page_centre td
{
text-decoration: none;
font-size: 13px;
font-family: Arial;
color: #2868ba;
text-align: center;
font-weight: bold;
text-transform: uppercase;
}

.sous_titre_page_centre td p
{
text-decoration: none;
font-size: 13px;
font-family: Arial;
color: #2868ba;
text-align: center;
font-weight: bold;
text-transform: uppercase;
}

.video{
	z-index: 20;
}