html{
height: 100%;
}

body {
font-family: Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
height:100%;
background-color: #DDD;
background-image: url(../img/interface/background.gif);
}

#alpha{
display:none; 
width:990px; 
height:609px; 
background-color:#000000; 
position:absolute; 
filter:alpha(opacity=80); 
-moz-opacity:0.8;
opacity:0.8;  
top:0px; 
left:0px;
text-align:left;
margin-left:auto;
margin-right:auto;
z-index:2; 
}

#conteneur_bakup {
background-color: #DDD;
position: relative;
width: 990px;
margin: 0 auto; 
}

#conteneur {
background-color: #DDD;
position: absolute;
left: 50%;
margin-left: -495px;
top: 50%;
margin-top: -310px;
width:990px;
}

#centre {
background-color: #FFF;
height: 609px;
margin-left: 200px;
margin-right: 200px;
}

img{
	border:none;
}

#gauche {
height: 609px;
background-color: #FFF;
position: absolute;
top: 0;
left:0;
width: 194px;
padding-right: 6px;
}

#droite {
height: 609px;
background-color: #FFF;
position: absolute;
top: 0;
right:0;
width: 194px;
padding-left: 6px;
}


/**************************** ZONES ******************************/

.tl, .tr, .br, .bl, .tlg, .trg, .brg, .blg{position:absolute}
.tl {background: url(../img/interface/tl.gif) no-repeat top 		left; 	top:0px; 	left:0px; 	width:2px; height:2px;}
.bl {background: url(../img/interface/bl.gif) no-repeat bottom 	left; 	bottom:0px; left:0px; 	width:2px; height:2px;}
.tr {background: url(../img/interface/tr.gif) no-repeat top 		right; 	top:0px; 	right:0px; 	width:2px; height:2px;}
.br {background: url(../img/interface/br.gif) no-repeat bottom 	right; 	right:0px; 	bottom:0px; width:2px; height:2px;}

.tlg {background: url(../img/interface/tlg.gif) no-repeat top 		left; 	top:0px; 	left:0px; 	width:2px; height:2px;}
.blg {background: url(../img/interface/blg.gif) no-repeat bottom 	left; 	bottom:0px; left:0px; 	width:2px; height:2px;}
.trg {background: url(../img/interface/trg.gif) no-repeat top 		right; 	top:0px; 	right:0px; 	width:2px; height:2px;}
.brg {background: url(../img/interface/brg.gif) no-repeat bottom 	right; 	right:0px; 	bottom:0px; width:2px; height:2px;}


#zone1_logo_dorise{
position: relative;
height: 64px;
width: 194px;
background-image: url(../img/interface/logo.gif);
margin-bottom: 5px;
}

#zone9_recherche{
position: relative;
height: 30px;
width: 194px;
background-color: #efbf00;
}

#zone8_panier{
position: relative;
height: 50px;
width: 194px;
background-color: #c6c6c6;
cursor: pointer;
}

#zone7_menu{
position: relative;
height: 460px;
width: 194px;
background-color: #8a8a8a;
}

#zone3_identificationA{
position: relative;
height: 16px;
width: 194px;
background-color: #c4c4c4;
}

#zone3_identificationB{
position: relative;
height: 48px;
width: 194px;
background-color: #f3d322;
margin-bottom: 5px;
}

#zone4_commande_expresseA{
position: relative;
height: 16px;
width: 194px;
background-color: #c4c4c4;
}

#zone4_commande_expresseB{
position: relative;
height: 62px;
width: 194px;
background-color: #ff8d16;
}

#zone5_top10{
position: absolute;
right: 0;
bottom:0;
height: 460px;
width: 194px;
background-color: #f6d000;
z-index: 0;
}


#coloneDroiteModule{
position: absolute;
right: 0;
bottom:28px;
height: 460px;
width: 194px;
z-index: 0;
}

#zone2_bandeau{
position: relative;
height: 64px;
background-color: #000;
margin-bottom: 5px;
}

#zone_footer{
padding: 0;
margin: 0;
position: absolute;
left: 200px;
bottom: 0px;
height: 14px;
width: 590px;
border-top: 1px solid #626262;
color: #626262;
font-size: 10px;
font-weight: bold;
text-align: center;
}

#zone_footer a{
color: #626262;
text-decoration: none;
}

#zone_footer a:hover{
color: #999;
}

#contenu{
padding: 5px;
background-color: #FFF;
}

/*********bandeau************/
#fond_lien{
position: absolute;
bottom: 12px;
width: 590px;
height: 14px;
background-color: #efbf00;
}

.tab_lien{
position: absolute;
border-collapse:collapse;
bottom:0;
width: 590px;
height: 24px;
text-align: center;
margin: 0;
padding: 0;
}

.tab_lien a{
font-size: 11px;
font-weight: bold;
color: #000;
text-decoration: none;
}

.tab_lien a:hover{
color: #000;
}

.txt_bandeau{
color: #FFF;
font-size: 13px;
font-weight: bold;
text-align: center;
padding-top: 13px;
letter-spacing: 1px;
}

.fond_jaune{
background-color: #efbf00;
padding: 0px;
line-height: 14px;
height: 14px;
}

.fleche_bandeau{
line-height: 9px;
height: 9px;
}

/**************identification*******************/
.compte_client_titre{
padding: 2px 3px;
color: #000;
font-size: 11px;
font-weight: bold;
}

.tab_identification{
color: #000;
font-size: 12px;
width: 194px;
padding:0;
margin:0;
}

.zone3_mdp_perdu{
font-size: 9px;
text-align: center;
padding:0;
margin:0;
}

.zone3_mdp_perdu a{
color: #00F;
font-weight: bold;
}

.tab_identification input{
width: 90px;
height: 13px;
border: 0;
font-size: 9px;
font-weight: bold;
padding:0;
margin:0;
}

.compte_client_ok{
position: absolute;
top: 5px;
right: 2px;
}

/*******************commande expresse*******************/
.commande_expresse_titre{
padding: 2px 3px;
color: #000;
font-size: 11px;
font-weight: bold;
}

.commande_expresse{
position: absolute;
margin-left: 10px;
font-size: 11px;
text-align: center;
}

.commande_expresse_ok{
position: absolute;
top: 27px;
right: 0px;
}

.commande_expresse_input{
width: 110px;
height: 16px;
border: 0px solid #F70;
font-size: 11px;
font-weight: bold;
padding:0px;
margin-top:2px;
}


/*****************top 10 **********************************/
.top10_titre{
font-size: 14px;
padding: 3px 5px;
}

.top10_fond_blanc{
width: 190px;
background-color: #FFF;
margin: 0 auto;
font-size: 8px;
}

.tab_top10{
width: 190px;
font-size: 9px;
font-size: 10px;
}

.top10_pair{
background-color: #e6e6e6;
height: 39px; 
}

.top10_impair{
background-color: #FFF;
height: 39px; 
}

.top10_img{
background-color: #FFF;
border: 1px solid #DDD;
margin: 0 2px 0 2px;
}

/******************** recherche **************************/
.recherche_titre{
font-size: 13px;
font-weight: bold;
padding: 8px 0 0 10px;
}

.recherche{
position: absolute;
width: 195px;
}

.input_tous_les_mots{
position: absolute;
top: 6px;
left: 82px;
}

.recherche_label{
position: relative;
top: -2px;
left: 0px;
font-size: 11px;
}

.recherche_input{
width: 140px;
height: 16px;
border: 1px solid #DDD;
font-size: 11px;
font-weight: bold;
padding:0px;
margin:5px 0 0 10px;
}

.recherche_ok{
position: absolute;
top: 1px;
right: 6px;
}

/********************** zone panier ******************/
.zone8_texte1{
font-size: 11px;
}

.zone8_texte2{
font-size: 10px;
}

.zone8_texte3{
font-size: 11px;
font-weight:bold;
color: #ff8d16;
text-decoration: underline;
}

/****************** menu ************************/
.logo_specialites{
background: url(../img/interface/les_specialites.gif) no-repeat top left;
width: 100px;
height: 16px;
position: absolute;
top: 0;
left: 0;
}

.menu_texte{
line-height: 12px;
font-size: 11px;
font-weight:bold;
color: #FFF;
padding-right: 21px;
padding-top: 20px;
text-align: right;
}

.menu_texte a{
color: #FFF;
text-decoration: none;
}

.zone7_separateur{
text-align: left;
color: #000;
}

.menu_fleche{
position: absolute;
right: 0;
margin-top: -20px;
border: 0;
}


/* Commande expresse: popup */
#popup_cmd_expresse{
position: absolute;
top: 194px;
left:268px;
width: 450px;
height: 180px;
background: url(../img/interface/back_cmd_express.gif) no-repeat top left;
display: none;
z-index: 100;
}

.img_cmd_expresse{
position: absolute;
top: 37px;
left: 20px;
display: none;
}

#popup_cmd_expresse span{
position: absolute;
right: 10px;
top: 80px;
width: 305px;
text-align:center;
font-size: 15px;
font-weight: bold;
color: #333;
}

#fermer_cmd_expresse{
position: absolute;
bottom: 15px;
right: 15px;
cursor: pointer;
display:none;
}

#go_cart_cmd_exp{
position: absolute;
bottom: 15px;
right: 130px;
cursor: pointer;
display:none;
}




/*********************POPUP RECRUTEMENT *****************************/

#popup_recrute2, #popup_detail{
	position:absolute;
	top:125px;
	left:50%;
	display:none;
	margin-left:-273px;
	width:546px;
	height:469px;
	z-index:50;	
	
}
/*
#popup_recrute2{
	display:block;
}*/


.popupTop{
	background:url(/img/interface/recrutement/pop-topRecrutement.gif);
	width:505px;
	height:23px;
	padding-left:41px;
	padding-top:15px;
	font-size:12px;
	color:#000;
}


.popupBottom{
	position:absolute;
	background:url(/img/interface/recrutement/pop-fdBasRecrutement.gif);
	width:546px;
	height:10px;
	bottom:0px;
	left:0px;
}

.popupFermer{
	position:absolute;
	float:right;
	height:10px;
	width:10px;
	display:block;
	right:9px;
	top:7px;
	cursor:pointer;
}


#content_recrutement, #content_recrutementDetail{
	position:absolute;
	width:546px;
	height:431px;
	background-color:#FFF;
	left:0px;
	top:38px;
	background:url(/img/interface/recrutement/pop-fdRecrutement.gif) repeat-x;
}



.popupGauche{
	background:url(/img/interface/recrutement/pop-sepRecrutement.gif) no-repeat;
	background-position:top right;
	width:172px;
	height:412px;
	padding-left:19px;
	padding-top:19px;
	float:left;
	font-size:11px;
}

.popupVisuel{
	position:absolute;
	bottom:10px;
}


.popupDroite, .popupDroiteDetail{
	float:left;
	width:355px;
	height:407px;
	margin-top:10px;
	overflow:auto;
}



.popupDroite table {

	margin-left:25px;

}

.popupDroite table{
	margin-top:17px;
}

.popupDroite table td{
	height:20px;
	/*vertical-align:top;*/
	font-size:11xp;
}

.inputRecrutement{
	height:16px;
	border:1px solid #dadada;
	width:163px;
}


.popupDroite label{
	font-size:11px;
}

.popupDroite textarea{
	border:1px solid #dadada;
	width:298px;
	height:91px;
}


.popupbtnValid{
	margin-left:90px;
}

.labelTD{	
	text-align:left;
	font-weight:bold;
	font-size:11px;
	vertical-align:middle;
}

.valeurTD{	
	vertical-align:top;
}

.labelTD2{
	text-align:left;	
	font-weight:bold;
	font-size:11px;
}

.titreDetail{
	background:url(/img/interface/recrutement/pop-puceRecrutement.gif) no-repeat 10px 0px;
	
	padding-left:27px;
	font-size:11px;
	font-weight:bold;
	height:9px;
}

.popupGauche .titreDetail{
	padding-left:17px;
	background:url(/img/interface/recrutement/pop-puceRecrutement.gif) no-repeat 0px 0px;
}

.texteDetail{
	font-size:11px;
	margin-left:27px;
	padding-right:5px;
}

.popupGauche  .texteDetail{
	margin:0 0 3px 17px;
}

.btnDetail{
	text-align:right;
	position:absolute;
	right:20px;
	bottom:10px;
}

#btnPostule{
	cursor:pointer;
}


/***************************** MODULE DROITE **********************************/
#coloneDroiteModule{
	background:url(/img/interface/bande_droite/fd-droite.gif) repeat-x;
	width:193px;
	height:432px;
	cursor:pointer;
}


#topColonneModule{
	height:4px;
	width:193px;
	background:url(/img/interface/bande_droite/fd-top-droite.gif) no-repeat;
	text-align:center;
}

.moduleDroite{
	width:175px;
	height:104px;
	margin-top:4px;
	margin-left:9px;
	position:absolute;
	
}

.topModuleDroite{
	width:175px;
	height:18px;
	color:#efbf00;
	font-size:14px;
	background:url(/img/interface/bande_droite/top-droite.gif) no-repeat;
	text-align:center;
	padding-top:4px;
}

.bottomModuleDroite{
	position:absolute;
	width:175px;
	height:4px;	
	font-size:0;
	background:url(/img/interface/bande_droite/bottom-droite.gif) no-repeat;
	bottom:0;
	left:0;
}

.droiteModule{
	border-right:1px solid #b0afb0;
	color:#6c6c6c;
	font-size:13px;
	width:88px;
	height:58px;
	text-align:center;
	padding-top:21px;
	float:right;
}

.gaucheModule{
	border-left:1px solid #b0afb0;
	width:85px;
	height:70px;
	text-align:right;
	float:left;
	padding-top:9px;
}

#droiteAffaires			{ top:108px; }
#droiteCatalogue	{ top:0px; }
#droiteImplantation	{ top:216px; }
#droiteRecrute		{ top:324px; }

#pagination{
	text-align:center;
	font-size:14px;
	color:#666666;
}

#pagination a{
	font-size:14px;
	color:#EBC100;
	
}