*, ul, div, p, form, li, a {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; }
acronym {border:0;}
body { position:relative;width:820px; margin-left:auto; margin-right:auto; text-align:center; background-color:#00283f; }
a { outline:none; }
a img {border:0; }
#enteteprint {display:none;}
#header {position:relative;width:820px; background-image:url(images/all/header-cm2.jpg); background-position: top right; background-repeat: no-repeat; height:121px; text-align:left; }
#header h1 {color:#fff; width:440px; font-size:14px;position:absolute; top:85px; text-indent:-5000px;}

#dl {position:absolute; color:#fff; text-decoration:none; bottom:13px; right:27px; font-size:7px; text-indent:-5000px; margin-top:80px;background:url(images/all/telechargements.png) 0 0 no-repeat; display:block; width:34px; height:34px; }
#login {position:absolute; color:#fff; text-decoration:none; bottom: 40px; right:20px ; margin-top:80px; display:block; width:200px; height:34px; font-size: 12px; font-weight: bold; font-variant: small-caps;}
	


#header.actus {background-position: bottom right;}
#bandeauNews {position:absolute;width:360px;height:50px;top:10px;left:210px;color:#fff;}
#bandeauNews h2 {padding:0;margin:0;text-indent:0;color:#fff;font-size:14px;height:20px;}
#bandeauNews p {padding:0;margin:0;font-size:12px; font-weight:bold;}


#menu {clear:both; width:820px; padding-top:15px;}
#menu ul {height:28px; margin-top:0; padding-top:0; background:url(images/all/bg-menu.gif) top left no-repeat; padding-left:200px;}
#menu li {float:left; list-style:none; width:118px; height:28px;  }
#menu a { text-indent:-5000px; font-size:11px; font-weight:bold; text-decoration:none; color:#fff; display:block; width:100%; height:100%; background-position:0 0; background-repeat:no-repeat; }
#menu a:hover, #menu a.active {background-position:0 -28px;}
#accueil { background-image:url(images/all/accueil.gif);}
#qui {background-image:url(images/all/qui.gif);}
#pdts {background-image:url(images/all/produits.gif);}
#panier {background-image:url(images/all/panier.gif);}
#contact {background-image:url(images/all/contact.gif);}

#etapes {height:28px; width:400px; float:left; }
#etapes li { float:left; width:auto; padding-left:10px; height:28px; list-style-position:inside; line-height:28px; }
p.valider {height:28px; width:118px; float:left; margin : 0 0 30px 20px; }
p.recalculer { margin:10px 0 20px 0; }
.recalculer button { border:0; background:none; cursor:pointer; vertical-align:middle; }
a.coche {display:block; float:left; text-indent:-5000px; width:100%; height:100%; font-size:11px; font-weight:bold; text-decoration:none; color:#fff;  background:url(images/all/valider.gif) top left no-repeat; }
a.coche:hover {background-position:0 -28px;}
#etapes li a {color:#000; text-decoration:none;}
#etapes li a:hover {color:#0094d8;}


#corps { width:820px; background-color:#fff; font-size:12px; text-align:left; padding-bottom:60px; }
.cm2 {background:url(images/all/bg-acc.gif) top left no-repeat;} /* Pour filigrane CM2  gauche */

#pied { width:820px; font-size:10px; color:#fff; background:url(images/all/pied-cm2.gif) top right no-repeat; height:38px; text-align:left;  }
#coord {float:left; padding-left:30px; padding-top:12px;}
#rea {float:right; width:110px; padding-top:18px;}
#rea a {color:#fff; text-decoration:none; }

#deco { margin-top:-132px; width:820px; height:94px; background:url(images/all/bg-commun.gif) top right no-repeat; }

h2 {color:#0094d8; font-size:14px; line-height:18px; height:28px; text-indent:-5000px;}
.chapeau {font-weight:bold; padding-top:2em;}
.fleft {float:left; }
.nof {clear:both; visibility:hidden;}

/* accueil */
h2.acc {  background:url(images/accueil/cablage-professionnel.gif) top left no-repeat;}
.pointilles { background:url(images/accueil/pointilles.gif) top right no-repeat; width:810px; margin-top:30px; height:28px; }

.accueil {margin-left:205px; width:605px; }
.accueil p {text-align:justify;}
.accueil ul {list-style-position:inside; padding-top:1em; padding-bottom:1em; text-align:justify;}
.accueil li {padding-bottom:1em;}
.fright {float:right; padding-left:20px; }

/* qui */
h2.fabric {  background:url(images/qui/particularites-fabrication.gif) top left no-repeat;  margin-top:30px; margin-bottom:1em; }
h2.perf {  background:url(images/qui/outils-production.gif) top left no-repeat;  margin-top:30px;  }
.qui {margin-left:205px; width:580px; font-size:0.9em;}
.qui p {text-align:justify; margin-top:1em;}
/* particularites */
.part {width:280px; float:left; font-size:10.5px; margin-bottom:10px; }
.part img, .part p {float:left;}
.part p {padding:0 0 5px 20px;  text-align:left; }
.filetBas { border-bottom:1px solid #0094d8; width:190px; margin-left:-10px;}
.prec {font-size:11px; clear:left;}
/* production */
.bleu { color:#0094d8; clear:both; padding-top:1em; }
.prod {width:120px; float:left; font-size:10.5px; margin:10px 30px 0 0; }
.prod2 {width:140px; float:left; font-size:10.5px; margin:10px 0 0 0; }
.prod img, .prod2 img {float:left; }
.prod p { float:left; margin:-10px 0 0 5px; padding:15px 0 0 5px;  text-align:left; }
.prod2 p { float:left; margin:-10px 5px 0 0; padding:15px 5px 0 0; text-align:right; }
.filetG { border-left:1px solid #0094d8; width:80px; }
.filetD { border-right:1px solid #0094d8; width:120px; }
#marques { padding:10px 0 20px 0;}
#marques li {display:inline;}

/* produits */
h2.catalogue {background:url(images/catalogue/catalogue-cm2.gif) top left no-repeat; margin-top:28px;}
h2.pdts {background:url(images/acc_pdts/produits-cm2.gif) top left no-repeat; margin-top:28px;}
h2.fil {text-indent:0; font-weight:normal; font-size:1em; margin-top:10px; height:auto; margin-bottom:1em;  }
h2.fil a {text-decoration:none; color:#0094d8;}
p.chapeau2 {font-size:0.9em; text-align:justify; padding-right:1em; margin-bottom:1em;}
h3 {font-size:1em; margin-top:1em;}
.famille {clear:both; margin:10px 0 10px 10px; height:84px; }
.ill_famille {background:url(images/acc_pdts/bg-pdts.gif) top left no-repeat; width:84px; height:84px; float:left;}
.ill_famille img {margin:10px 0 0 10px;}
.lib_famille {float:left; border-bottom:1px solid #0094d8; width:400px; margin:0 0 0 -10px; padding-left:40px; height:64px;}
#acc_pdts { float:left; width:620px; margin-left:10px;}
#cat_pdts {float:left; width:620px; margin-left:10px; padding-bottom:80px;}
select {width:350px; font-size:11px; padding-left:0;}

/* page telechargements */
#telechargements {float:left; width:620px; margin-left:10px; }
h2.dl {background:url(images/telechargements/telechargements.gif) top left no-repeat; margin-top:28px; }
#telechargements h3 { font-size:14px; color:#0066B3; }
#telechargements ul { position:relative; margin: 1em 1.5em; color:#0066B3; }
#telechargements ul a { color:#000; }
/* menu produits */

#menucat { width:190px; margin-top:28px; padding-top:20px; padding-bottom:20px;  font-size:11px; float:left; background:url(images/all/bg-menu.gif) top left no-repeat;}
#menucat a { text-decoration:none; color:#000;}
#menucat a:hover {color:#0094d8;}
#menucat ul {padding:0 0 0 0; }
/* grandes familles */
#menucat ul li { list-style-type:none; margin-top:5px;  }
#menucat ul li a {padding:0 0 0 4px; display:block; } /* display en block pour avoir la bordure mme avec retour  la ligne*/
/* produits des familles */
#menucat ul li ul li {margin:0 0 0 2px;}
#menucat ul li ul li a { padding:0; display:inline; } /* inline pour qu' l'intrieur des sous menus les liens n'aient pas d'espace en hauteur (IE) */
/* comportement de repli / dpli */
#menucat ul li ul {display:none;}/* les sous familles replies par dfaut au chargement  */
#menucat ul li ul.deplie {display:block; }
#menucat p {margin:0 0 0 4px; }

#menucat h2 {text-indent:4px; font-size:1em; padding:1em 0 0 0; height:auto; }

/* bloc logos gauche */
#logosPaiement img { position:relative; margin:10px 0 0 0;}

/* norme pdts */
#norme { margin:1em 0 20px 10px; width:150px; background:#b2dff3 url(images/catalogue/bg-norme.gif) bottom left no-repeat; padding-bottom:1em; }
#norme h2 {background:url(images/catalogue/norme.gif) top left no-repeat; text-indent:1em; width:150px; height:28px; line-height:28px; font-size:1em;}
#norme p {padding:0 1em 0 1em; text-align:left; font-size:10px;}

/* marque page */
#mp {padding-top:5px; font-weight:bold;}
/* tableau pdts */
#catalogue {margin-top:2em; padding-bottom:20px; width:100%;}
#catalogue th {border-top:1px solid #00bef1; border-bottom:1px solid #00bef1; font-weight:normal; font-size:11px; text-align:center;}
#catalogue td { font-size:11px; border-bottom:1px solid; text-align:center; }
#catalogue .design {font-size:12px; color:#fff; font-weight:bold; margin-top:10px; border-top:10px solid #fff; padding:5px 0 5px 10px; text-align:left;}
#catalogue .fiche, #essai .panier { width:24px; text-align:center;}
#catalogue .prix {width:55px; }
#catalogue .visuel {width:55px;}
#catalogue .ref {width:75px; }
.pict {vertical-align:middle; padding:2px 0 2px 0;}
/* selon les gabarits */
#catalogue .carac, #catalogue .carac3, #catalogue .carac4, #catalogue .carac5 {padding:0 2px 0 2px;}
#catalogue .carac4 {width:89px; } 
#catalogue .carac3 {width:119px; }


/* Fiche produit */
#fichepdt { margin:20px 0 0 20px; border:1px solid #0094d8; width:520px; padding:20px; line-height:20px;}
#fichepdt table {margin-left:20px; }
#fichepdt td {vertical-align:top;}

/* Panier */
#cart {float:left; width:600px; margin-left:10px; padding-bottom:80px;}
h2.panier {background:url(images/panier/selection-pdts.gif) top left no-repeat; margin-top:28px;}
#recap {margin-top:2em; }
#recap th {font-size:11px; color:#fff; background-color:#0094d8; height:2em; }
#recap td { font-size:11px; border-bottom:1px solid #0094d8; text-align:left;}
#recap .tarif {text-align:right;  width:70px;}
#recap td.tarif {padding-right:10px;}
#recap .visuel {width:55px;}
#recap .serre {width:70px; text-align:center;}
#recap .input_qte { width: 30px; }
/* total gnral */
#total_general {width:300px; background-color:#0094d8; color:#fff; }
#total_general th {font-size:11px;  height:2em; width:130px; text-align:right; padding-right:10px;}
#total_general td {font-size:11px; font-weight:bold; text-align:right; padding-right:80px; border-right:10px solid #fff; }

#back { display:block; margin-left:450px; text-decoration:none; color:#0094d8;}
#imp {display:block; margin-left:440px; background:url(images/all/imprimer.gif) top left no-repeat; padding-left:25px; color:#0094d8; text-decoration:none; }
.vide { margin-left:180px; margin-top:40px; }

/* Commande */
#commande {float:left; width:600px; margin-left:10px; padding-bottom:80px; font-size:0.9em;}
h2.cde {background:url(images/panier/paiement.gif) top left no-repeat; margin-top:28px; margin-bottom:20px;}
#commande #total_general { width:240px; }
#commande #total_general td {padding-right:20px; border-right:10px solid #fff; }
#coordclient { float: left; width: 250px; border:1px solid #0094d8; padding:10px 0 10px 10px; margin:10px 10px 0 0; background-color:#e5f4fb;  }
#coordalt { float:right; width:260px; border:1px solid #0094d8; padding:10px 0 10px 10px; margin:10px 10px 0 0; background-color:#e5f4fb;  }
#coordalt label { display: inline; float: none; padding:0; margin:0; }
#coordalt h3, #coordclient h3 { margin-top:0; }
#coordalt input { padding:0; margin:0; }
#coordalt textarea { width:240px; height:60px; }

#cgv {margin-top:20px;}
#cgv label {float:left; margin-left:10px; width:350px; line-height:20px;}
#cgv input { float:left;}
#cgv a {color:#000; text-decoration:none;}

/* confirm */
#commande h3 { margin:20px 0; }
#confPaiement img { vertical-align:middle;}

/* contact */
.pointilles2 { background:url(images/contact/pointilles2.gif) top right no-repeat; width:810px; margin-top:30px; height:28px; }
h2.ct { background:url(images/contact/contacter-cm2.gif) top left no-repeat;  }
h2.block { background:url(images/contact/dessus-coord.gif) top right no-repeat;  }
h2.mentions { background:url(images/contact/pointilles2.gif) top left no-repeat; }
.contact { margin-left:205px; width:605px; font-size:0.9em;}
.contact p { text-align:justify; margin-top:1em;}
#formulaire {width:370px;}
#formcontact { width:368px; padding-bottom:1em; float:left;}
label {display:block; float:left; width:150px; margin-top:5px;}
input, textarea {margin-top:5px;}
textarea {width:210px; font-size:1em;}
input[type=text] {width:210px;}
.oblig {font-size:0.8em ; font-style:italic; margin-left:160px;}
.boutons { padding-left:120px;}
.Err {color:#f00; }
.coordD { float:right; width:200px; padding:0 0 0 1em; }
.coordD p {text-align:center; width:173px; margin-left:27px; margin-top:0; margin-bottom:1em;  }
.coordD p.prec {width:173px; margin-left:27px; font-size:0.9em; padding-bottom:2em; border-bottom:1px solid #e5f4fb; }

/* identification clients */
.ident {margin-left:40px;}

#clients { float:left; margin-left:40px; padding-bottom:80px;}
#clients fieldset { border:1px solid #0094d8; padding:10px 0 10px 10px; margin-top:10px; background-color:#e5f4fb;}
h2.identification { background:url(images/identification/identification.gif) top left no-repeat; margin-top:30px; margin-bottom:20px; }
h2.identification-prescripteurs { background:url(images/identification/identification-prescripteurs.gif) top left no-repeat; margin-top:30px; margin-bottom:20px; }

/*#clients .client { width: 270px; float: left; display: inline; }*/

#client p, #nouveauclient p{padding-top:10px; padding-bottom:10px; }
#clients input { width:160px;}
#clients textarea { width:140px;}
#clients label {display:block; float:left; margin-top:5px; text-align:right; padding-right:5px; width:160px;}
#clients a {color:#000; text-decoration:none;}
#clients a:hover {color:#0094d8;}
#nouveauclient .valider {width: 160px;}

.nonclient { width: 250px; height: 118px; float: left; display: inline; background-color:#E5F4FB; border:1px solid #0094D8; margin-top:10px; padding:10px; text-align: center; }
.nonclient h3 { margin-top: 10px; font-weight: bold; }
.nonclient p { text-align: justify; margin: 10px 0; }

/* form creation compte client */
#nouveauclient { position:relative; width:500px; }
#nouveauclient form { border:1px solid red; }
#nouveauclient fieldset {/*width:330px;*/ padding-bottom:20px; margin-left:10px;}
#nouveauclient input { width:160px;}
#nouveauclient label {width:160px; padding-right:5px;}
#nouveauclient input.milieu { margin-left:165px; }
.milieu {margin-left: 165px;}
/* cadre de recherche */

#sidebar{float: left;}
.sidebar_quisommesnous {margin-top: -13px;}

.cadre_recherche {border:1px solid #0094d8; padding:10px 0 10px 10px; margin-top:10px; background-color:#e5f4fb; width:170px;}
.cadre_recherche h2 { margin:0; padding:0; text-indent: 0px; font-size: 1em;}
.cadre_recherche input {width: 120px; }
.cadre_recherche button {background: none repeat scroll 0 0 transparent; border: medium none; vertical-align: middle;}

/*resultats de la recherche */


h2.rech {  margin-top: 28px; background:url(images/recherche/resultats_recherche.gif) top left no-repeat;}
#catalogue.resultats_recherche {border-collapse: collapse; width: 550px; margin-left: 200px; margin-bottom: 80px;}
#catalogue.resultats_recherche td{text-align: left;}
#catalogue.resultats_recherche .noresult{border: none;}
#catalogue.resultats_recherche td.panier {width: 30px; text-align: right;}
#catalogue.resultats_recherche .prix {text-align: right; padding-right: 20px;}
#catalogue.resultats_recherche .ref_catalogue {text-align: left;}
.resultats_recherche a {color : #0094d8;}

/* Connection au dessus du menu / prescripteurs 
#login_box {width:450px; padding-bottom:20px; border:1px solid #0094d8;}*/
#login_box h2 { margin:0; padding:0; }
#login_box div#login_box2 {border:1px solid #0094d8; padding:10px 0 10px 10px; margin-top:10px; background-color:#e5f4fb; }
#formLog fieldset { border: 0; margin: 0; padding: 0; background: none;}
#formLog { position:relative; padding:10px 0;}
#login_box p { padding:2px 0 0 0; }
#login_box p.codePresc { margin:5px 0 0 0; border-top:1px solid #0094D8; }
label.labS { display:block; float:left; margin:0 5px 0 0; width:150px; }
input.inputS { margin:0; width:70px; }
input.inputM { margin:0; width:150px; }
input#quick_login { width:120px; margin-left:15px; }


.boutoncentre {margin-left:40px;}
.boutoncentre2 {margin-left:80px;}

input, select, checkbox, radio { vertical-align:middle; }

#logbox h2{text-indent: 0px; font-size: 12px; color: #000000; margin: 0px;}
#logbox a {font-size: 18px; color: #0094d8; margin-bottom: 20px; display: block; text-decoration: none;}
#login_box2{border:1px solid #0094d8; background:  #E5F4FB; padding-right: 50px; padding-bottom: 20px; text-align: left; width: 170px;}

#login_box h1{font-size: 12px; color: #0094D8; margin-bottom: 10px;}
#login_box h2{text-indent: 0px; font-size: 11px; color: #000000; margin-bottom: 10px; height: auto; line-height: 14px!important;}
#login_box hr{ width: 150px; color: #0094D8; background: #0094D8; margin-bottom: 10px;}
#login_box a { color: #0094d8; margin-bottom: 10px; display: block;}

#login_box_prescripteurs { border:1px solid #0094d8; padding:10px; margin-top:10px; background-color:#e5f4fb; text-align: center;}