@charset "iso-8859-1";
/* CSS Document */

/*________________COMMUN____________________________*/
*{ margin:0; padding:0;}
body{
	font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:78%;
	line-height:16px;
	background: #1E1E20 url(../images/common/bgr_bottom.jpg) repeat-x top left;
background-position: text-align:justify}

a{text-decoration:none;color: #666;font-family: Verdana, Geneva, sans-serif}
a:hover{   text-decoration:underline; color:#ef4138}

input[type=text]{ color:#666; border:1px solid #ef4138; padding:3px ; font-size:10px}
input[type=password]{ color:#666; border:1px solid #ef4138; padding:3px; font-size:10px}
input[type=checkbox]{ border:none;}
input[type=radio]{ border:none;}
textarea{border:1px solid #ef4138;padding:3px;}
select{ border:1px solid #ef4138;padding:0 0 0 10px}
option{ padding:0 0 0 10px}
input[type=submit]{ background-color:#468e21; color:#000;padding:3px; border:none;}
input[type=reset]{ background-color:#468e21; color:#FFF;padding:3px;border:none;}


h2{font-size:16px;}
h3{font-size:14px;}


/*__/////////////////*/
/*_______ PAGE ______*/
/*__/////////////////*/


#all{ margin:0 auto; width:830px; }
#top{ height:93px; float:left; background:url(../images/common/top.jpg) no-repeat center; width:830px; position:relative}
#container{float:left;width:830px; background:url(../images/common/ombre.jpg) no-repeat top;}
#footer{float:left;height:93px;width:800px; background:url(../images/common/bas.png) no-repeat center; padding:0 0 0 30px}
#footer div#logo_footer{ margin:10px 10px 0 0;float:left }

#footer div#adresse{ margin:40px 0 0 0; float:left;font-family:Verdana, Geneva, sans-serif; font-size:10px; text-align:center }
#footer div#adresse p{ text-align:center }

/*_______ TOP ______*/

.rouge{ color:#ef4138}
#logo{ background:url(../images/VO-Publishing.jpg) no-repeat; width: 537px; height: 60px; float:left; margin:30px 0 0 30px}
#logo a{ display:block;width: 137px; height: 53px;  }
#logo a span{ display:none}
#logo a:curseur{ color:#FFF}
#logo a:hover{ color:#FFF}

#top h1{ font-size:12px;margin:63px 0 0 8px; display:block; float:left; color:#666; text-transform:uppercase;letter-spacing:1px}


#menu_top{ display:block; position:absolute; top:1px; right:30px;}
#menu_top ul{ float:left}
#menu_top ul li{ float:left; display:inline; list-style-type:none; margin:0 0 0 10px; }



#ligne_couleur{ background-color:#ef4138; height:4px; width:798px; margin:0 auto;}

#visu{ width:800px; height:244px; clear:left; margin:0 auto;}
#menu_principal{ width:800px;height:49px; background:url(../images/VO-Publishing/degrade_menu.jpg) no-repeat left top;margin:0 auto 0 auto;}
#menu_principal ul{ height:49px; background:url(../images/common/bgr_menu.jpg) repeat-x; width:790px;margin:0 auto 0 10px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; color:#000; font-size:9px;}
#menu_principal ul li{vertical-align:top; display:inline-block; float:left; list-style:none; color:#000; margin:0px 2px 0 0;width:80px; text-align:center; line-height:normal}
#menu_principal ul li a{ color:#000}
#menu_principal ul li a:hover{ color:#666; text-decoration:none;}


/*---*/
#contenu{ width:830px; float:left; background:url(../images/common/bgr_content_blanc.png) repeat-y ; margin:20px 0 0 0; padding:0 0 0 0}
#contenu_visu{ width:815px; float:left; background:url(../images/VO-Publishing/bgr_content.jpg) no-repeat bottom right; margin:0 0 0 0; padding:0 0 30px 0}

#contenu p{
	font-size: 11px;
	text-align: justify;
}
#contenu ul{
	text-align: justify;

}
#contenu ul li{background:url(../images/VO-Publishing/puce.png) no-repeat left 2px; padding:0 0 0 13px; margin:0 0 3px 3px; list-style-type:none;font-size:10px;}
#contenu ul li a{ color:#000; text-decoration:underline;}
#contenu ul li a:hover{color:#ef4138}

#contenu .grand_bloc{width:700px; float:left; padding:0px 60px 0 65px}
#contenu .grand_bloc{width:700px; float:left; padding:0 30px 0 65px}
#contenu .grand_bloc h1{ font-size:12px;color:#000; text-transform:uppercase; letter-spacing:1px; margin:4px 0}
#contenu .grand_bloc h2{ font-size:20px;color:#ef4138; text-transform:uppercase; font-weight:normal;letter-spacing:1px; margin:2px 0; float:left;}
#contenu .grand_bloc h3{ font-size:11px;color:#ef4138; text-transform:uppercase; font-weight:normal;letter-spacing:1px; margin:2px 0}
#contenu .grand_bloc h4{ font-size:10px;color:#666; text-transform:uppercase; font-weight:normal;letter-spacing:1px; margin:2px 0}

/*____ COLONNE DROITE ____*/
#col_d{
	width: 410px;
	float: left;
	margin: 0 0 20px 29px;
}

#col_d h1{ font-size:12px;color:#000; text-transform:uppercase; letter-spacing:1px; margin:4px 0}
#col_d h2{ font-size:20px;color:#ef4138; text-transform:uppercase; font-weight:normal;letter-spacing:1px; margin:2px 0}
#col_d h3{ font-size:11px;color:#ef4138; text-transform:uppercase; font-weight:normal;letter-spacing:1px; margin:2px 0}
#col_d h4{ font-size:10px;color:#666; text-transform:uppercase; font-weight:normal;letter-spacing:1px; margin:2px 0}

/*____ COLONNE GAUCHE ____*/
#col_g{ width:325px; float:left;}
#col_g ul{ margin:0 0 0 30px}

.encart_gris{ width:314px; float:left; color:#FFF;}
.encart_gris_top{width:314px; height:38px;float:left; background:url(../images/VO-Publishing/encart_gris_top.png) no-repeat bottom;}
.encart_gris_top h3{ color:#FFF; text-transform:uppercase; margin:10px 40px 0 45px}

.encart_gris_milieu{width:314px; float:left;background:url(../images/VO-Publishing/encart_gris_repeat.png) repeat-y top;}
.encart_gris_milieu a{ color:#FFF; text-decoration:underline}

.encart_gris_milieu div.txt{ width:222px; margin:0 auto}
.encart_gris_milieu div.txt img.bor_rouge{ border-top: 10px solid #ef4138}


.encart_gris_bas{width:314px;height:38px;float:left; background:url(../images/VO-Publishing/encart_gris_bas.png) no-repeat top;}


.bloc_2colonnes{ clear:left; margin:20px 0 0 0}
.bloc_2colonnes h2{ clear:left; padding:10px 0 ;}

.bloc_2colonnes .bloc_liste{ float:left; width:190px; margin:0 20px 0 0}
.bloc_2colonnes .bloc_liste2{ float:left; width:190px; margin:0}

/*  */

#menu_link{ width:800px; background:#df251a url(../images/VO-Publishing/bgr_rouge.jpg) repeat-x top; clear:left; margin:0 auto; min-height:248px;}
#menu_link div{ float:left;width:245px; margin:20px 10px 10px 10px; }
#menu_link div div.titre_bas{ min-height:40px; clear:left; margin:0;}
#menu_link div div.titre_bas h2{font-size:16px;color:#FFF; text-transform:uppercase;letter-spacing:1px; margin:2px 0 10px 0; font-weight:bold; line-height:normal; text-align:left}

#menu_link div ul{ text-align:left; color:#FFF; clear:left; border-right:1px dotted #F90}
#menu_link div ul.sansPoints{ text-align:left; color:#FFF; clear:left; border-right:none}

#menu_link div li{background:url(../images/VO-Publishing/puce.png) no-repeat left 2px; padding:0 0 0 13px; margin:0 0 3px 3px; list-style-type:none;font-size:10px;}
#menu_link div li a{ color:#FFF; text-decoration:underline;}
#menu_link div li a:hover{color:#fff}


#menu_link_bas{ width:800px; height:18px; clear:left; background:url(../images/VO-Publishing/bgr_rouge_bas.jpg) no-repeat top; margin:0 auto;}

.bouton{ float:left; margin:5px 0 5px 0}
.bouton_g{ background:url(../images/VO-Publishing/btn_g.png) no-repeat; width:41px; height:41px;float:left}
.bouton_milieu{ background:url(../images/VO-Publishing/btn_repeat.png) repeat-x; height:41px;color:#FFF;float:left}
.bouton_milieu a{ color:#FFF; text-transform:uppercase; font-size:9px; padding:0 5px; font-weight:bold; line-height:41px;  }

.bouton_d{background:url(../images/VO-Publishing/btn_d.png) no-repeat; width:14px; height:41px;float:left}


#footer div#adresse{ margin:0 0 0 90px; float:left;font-family:Verdana, Geneva, sans-serif; font-size:10px; text-align:center; width:500px }

/*.vcard div{ float:left; margin:0 10px}*/
.vcard {text-align:left; margin:15px 0 0 0}
.vcard .org{ clear:left; text-align:left; font-weight:bold; color:#666}
.vcard div.adr{ float:left; width:240px; text-align:left }
.vcard div.adr div {}
.vcard .fn{}
.logo_site { margin-left:145px; }
.logo_site p{float:left; display:block; width:5px; padding-left:90px; }

/* Format Banner X / V */
.valid{float:left; width:5%; margin-left:191px;}
.valid2{float:left; width:5%; margin-left:65px;}
.valid3{float:left; width:5%; margin-left:65px;}
.valid4{float:left; width:5%; margin-left:57px;}
.valid5{float:left; width:5%; margin-left:205px;}
.valid6{float:left; width:5%; margin-left:65px;}
.valid7{float:left; width:5%; margin-left:65px;}
.valid8{float:left; width:5%; margin-left:57px;}
.valid9{float:left; width:5%; margin-left:140px;}
.valid10{float:left; width:5%; margin-left:65px;}
.valid11{float:left; width:5%; margin-left:65px;}
.valid12{float:left; width:5%; margin-left:57px;}
.valid13{float:left; width:5%; margin-left:129px;}
.valid14{float:left; width:5%; margin-left:65px;}
.valid15{float:left; width:5%; margin-left:65px;}
.valid16{float:left; width:5%; margin-left:57px;}
.valid17{float:left; width:5%; margin-left:195px;}
.valid18{float:left; width:5%; margin-left:65px;}
.valid19{float:left; width:5%; margin-left:65px;}
.valid20{float:left; width:5%; margin-left:57px;}
#titre{ width:100%; float:left; }