/* CSS Document */

/* ----------------------------------------------------------------- */
/* Balises générales pour la mise en forme globale du site */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #ECECEC;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-image: url(../images/forme/fond.jpg);
	background-repeat: repeat;
	background-attachment:fixed;
}
table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: justify;
	width: 100%;
}
img {
	border:0px;
}
form {
	margin:0px;
	padding:0px;
}
a {
	font-size: 12px;
	font-weight:bolder;
	color:#01A9E0;
	outline:none;
	text-decoration:none;
}
a:hover {
	color:#000000;
}
.cadr_both, .clear_both {
	clear: both;
}
.coche {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:25px;
	padding-left:2px;
	list-style-image: url(../images/puce.jpg);
}
.coche li {
	margin-top:5px;
}
/* ----------------------------------------------------------------- */



/* ----------------------------------------------------------------- */
/* la balise container contient l'intégralité de la page du site */
#container {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	width: 804px;
	padding: 0px;
}
/* Pour gerer l'onglet de présentation de la société */
#pres_societe {
	width:804px;
	height:44px;
	background-image: url(../images/forme/societe_fond.jpg);
	background-repeat: repeat-x;
}
#pres_gauche {
	float:left;
	width:151px;
}
#pres_droite {
	float:right;
	width:653px;
	height:44px;
	background-image: url(../images/forme/societe_droite.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
#pres_droite .td_titre {
	height:20px;
	text-align:center;
	font-weight:bold;
}
#pres_droite .tr_liens {
	text-align:center;
	font-weight:bold;
}
#pres_droite a {
	color:#0066CC;
	text-decoration:none;
	outline:none;
}
#pres_droite a:hover {
	text-decoration:underline;
}
/* entete : contient l'image de l'entete */
#entete {
	height: 187px;
	cursor:pointer;
}
/* fond_page : contient tout le contenu du texte et est nécessaire pour construire les bords avec fond blanc */
#fond_page {
	background-color:#FFFFFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #AEAEAE;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #AEAEAE;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom:50px;
}
/* ----------------------------------------------------------------- */



/* ----------------------------------------------------------------- */
/* menu : mise en forme du menu principal */
#hs_menu {
	position:relative;
	z-index:1;
	height:22px;
	text-align:center;
	font-weight:bold;
	font-size: 14px;
	padding-bottom: 2px;
	padding-left:5px;
}
#target {
	z-index:100;
	height:20px;
	position:absolute;
	width: 130px;
	background-color: #E0F3F9;
	padding-top:3px;
	padding-bottom:3px;
	left:5px;
}
#hs_menu ul {
	z-index:200;
	position:absolute;
	padding: 0;
	margin: 0;
	left:5px;
}
#hs_menu ul li {
	position:relative;
	color:#5C5C5C;
	float: left;
	list-style: none;
	width:130px;
	padding-top:3px;
	padding-bottom:3px;
	cursor:pointer;
}
#hs_menu ul .menu_ok {
	color:#01A9E0;
	background-color: #E0F3F9;
}
/* ----------------------------------------------------------------- */



/* ----------------------------------------------------------------- */
/* Mise en forme du bandeau qui contient le caddie et les images spécialités */
#bandeau_spe {
	width:790px;
	height:71px;
	background-image: url(../images/forme/bandeau_spe.jpg);
	background-repeat: no-repeat;
}
#bandeau_spe #spe_sf {
	float:left;	
	width:174px;
	padding-top:13px;
	padding-left:100px;
}
#bandeau_spe #spe_auxi {
	float:right;	
	width:174px;
	padding-top:13px;
	padding-right:100px;
}
/* ----------------------------------------------------------------- */



/* ----------------------------------------------------------------- */
/* Mise en forme du menu secondaire sur la gauche */
#menu_gauche {
	float:left;
	width:200px;
	margin-left:5px;
	margin-top:15px;
	border:1px solid #78DCFC;
	padding-top:10px;
}
/* avec son contenu qui en fait les différentes parties disposé en liste */
#menu_gauche #menu_contenu {
	height: auto !important;
	height: 50px;
	min-height: 50px;
}
#menu_gauche ul {
	font-size:11px;
	font-weight:bold;
	color:#666666;
	padding-left:10px;
	list-style-type: square;
	list-style-position:inside;
}
#menu_gauche li {
	padding-bottom:10px;
}
#menu_gauche ul #selected {
	color: #01A9E0;
}
#menu_gauche li a {
	color:#666666;
	text-decoration:none;
	outline:none;
}
#menu_gauche li a:hover {
	color:#01A9E0;
}
/* ----------------------------------------------------------------- */



/* ----------------------------------------------------------------- */
/* disposition du texte de la page dans la partie centrale du site */
#page_droite {
	float:right;
	width:570px;
	margin-right:5px;
	margin-top:15px;
}
#page_droite_complet {
	float:none;
	width:770px !important; width:790px;
	padding:10px;
}
/* le contenu sera bordé de filets bleu */
#page_droite #page_contenu {
	height: auto !important;
	height: 200px;
	min-height: 200px;
}
/* mise en forme du titre secondaire */
#page_droite h2 {
	font-size: 14px;
	color:#01A9E0;
	padding:5px;
	margin-bottom:5px;
	background-color:#E0F3F9;
}
/* le bas met en forme la page avec le dégradé sur les cotés */
#page_droite #page_bas {
	height: 158px;
}
/* Mise en position du bouton ajout caddie */
#caddie_ajout {
	padding-top:20px;
	text-align:center;
	font-weight:bold;
	color:#444446;
}
#caddie_ajout img{
	margin-top:5px;
	border:0px;
}
/* ----------------------------------------------------------------- */



/* ----------------------------------------------------------------- */
/* bord de la page */
#pied_de_page {
	text-align:center;
	font-size:10px;
	height:50px;
	background-image: url(../images/forme/pied_de_page.jpg);
	background-repeat: no-repeat;
	margin-bottom:20px;
	color:#5C5C5C;
	background-color: #ECECEC;
}
/* ----------------------------------------------------------------- */