html, body {
	font-family: verdana;
	font-size: 10px;
	color: #333333;
	background-color: #FFFFFF;
	background-image: url(../images/commun/bg_page.gif);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	width:100%;
	height:100%;
	text-align:justify;
}
a {
	font-size: 10px;
	color: #FF6600;
}
a:hover {
	color: #FF6600;
}
a:active {
	color: #FF6600;
}
/* la page */
#site {
width:760px;
/*height: 100%;*/
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
}
/* la page _ haut */
#haut{
background-image:url(../images/commun/bg_haut.gif);
height:76px;
width:760px;
}
#logo{
float:left;
/* retiré par manu sinon le logo n'est pas intégré lors dun' impression
background-image:url(../images/commun/logo.gif);
background-repeat:no-repeat;*/
}
#logo a{
width:378px;
height:76px;
display:block;
float:left;
}
#rechercher{
float:right;
width:285px;
height:21px;
margin-top:33px;
line-height:21px;
line-height: 14px;
}
#logosCocci&market{
float:right;
width:102px;
height:56px;
}

input{
border:1px solid #D1D1D1;
width: 160px;
height: 14px;
font-family: verdana;
font-size: 9px;
color: #333333;
margin-bottom:3px;
}
select{
border:1px solid #D1D1D1;
width: 160px;
height: 16px;
font-family: verdana;
font-size: 10px;
color: #333333;
margin-bottom:3px;
}
textarea{
border:1px solid #D1D1D1;
font-family: verdana;
font-size: 9px;
color: #333333;
margin-bottom:3px;
}

#navigationCentre {
display:block;
width:760px;
}
#espaceAdherents {
margin-left:9px;
width:528px;
float:left;
line-height:29px;
}
#espaceAdherents input{
border:1px solid #D1D1D1;
width: 160px;
height: 16px;
font-family: verdana;
font-size: 10px;
color: #333333;
margin-bottom:3px;
}
.mistral {
color:#FF3300;
}
.adresse {
color:#999999;
}
#topnet{
float:right;
}
.lespacer {
  clear: both;
  height:1px;
  font-size:1px;
}
a.qsn {float:left; display:block ;width: 107px;height:20px; background-image:url(../images/commun/qsn.gif);background-repeat: no-repeat;}
a.qsn:hover {background-image:url(../images/commun/o/qsn.gif);}
a.act {float:left; display:block ;width: 79px;height:20px; background-image:url(../images/commun/act.gif);background-repeat: no-repeat;}
a.act:hover {background-image:url(../images/commun/o/act.gif);}
a.actu {float:left; display:block ;width: 65px;height:20px; background-image:url(../images/commun/actu.gif);background-repeat: no-repeat;}
a.actu:hover {background-image:url(../images/commun/o/actu.gif);}
a.esp_four {float:left; display:block ;width: 116px;height:20px; background-image:url(../images/commun/esp_four.gif);background-repeat: no-repeat;}
a.esp_four:hover {background-image:url(../images/commun/o/esp_four.gif);}
a.ou_sommes_nous {float:left; display:block ;width: 107px;height:20px; background-image:url(../images/commun/ou_sommes_nous.gif);background-repeat: no-repeat;}
a.ou_sommes_nous:hover {background-image:url(../images/commun/o/ou_sommes_nous.gif);}
a.rejoignez_nous {float:left; display:block ;width: 96px;height:20px; background-image:url(../images/commun/rejoignez_nous.gif);background-repeat: no-repeat;}
a.rejoignez_nous:hover {background-image:url(../images/commun/o/rejoignez_nous.gif);}
a.espace_info {float:left; display:block ;width: 78px;height:20px; background-image:url(../images/commun/espace_info.gif);background-repeat: no-repeat;}
a.espace_info:hover {background-image:url(../images/commun/o/espace_info.gif);}
a.contact {float:left; display:block ;width: 63px;height:20px; background-image:url(../images/commun/contact.gif);background-repeat: no-repeat;}
a.contact:hover {background-image:url(../images/commun/o/contact.gif);}
a.emploi {float:left;display:block;width:46px;height:20px; background-image:url(../images/commun/emploi.gif);background-repeat: no-repeat;}
a.emploi:hover {background-image:url(../images/commun/o/emploi.gif);}
#bandeauTitre{
margin:auto;
width:744px;
}
#spotlight{
width:200px;
background-color:#CCCCCC;
display:block;
padding:5px 5px 5px 5px;
margin-top:5px;
margin-right:5px;
margin-bottom:5px;
float:left;}
#spotlight h1{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
padding:0;
margin:0;
color:black;}
h1{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
padding-top:10px;
padding-bottom:10px;
margin:0;
color:#FF6600;}
hr {
border:0;
color:white;
}
.enseigne1{
width:45%;
float:left;
margin-right:5px;
text-align:justify;}
.enseigne2{
width:50%;
float:left;
margin-left:5px;
text-align:justify;}
.marques{
margin-right:20px;
width:190px;
float:left;
border:1px solid #CCCCCC;
padding:0 5px 0 5px;
}
.photos{
padding-left:10px;
padding-bottom:15px;}
.argumentaire{
width:525px;
float:left;
}
.spacer{
font-size:0;
line-height:0;
clear:both;}
.politique{
width:168px;
float:left;
margin-right:10px;
padding:0 7px 7px 7px;
border:1px solid #CCCCCC;}
#offres {
/*width modifié de 300 à 540px et avec le ";" qui manquait et faisait buggé l'impression ...15/12/05 : manu*/
width:540px;
float:left;
margin:5px 0 0 5px;
padding:0;}
#offres hr {
border:1px solid #cccccc;
padding:0;
}
#offres H1{
padding:0;
margin:0;
font-size:15px;
color:#006600;
font-variant:small-caps;}
#offres H2{
padding:0;
margin:0;
font-size:13px;
font-variant:small-caps;
color:#333333;}