@charset "utf-8";

/* Import de la CSS d'initialisation

----------------------------------------------------------*/

@import url(structure.css);



/* Construction (Montage)

----------------------------------------------------------*/

/* Couleur des prix #da0f00 */



body { color:#454545; font-size:11px; font-family: Verdana, "Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif; }



h1, h2, h3, h4, h5, h6 {color:#454545; }

h1 {font-weight:700; font-size:1.2em; }

h2 {font-weight:700; font-size:1.1em; }

h3 {font-weight:700; font-size:1.17em; }

h4 {font-weight:700; font-size:1em; }

h5 {font-size:.83em; }

h6 {font-size:.67em; }



form.std h3 { color: #454545; font-size:1.4em; font-weight:normal; }

#left_column div.block h4, #right_column div.block h4{color:#fff; font-weight:700; font-size:1em;}

#left_column div.block h4 a, #right_column div.block h4 a{color:#fff; font-weight:700; font-size:1em;}



p { color:#454545; font-size:1em; }

ul, ol{ color:#454545; font-size:1em; }

li { color:#454545; font-size:1em; }

a/*, div.block a, li a, div.tags_block p a */{ color:#454545; text-decoration:underline; }

a:hover { text-decoration:none; } /* si changement de couleur au survol */

textarea { color:#454545; padding:3px; }

input { color:#454545; padding:3px; }



/* Intro */

#intro h1 { color:#454545; } /* couleur du h1 de l'intro */

#intro p, #intro a { color:#454545; } /* couleur du texte de l'intro */

#intro p { font-size:.9em;}



/* Left */

#left_column p, #left_column ul, #left_column li, #left_column a, #left_column textarea, #left_column input{ color:#454545; }

#titre h1{ color:#FFFFFF;}

#left_column a:hover{ color:#fff; }



/* Liens de bas de page */

#societe p, #societe a {color:#454545; } /* couleur des liens de bas de page */

#societe p { font-size:.92em; }



/* Image de validation W3C */

#validator a img { background-color:#454545; }



/* Catégories

div#categories_block_left ul.tree a { color:#454545;}*/

ul.tree li{background: transparent; line-height:2em; margin:0; padding:0; border-bottom:#454545 dashed 1px;}

ul.tree li a { color:#454545; display:block; text-decoration:none; width:100%;}

ul.tree li a:hover { color:#fff; background:#a41c22; text-decoration:none; }



/* Tags */

a.tag_level1 { color:#454545!important; text-decoration:underline; }

a.tag_level2 { color:#454545!important; text-decoration:underline; font-size: 1.4em; font-weight:bold; }

a.tag_level3 { font-size: 1.8em; font-weight:bold;}

div.tags_block p a:hover{ background-color:#a41c22; color:#fff!important; text-decoration:none;}



/* Panier */

#cart_block table#vouchers, #cart_block p#cart-prices { border-top:1px solid #454545; }



/* Styles des input */

input, textarea { border: 1px solid #454545; background:transparent; }

select { border: 1px solid #454545; }



/* generic style des prix */

.price-discount { text-decoration:line-through; }

.price-pretax { color: gray; }

.price-ecotax { color:#488c40; }

img.icon { margin-right: 0.5em; vertical-align: middle; }

.price, .price-shipping, .price-wrapping { color:#da0f00; font-size:1.1em; font-weight:bold; white-space:nowrap;}



/* Produits phares */



/* titre */

#center_column div.block h4 { color:#454545; } 

/* Structure */

#center_column .products_block { color:#454545; }

#center_column .products_block ul li { color:#454545; }

/* Nom du produit */

#center_column div.products_block h5{ color:#454545; font-weight:bold; text-transform:uppercase; }

#center_column div.products_block h5 a{ color:#454545; font-weight:bold; text-transform:uppercase; }

/* Description du produit */

#center_column div.products_block p.product_desc { color:#454545;}

#center_column div.products_block p.product_desc a{ color:#454545;}

#center_column div.products_block ul li p.product_desc a { font-weight:normal; }

.products_block li p a { font-size:0.8em; font-weight:bold;}

/* Bouton */

#center_column #featured-products_block_center .price{ font-size:1.6em!important; /*color:#fff;*/}

#center_column #featured-products_block_center .button,#center_column .btn{ /*color:#454545!important;*/ }

#center_column #featured-products_block_center .ajax_add_to_cart_button{ /*color:#454545!important;*/}



/* Tabs */

ul.idTabs li a { text-decoration:none; text-transform:uppercase; font-weight:bold; /*color:#374853;*/}

ul.idTabs li a.selected{ /*color:white;*/}



 /* CORE */

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

 .clearfix { display: inline-block; }

 html[xmlns] .clearfix { display: block; }

 * html .clearfix { height: 1%; }



/* Éléments Particuliers

----------------------------------------------------------*/

/* Placement d'images */

.imgLeft { float:left; padding:0 2em 0 0; }

.imgRight { float:right; padding:0 0 0 2em; }



/* Des classes d'alignement d'objets */

.aligntop, .top { vertical-align:top; }

.alignbottom { vertical-align:bottom; }

.middle { vertical-align: middle; }

.aligncenter { margin-left:auto; margin-right:auto; }

.left { text-align:left; }

.right, .align_right { text-align:right; }

.center, .align_center { text-align:center; }

.justify, .align_justify { text-align:justify; }



/* Des classes de formatage du texte en ligne */

em, .italic, .italique { font-style:italic; }

strong, .bold, .gras { font-weight:700; }

.strike, .barre { text-decoration:line-through; }

.souligne { text-decoration:underline; }

.uppercase { text-transform:uppercase; }



/* Des classes flotante */

.floatleft { float:left; }

.floatright { float:right; }



/* Les "nettoyeurs" */

.clearb, .clear { clear:both; }

.clearer { clear:both; width:0; height:0; line-height:0; }

br.clear { clear:both; line-height:0; font-size:0; height:0;}



/* Useful */

.hidden, .collapsed, .block_hidden_only_for_screen { display:none; }

.wrap { white-space: normal; }

.span_link { cursor:pointer; }

.span_link:hover { text-decoration:underline; }



/*	Mise en page

----------------------------------------------------------*/



/* Plan d'accès */

body {

	/*margin: 20px;*/

	background-color:#FFFFFF;

}



#map, #map2, #map3, #map4 {

	width: 800px;

	height: 600px;

	border: #000000 solid 1px;

	margin:auto;



}



.infosbulle {

	border: none;

	margin: 0;

	text-align:center;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-style: normal;

}

.plan-titre {

	font-size: 14px;

	color: #4f0100;

	font-weight: bold;

	margin-bottom: 1em;

	text-align:center;

}

.plan-adresse {

	font-size: 12px;

	color: #333;

	text-align:center;

	!text-align:center;

}

.plan-printer {

	display:block;

	text-align: right;

	padding-bottom:15px;

}



.plan-printer img,

.plan-printer a {

	border: none;

}



/*	Devis

----------------------------------------------------------*/

#formulairedevis{ width:786px; }

.divformulairedevis{ width:676px; float:left; padding-right:10px;}

#divmessagedevis{ width:380px; float:left; padding-top:40px;}

#formulairedevis input, #formulairedevis textarea{ background-color:transparent; padding:5px; border:#a41b22 solid 1px; }

#formulairedevis select{ background-color:transparent; padding:5px; border:#a41b22 solid 1px; }

#formulairedevis input checkbox{ background-color:transparent; padding:5px; border:none; }

/*#formulaire-devis .boder{ background-color:transparent; padding:5px; border:#a41b22 solid 1px; height:30px; width:212px; }*/

#formulairedevis .INPUT2{ border:none;}

#formulairedevis .field{ text-align:right; padding-top:10px;  }

#formulairedevis .field1{ text-align:left; padding-top:10px; border:none; }

#formulairedevis .champ { height:15px; width:380px; }

#formulairedevis .champ1 { height:15px; width:380px; padding-top:10px; }

#formulairedevis .file { height:20px; width:380px; }

#formulairedevis textarea{ height:170px; width:666px; }

#prenom_devis { float:left; background-color:transparent;  height:15px; width:105px; #width:105px; }

#champmessag1{width:676px; }

.div-showme{ width:676px;}

.field2{ float:left; text-align:left; padding-top:10px; width:100px;}

.field3{ float:right; text-align:right; padding-top:10px; width:480px; display:none}

.field4{ float:left; text-align:left; padding-top:10px; width:150px;}

.field5{ float:left; text-align:left; padding-top:10px; width:300px; display:none}



.prenom2{ float:left; height:15px; width:260px; padding-top:10px; margin-left:27px;}

.field-2 { float:right; width:405px;}



/* Page d'accueil */

.illustration { float:right; padding:0 0 0 10px; }



/* Page activité */

.list{

vertical-align:middle;

margin-right:7px;

margin-left:20px;}



.wdiv1{ width:600px; height:228px; background-image:url(../images/activites/encart2.jpg);}

.wdiv2{ width:300px; height:228px; background-image:url(../images/activites/encart1.jpg);}



/* Page partenaires */

.wdiv3{ width:180px;}

.marleft2{ margin-left:22px;}



/*	Site en cours de réalisation */

#site { text-align:center; padding-top:5em; }

/*	Slideshow */

.slideshow { height: 184px; width: 250px; margin: auto }
.slideshow img { padding: 0px; border: 0px; }


/*	Mentions Légales */





/*	plan du site */

* { margin:0; padding:0; outline:none; }
 
#menubas {  padding: 10px 15px 10px 0; text-align:center; color:#555; font-size:10px; }
 
#menubas a { color:#c3c3c3; }
 
#coldusite { width:845px; margin:0 auto; clear:both; text-align:left; color:#C33948;}
 
#coldusite p { line-height:8px; }
 
#col1, #col2, #col3, #col4 { width:22%; min-height:224px; _height:145x; float:left; padding:5px 0.1% 10px 10.5%; border-right:1px solid #333; list-style-position:outside; border-bottom: 1px dashed #333; border-right: 1px dashed #333;}
 
#col4 {border-right: none;}
 
.tailleplan { font-size:0.9em; color:#555; font-family:Arial, Helvetica, sans-serif ;}




.titrespages {color:#ffffff; font-weight:700; font-size:1.3em; }






.glossymenu{
margin: 0px 0;
padding: 0;
width: 100%; /*width of menu*/
border: 1px solid #000000;
border-bottom-width: 1;
}

.glossymenu a.menuitem{
background: black url(../images/glossyback.gif) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px; _right: 10px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(../images/glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background:#ffffff;
padding:20px 20px 40px 20px;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{

colorz: white;
}
.div-txt-partenaire{padding-left:30px; padding-top:20px; font-family:Verdana, Arial, Helvetica, sans-serif;  size:12px;}
.color-txt{color: #FFFFFF;}
.menu-accueil{width:300px; position:absolute; margin-left:625px; margin-top:43px; text-align:left;}