body
{
	margin: 25px 0 25px 0 ; /*espace avec haut et bas de l'écran*/
	background: #fff url('../_img/bg_01.jpg') no-repeat left top; 
}

.bg_color_02
{
	background: #e5e5e5; 
}

#global
{
	width: 900px ;
	margin: auto ; /* pour centrer au milieu de la page */
	text-align: left ;
	border: 1px solid #C0C0C0; 
	background: #fff url("../_img/bg_all_00.jpg") bottom repeat-x ;
	padding: 0 0 10px 0 ; /* pour IE! */
	-moz-border-radius: 0 20px 20px 20px; 
	-webkit-border-radius: 0 20px 20px 20px; 	
	border-radius: 0 20px 20px 20px; 
}

#index /* mise en page de la page 404.html */
{
	padding-left: 190px;
	padding-top: 120px;
	font: 0.8em verdana, helvetica, arial, sans-serif ;
	letter-spacing: 2px ;
}

#index a
{
	color: #231f20;
	text-decoration : none; 	
}

#index a:hover
{
    color: #9b9b77 ;
}

/* <--------------------HEADER--------------------> */
#header
{
	height: 200px ;
	background: url("../_img/top_02.jpg") no-repeat center top ; 
	text-align: right ;
	-moz-border-radius: 0 20px 0 0; 
	-webkit-border-top-right-radius: 20px;
	border-radius: 0 20px 0 0;
}

.txt_header
{
    margin-top: 0px ;
	padding: 15px 8px 0 0;
    color: #c90000;
    font: 19px verdana, "Trebuchet MS", "Tw Cen MT", helvetica, arial, sans-serif ;
	letter-spacing: 2px ; 
}

#header_02  /* header du dossier win*/   
{
	height: 200px ;
	background: url("../_img/top_10.jpg") no-repeat center top ; 
	text-align: right ;
	-moz-border-radius: 0 20px 0 0; 
	-webkit-border-top-right-radius: 20px;
	border-radius: 0 20px 0 0;
}

.txt_header_02  /* header du dossier */   
{
    margin-top: 0 ;
	padding: 10px 120px 0 0;
    color: ;
    font: 22px verdana, "Trebuchet MS", "Tw Cen MT", helvetica, arial, sans-serif ;
	letter-spacing: 2px ; 
}

#header_03  /* header du dossier per*/   
{
	height: 200px ;
	background: url("../_img/top_02.jpg") no-repeat center top ; 
	text-align: right ;
	-moz-border-radius: 0 20px 0 0; 
	-webkit-border-top-right-radius: 20px;
	border-radius: 0 20px 0 0;
}


#header_04 /* header de l'index uniquement */
{
	height: 200px ;
	background: url("../_img/top_03.jpg") no-repeat center top ; 
	text-align: right ;
	-moz-border-radius: 0 20px 0 0;
	-webkit-border-radius: 0 20px 0 0; 	
	border-radius: 0 20px 0 0; 
}

#header_05 /* header de l'index uniquement */
{
	height: 200px ;
	background: url("../_img/top_04.jpg") no-repeat center top ; 
	text-align: right ;
	-moz-border-radius: 0 20px 0 0;
	-webkit-border-radius: 0 20px 0 0; 	
	border-radius: 0 20px 0 0; 
}

/* <--------------------MENUS PRINCIPAUX--------------------> */
#menu
{

	font: 0.7em helvetica, arial, verdana, sans-serif ; 
	letter-spacing: 2px ;    
	margin-top: 0px;  	
}

#menu1, #menu2, #menu3, ul  /* chacun des trois menus */     
{
    padding : 0 ; /* pas de marge intérieure */
	margin : 0 ; /* ni extérieure */
    list-style : none ; /* on supprime le style par défaut de la liste */
    line-height : 24px ; /* on définit une hauteur pour chaque élément */
    text-align : center ; /* on centre le texte qui se trouve dans la liste */	  
}

#menu a /* Contenu des listes */
{
    display : block ; /* les liens deviennent des balises de type block */
    padding : 0px ; /* aucune marge intérieure */
    background : #c60000 ;  
    color : #fff ; 
    text-decoration : none; /* on supprime le souligné) */
    width : 224px ; /* largeur de chaque élément */
    line-height : 24px ; /* on définit une hauteur pour chaque élément */
}

#menu li /* Elements des listes */      
{ 
    float : left ; 		
    border-right : 1px solid #fff ; /* pour IE qui ne reconnaît pas "transparent" bordure blanche à droite de chaque élément */		
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
    border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
    border-bottom : 1px solid transparent ; 
}

#menu li ul /* Sous-listes */
{ 
    position: absolute ; 
    width: 224px ; /* largeur des sous-listes */
    left: -999em ; /* on envoie loin du champ de vision */
}

#menu a:hover 
{
    color: #c60000 ; 
    background: #fff ; 
}

#menu li:hover ul, #menu li :hover ul, #menu li.sfhover ul, #menu li .sfhover ul  /* sous-listes lorsque la souris passe sur un élément de liste */
{
    left: auto ; /* repositionnement normal */
    min-height: 0 ; /* corrige un bug sous IE */
}

#menu404  /*  barre à la place du menu sur page 404 */
{
	background: #fff ; 
	height: 48px;
}

/* <--------------------CONTAINER--------------------> */
#container
{
	width: 100%;
	overflow: hidden;
	margin: 50px 0 0 0; /* espace entre le header et le container  pour placer le menu */	
}

#container_01 /* pour "index" uniquement */
{
	width: 900px ;
	height: 600px;
	margin: 0 auto ; /* Pour centrer au milieu de la page */
	text-align: left ;
	color: #662244 ;  /* texte standard violet */
	border: ; 
	background: url("") no-repeat center top ; 
	padding: ; /* pour IE = 0 0 10px 0 vérifier et évent. réintégrer */
	-moz-border-radius: 0 20px 20px 20px; 
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	border-radius: 0 20px 20px 20px;
}

.bg_all_00_00
{
	background: url("") repeat-y center top;	
}

.bg_all_00_01
{
	background: url("") repeat-y center top;	
}

.bg_all_00_02
{
	background: url("../_img/bg_all_00_02.jpg") repeat-y center top;	
}

.bg_all_00_04
{
	background: url("../_img/bg_all_00_04.jpg") repeat-y center top;	
}

.bg_all_00_03  /* dossier */	
{
	background:#f2f2ee ;
}

.bg_all_00_10  /* dico win*/	
{
	background: url("../_img/bg_all_00_10.jpg") repeat-y center top;
}

/* <--------------------CONT_LEFT & CONT-ENV & CONT_IN--------------------> */
#cont_left
{
	float: left;
	width: 210px;
	padding: 30px 10px;
	font: 0.6em verdana, helvetica, arial, sans-serif ;
}

#cont_left ul 
{
	margin-left: 0px;
	padding: 20px 0px 5px 5px;
	width: 150px;
	list-style : none ; 
}

#cont_left  a
{
	letter-spacing: 0px ; 
	text-decoration: none;	
}

#cont_left  a:hover
{
    color: #662244 ;
}

#cont_left  a:visited
{
    color: #9b9b77 ;
}

#cont_left_env_01 /* pour envelopper cont_left_in_01 & cont_left_in_02 */
{
}

#cont_left_in_01 
{ 
	width: 160px;
	height: 260px;
	margin-left: 45px;
}

#cont_left_in_01  a
{
	color: #c60000; 
	letter-spacing: 0px ; 
	text-decoration: none;
	font: 10px helvetica, arial, verdana, sans-serif ; 
	line-height : 23px ;
	display : block ; 
	text-align: left;
	padding-left: 20px;
}

#cont_left_in_01  a:hover
{
    color: #fff;
    background: #c60000 ;
}

#cont_left_in_01  a:visited
{
    color: #9b9b78;
}

#cont_left_in_02
{ 
	width: 160px;
	height: 230px;
	margin-left: 45px;
}

#cont_left_in_03
{ 
	width: 160px;
	height: 120px;
	margin-left: 45px;
}

#cont_left_in_04  /* pour DOSSIER */
{ 
	width: 190px;
	height: ;
	margin-left: 15px;
	float: left;
}

#cont_left_in_04  a
{
	color: #9b9b77; 
	letter-spacing: 0px ; 
	text-decoration: none;
	font: 10px helvetica, arial, verdana, sans-serif ; 
	line-height : 25px ;
	display : block ; 
	text-align: left;
}

#cont_left_in_04  a:hover
{
    color: #535242 ;
    background:;
}

#cont_left_in_04  a:visited
{
    color: #c60000
}

.bg_all_00_99 /* bg du menu gauche */
{
	background: url("../_img/bg_all_00_99.jpg") no-repeat right top;	
}

.bg_fro_00_00
{
	background: url("../_img/bg_fro_00_00.jpg") no-repeat right top;	
}

.bg_per_00_00
{
	background: url("../_img/bg_all_00.jpg") no-repeat right top;	
}

.bg_per_00_00_00_fr
{
	background: url("../_img/bg_per_00_00_00_fr.jpg") no-repeat right top;	
}

.bg_per_00_00_00_de
{
	background: url("../_img/bg_per_00_00_00_de.jpg") no-repeat right top;	
}

.bg_per_00_00_00_en
{
	background: url("../_img/bg_per_00_00_00_en.jpg") no-repeat right top;	
}

.bg_per_doc_01_01_fr
{
	background: url("../_img/bg_per_00_01_01_fr.jpg") no-repeat right top;	
}

.bg_per_13_13
{
	background: url("../_img/bg_per_13_13.jpg") no-repeat right top;	
}

.bg_per_16_16
{
	background: url("../_img/bg_per_16_16.jpg") no-repeat right top;	
}

.bg_the_00_00
{
	background: url("../_img/bg_the_00_00.jpg") no-repeat right top;	
}

.bg_the_16_16
{
	background: url("../_img/bg_the_16_16.jpg") no-repeat right top;	
}

.bg_the_26_26
{
	background: url("../_img/bg_the_26_26.jpg") no-repeat right top;	
}

.bg_the_46_46
{
	background: url("../_img/bg_the_46_46.jpg") no-repeat right top;	
}

.bg_the_56_56
{
	background: url("../_img/bg_the_56_56.jpg") no-repeat right top;	
}

.bg_win_00_00
{
	background: url("../_img/bg_win_00_00.jpg") no-repeat right top;
}

.bg_win_00_00_00_fr
{
	background: url("../_img/bg_win_00_00_00_fr.jpg") no-repeat right top;
}

.bg_win_00_00_02_fr  /* bg du menu gauche lexique du vin */
{
	background: url("../_img/bg_win_00_00_02_fr.jpg") no-repeat right top;
}

.bg_win_00_00_00_de
{
	background: url("../_img/bg_win_00_00_00_de.jpg") no-repeat right top;	
}

.bg_win_00_00_00_en
{
	background: url("../_img/bg_win_00_00_00_en.jpg") no-repeat right top;
}

.bg_win_26_26
{
	background: url("../_img/bg_win_26_26.jpg") no-repeat right top;
}

.bg_win_53_53
{
	background: url("../_img/bg_win_53_53.jpg") no-repeat right top;
}

.bg_win_63_63
{
	background: url("../_img/bg_win_63_63.jpg") no-repeat right top;
}

.bg_win_73_73
{
	background: url("../_img/bg_win_73_73.jpg") no-repeat right top;
}

.bg_win_83_83
{
	background: url("../_img/bg_win_83_83.jpg") no-repeat right top;
}

.bg_win_88_88
{
	background: url("../_img/bg_win_88_88.jpg") no-repeat right top;
}

/* <--------------------DIV du DOSSIER--------------------> */
#container_dos
{
	width: 840px;
	overflow: hidden;
	margin: 50px 0 0 0; /* espace entre le header et le container */
	padding: 0 30px 0 30px;
	text-align: justify; 
	color: #374853;
	font: 0.7em verdana, helvetica, arial, sans-serif ;
}

#container_dos  a
{
	letter-spacing: 0px ; 
	color: #374853;	
}

#container_dos  a:hover
{
    color: #c60000 ;
}

#container_dos  a:visited
{
    color:  ;
}

#cont_left_dos
{
	float: left;
	width: 210px ;
	padding: 10px 10px 0px 0px ;
	clear: both;
	margin:  15px 15px 15px 0px ;
	text-align: justify; 
	background:  ;
}

/* <--------------------CONT_MIDDLE & CONT_MIDDLE_IN_01 & CONT_MIDDLE_XL & MIDDLE_OVER--------------------> */
#cont_middle
{
	float: left;
	width: 460px;
	padding: 20px 20px;
	font: 0.7em verdana, helvetica, arial, sans-serif ;
}

#cont_middle  a
{
	letter-spacing: 1px ; 
	text-decoration: ;
	color: #374853;
}

#cont_middle  a:hover
{
    color: #c60000;
}

#cont_middle_in_01
{
	padding: 10px 10px 10px 10px;
	-moz-border-radius: 0 20px 20px 20px; 
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
}

.tx
{
width: 560px;
}

.td
{
padding: 10px 8px 0 8px;
width:280px;
height:300px;
vertical-align:top;
}

.ul_01
{
	list-style-type : square ; 
	text-align : left ; 
	line-height : 12px ;
	padding-left: 30px;
}

#cont_middle_xl
{
	float: left;
	width: 630px; /* ne pas modifier la largeur! */
	padding: 20px 20px;
	font: 0.7em verdana, helvetica, arial, sans-serif ;
}

#cont_middle_xl  a
{
	letter-spacing: 1px ; 
	text-decoration: none;
}

#cont_middle_xl  a:hover
{
    color: #c60000;
}

#middle_over
{
	width: 610px;
	height: 250px;
	overflow: auto;
	float: left;
	padding: 0 8px 0 8px;
    border: 1px solid #dcdacb;
	text-decoration: none;
	-moz-border-radius: 10px 0 0 10px; 
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	margin-top: 40px;
	background: #fff;
}

#middle_over a
{
	color: #374853;
	
}

/* <--------------------DIV per_00, win_00, fro_00 & the_00--------------------> */
.col
{
  clear: both;
  padding-top: 10px;
}

div.col span.col_02
{
  float: right;
  width: 340px;
  text-align: left;
}

/* <--------------------TABLEAUX--------------------> */	
caption /* Titre du tableau */
{
   margin: auto; /* Centre le titre du tableau */
   font-size: 1.0em;
   letter-spacing: 1px;
   margin-bottom: 10px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}

table /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   border: 2px solid #C0C0C0 ;  /* Bordure du tableau */
   border-collapse: collapse; /* Colle les bordures entre elles */
   width: 590px;
}

table  a
{
	color: #662244;
}

table  a:hover
{
    color: #9b9b77 ;
}

th /* Les cellules d'en-tête */
{
   background-color: ;
   color: ;
   font-size: 0.9em;
   font-family: verdana, helvetica, arial, sans-serif ;
   text-align: center;
   padding: 5px;
}

td /* Les cellules normales */
{
   border: 1px solid #C0C0C0;
   background-color: #fff;
   font: 0.8em verdana, helvetica, arial, sans-serif ;
   text-align: left; 
   vertical-align: middle;
   padding: 2px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
   color: #374853;
}

.th_01
{
   background-color: #f2f2ee ; /*  */
   color:  #662244;
   border: 1px solid #662244;
}

.th_02
{
   background-color: #c60000; 
   color: #f2f2ee ; 
   border: 1px solid #f2f2ee ; 
}

.th_03
{
   background-color: #c19b00;
   color: #f2f2ee ; 
   border: 1px solid #662244;
}

.th_04
{
   background-color: #fff; 
   color: #c60000 ; 
   border: 1px solid #C0C0C0 ; 
}

.th_fro_13
{
	background-color: #834514; 
   color: #f2f2ee ; 
   border: 1px solid #f2f2ee ; 
}

.th_per_00
{
   background-color:#c60000; 
   color: #f2f2ee ; 
   border: 1px solid #f2f2ee ; 
}

.th_per_13
{
   background-color: #91212f; 
   color: #f2f2ee ; 
   border: 1px solid #f2f2ee ; 
}

.th_per_16
{
   background-color: #cd7a12;
   color: #f2f2ee ; 
   border: 1px solid #f2f2ee ; 
}

.th_the_00
{
   background-color: #c60000; 
   color: #f2f2ee ; 
   border: 1px solid #f2f2ee ; 
}

.th_the_16
{
   background-color: #534278; 
   color: #f2f2ee ; 
   border: 1px solid #f2f2ee ; 
}

.th_the_26
{
   background-color: #3c2628; 
   color: #f2f2ee ; 
   border: 1px solid #f2f2ee ; 
}

.th_the_46
{
   background-color: #95702c; 
   color: #f2f2ee ; 
   border: 1px solid #f2f2ee ; 
}

.th_the_56
{
   background-color: #aa153b; 
   color: #f2f2ee ; 
   border: 1px solid #f2f2ee ; 
}

.th_win_00
{
   background-color: #c60000;
   color: #f2f2ee ; 
   border: 1px solid #f2f2ee ; 
}

.th_win_26
{
   background-color: #591f2b; /* rouge plaisir du vin */
   color: #f2f2ee ; 
   border: 1px solid #f2f2ee ; 
}

.th_win_53
{
   background-color: #9f0500; /* rouge tour de vin*/
   color: #f2f2ee ; 
   border: 1px solid #f2f2ee ; 
}

.th_win_63
{
   background-color: #530b23; /* rouge bordeaux */
   color: #f2f2ee ; 
   border: 1px solid #f2f2ee ; 
}

.th_win_73
{
   background-color: #8a0613; /* rouge bourgogne */
   color: #f2f2ee ; 
   border: 1px solid #f2f2ee ; 
}

.th_win_83
{
   background-color: #af6e10; /* jaune champ */
   color: #f2f2ee ; 
   border: 1px solid #f2f2ee ; 
}

.table_01 /* Tableau du dossier */
{
   margin: auto; /* Centre le tableau */
   border: 1px solid #dcdacb; 
   border-collapse: collapse; /* Colle les bordures entre elles */
   width:600px; /*450*/
}
/* <--------------------FORMULAIRES--------------------> */
#formul
{
   font-size: 1.0em ;
}

form input, textarea, select
{
   border: 1px solid #c0c0c0;
}

div.row 
{
  clear: both;
  padding: 5px;
}

div.row span.label 
{
  float: left;
  width: 180px;
  text-align: right;
}

div.row span.form {
  float: right;
  width: 405px;
  text-align: left;
}

/* <--------------------FORMULAIRES Div.row inscription team--------------------> */

div.row_02 
{
  clear: both;
  padding: 5px;
}

div.row_02 span.label 
{
  float: left;
  width: 185px;
  text-align: right;
}

div.row_02 span.form 
{
  float: right;
  width: 380px;
  text-align: left; 
}

textarea
{ 
	font: 1.2em verdana, helvetica, arial, sans-serif ;
}

/* <--------------------LIVEVALIDATION existe aussi en CSS à part. Ne pas supprimer!--------------------> */
.LV_validation_message
{
    font-weight: bold;
    margin: 0 0 0 30px;
}

.LV_valid 
{
    color:#00CC00;
}
	
.LV_invalid 
{
    color:#ff0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active 
{
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active 
{
    border: 1px solid #ff0000;
}

/* <--------------------FIELDSET--------------------> */	
fieldset
{
   margin-bottom: 6px ; /* marge pour séparer les fieldset */
   background-color: #fff;
   border: 1px solid  #c60000; 
   padding: 0 0 10px 10px;
   -moz-border-radius: 10px; 
   -webkit-border-top-left-radius: 10px;
   -webkit-border-top-right-radius: 10px;
   -webkit-border-bottom-right-radius: 10px;
   -webkit-border-bottom-left-radius: 10px;
 }
 
.legend
 {
	letter-spacing: 2px ; 
	color: #c60000 ; 
	font-size: 1.3em ;
 }

/* <--------------------CONT_RIGHT--------------------> */
#cont_right
{
	margin-left: 730px;
	padding: 10px 10px;
	font: 0.6em verdana, helvetica, arial, sans-serif ;	
	text-align: left;
}

#cont_right  a
{
	color: #9b9b77;
	letter-spacing: 1px ; 
	text-decoration: none;
	font: 10px helvetica, arial, verdana, sans-serif ; 
	text-align: center;
}

#cont_right  a:hover
{
    color: #9c2b26 ;
}

/* <--------------------FOOTER--------------------> */
#footer
{
   text-align: right ;
   padding: 0 30px 0 30px ;
   margin: 10px 0 0 0; /* espace entre le container et le footer */
   font: 0.6em verdana, helvetica, arial, sans-serif ;
   color: #374853;
}

#footer a
{
    color: #374853; 
	text-decoration : none; 	
}

#footer a:hover
{
    color: #c60000 ; 
}

/* <-------------------- TITRES h1, h2, h3--------------------> */
h1
{
    font: 2.2em verdana, helvetica, arial, sans-serif ;
    letter-spacing: 2px ;   
 }
 
h2
{
    font: 1.8em verdana, helvetica, arial, sans-serif ;
    letter-spacing: 2px ;   
 }
 
h3
{
    font: 1.5em verdana, helvetica, arial, sans-serif ;
    letter-spacing: 2px ;   
 }
 
h4
{
    font: 1.2em verdana, helvetica, arial, sans-serif ;
    letter-spacing: 2px ;   
 } 

/* <-------------------- CLASS IMAGES--------------------> */
.img_left
{
	float: left;	
}

.img_center
{
	display : block;
	margin-left : auto;
	margin-right : auto; 
}

.img_right
{
	float: right;	
}

/* <-------------------- CLASS IMAGE ROLLOVER (cf. dic win, per win)--------------------> */
a.rollover_per_00_fr
{
	background: url('../_img/ro_per_00_fr.jpg') no-repeat;
	width: 630px;
	height: 90px;
	display: block;
}

a.rollover_per_13_fr
{
	background: url('../_img/ro_per_13_fr.jpg') no-repeat;
	width: 630px;
	height: 90px;
	display: block;
}

a.rollover_per_16_fr
{
	background: url('../_img/ro_per_16_fr.jpg') no-repeat;
	width: 630px;
	height: 90px;
	display: block;
}

a.rollover_win_00_fr
{
	background: url('../_img/ro_win_00_fr.jpg') no-repeat;
	width: 630px;
	height: 90px;
	display: block;
}

a.rollover_div_00_fr:hover , .rollover_win_00_fr:hover , .rollover_win_26_fr:hover , .rollover_win_53_fr:hover , .rollover_win_63_fr:hover , 
.rollover_win_73_fr:hover , .rollover_win_83_xx_fr:hover , .rollover_win_83_fr:hover , .rollover_per_00_fr:hover, .rollover_per_13_fr:hover, .rollover_per_16_fr:hover 
{
	background-position: bottom center;
}

a.rollover_win_26_fr
{
	background: url('../_img/ro_win_26_fr.jpg') no-repeat;
	width: 630px;
	height: 90px;
	display: block;
}

a.rollover_win_53_fr
{
	background: url('../_img/ro_win_53_fr.jpg') no-repeat;
	width: 630px;
	height: 90px;
	display: block;
}

a.rollover_win_63_fr
{
	background: url('../_img/ro_win_63_fr.jpg') no-repeat;
	width: 630px;
	height: 90px;
	display: block;
}

a.rollover_win_73_fr
{
	background: url('../_img/ro_win_73_fr.jpg') no-repeat;
	width: 630px;
	height: 90px;
	display: block;
}

a.rollover_win_83_fr
{
	background: url('../_img/ro_win_83_fr.jpg') no-repeat;
	width: 630px;
	height: 90px;
	display: block;
}

a.rollover_win_83_xx_fr
{
	background: url('../_img/ro_win_83_xx_fr.jpg') no-repeat;
	width: 400px;
	height: 102px;
	display: block;
	margin-left : auto;
	margin-right : auto; 
}


/* <--------------------CLASS COULEUR TEXTE--------------------> */
.color_01
{
	color: #ff0000; /* rouge message erreur contact_fr */
}
.color_02
{
	color: #374853; /* gris bleu */
}

.color_03
{
	color: #c60000; /* rouge */
}

.color_04
{
	color: #c60000; 
}

.color_05
{
	color: #0c2ca3; /* bleu Klein */
}

.color_06
{
	color: #9b9b77; /* beige */
}

.color_07
{
	color: #c374853; /* gris bleu */
}

.color_08
{
	color: #c60000; /* rouge */
}

.color_09
{
	color: #9b9b77; /* beige */
}

.color_10 
{
	color: #b4462f; /* orange per dic & dossier per */
}

.color_11 
{
	color:  #797760; /* brun foncé txt index*/
}

.color_12 
{
	color:  #9a986b; /* brun foncé txt index*/
}

.color_13 
{
	color:  #474638; /* brun très foncé sur page traitement*/
}

.color_14 
{
	color:  #d3d4c2; /* couleur menu pour menu jp*/
}

/* <--------------------CLASS PADDING--------------------> */
.pad_01
{
	padding-left: 70px;
}

.pad_02
{
	padding-left: 30px;
}

.pad_03
{
	padding-right: 20px;
}

.pad_04  /* align de l'img à gauche */
{
	padding: 15px 15px 15px 0;
}

.pad_05  /* align de l'img à droite */
{
	padding: 15px 0px 15px 15px;
}

.pad_06 /* pour img dans dic_per et dic_win*/
{
	padding: 0 15px 15px 0;
}

.pad_07  /* dossier articles de presse align gauche */
{
	padding: 15px 50px 15px 30px;

}

.pad_08 /* était utilisé dans le footer pour "l'abus d'alcool..." Supprimer?  */
{
	padding-right: 163px;
}

.pad_09
{
	padding-left: 150px;
}

.pad_10
{
	padding-top: 8px; /*align. vertical ds menus de gauche*/
}

.pad_11
{
padding-bottom: 20px;
}

.pad_12
{
	padding-left: 445px; /* utilisé pour "l'abus d'alcool..." */
}

/* <--------------------CLASS ALIGN--------------------> */
.align_01 /* "arrow" dans FOOTER & "suite, dates, tarifs..." */
{
	text-align: right ;
}

.align_02 /* "mois" dans "cal_00". Ne pas modifier à cause de I.E.!*/
{
	text-align: center ;
}

/* <--------------------CLASS BORD pour <p>--------------------> */ 
 .bord_01
 {
	border-bottom: 1px dotted #c60000 ; 
 }
 
 .bord_02
 {
	border-bottom: 1px solid #717153;
 }
 
 .bord_03
 {
	border-bottom: 1px solid #662244;
}
 
 /* <--------------------CLASS DOT--------------------> */ 
 .dot
 {
	border-left: 2px dotted;
	padding-left: 15px ;
 }
 
 /* <--------------------CLASS BG--------------------> */ 
 .bg_01
 {
	background: #f2f2ee ; 
 }
 
 .bg_02
 {
	background: #fff ; 
 }
 
 /* <--------------------CLASS BORDER pour DIV--------------------> */ 
 .border_01
 {
	border: 1px solid #c60000 ;
}

 .border_02
 {
	border: 2px solid #9c2b26; /* rouge win*/
}

.border_03
 {
	border: 0px; /* pour supprimer les bordures des boutons radio chez IE */
}

.border_04
 {
	border: 2px solid #662244; /* violet standard */
}

/* <--------------------CLASS MARG--------------------> */ 
.marg_01
{
	margin-right: 100 px;
}

.marg_02
{
	margin-top: 50px;
}

.marg_04
{
	margin-top: 200px;
}

.marg_05
{
	margin-top: 250px;
}

/* <--------------------CLASS SPACING--------------------> */ 
.spacing_01
{
	letter-spacing: 10px ;
} 

.spacing_02
{
	letter-spacing: 3px ;
} 

/* <--------------------CLASS BLINK--------------------> */ 
.blink
{
	text-decoration: blink; 
}

/* <--------------------CLASS DISPLAY--------------------> */ 
.displ_bloc
{
display: block;
}

/* <--------------------CLASS FONT--------------------> */ 
.font_01
{
	font: 0.6em verdana, helvetica, arial, sans-serif ;	
}
/* <--------------------CLASS MAJ - Force le texte en majuscules (formulaires)--------------------> */ 
.maj
{
text-transform: uppercase;
}