.blanc {color: #FFF;}
.blanc a{color: #FFF;}
.blanc a:hover{color: #FFF;}

.orange{color: #ff8d16;}
.orange a{color: #ff8d16;}

.noir{color: #000;}

.vert{color: #18e118;}

.gris{color: #666}

.center{text-align: center;}
.right{text-align: right;}
.justify{text-align: justify;}

.underline{text-decoration: underline;}

.strong{font-weight: bold;}
.normal{font-weight: normal;}

.s10px{font-size: 10px;}
.s11px{font-size: 11px;}
.s12px{font-size: 12px;}
.s13px{font-size: 13px;}
.s14px{font-size: 14px;}
.s15px{font-size: 15px;}
.s16px{font-size: 16px;}
.s17px{font-size: 17px;}
.s18px{font-size: 18px;}

.bgc_gris1{ background-color: #F5F5F5;}
.bgc_vert{ background-color: #c1ea96;}

h1{
margin: 0;
padding: 0;
font-weight: bold;
font-size: 21px;
color: #ff8d16;
}

h2{
margin: 15px 0 10px 0;
padding: 0;
font-weight: bold;
font-size: 12px;
color: #ff8d16;


}

h3{
margin: 12px 0 10px 0;
padding: 0;
font-weight: bold;
font-size: 11px;
color: #999;
}


.arianne{
font-weight: bold;
font-size: 11px;
color:#58585a;
margin-left:5px;
}

.arianne a{
font-weight:normal;
color: #58585a;
text-decoration: none;
}

#arianne_produit .arianne a{
font-weight:bold;
color: #f6a800;
}

.arianne a:hover{
color: #f6a800;
text-decoration: none;
}

.libelle_msg{
margin: 8px 0 0;
font-size: 11px;
color: #888;
text-align: justify;
}

.libelle_msg2{
margin: 8px 0 0;
font-size: 11px;
color: #555;
text-align: center;
}

.tab_produit{
font-weight: bold;
font-size: 10px;
width: 580px;
border: 1px solid #949494;
border-collapse:collapse;
margin-top: 20px;
}

.tab_produit a{
color: #000;
text-decoration: none;
}

.tab_produit a:hover{
text-decoration: underline;
}

.tab_produit_titre{
font-size: 11px;
text-align: center;
background-color: #dfdfdf;
}

.tab_produit_img{
background-color: #fff;
border: 1px solid #DDD;
margin: 1px 5px;
}

.tab_produit_prix{
font-weight: bold;
font-size: 12px;
color: #F00;
}

.tab_produit_pair{
background-color: #f4f4f4;
height:38px;
}

.tab_produit_fin{
height: 5px;
background-color: #949494;
}

.pagination_produit{
font-size: 11px;
text-align: center;
padding: 0 0 10px;
}

.pagination_produit_img{
border: 0;
position: relative;
top: 6px;
padding: 0 10px;
text-decoration: none;
}

.etapes{
font-family: Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
padding-bottom: 10px;
text-align: center;
font-weight: bold;
font-size: 14px;
color: #888;
}

.fond_tab_commande{
width: 580px;
height: 270px;
background-color: #e6e6e6;
position: absolute;
top: 180px;
left: 205px;
margin: 0 auto;
}

.tab_comm{
position: absolute;
margin: 0;
padding: 0;
top: -35px;
left: 5px;
}

.tab_commande{
margin: 0 auto;
padding: 0;
font-size: 12px;
width: 560px;
border: 0px solid #949494;
border-collapse:collapse;
}

.tab_commande td{
padding: 0;
margin: 0;
}

.tab_commande tr{
padding: 0;
margin: 0;
}

.tab_commande_nom_produit{
color: #ff8d16;
font-size: 10px;
padding-bottom: 10px;
}

.tab_commande_code_dorise{
color: #ff8d16;
font-weight: bold;
text-decoration: underline;
}

.tab_commande_modif_qte{
height: 16px;
padding: 0;
margin: 0;
position: relative;
top: 0;
left: 0;
}

.tab_commande_modif_qte img{
padding: 0;
margin: 0;
height: 16px;
position: relative;
top: 5px;
}

.tab_commande_modif_qte img:hover{
cursor: pointer;
}

.tab_commande_modif_qte input{
position: relative;
top: 1px;
border: 0;
border-top:1px solid #000;
border-bottom:1px solid #000;
padding: 0;
margin: 0 -3px;
width: 30px;
height:14px;
font-size: 9px;
text-align: center;
}

.img_delete_commande{
padding: 0;
margin: 0;
border: 0;
height: 16px;
width: 16px;
position: relative;
right: 0px;
top: 5px;
cursor: pointer;
}

.cadre_arondi_gris{
background: url(../img/interface/cadre.gif) no-repeat top left;
position: relative;
height: 135px;
width:140px;
top: 0;
left: 0;
border: 0;
padding: 2px 4px;
margin:0;
overflow: hidden;
font-size: 9px;
vertical-align: top;
}

.cadre{
width: 120px;
height: auto;
padding: 4px;
border: 1px solid #999;
}

.cadre_picto{
background: url(../img/interface/cadre_picto.gif) no-repeat top center;
width: 51px;
vertical-align: top;
}

#tab_tetiere_partiel{
overflow:auto;
width: 580px;
margin: 0 auto;
height: 360px;
border: 0px solid #AAA;
background-color: #FFF;
position: absolute;
bottom: 24px;
}

#tab_tetiere_partiel2{
overflow-y:scroll;
overflow-x:hidden;
width: 580px;
margin: 10px auto 0;
height: 320px;
background-color: #FFF;
}

.art_quantite{
width: 30px;
height: 10px;
line-height: 10px;
font-size: 10px;
text-align: right;
}

.voir_plus{
position: absolute;
top: 240px;
left: 240px;
width: 500px;
height: auto;
padding: 5px;
background-color: #FFC;
border: 2px solid #EFBF00;
visibility: hidden;
z-index: 10;
}

.voir_epuisement{
position: absolute;
top: 180px;
left: 250px;
width: 400px;
height: auto;
padding: 5px;
background-color: #FFC;
border: 2px solid #EFBF00;
visibility: hidden;
z-index: 10;
}

#tab_tetiere_total{
position: absolute;
overflow: auto;
top: 225px;
left: 4px;
width: 966px;
height: 357px;
padding: 5px;
background-color: #FFF;
border: 2px solid #F70;
display:none;
z-index: 10;
}

.index_cadre{
width: 500px;
height: 150px;
background-color: #D9D9D9;
position: absolute;
margin: 60px 40px;
}

.index_titre{
margin:0;
padding:0;
position: absolute;
top: 2px;
font-size: 18px;
font-weight: bold;
font-style: italic;
color: #000;
}

.index_texte{
margin:0;
padding:0;
position: absolute;
top: 28px;
font-size: 14px;
font-weight: bold;
color: #ff8d16;
}



#changement_adresse{
position: absolute;
padding: 20px;
width: 400px;
height: 160px;
top: 200px;
left: 280px;
z-index: 7;
background: #FBF0B2 url(../img/interface/popup_background.gif) repeat-x bottom;
border: 2px solid #000;
visibility: hidden;
margin:0;
}

#changement_adresse_fd_noir{
position: absolute;
background: #000;
top: 0;
left: 0;
width: 440px;
height: 47px;
z-index: 2;
}

#changement_adresse_nouv1{ visibility: hidden; }
#changement_adresse_nouv2{ visibility: hidden; }
#changement_adresse_nouv3{ visibility: hidden; }

#changement_adresse_act{
position: absolute;
margin: 0;
padding:0;
top: 85px;
left: 140px;
z-index: 8;
display: block;
font-size: 12px;
}


#popup_confirm_ajout{
position: absolute;
padding: 20px;
width: 490px;
height: 130px;
top: 200px;
left: 230px;
z-index: 11;
background: #000 url(../img/interface/popup_background.gif) repeat-x bottom;
border: 2px solid #000;
display: none;
margin:0;
}


.visu_grand{
position: absolute;
top: 150px;
left: 245px;
width: 500px;
height: 410px;
border: 2px solid #F70;
background-color: #FFF;
z-index: 52;
}

.visu_grand_fermer{
position: absolute;
top: -23px;
right: 10px;
z-index: 52;
cursor: pointer;
}

#visu_gr1{ visibility: hidden; }
#visu_gr2{ visibility: hidden; }
#visu_gr3{ visibility: hidden; }
#visu_gr4{ visibility: hidden; } 

.panier_vide {
position: absolute;
z-index: 50;
width: 250px;
height: 60px;
line-height: 60px;
background-color: #FFC;
border: 2px solid #F70;
top: 270px;
left: 380px;
font-size: 18px;
font-weight: bold;
text-align: center;
}

.opacity{
filter:alpha(opacity=50); 
-moz-opacity:0.5;
opacity:0.5;  
} 

a.bulle_log_td {
position:relative;
text-decoration: none; 
}

a:hover.bulle_log_td {
text-decoration: none;
background: none;
display: block;
z-index:15;
}

a.bulle_log_td span {
display: none;
}

a:hover.bulle_log_td span {
  display: block;
  position: absolute; 
  top:25px;
  right:25px;
  width:200px;
  height: 45px;
  z-index:16;
}

a.bulle_log2_td {
text-decoration: none; 
}

a:hover.bulle_log2_td {
text-decoration: none;
background: none;
display: block;
z-index:15;
}

a.bulle_log2_td span {
display: none;
}

a:hover.bulle_log2_td span {
  display: block;
  position: absolute; 
  margin-left:-170px;
  margin-top:30px;
  width:200px;
  height: 45px;
  z-index:16;
}

.bulle_stock {
text-decoration: none; 
}

a:hover.bulle_stock {
text-decoration: none;
background: none;
display: block;
z-index:15;
}

a.bulle_stock span {
display: none;
}

a:hover.bulle_stock span {
  display: block;
  position: absolute; 
  margin-left:-170px;
  margin-top:30px;
  width:200px;
  height: 45px;
  z-index:16;
}


#cmd_trans{
position: absolute;
width: 490px;
height: 167px;
top: 200px;
left: 250px;
z-index: 11;
background: #16A128 url(../img/interface/popup_background.gif) repeat-x bottom;
border: 2px solid #000;
display: none;
margin:0;
}

#cmd_sauv{
position: absolute;
width: 490px;
height: 167px;
top: 200px;
left: 250px;
z-index: 11;
background: #A62C22 url(../img/interface/popup_background.gif) repeat-x bottom;
border: 2px solid #000;
display: none;
margin:0;
}

.carte_france_legende{
position: absolute;
bottom: 55px;
left: 205px;
z-index: 1;
width: 140px;
color: #888;
}

#popup_carte_nom{
position: absolute;
top: 350px;
left: 350px;
display: none;
background-image: url(../img/interface/bulle_carte.gif);
width: 168px;
height: 49px;
z-index: 50;
font-size: 14px;
font-weight: bold;
text-align: center;
padding-top: 11px;
padding-left: 32px;
}

#carte_info_img{
position: absolute;
bottom: 95px;
left: 530px;
padding:3px;
background-color: #FFF;
border: 1px solid #D5D5D5;
}

#carte_info_adr{
position: absolute;
bottom: 20px;
left: 510px;
width: 222px;
height: 75px;
padding-left: 10px;
font-size: 11px;
}

#carte_info_adr span{
font-size: 12px;
font-weight: bold;
}

#carte_info_plan{
position: absolute;
top: 100px;
background-color: #F70;
border: 2px solid #F70;
display: none;
z-index: 10;
margin: 0;
padding: 0;
}

#btn_close_plan{
z-index: 11;
position: absolute;
top: -23px;
right: 10px;
cursor: pointer;
margin: 0;
padding: 0;
}



#com_trans_popup{
position: absolute;
width: 490px;
height: 167px;
top: 200px;
left: 250px;
z-index: 11;
background: #16A128 url(../img/interface/popup_background.gif) repeat-x bottom;
border: 2px solid #000;
display: none;
margin:0;
}

#com_non_trans_popup{
position: absolute;
width: 490px;
height: 167px;
top: 200px;
left: 250px;
z-index: 11;
background: #A62C22 url(../img/interface/popup_background.gif) repeat-x bottom;
border: 2px solid #000;
display: none;
margin:0;
}


#img_bulle_profil{
position: absolute;
bottom: 30px;
right: 80px;
display: none;
}


#popup_recrute{
position: absolute;
top: 100px;
left: 222px;
width: 530px;
height: 400px;
border: 2px solid #F70;
background-color: #FFF;
display: none;
padding: 8px;
z-index: 50;
}

#table_recrute{
margin: 5px;
font-size: 12px;
font-weight: bold;
}

#table_recrute th{
text-align: right;
}


#table_recrute span{
color: #F00;
}

#table_recrute textarea{
width: 500px;
height: 100px;
}

#fond_index{
position:relative;
width:585px;
height:515px;
background:url('../img/index/fond.gif');
}

.text_accueil{
font-size:12px; 
color:#fff; 
margin:0px; 
padding:10px 10px 0 10px;
}

.bloc_actu{
height:66px;
width:580px;
}

.actu{
width:70px;
padding-left:5px;
font-size:11px; 
color:#efbf00; 
font-weight:bold; 
vertical-align:bottom;
}

.titre_actu{
font-size:11px; 
color:#fff; 
font-weight:bold;
vertical-align:bottom;
}

.fond_actu{
width:500px;
background:url('../img/interface/actu_titre_back.gif') right 56px repeat-x;
}



#enteteRecrutement{
	width:580px;
	height:109px;
	background:url('../img/interface/recrutement-entete.jpg');
	clear:both;	
}

#baseLineRecrutement{
	float:right;
	margin-right:58px;
	margin-top:29px;
	text-align:center;
	width:219px;
	height:80px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#8a8a8a;
}


#btnCanditatureSpontanee{
	color:#FFF;
	font-size:10px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	width:128px;
	height:15px;
	display:block;
	margin-top:12px;
	margin-left:45px;
	padding-top:3px;
	clear:both;
	background-image:url('../img/interface/fd_btn_gris.gif');	
	background-repeat:no-repeat;	
}


.annonce{
	margin-top:10px;
	padding-top:8px;
	height:85px;
	
}


.editorial_annonce{
	background:url('../img/interface/puce-annonce.gif') 0px 10px no-repeat;
	padding-top:6px;
	padding-left:22px;
	float:left;
	height:25px;

	
}


.titre_annonce{
	color:#efbf00;
	font-size:12px;
	margin-top:8px;
	padding:0;
	margin-bottom:0;
}


.visuel_annonce{
	width:103px;
	padding-left:9px;
	float:left;
}


.desc_annonce{
	padding:0px;
	margin:0px;
	color:#000;
	font-size:11px;
}


.div_detail_annonce{
	/*float:right;*/
	float:left;
	clear:both;
	text-align:right;	
	border-bottom:1px solid	#D7D7D7;
	width:100%;
	margin-top:-12px;
}


.btn_detail_annonce{
	color:#FFF;
	font-size:10px;
	background:url('../img/interface/onglet-detail.gif');
	width:95px;
	height:17px;
	display:block;
	text-align:center;
	padding-top:2px;
	float:right;
	cursor:pointer;
}

.clearBoth{
	clear:both;
	font-size:0px;
}

#select_liv{
width:350px;
height:80px;
margin-top:5px;

}

#select_fac{
width:350px;
height:200px;
margin-top:5px;

}

.commeh1{
margin: 0;
padding: 0;
font-weight: bold;
font-size: 21px;
color: #ff8d16;
}


#select_liv span{
font-weight:bold;
font-size:12px;

}

#select_fac p{
font-weight:normal;
font-size:10px;
margin-top:0px;
margin-bottom:0px;
line-height:1;
}