body{
	background: #525252 url("../images/bg.jpg") repeat-x;
	font-family : Verdana, Helvetica, sans-serif ;
	color : #595959;
	margin : 0;
}

#all{
	width : 900px;
	margin-left : auto;
	margin-right : auto;
}

form{
	margin: 0px;
	padding: 0px;
	
}
/******  ******/
/*** HEADER ***/
/******  ******/
#header{
	background: url("../images/header.png") no-repeat;
	width : 916px ;
	height: 124px;
	margin-top:10px;
}

#header h1{
	margin: 0;
	text-align : center;
	padding-top : 10px;
	margin-left : 400px;
	width : 400px;
	font-weight : bold;
	font-size : 1.1em;
	color : white;
}

#menu {
	clear: both;
	padding : 0;
	margin : 0;
	margin-top : 23px;
}
#menu ul{	
	margin-left : 305px;
	padding: 0; 
	list-style: none;
}
#menu li{
	margin :0px;
	float:left; /*pour IE*/
}
#menu a{
	display: block;
}
#menu a img{
border : none;
}
.subMenu {
	position: absolute;
	top : 128px;
	display:none;
	padding-left : 0;
	border-top : 6px solid white;
	width : 120px;
	float : left;
	margin-left: -200px;
}
#menu .ToggleMenu:hover ul.subMenu,
#menu li.hover ul.subMenu {
	display:block;
	margin-left: -2px;
	margin-top: 0 !important;
	margin-top: -10px;
	text-align : left ;
	font-size : 1.1em;
}
/*******  *******/
/*** CONTENER ***/
/*******  *******/
#content_bg {
	background:	url("../images/content_bg.png") repeat-y;
	margin : 0; 
	padding : 0;
	width : 916px;
	margin-top: 0 !important;
	margin-top: -17px;
}
#content_flash{
	background: url("../images/content_top.png") top left no-repeat;
	margin : 0; 
	padding : 0;
	width : 916px;
	text-align : center;
}
#content_bot{
	clear : both;
	background : url("../images/content_bot.png") top left no-repeat ;
	width : 916px;
	height : 23px;
}
#content{
	margin-top :20px;
	margin-left :30px;
	width : 856px;
}
/******  *******/
/*** SIDEBAR ***/
/******  *******/
#sidebar{
	float : left;
	width : 210px;
	margin : 0;
}
/* panier */
#panier{
	font-variant: small-caps;
	width : 210px;
	height : 117px;
	margin : 0;
	background-image: url(../images/cadre_panier_bg.jpg);
	background-repeat: repeat-y;
	background-position: center;
}
#panier_haut{
	width : 210px;
	height : 33px;
	margin : 0;
}
#promo_bas{
	width : 210px;
	height : 30px;
	margin : 0;
	background-image: url(../images/cadre_panier_bot.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#url_panier{
	float : left ;
	margin-top : 10px;
	margin-left : 7px;
}
#url_valider{
	float : right ;
	margin-top : 20px;
	margin-right : 7px;
}
#panier a{
	display: block;
}
#panier a img{
	border : none;
}
#article{	
	clear:both;
	width : 210px;
	text-align : center;
	padding-top : 20px;
}
#article span{
	margin : 0;
	padding : 0;
	font-weight : bold;
}
/* promo */
#promo{
	width : 210px;
	height : 200px;
	background-image: url(../images/cadre_panier_bg.jpg);
	background-repeat: repeat-y;
	background-position: center;
	font-size: 0.6em;
	text-align: center;
}
#promo a{
	display: block;
}
#promo a img{
	border : none;
}
#promo   span{
	margin-top : 5px;
	margin-right : 15px;
	color : red;
	font-size: 2em;
}
/* temoignages */
#temoignage{
	background : white;
	width : 210px;
	font-size : 0.6em;
}
#temoignage h3,#temoignage  h2{
	margin : 0;
	margin-top : 2px;
}
#temoignage h2{
	color : #236EB2;
	font-size: 1.5em;
}
#temoignage  h3{
	font-size: 1em;
}
#citation{
	margin-top : 8px;
	text-align : justify;
	color:#236EB2;
}
#quote_open{
	background : white url("../images/guillemets1.jpg") no-repeat;
	width :27px; 
	height :19px;
	background-position: 6px 6px;
	padding: 6px 6px 5px 6px;
	clear: both;
	float : left;
}
#quote_close{
	background : white url("../images/guillemets2.jpg") no-repeat;
	width :28px;
	height :19px;
	background-position: 6px 6px;
	padding: 6px;
	float : right;
}
/* avantages */
#avantages{
	background : white;
	width : 208px;
	font-size : 0.8em;
	height: 230px;
}
#avantages_haut{
	width : 210px;
	height : 33px;
	margin : 0;
}
#avantages  img{
	padding : 0;
	margin : 0;
	text-align: center;
}
#avantages  span{
	font-size : 0.8em;
	list-style: none;
	/*pour ff*/
	padding-top : 3px !important;
	padding-top: 0;
	height: auto;
	text-align: left;
	padding-right: 10px;
	margin: 0px;
}

/* Faire decouvrir le site */
#discover{
	background : white;
	width : 210px;
	font-weight : bold;
	font-size : 0.6em;
	padding-top : 7px;
}
#discover_haut{
	width : 210px;
	height : 33px;
	margin : 0;
}
#discover input{
	margin-top : 2px;
	font-size : 1.2em;
	font-style : italic;
	color: #666;
	padding: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#reseaux/* Faire decouvrir le site */
{
	width : 210px;
	height : 110px;
	font-weight : bold;
	font-size : 0.6em;
	padding-top : 5px;
	background-image: url(../images/reseaux_bg.jpg);
	background-repeat: repeat-y;
	background-position: center;
	text-align: center;
}
#reseaux_haut
{
	width : 210px;
	height : 10px;
	background-image: url(../images/reseaux_haut.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
#reseaux_bas
{
	width : 210px;
	height : 30px;
	background-image: url(../images/reseaux_bas.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.champ{
	width : 200px;
}
.email{
	width : 150px;
}
#mail{
	width : 162px;
}
#btn_ok{
	float : right !important;
	float: none;
	clear: both;
	margin-right : 10px;	
}
#contact {
	text-align :center;
	font-size : 0.85em;
}
#contact h1,h2, h3  {
	margin-bottom : 7px;
}
#contact h2{
	color: #236EB2;
}
#contact h3{
	color: #F48C2C;
}
#contact h4 {
	color: #797979;
}
.lien_groupe_fb a {
	color: #0066FF;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	height: 30px;
	margin-bottom: 20px;
}
.lien_groupe_fb a:hover{
	color: #0066FF;
	font-size: 12px;
	text-align: center;
	text-decoration: underline;
}
/******  *******/
/*** CONTENU ***/
/******  *******/
#corps{
	float : left;
	width : 626px;
	margin : 0;
	text-align :justify;
	font-size : 0.8em;
	padding-left : 10px;
}
#corps h2{
	color : #1564AD;
	margin-top : 0;
	text-align : left;
	font-size : 1.5em;
}
#corps2{
	float : left;
	width : 900px;
	margin : 0;
	text-align :left;
	font-size : 0.8em;
	padding-left : 10px;
}
#corps2 h2{
	color : #1564AD;
	margin-top : 0;
	text-align : left;
	font-size : 1.5em;
}
.title_paragraphe a{
	clear : both;
	display: block ;
	width : 609px;
	height : 25px;
	font-weight : bold;
	padding-left : 20px;
	padding-top: 15px;
	background: url("../images/slide1.jpg") top left  no-repeat;
	cursor : pointer;
}
.title_paragraphe a:hover
{
	background-image: url("../images/slide2.jpg");
	color: #1564AD;
}
.paragraphe{
	margin-bottom : 20px;
	padding-right : 10px;
	padding-left : 10px;
}
#corps p{

}
#corps a img{
	border : none;
}
#url_discover{
	float : right ;
	margin-top : 20px;
	margin-right : 7px;
	border : none;
}
#benefices{
	float : left;
	margin-top : 50px;
	margin-left : 50px !important;
	margin-left: 28px;
	width : 284px;
	height : 200px;
}
#benefices  span{
	line-height : 25px;
	font-size : 0.8em;
	list-style: none inside url("../images/puce.png");
	padding-right: 10px;
}
.L_gris{
	background : #F5F5F5 url("../images/L_gris.jpg") no-repeat bottom left;
}
.L_blanc{
	background : white url("../images/L_blanc.jpg") no-repeat bottom left;
	margin: 0px;
	padding: 0px;
}
#L_bas{
	height : 20px;
	background :url("../images/L_bas.jpg") no-repeat top  left;
}
#L_bas2{
	height : 30px;
	background :url("../images/L_bas2.jpg") no-repeat top  left;
}
#utilisations{
	clear : both;
	float : left;
	width : 570px;
	height : 120px;
	margin-top: 20px;
	margin-left: 40px;
}
#utilisations a{
	font-size: 0.8em;
	color: #595959;
	text-decoration: none;
	text-align: justify;
}
#hand{
	float : left;
	background : url("../images/hand.jpg") no-repeat;
	width : 220px;
	height : 239px;
	margin-top : 10px;
	margin-left : 30px;
}
#corps_footer{
	clear : both;
	margin-top: 60px;
	float : left;
	width : 636px;
	height : 100px;
}
#paiement{
	float : left;
	height : 75px;
	padding-left : 40px;
	padding-top : 7px;
	font-size : 0.8em;
}
#paiement_texte{
	float : left;
	height : 75px;
	padding-top : 20px;
	font-size : 0.8em;
	text-align: justify;
	width: 140px;
	padding-left: 20px;
}
#livraison{
	float : left;
	height: 110px;
	padding-top: 15px;
	padding-left: 20px;
	text-align: center;
}
#livraison     a  {
	color : #F48C2C;
	text-align : center;
	font-size : 1.5em;
	font-weight: bold;
	text-decoration: none;
}
#satisfait{
	float : left;
	height: 110px;
	padding-top: 15px;
	padding-left: 20px;
}
#commander_dm{
	margin-left : auto;
	margin-right : auto;
	width : 635px;
	margin-top : 20px;
}
#commander_top{
	width : 635px;
	height: 44px;
}
#commander_bg{
	background : url("../images/commander_bg.jpg");
	width : 635px;
}
#commander_bot{
	clear : both;
	background : url("../images/commander_bot.jpg") no-repeat;
	width :635px;
	height:8px;	
}
.produit{
	margin-left: auto;
	margin-right: auto;
	width : 631px;
	vertical-align:middle;
	border-spacing : 0;
	border-collapse : collapse;
}
.produit tr.last_produit{
background : url("../images/last_bg_tr.jpg") repeat-x bottom left;
}
.produit tr{
	background : url("../images/bg_tr.jpg") repeat-x bottom left;
	height: 120px;
	border : none;
}
.produit tr td{
	height: 120px;
	
}
.img_produit{
text-align:center;
}
.desc_produit{
	padding : 10px 10px 10px 10px;
	height: 120px;
}
.desc_produit h3{
	font-size : 1.3em;
	margin: 0;
	padding: 0;
	color:#236EB2;
}
.prix_produit{
	width: 150px;
	height: 120px;
	text-align : center;
	padding : 10px ;
	padding-bottom : 10px;
}
#foot_produit{
	clear: both;
	width : 1px;
	height: 1px;
}
#corps .prix_produit span{
	color : red;
	font-size : 2em;
	font-weight: normal;
}
#corps hr{
	clear: both;
	margin:0;
}
.rouge {
	color: #FF0000;
}
.vert {
	color: #00CC00;
}
.fond_gris {
	background-color: #CCCCCC;	
}
#faq a{
	color: #6699CC;	
}
/******  **************/
/****** CADRE COMMMANDE ***/
/******  ***********/
.cadre_commande_dm{
	margin-left : 20px;
	margin-right : 20px;
	width : 800px;
	margin-top : 20px;
}
.cadre_commande_top{
	background : url("../images/cadre_commande_top.jpg");
	width : 800px;
	height: 44px;
}
.cadre_commande_top_admin{
	background : url("../images/cadre_commande_top_admin.jpg");
	width : 800px;
	height: 13px;
}
.cadre_commande_bg{
	background : url("../images/cadre_commande_bg.jpg");
	width : 800px;
}
.cadre_commande_bot{
	clear : both;
	background : url("../images/cadre_commande_bot.jpg") no-repeat;
	width :800px;
	height:8px;	
}
/******  ******/
/*** FOOTER ***/
/******  ******/
#end{	
	clear : both;
	bottom: 0;
}
#footer {
	color : white;
	text-align : center;
	font-size : 0.8em;
	padding-bottom : 1em;
}

#footer a{
	color : white;
	text-decoration: none;
}
#footer  a:hover{
	color : white;
	text-decoration: underline;
}
.position_haute {
	vertical-align: top;
}