/* 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/projet-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:8px;
}

*:first-child+html #central-menu {
margin-top:10px; /* Lu uniquement par IE 7 */
}

#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 /////// */
#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:550px;
height:25px;
background-image:url(../images/fil-ariane-projet.gif);
background-repeat:repeat-x;
padding:7px 5px 5px 5px;
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;
}

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

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

#project h2{
font-size:11px;
color:#de9c0d;
text-transform:uppercase;
padding-bottom:5px;
background-image:url(../images/magasins-ie-border-dotted-h.gif);
background-repeat:no-repeat;
background-position:0 100%;
margin:10px 10px 0 10px;
}

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

.project-text{
display:block;
padding:10px;
text-align:justify;
}

.project-step{
width:520px;
border:1px solid #e0dfd5;
padding:9px;
margin:9px;
}

.project-step img{
margin-top:10px;
}

.project-step-title{
padding-right:5px;
line-height:11px;
}

.project-step p{
display:block;
float:left;
line-height:11px;
}

#project-h3d{
width:175px;
margin:auto;
}

#project-pics table{
border:none;
}

#project-pics td{
vertical-align:top;
}

#project-pics a{
display:block;
padding-top:60px;
padding-left:10px;
color:#666666;
text-decoration:none;
}

#project-pics a:hover{
text-decoration:underline;
}

.project-link{
display:block;
float:right;
padding:10px;
}

.project-link a{
color:#666666;
text-decoration:none;
}

.project-link a:hover{
text-decoration:underline;
}

.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;
}

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

.projet-conseils{
position:relative;
width:200px;
height:117px;
background:#cdcdcd;
background-image:url(../images/projet-conseils.gif);
background-repeat:no-repeat;
margin-bottom:10px;
}

.projet-conseils p{
display:block;
width:180px;
}

#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;
}

.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;
}

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

.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;
}