/* ************************** */
/* STYLES GLOBAUX            */
/* ************************ */

html{ padding:0; margin:0;}
body{ padding:0; margin:0; width:100%; background-color:#eec29b; color:#472212; font-size:12px; font-family:Arial, Helvetica, sans-serif;margin-left:-100px;margin-top:-50px;}

ul,li{ margin:0; padding:0; list-style:none;}
p, img,h1,h2,h3,h4,h5,h6,a{padding:0; margin:0;}

a {background-color:inherit; color:#472212; text-decoration:none;}
a:hover{ text-decoration:underline}

 fieldset { margin:0; padding:0; border:none;}

br{display:block; width:100%; clear: both; height: 0; font-size: 1px; line-height: 0px; } 

.orange{ color:#b13200; background-color:inherit;}
.orange a{ color:#b13200; background-color:inherit;}
.marron a{ color:#472212; background-color:inherit;}
.left{ float:left;}
 
 /* ************************** */
/* Positionnement    838px   */
/* ************************ */

#conteneur{  width:1110px;  background:url(../pic/bg.gif) repeat-y; text-align:left;   }
* html #conteneur { height:822px;}

#conteneur2{ width:1110px; background:url(../pic/conteneur_back.jpg) no-repeat 0 0;min-height:822px;}

#mainpage{ width:838px;padding:75px 0 0 0;  margin-left:136px }

#header{ width:838px; height:200px;}
#header #logo {width:300px; height:72px; float:left;}
#header #logo a{background:url(../pic/logo.jpg) no-repeat 0 0; width:170px; height:72px; display:block; margin:2px 0 0 55px}
#header #logo a span{ display:none;}

#banniere{ clear:both; float:none;background:url(../pic/banniere.jpg) no-repeat 0 0;  width:838px; height:86px}

#mainpage{ width:838px; min-height:800px;}
* html #mainpage{ height:800px}
#footer{ position:relative;background:url(../pic/footer.jpg) no-repeat 0 0; width:1000px; height:62px; clear:both; float:none; margin:20px 0 0 0}




/* ********************* */
/* CONTENT 780px        */
/* ******************* */

#content{ width:780px;   margin:15px 0 0 30px; text-align:left;}
 
#content .pathway{width:780px;height:20px;   margin:0 0 15px 35px;  }
#content .titredepage{ text-align:center; width:780px; height:20px; margin:0 0 15px 0  }
.cle{   width:326px; height:62px; margin-left:auto; margin-right:auto; margin-top:40px}
.titrebauche{ clear:both; float:none;width:376px;height:18px; margin:20px 0 20px 195px}

/* ******************** */
/* Blockmarron         */
/* ****************** */

.blockmarron{ width:704px; margin:0 0 0 35px; text-align:left;}
.blockmarron .top{ background:url(../pic/blockmarron_top.png) no-repeat 0 0; width:704px; height:9px; font-size:1px}
.blockmarron .content{ width:704px;   background:url(../pic/blockmarron_content.gif) repeat-y; min-height:90px;}
.blockmarron .footer{ width:704px; clear:both; float:none; background:url(../pic/blockmarron_footer.png) no-repeat 0 0; height:10px;font-size:1px}

.blockmarron h1{ background:url(../pic/carre.gif) no-repeat 0 10px; font-size:12px; font-weight:bold; padding:5px 0 6px 14px; width:690px; height:20px; margin-left:30px}
.blockmarron .image{ width:333px; height:215px; border:1px solid #462c0e; float:left; margin-left:30px}
* html  .blockmarron .image{ width:333px; height:215px; border:1px solid #462c0e; float:left; margin-left:10px}

.blockmarron ul.descriptif{ display:block; float:left; width:305px; margin:0 0 0 15px}
.blockmarron ul.descriptif li{ margin:0 0 10px 0; background:url(../pic/carre.gif) no-repeat 0 5px; padding:0 0 0 15px}
.blockmarron ul.descriptif li.orange{ color:#ff8400; background-color:inherit; background:url(../pic/carre_orange.gif) no-repeat 0 5px; font-weight:bold }

.blockmarron ul.descriptif ul{ margin:5px 0 0 30px}
.blockmarron ul.descriptif ul li{ background-image:none; margin:0 0 0 0}

/* ******************** */
/* ul.article          */
/* ****************** */

.blockmarron ul.listearticles {padding:0; margin:0 15px; text-align:left; float:left; width:146px ;}
* html .blockmarron ul.listearticles {margin:0 14px;width:142px ;}
.blockmarron ul.listearticles li.produit { margin:0 0 5px 0; text-align:left!important; font-weight:bold}
* html .blockmarron ul.listearticles img { margin:-8px 0 -8px 0!important; }
*+html .blockmarron ul.listearticles img { margin:-8px 0 4px 0!important; }

.blockmarron ul.listearticles li.produit a{background:url(../pic/carre.gif) no-repeat 0 5px;padding:0 0 0 15px; }
.blockmarron ul.listearticles li.produit a:hover { color:#ff8400; background-color:inherit; background:url(../pic/carre_orange.gif) no-repeat 0 5px}
.blockmarron ul.listearticles li a img{ display:block; width:140px; height:90px; border:1px solid #462c0e; padding:0; margin:0 0 5px 0}
.blockmarron ul.listearticles li a:hover img{ border:1px solid #ff8400;}
.blockmarron ul.listearticles li.ensavoiplus a{ float:right; padding-right:6px}
.blockmarron ul.listearticles li.ensavoiplus a:hover{color:#ff8400!important; background-color:inherit;}

/* ******************** */
/* blocktelechargement */
/* ****************** */

.blocktelechargement{ width:690px; margin-left:45px}
.blocktelechargement p{ float:left; width:315px; margin:25px 75px 0 0; font-weight:bold; background:url(../pic/carre.gif) no-repeat 0 4px; text-indent:15px}
.blocktelechargement p a{ color:#ff8400; background-color:inherit;}
.blocktelechargement img{ float:left;}

/* ******************** */
/* PAGE CONTACT        */
/* ****************** */

#plan{ width:453px; height:338px; margin-left:auto; margin-right:auto; }
#horraires{ background:url(../pic/horraires.gif) no-repeat 0 0; width:706px; height:184px;margin-left:35px;margin-top:30px }

#horraires ul{ width:220px; float:left; margin:15px 0 0 100px;}
#horraires ul li.titre{ background:url(../pic/carre_orange2.gif) no-repeat 0 3px; font-size:12px; font-weight:bold; color:#b13200; background-color:inherit; padding-left:15px;}
#horraires ul li strong{  font-weight:bold; color:#b13200; background-color:inherit; }

* html #horraires ul{ width:260px; float:left; margin:15px 0 0 50px;}

/* ******************** */
/* colonne             */
/* ****************** */

.colonne{ width:340px; float:left; margin-left:30px; margin-right:10px;  min-height:20px;}
* html .colonne{ width:340px; margin-left:20px; margin-right:20px;}
.colonne p{ margin:0 0 18px 0;text-align:justify}
.colonne p.orange{ text-align:justify;color:#b13200; background:url(../pic/carre_orange2.gif) no-repeat 0 4px; font-weight:bold; text-indent:12px; background-color:inherit;}

.admincollectivite{ width:271px; height:24px; margin-left:15px; margin-bottom:20px; }
.profesionnels{ width:131px; height:18px; margin-left:auto; margin-right:auto; margin-bottom:20px; }
 
/* ******************** */
/* devis               */
/* ****************** */

#devis{ width:340px;}
* html  #devis{ width:330px;}

#devis p{ margin:0; padding:0; }
#devis p em{ font-style:normal; font-size:9px;}
#devis p.orange{ margin:5px 0 8px 0;}

#devis fieldset{ width:100%; margin-bottom:10px;}

#devis fieldset.identification p{ clear:both; float:none; width:100%}
#devis fieldset.identification label{ width:150px; height:12px; padding-top:3px; display:block; float:left; margin-bottom:5px}
#devis fieldset.identification .input{ width:150px; height:12px; display:block; float:right; margin-bottom:5px}

#devis fieldset.activite p{ clear:both; float:none; width:100%}
#devis fieldset.activite label{ width:172px; height:12px; padding-top:3px; display:block; float:left; margin-bottom:5px}
* html #devis fieldset.activite label{ width:165px; }
#devis .textarea { width:100%; height:100px; margin:5px 0}

#devis fieldset.envoyer{ width:100% ; margin:5px 0; text-align:center;}

/* ******************** */
/* PAGE LIVRAISON      */
/* ****************** */  

.textcenter{ text-align:center; font-weight:bold; font-size:14px}
.transportimage{ width:704px; height:160px; margin-left:auto; margin-right:auto}
.titrevoscommandes{ width:438px; height:22px; margin-left:auto; margin-right:auto; margin-top:15px;}

.coordonnees{ width:704px; margin-left:auto; margin-right:auto; margin-top:15px;}
.coordonnees .top{ width:704px; background:url(../pic/blockrose_top.png) no-repeat 0 0; height:10px; font-size:1px;}
.coordonnees .content{ width:704px; background: url(../pic/blockrose_content.gif) repeat-y 0 0;}
.coordonnees .footer{ width:704px; background:url(../pic/blockrose_footer.png) no-repeat 0 0; height:10px; font-size:1px}
.coordonnees ul{ width:120px ; float:left; margin-left:18px}
* html .coordonnees ul{ width:120px ; float:left; margin-left:8px; margin-top:-10px}
.coordonnees ul li strong{ display:block; color:#b13200; background:url(../pic/carre_orange2.gif) no-repeat 0 4px; background-color:inherit; padding-left:12px; margin-bottom:10px}
* html  .coordonnees ul li strong{ margin-bottom:0;  padding-bottom:10px; width:118px}

/* ******************** */
/* PAGE ACCUEIL        */
/* ****************** */

#blockedito{ width:371px; background:url(../pic/blockedito.png) no-repeat 0 0; float:left;}
#blockedito .content{ width:371px; margin:36px 0 0 0}
#blockedito .content p{ margin:0 20px 9px 20px}

#blockliens{ width:371px; float:right;}
#blockliens p{  margin:0; padding:0; }
#blockliens img{display:block;font-size:1px; width:295px; margin:0 auto} 

#blocactualite{ background:url(../pic/block_actualites.png) no-repeat 0 0; width:371px; float:right; margin:15px 0 0 0}
#blocactualite .content{ width:371px; margin:36px 0 0 0}
#blocactualite .content p{ margin:0 20px 9px 20px}
#blocactualite .content ul{ margin:0 0 0 20px}
#blocactualite .content ul li{ background:url(../pic/carre.gif) no-repeat 0 4px; padding-left:14px;}
#blocactualite .content .center{ width:293px; height:94px; display:block; margin:0 auto}
#blocactualite   .accesintranet{width:326px; height:42px; margin-left:auto; margin-right:auto; margin-top:40px}

#blocknoservices { background: url(../pic/block_services.png) no-repeat 0 0; width:371px; float:left;}
#blocknoservices .content{width:371px; margin:45px 0 0 0}
#blocknoservices .content ul{ display:block; width:171px; margin-left:10px; float:left;}
* html #blocknoservices .content ul{ width:170px; margin-left:3px; margin-right:10px }
#blocknoservices .content ul li{ background:url(../pic/carre.gif) no-repeat 0 4px; margin:0 0 10px 0;  text-indent:13px;}
#blocknoservices .content ul.orange li{ background:url(../pic/carre_orange2.gif) no-repeat 0 4px; margin:0 0 10px 0;  text-indent:13px;}

#blocknoservices .content ul li ul { clear:both; float:none;margin:0!important; padding:0!important; background-image:none}
#blocknoservices .content ul li ul li{ background-image:none!important;  margin:3px 0 3px 0!important; padding:0!important; text-indent:0!important}

/* ******************** */
/* PAGE NOS REFERENCES */
/* ****************** */

.titrenosreferences{ width:134px; height:21px; margin-left:auto; margin-right:auto; margin-top:22px;} 

/* ******************** */
/* PAGE TELECHARGEMNTS */
/* ****************** */

.titrenostelechargements{ width:260px; height:21px; margin-left:auto; margin-right:auto; margin-top:22px;} 

/* ******************** */
/* BLOCKROSE           */
/* ****************** */

.blockrose{ width:704px; margin-left:auto; margin-right:auto; margin-top:15px;}
.blockrose .top{ width:704px; background:url(../pic/blockrose_top.png) no-repeat 0 0; height:10px; font-size:1px;}
.blockrose .content{ width:704px; background: url(../pic/blockrose_content.gif) repeat-y 0 0;}
.blockrose .footer{ width:704px; background:url(../pic/blockrose_footer.png) no-repeat 0 0; height:10px; font-size:1px}

.blockrose ul.col1{ width:370px; float:left; margin-left:45px; margin-top:10px}
* html .blockrose ul.col1{ width:370px; float:left; margin-left:10px;}
.blockrose p.titre{ float:left; width:340px; margin-left:45px; margin-bottom:10px}
* html .blockrose p.titre{ margin-left:10px;}
.blockrose ul.col2{ width:280px; float:left;; margin-top:10px}
.blockrose ul li{ background:url(../pic/carre.gif) no-repeat 0 4px; text-indent:15px; margin:0 0 15px 0; font-weight:bold;}
.blockrose ul.orange li{ background:url(../pic/carre_orange2.gif) no-repeat 0 4px; text-indent:15px; margin:0 0 5px 0 }
 
.blockrose ul li ul li{ background-image:none;text-indent:0; margin:0 0 5px 0; font-weight:bold; color:#472212; background-color:inherit;}
.blockrose ul li.orange{ background:url(../pic/carre_orange2.gif) no-repeat 0 4px; text-indent:15px; margin:0 0 15px 0 }