/* CSS Document */

*{
margin:0;
padding:0;
}

body,html{
margin:0;
padding:0;
background:#f4f4f4;
background-image:url(../images/main-background.gif);
background-repeat:repeat-x;
}
/* /////////////////ELEMENTS PRINCIPAUX////////////////// */
#main-container{
width:1020px;
margin:auto;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
}
/* //////////////////////////////////////////////////////////// */
#header{
width:100%;
height:89px;
background-image:url(../images/background-header.gif);
background-repeat:no-repeat;
}

#header-top{
width:1020px;
height:56px;
}

#logo{
width:220px;
float:left;
}

#logo a{
display:block;
margin:12px 0 0 28px;
}

#logo a img{
border:0;
}

#central-header-top{
width:580px;
float:left;
}

#shortcut-select{
width:220px;
float:left;
}

#shortcut-select form{
margin:12px 0 0 28px;
}

#shortcut-select select{
width:160px;
height:19px;
background:#FFFFFF;
border: 1px solid #000;
line-height:19px;
}

#shortcut-select fieldset{
border:none;
}

#shortcut-select option{
display:block;
height:19px;
line-height:19px;
}

#header-bottom{
width:1020px;
height:33px;
}

/* ////////////////////////// CONTENT ///////////////////////// */
#central{
width:100%;
/*min-height:550px;*/
padding-top:587px;
background-image:url(../images/central-background2.gif);
background-repeat:repeat-y;
padding-bottom:20px;
}

#central-content{
	width:1020px;
	min-height:104px;
	margin-top:-587px;
	background-image:url(../images/recrutement-banner.jpg);
	background-repeat:no-repeat;
}

#central-banner{
width:700px;
height:104px;
font-size:11px;
font-weight:bold;
color:#FFF;
}

#central-banner h1{
position:relative;
top:70px;
left:250px;
display:block;
font-size:11px;
font-weight:bold;
}

#central-banner a{
color:#FFF;
font-weight:bold;
text-decoration:none;
}

#central-banner a:hover{
text-decoration:underline;
}

#central img{
display:block;
}
/* /////// PARTIE GAUCHE /////// */
#central-left{
float:left;
width:220px;
padding-top:483px;
/*height:574px;*/
background-image:url(../images/design-left2.gif);
background-repeat:no-repeat;
background-position:top left;
}

#content-left{
width:200px;
/*height:574px;*/
min-height:483px;
margin-top:-483px;
padding:0 0 0 20px;
}

#hygeniales-left{
width:200px;
height:234px;
margin-top:10px;
}
/* menu gauche */
#central-menu{
width:200px;
height:313px;
background-image:url(../images/background-menu-left.gif);
background-repeat:no-repeat;
margin-top:10px;
}

#central-menu ul{
list-style:none;
/*padding-top:21px;*/
}

#central-menu li{
width:160px;
/*height:77px;*/
line-height:11px;
list-style:none;
display:block;
font-size:11px;
font-weight:bold;
color:#cc0066;
/*padding:0 0 0 40px;*/
}

.menu-left-magasins{
padding:20px 0 0 40px;
}

.menu-left-rendez-vous{
padding:50px 0 0 40px;
}

.menu-left-projets{
padding:35px 0 0 40px;
}

.menu-left-bons-plans{
padding:35px 0 0 40px;
}

#central-menu li a{
position:relative;
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#000;
text-decoration:none;
margin-top:5px;
}

#central-menu li a:hover{
text-decoration:underline;
}

/* /////// PARTIE DROITE /////// */

.tablo-colonne1-vert {
	float:left;
	text-align:left;
	width:106px;
	padding:2px 0 2px 6px;
	margin:2px;
	background-color:#92b84f;
	color:#FFFFFF;
	font-weight:bold;
	}
.tablo-colonne2-vert {
	float:left;
	text-align:left;
	width:102px;
	padding:2px 0 2px 6px;
	margin:2px;
	background-color:#92b84f;
	color:#FFFFFF;
	font-weight:bold;
	}
.tablo-colonne3-vert {
	float:left;
	text-align:left;
	width:90px;
	padding:2px 0 2px 6px;
	margin:2px;
	background-color:#92b84f;
	color:#FFFFFF;
	font-weight:bold;
	}
.tablo-colonne4-vert {
	float:left;
	text-align:left;
	width:50px;
	padding:2px 0 2px 6px;
	margin:2px;
	background-color:#92b84f;
	color:#FFFFFF;
	font-weight:bold;
	}
.tablo-colonne5-vert {
	float:left;
	text-align:left;
	width:110px;
	padding:2px 0 2px 6px;
	margin:2px;
	background-color:#92b84f;
	color:#FFFFFF;
	font-weight:bold;
	}
.tablo-colonne6-vert {
	float:left;
	text-align:left;
	width:20px;
	padding:2px 0 2px 6px;
	margin:2px;
	background-color:#92b84f;
	color:#FFFFFF;
	font-weight:bold;
	}

.tablo-separation {
	height: 4px;
	background-image: url(../images/equipement/pointille-separation.gif);
	background-repeat: repeat-x;
	background-position: left center;
}
.tablo-colonne1 {
	float:left;
	text-align:left;
	width:106px;
	padding:2px 0 2px 6px;
	margin:2px;
	font-size:10px;
	}
.tablo-colonne2 {
	float:left;
	text-align:left;
	width:102px;
	padding:2px 0 2px 6px;
	margin:2px;
	font-size:10px;
	}
.tablo-colonne3 {
	float:left;
	text-align:left;
	width:90px;
	padding:2px 0 2px 6px;
	margin:2px;
	font-size:10px;
	}
.tablo-colonne4 {
	float:left;
	text-align:left;
	width:50px;
	padding:2px 0 2px 6px;
	margin:2px;
	font-size:10px;
	}
.tablo-colonne5 {
	float:left;
	text-align:left;
	width:110px;
	padding:2px 0 2px 6px;
	margin:2px;
	font-size:10px;
	}
.tablo-colonne6 {
	float:left;
	text-align:left;
	width:20px;
	padding:0 0 0 6px;
	margin:2px;
	font-size:10px;
	}
#central-right{
float:left;
width:800px;
padding-top:483px;
background-image:url(../images/design-right2.gif);
background-repeat:no-repeat;
background-position:top right;
}

#content-right{
width:800px;
/*height:574px;*/
min-height:483px;
margin-top:-483px;
}

#content-right img{
border:0;
}

#links-way{
	width:548px;
	height:27px;
	background-image:url(../images/fil-ariane-magasins.gif);
	background-repeat:no-repeat;
	padding:6px 5px 5px 6px;
	color:#FFF;
}

#links-way a{
color:#FFF;
text-decoration:none;
display:inline;
width:auto;
height:13px;
background-image:url(../images/arrow-picto-blanc.gif);
background-repeat:no-repeat;
background-position:0 2px;
padding-left:10px;
}

#links-way a:hover{
text-decoration:underline;
}

.rdv-active{
font-weight:bold;
}

#right-left{
color:#666666;
float:left;
width:560px;
padding:10px 0 0 10px;
}

#right-left table{
width:560px;
border:1px solid #e0dfd5;
}

/****** bloc equipement ******/

.contour {
	padding: 10px;
	border: 1px solid #e0dfd5;
	text-align:justify;
}
.pointille-separation {
	height: 17px;
	background-image: url(../images/equipement/pointille-separation.gif);
	background-repeat: repeat-x;
	background-position: left center;
}
.en-savoir {
	text-align:right;
	font-weight:bold;
	margin-top:6px;
	}
.lien {
	color:#666666;
	text-decoration:none;
	}
a.lien:hover {
	color:#888888;
	text-decoration:underline;
	}
.lien2 {
	color:#ffffff;
	text-decoration:none;
	}
a.lien2:hover {
	color:#CCCCCC;
	text-decoration:underline;
	}
.lien3 {
	color:#CCCCCC;
	text-decoration:none;
	}
a.lien3:hover {
	color:#CCCCCC;
	text-decoration:underline;
	}
.lien-vert {
	color:#5f861b;
	text-decoration:none;
	}
a.lien-vert:hover {
	color:#92b84f;
	text-decoration:underline;
	}
.ss-titre {
	margin-top:20px;
	padding-left:10px;
	background-image: url(../images/equipement/triangle.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-weight:bold;
}
.ss-titre2 {
	padding-left:10px;
	background-image: url(../images/equipement/triangle.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-weight:bold;
}
.ss-titre-vert {
	color:#5f861b;
	padding-left:10px;
	background-image: url(../images/equipement/triangle.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-weight:bold;
	text-transform: uppercase;
}
.bloc-service {
	float:left;
	width:164px;
	padding: 280px 6px 10px 8px;
	margin: 0 0 10px 0;
	background-repeat:no-repeat;
	background-position:center top;
	border: 1px solid #e0dfd5;
}
.picto-metier {
	float:left;
	padding-right:12px;
	}
.box-metier {
	float:left;
	width:444px;
	}
.separation {
	float:left;
	width:9px;
	height:30px;
	}
	
.picto-service {
float:left;
margin-right:12px;
}
.picto-service2 {
float:left;
margin-right:12px;
margin-bottom:10px;
}
.visuel-service {
float:right;
margin: 0 0 0 12px;
}
.txt-int {
font-size:8pt;
}
.tarif-livraison{
float:left;
width:120px;
text-transform:uppercase;
font-weight:bold;
padding: 4px;
}
.tablo-valeur {
	float:left;
	width:160px;
	color:#FFFFFF;
	background-color: #999999;
	font-weight:bold;
	text-transform: uppercase;
	text-align:left;
	font-size:8pt;
	padding: 4px;
	margin: 0 4px 0 10px;
}
.tablo-zone {
	float:left;
	width:60px;
	color:#FFFFFF;
	background-color: #999999;
	font-weight:bold;
	text-transform: uppercase;
	text-align:left;
	font-size:8pt;
	padding: 4px;
	margin: 0 4px 0 0;
}
.tablo-valeur-int {
	float:left;
	width:160px;
	text-align:left;
	font-size:8pt;
	padding: 4px;
	margin: 0 4px 0 10px;
}
.tablo-zone-int {
	float:left;
	width:60px;
	text-align:left;
	font-size:8pt;
	padding: 4px;
	margin: 0 4px 0 0;
}
.asterix {
font-size:7pt;
}
/***************************************************/

.upper-text{
text-transform:uppercase;
}

#right-right{
float:left;
padding:10px 0 0 10px;
}

#right-right a{
text-decoration:none;
color:#666666;
font-weight:bold;
}

#right-right a:hover{
text-decoration:underline;
}

#right-right h3{
text-transform:uppercase;
color:#666666;
font-size:12px;
padding:10px 0 0 10px;
}

.green-h3{
color:#7fac30;
}

.mag-green{
color:#446b1c;
}

#right-right p{
display:block;
width:110px;
color:#666666;
padding:0 0 0 10px;
font-size:10px;
}

#catalogue-cuisines{
position:relative;
width:200px;
height:147px;
background-image:url(../images/magasins-catalogue.jpg);
background-repeat:no-repeat;
margin-bottom:10px;
}

#catalogue-cuisines p{
display:block;
width:90px;
}

#magasins-qualite{
position:relative;
width:200px;
height:147px;
background-image:url(../images/magasins-qualite.gif);
background-repeat:no-repeat;
margin-bottom:10px;
}

#magasins-qualite p{
display:block;
width:120px;
color:#666666;
padding:0 10px 0 10px;
}

#magasins-services{
position:relative;
width:200px;
height:147px;
background-image:url(../images/magasins-services.gif);
background-repeat:no-repeat;
}

#magasins-services p{
display:block;
width:180px;
}

.arrow{
display:block;
height:13px;
background-image:url(../images/arrow-picto.gif);
background-repeat:no-repeat;
background-position:0 2px;
padding-left:10px;
}

.arrow2{
position:absolute;
bottom:10px;
left:8px;
display:block;
height:13px;
background-image:url(../images/arrow-picto.gif);
background-repeat:no-repeat;
background-position:0 2px;
padding-left:10px;
}

.mag-result-arrow{
background-image:url(../images/magasins-result-arrow.gif);
background-repeat:no-repeat;
background-position:0 2px;
padding-left:12px;
}

.mag-search-arrow{
background-image:url(../images/magasins-result-arrow.gif);
background-repeat:no-repeat;
background-position:0 2px;
padding-left:12px;
}

.no-float{
clear:left;
}
/* //////////////////////////////////////////////////////////// */
#footer{
width:100%;
height:70px;
background-image:url(../images/background-footer.gif);
background-repeat:no-repeat;
}

#footer-top{
width:1000px;
height:12px;
margin:0 10px;
}

#footer-bottom{
width:1000px;
margin:0 10px 20px 10px;
}

#footer-menu{
height:26px;
}

#footer-menu ul{
list-style:none;
margin:5px 0 0 150px;
}

#footer-menu li{
height:11px;
line-height:9px;
list-style:none;
display:block;
float:left;
color:#868686;
padding:0 10px 0 10px;
}

#footer-menu li a{
position:relative;
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#999999;
text-decoration:none;
}

#footer-menu li a:hover{
text-decoration:underline;
}

#footer-text p{
font-size:11px;
color:#999999;
padding:0 25px 20px 25px;
}