@import "/css/apercuImg.css";



@import "/css/style_pictonav.css";



@import "/css/jquery.autocomplete.css";







/* CSS Document */







body {



	margin:0;



	padding:0;



	color:#003B80;



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



	font-size:11px;



}



a { text-decoration:none;}



a:hover { text-decoration:underline;}



/*a.accueil, a.accueil2{ color:#003B80; background-image:url(../images/doubleFleche.gif); background-position:left center; display:block; height:17px; background-repeat: no-repeat; line-height:17px; padding-left:20px; margin-bottom:12px; text-decoration:none; text-transform:uppercase; font-size:12px; font-weight:bold;}



a.accueil:hover, a.accueil2:hover { text-decoration:underline; cursor:pointer; }



a.accueil2 { float:left; margin-left:10px;line-height:33px; height:33px;  margin-bottom:0px;}



*/















a.accueilRetour{



	color:#003B80;



	background-image:url(../images/doubleFlecheRetour.gif);



	background-position:left center;



	display:block;



	height:17px;



	background-repeat: no-repeat;



	line-height:17px;



	padding-left:20px;



	margin-bottom:8px;



	text-decoration:none;



	text-transform:uppercase;



	font-size:11px;



	font-weight:bold;



}







a.accueil, a.accueil2{



	color:#003B80;



	background-image:url(../images/doubleFleche.gif);



	background-position:left center;



	display:block;



	height:12px;



	background-repeat: no-repeat;



	line-height:12px;



	padding-left:20px;



	margin-bottom:8px;



	text-decoration:none;



	text-transform:uppercase;



	font-size:11px;



	font-weight:bold;



}



a.accueil:hover, a.accueil2:hover { text-decoration:underline; cursor:pointer; }



a.accueil2 { float:left; margin-left:10px;line-height:33px; height:33px;  margin-bottom:0px;}











div.menuG { float:left; margin-left:10px !important; margin-left:10px; margin-top:10px; width:215px;}



div.menuG a.accueil { margin-bottom:9px; margin-left:12px;}



div.rubActive { font-size:15px; font-weight:bold; margin-bottom:30px; margin-left:20px; text-transform:uppercase; }



div.rubActive img { position:absolute; margin-left:5px;}







div.conteneur {



	width:949px;



	margin-left:auto;



	margin-right:auto;



	margin-top:5%;



}



#panier {



	height:48px;



	width:250px;



	margin-left:650px;



	position: absolute;



	margin-top:-47px;



	overflow:hidden;



	background-image:url(../images/panierH.jpg);



	background-repeat:no-repeat;







}







#retourAccueil {



	height:30px;



	width:120px;



	margin-left:50px;



	position: absolute;



	margin-top:-29px;



	overflow:hidden;



	background-image:url(../images/accueilH.jpg);



	background-repeat:no-repeat;







}







div.img-slider { width:130px; height:97px; background-repeat:no-repeat; background-position:left top; display:inline; float:left; margin-left:20px;}



div.img-slider a { color:#003A80;}



div.img-slider a:hover { text-decoration:none;}







tr.lignePanier img{ cursor:pointer;}



div.titrePanier a{  color:#FF7F00; font-size:14px; font-weight:bold; text-decoration:none; padding-left:80px;}



div.textePanier a{   font-size:12px; font-weight:bold; text-decoration:none; padding-left:80px;}



div.titrePanier a:hover { text-decoration:none;}



div.contenuPanier { background-color:#FFFFFF; background-image:url(../images/panierC.gif); background-repeat:repeat-y;}



tr.lignePanier { height:43px;}



tr.lignePanier:hover { background-color:#EF7D18; color:#FFFFFF; }



td.caseDelete { background-color:#FFFFFF;}



div.haut {



	width:937px;



	height:68px;



	float:left;



	background-repeat:no-repeat;



	background-color:#FFF;



	background-image:url(../images/grand-logo.gif); background-repeat:no-repeat;



	background-position:top left;



}



div.centre {



	width:937px;



	height:498px;



	float:left;



	background-image:url(../images/bg-page.jpg);



	background-repeat:no-repeat;



}



div.centreVide {



	width:937px;



	height:498px;



	float:left;



	overflow:auto;



}











div.centreAccueil {



	width:937px;



	height:498px;



	float:left;



	background-image:url(../images/bg-page-accueil.jpg);



	background-repeat:no-repeat;



}



div.bas {



	width:937px;

	height:33px;

	float:left;

	background-image:url(../images/petit-logo.gif);

	background-repeat:no-repeat;

	background-position:center right;

	background-color:#FFF;

	text-transform:uppercase;

}







div.bas .numero { line-height:22px; margin-top:-2px; font-weight:bold; font-size:24px; margin-left:15px; letter-spacing:2px;}



div.bas span.tarif {  line-height:9px; font-weight:normal; font-size:9px;  color:#0082A6;}



div.ombreG {



	width:2px;



	height:599px;



	float:left;



	background-image:url(../images/ombreG.jpg);



	background-repeat:no-repeat;



}



div.ombreH {



	background-image: url(../images/ombreH.jpg);



	background-repeat: no-repeat;



	height:2px;



	width:938px;



	line-height:0; font-size:0;



}



div.ombreD {



	width:10px;



	height:599px;



	float:right;



	background-image:url(../images/ombre-vert.gif);



	background-repeat:no-repeat;



}



div.ombreB {



	width:947px;



	height:8px;



	float:left;



	background-image:url(../images/ombre-hor.gif);



	background-repeat:no-repeat;



}







h1 { font-size:30px; }



h1.titreProduit { font-size:22px; color:#308DA7; margin-top:10px; margin-bottom:10px; }



h2 { color:#308DA7; font-size:16px; font-weight:normal;}



div.contenuProduit, div.ficheProduit{  background-image:url(../images/bg-produits.jpg); background-repeat:no-repeat; width:645px; height:371px;  position:relative; float:right; margin-top:20px; margin-right:20px !important; margin-right:10px;  padding-left:20px; padding-top:10px;}







div.ficheProduit { background-image:url(../images/ficheProd.gif); height:442px;}



div.ficheProduit div.contenu { color:#000000; margin-right:10px;}



div.bgAccessoires { background-image:url(../images/bg-accessoires.jpg); background-repeat:no-repeat;}



div.interieur{overflow:auto;  width:651px; height:442px;}



div.ficheIndex {

	background-image:url(../images/cartouche-accueil.gif);

	width:671px;

	height:371px;

	background-repeat:no-repeat;

	position:relative;

	float:right;

	margin-top:20px;

	margin-right:20px !important;

	margin-right:10px;

	padding-top:10px;

}



div.btnsLongs { float:right; width:690px; margin-top:10px;}

div.btnsLongs a.btnLong1 { color:#FFFFFF; display:block; background-image:url(../images/btn-long-accueilG.gif); width:165px; height:31px; background-repeat:no-repeat; font-weight:bold; font-size:13px; float:left; padding-left:70px; padding-top:25px; margin-left:40px;}

div.btnsLongs a.btnLong2 { color:#FFFFFF; display:block; background-image:url(../images/btn-long-accueilD.gif); background-repeat:no-repeat; width:316px; height:31px; font-weight:bold; font-size:13px; float:left; padding-left:10px; padding-top:25px; margin-left:30px;}



div.bgProduitBlanc { background-image:url(../images/bg-produits-blanc.jpg); background-repeat:no-repeat; width:352px; height:363px; margin-left:288px;}







div.menuProduit { float:left; position:absolute; top:10px; left:20px;}







div.titreRub { color:#0083A7; font-size:16px; font-weight:bold; text-transform:capitalize; margin-top:40px; text-transform:uppercase;}



div.titreRub div.descr { font-size:10px; margin-bottom:20px; text-transform:none;}







a.RubLiens { display:block; background-image:url(../images/point.gif); background-repeat:no-repeat; background-position:left center; text-decoration:none; color:#003A80; font-size:11px; padding-left:20px; font-weight:bold; text-transform:uppercase; }



a.RubLiens:hover {color:#FFFFFF; background-image:url(../images/survol.gif);}







a.titreSousRub { display:block; color:#000000; background-image:url(../images/point2.gif);  background-position:left center; padding-left:20px; background-repeat:no-repeat; text-decoration:none; margin:4px 0; margin-left:-15px;}



a.titreSousRub:hover, a.titreSousRub.actif { font-weight:bold; }



a.liensProd { display:block; color:#0083A7; padding-left:15px; height:16px; line-height:16px; text-decoration:none; margin:2px 0;}



a.liensProd:hover { color:#003A80; background-image:url(../images/survol2.gif); background-repeat:no-repeat; font-weight:bold;}







div.barreH { margin:8px 0px;}



div.bande-menu { background-image:url(../images/bande-caracteristique.gif); background-repeat:no-repeat; width:624px; height:28px; color:#FFFFFF; line-height:28px; background-position:left center; }



div.bande-menu  div.titre { float:left; margin-left:20px; width:180px; text-transform:uppercase; font-weight:bold;}



div.bande-menu  div.menu img{ border:0; margin-right:10px;}



div.designation, div.designation a { margin-right:10px; text-transform:uppercase; text-decoration:none; color:#FFFFFF; font-weight:bold;}



div.designation a:hover{ text-decoration:underline;}











div.ficheProduit .prix1 { font-size:15px; font-weight:bold; color:#1783A7; text-align:center; letter-spacing:-0.008em;}



div.ficheProduit .prix2 { font-size:15px; font-weight:bold; color:#BE0B1D; text-align:center;}







a.achatImmediat { background-image:url(../images/achat-immediat.gif);  background-repeat:no-repeat; display:block; width:202px; height:13px; line-height:13px; color:#FFFFFF; padding-left:10px; text-transform:uppercase; font-size:9px; letter-spacing:-0.02em;}



a.achatImmediat:hover { text-decoration:none;}



a.contactTechnicient { background-image:url(../images/contact-technicien.gif); background-repeat:no-repeat; display:block; width:202px; height:13px; line-height:13px; color:#FFFFFF; padding-left:10px; text-transform:uppercase; font-size:9px; letter-spacing:-0.02em;}



a.contactTechnicient:hover { text-decoration:none;}







.blocTexte{



	display:none;



	visibility:hidden;







}



.blocTexte_ouvert{



	display : block;



	visibility:visible;



}







div.callback {



	background-image:url(../images/callback.jpg);



	background-repeat:no-repeat;



	width:189px;



	height:99px;



	padding-top:10px;



}



div.callback div.rappel {



	color:#FFFFFF;



	font-size:12px;



	font-weight:bold;



	margin-left:15px;



}



div.callback select{



	margin-top:7px;



	color:#4b4c4c;



	font-size:11px;



	width:104px;



	margin-left:12px;



	border:1px solid #adadad;



	font-weight:bold;



	padding-left:5px;







}



div.callback a { color:#4b4c4c; font-weight:bold; font-size:12px; margin-left:45px; margin-top:21px; width:60px; display:block; }







div.cartoucheOrange { background-color:#ff7f00; color:#FFFFFF; width:315px;}



div.orangeHaut {



	background-image:url(../images/orange-top.gif);



	background-repeat:no-repeat;



	width:297px;



	height:33px;



	padding-top:12px;



	font-size:13px;



	font-weight:bold;



	padding-left:18px;



	line-height:20px;



}



div.orangeHautVide {



	background-image:url(../images/orange-top-vide.gif);



	background-repeat:no-repeat;



	width:297px;



	height:30px;



	padding-top:0px;



	font-size:13px;



	font-weight:bold;



	padding-left:18px;







}



div.orangeContenu { font-size:11px; padding:0 15px;}



div.orangeBas {



	background-image:url(../images/orange-bas.gif);



	background-repeat:no-repeat;



	width:315px;



	height:30px;



	margin-top:16px;



	background-color:#FFFFFF;







}



div.btnAcheter {



	background-image:url(../images/btn-acheter.jpg);



	background-repeat:no-repeat;



	width:150px;



	height:46px;



	float:right;



	text-align:center;



	margin-right:10px;



	margin-top:-16px;







}



div.btnDevis {



	background-image:url(../images/btn-devis.jpg);



	background-repeat:no-repeat;



	width:142px;



	height:46px;



	float:right;



	text-align:center;



	margin-right:10px;



	margin-top:3px;



}



div.btnAcheter a, div.btnDevis a{ color:#1783a7; font-weight:bold; font-size:12px; line-height:46px;}







.etoile { font-size:9px; color:#CCCCCC;}



div.cartoucheOrange2 {



	color:#FFFFFF;



	background-image:url(../images/orange-devis.gif);



	background-repeat:no-repeat;



	width:270px;



	height:81px;



	padding-top:18px;



	font-size:14px;



	font-weight:bold;



	padding-left:45px;



	line-height:16px;



}







a.titreAccessoire { text-decoration:none; font-size:12px; font-weight:bold; color:#0082A6;}



span.prixAccessoire { text-decoration:none; font-size:15px; font-weight:bold; color:#0082A6;}



tr.ligneAccessoire { height:45px;}



.titreBlanc { color:#FFFFFF;}

.titreBlanc .gros { font-weight:bold; font-size:20px;}



div.contourOrange div.contenu a.btnBoutonDevis {

	background-image:url(../images/btn-devis-gratuit.gif);

	background-repeat:no-repeat;

	width:225px;

	height:31px;

	line-height:31px;

	color:#FFFFFF;

	display:block;

	text-decoration:none;

	font-size:18px;

	text-align:center;

	font-weight:bold;

	position:absolute;

	bottom:0;

	left:0;

	padding-left:0px;

}

div.contourOrange div.contenu a.btnBoutonDevis:hover {

	text-decoration:underline;

	background-image:url(../images/btn-devis-gratuit-a.gif);

}

a.titreAccueil {

	color:#3b94b2;

	text-decoration:none;

	text-align:center;

	display:block;

	cursor:pointer;

	font-weight:bold;

	font-size:20px;

}

a.titreAccueil:hover { color:#FF7F00;}

div.contourOrange {

	width:225px;

	position:relative;

	padding-bottom:14px;

	margin-bottom:10px;

}

div.contourOrange div.contenu {

	border:1px solid #ff7f00;

	border-bottom:0;

	border-top:0;

	padding:0px 5px;



}



div.contourOrange span.topCartouche {

	font-size:14px;

	font-weight:bold;

	color:#3b94b2;

	display:block;

}

div.contourOrange span.cartoucheBoutique {

	background-image:url(../images/haut-fieldset-orange-boutique.gif);

	background-repeat:no-repeat;

	width:193px;

	height:22px;

	padding-left:32px;

}

div.contourOrange span.cartoucheClefEnMain {

	background-image:url(../images/haut-fieldset-orange-pose.gif);

	background-repeat:no-repeat;

	width:193px;

	height:22px;

	padding-left:32px;

}



div.contourOrange div.contenu  a {

	color:#003B80;

	font-weight:bold;

	padding-left:13px;

}

span.prix { font-size:28px; font-weight:bold;}

/* PANIER */



.btClic {



	font-size:13px;



	color:#1783A7;



	text-decoration:none;



	font-weight:bold;



}