@charset "utf-8";
/* CSS Document */
/*   Copyright (C) 2007 A2I   */
/* Styles du contenu du site */

/* Classes generales */
.centre{text-align:center;}
.justify{text-align:justify;}
.vert{color:#9dcc28;}
.message{color:#ac0729;font-weight:bold;font-size:1.3em;}

/* lightwindow */
div#pagelightwindow {width:870px;padding:5px;}
div#pagelightwindow h1 {text-align:center;}
div#pagelightwindow h2.prix{text-align:center;color:red;}
div#pagelightwindow h3 {text-align:center;color:#555;margin:10px 0 10px 0;}
div#pagelightwindow p.pourimage {text-align:center;}
div#pagelightwindow img {margin:auto;}
div#pagelightwindow div.descriptionproduit {width:800px;margin:auto;border:1px solid #333;background-color:#eee;text-align:justify;padding:0 10px 0 10px;}
div#pagelightwindow table.detailsproduit {width:800px;border:0;margin:auto;}
div#pagelightwindow table.detailsproduit td {border:1px solid #eee;background-color:#fff;}
div#pagelightwindow table.detailsproduit th {font-weight:bold;text-align:right;border:1px solid #eee;background-color:#fff;}

/* Elements communs de contenu */

div#listeAdmin {margin-top:10px;}
div#listeAdmin ul{margin:0 0 0 15px;}
div#listeAdmin li.categorie{margin:5px 0 0 15px;font-size:1.3em;}
div#listeAdmin li.categorie ul{margin:0 0 0 15px;font-size:1.1em;}

div#zonepromotion {display:block;width:740px;border:3px solid #9dcc28;margin:auto;margin-top:10px;margin-bottom:10px;}
div#zonepromotion div#menupromotion{border-bottom:3px solid #9dcc28;height:20px;}
div#zonepromotion p{margin:5px;}

div#home div.blochome{float:left;width:189px;height:367px;margin:3px 4px 10px 4px;background:#aaa url(../images/fonds/bloc-home.jpg) no-repeat top;}
div#home div.blochome h2 {text-align:right;margin:0;}
div#home div.blochome h3 {text-align:center;}
div#home div.blochome h4 {text-align:left;color:#f1f1f1;padding:5px;margin-top:5px;font-size:1.15em;}
div#home div.blochome img#promo {position:relative; top:-20px; left:110px;}

/* Elements interieurs de contenu */

/* menu de tri des promotions */
div.tri {margin:auto;margin-top:-15px;padding-top:5px;width:942px;height:20px;font-size:1.2em;text-align:center;border-left:4px solid #9ACD2A;border-right:4px solid #9ACD2A;border-bottom:4px solid #9ACD2A;}
div.tri a{color:#2C821D;text-decoration:none;}
div.tri a:hover{color:#2C821D;text-decoration:underline;}
div.tri ul {display:inline;margin:0;}
div.tri ul li{display:inline;list-style:none;font-size:1.2em;}

div.soustri {margin:auto;padding-top:5px;width:942px;height:20px;font-size:1.3em;text-align:center;border-left:4px solid #9ACD2A;border-right:4px solid #9ACD2A;border-bottom:4px solid #9ACD2A;}
div.soustri a{color:#2c821d;text-decoration:none;}
div.soustri a:hover{color:#2c821d;text-decoration:underline;}
div.soustri ul {display:inline;margin:0;}
div.soustri ul li{display:inline;list-style:none;}
div.soustri ul#conso{display:none;}
div.soustri ul#peri{display:none;}
div.soustri ul#ordi{display:none;}

/* Informations detaillees sur le sites internet */
div#infospack div.descripack{width:454px;height:199px;float:left;margin:0 20px 20px 20px;background:#aaa url(../images/fonds/fond-pack.jpg) no-repeat top;}
div#infospack div.descripack h2{margin:10px 10px 10px 20px;}
div#infospack div.descripack p{margin:10px 10px 10px 20px;font-size:1.3em;line-height:25px;}
div#infospack div.descripack ul{margin:10px 10px 10px 20px;font-size:1.3em;line-height:25px;}
div#infospack2 div.descripack{width:454px;height:199px;float:left;margin:0 20px 20px 20px;background:#aaa url(../images/fonds/fond-pack.jpg) no-repeat top;}
div#infospack2 div.descripack h2{margin:10px 10px 10px 20px;}
div#infospack2 div.descripack p{margin:10px 10px 10px 20px;font-size:1.3em;line-height:25px;}
div#infospack2 div.descripack ul{margin:10px 10px 10px 20px;font-size:1.3em;line-height:25px;}

/* cadres des promotions */
div.unepromotion {background-color:#fff;border:3px solid #9dcc28;margin:auto;width:945px;height:250px;margin-bottom:10px;}
div.unepromotion div.imagepromo{padding-top:10px;float:left;border-right:3px solid #9dcc28;width:200px;height:240px;text-align:center;}
div.unepromotion div.textepromo{float:left;}
div.unepromotion div.textepromo p{margin:5px;}
div.unepromotion div.textepromo div.titrepromo{border-bottom:3px solid #9dcc28;width:742px;height:20px;}
div.unepromotion div.textepromo div.titrepromo h2{margin-left:5px;}
div.unepromotion div.textepromo div.contenupromo{border-bottom:3px solid #9dcc28;width:742px;height:184px;}
div.unepromotion div.textepromo div.prixpromo{border-right:3px solid #9dcc28;float:left;width:210px;height:30px;text-align:center;color:red;font-weight:bold;}
div.unepromotion div.textepromo div.stockpromo{border-right:3px solid #9dcc28;float:left;width:210px;height:30px;text-align:center;}
div.unepromotion div.textepromo div.stockpromo img{margin-top:-7px;}
div.unepromotion div.textepromo div.detailspromo{float:left;width:310px;height:30px;text-align:center;}

/* Colonnes */

/* Colonne droite pour les pushs */
div#colonnedroite{float:right;width:280px;}
div#colonnedroite div.interieur{float:left;width:189px;height:367px;margin:3px 4px 10px 4px;background:#aaa url(../images/fonds/bloc-home.jpg) no-repeat top;}
div#colonnedroite div.push {float:left;width:189px;height:367px;margin:0 0 0 50px;background:#aaa url(../images/fonds/bloc-home.jpg) no-repeat top;}
div#colonnedroite div.push h2 {text-align:center;margin:0;}
div#colonnedroite div.push h3 {text-align:center;}
div#colonnedroite div.push h4 {font-size:1.15em;text-align:left;color:#f1f1f1;padding:5px;margin-top:5px;}
div#colonnedroite div.push2 {float:left;width:189px;height:367px;margin:0 0 0 50px;background:#aaa url(../images/fonds/bloc-home-2.jpg) no-repeat top;}
div#colonnedroite div.push2 h2 {text-align:right;margin:0;}
div#colonnedroite div.push2 h3 {text-align:center;}
div#colonnedroite div.push2 h4 {font-size:1.15em;text-align:center;color:#f1f1f1;padding:5px;margin-top:5px;}

/* Colonne gauche pour les contenus */
div#colonnegauche{float:left;width:700px;}

/* references */
div#colonnegauche div.uneref{border:1px solid #d3d3d3;width:700px;height:150px;background:#aaa url(../images/fonds/fond-reference.jpg) repeat-x;}
div#colonnegauche div.uneref h4{color:#333;font-weight:bold;font-size:1.3em;padding:5px;}
div#colonnegauche div.uneref h5{font-size:1.1em;padding:5px;}
div#colonnegauche div.uneref p{padding:5px;}
div#colonnegauche div.uneref img{float:right;margin:9px 9px 0 0;}
div#colonnegauche div.uneref div.listeref{float:left;}
div#colonnegauche div.uneref div.listeref ul{padding:5px;}
div#colonnegauche div.uneref div.listeref ul li{padding-left:5px;list-style:circle inside;}
div#colonnegauche div.uneref div.listeref p.referencespro {width:400px;margin:-12px 0 0 150px;text-align:center;line-height:35px;font-size:1.3em;}
div#colonnegauche div.uneref div.blocgamme {float:left;width:176px;height:106px;margin:9px 0 0 8px;background:#f2f2f2 url(../images/fonds/fond-gamme.jpg) no-repeat top;}
div#colonnegauche div.uneref div.blocgamme h5{padding:5px;font-size:1.15em;font-weight:bold;color:#78c229;text-align:left;}
div#colonnegauche div.uneref div.blocgamme h5 a{padding:5px;font-size:1.10em;font-weight:bold;color:#78c229;text-decoration:none;}
div#colonnegauche div.uneref div.blocgamme p{padding:5px 9px 5px 5px;margin-top:-3px;}
div#colonnegauche div.uneref div.blocgamme p a{text-decoration:none;}

/* la presse en parle */
div#colonnegauche div.blocpresse {text-align:center;margin-left:10px;float:left;width:220px;height:346px;border:1px solid #d3d3d3;background:#aaa url(../images/fonds/fond-presse.jpg) repeat-x;}
div#colonnegauche div.blocpresse h2 {text-align:left;margin:5px;color:#333;}

/* accessibilite */
div#colonnegauche p.navigs{text-align:center;}
div#colonnegauche p.navigs a img{margin:0 35px 0 0;}
div#colonnegauche p.valeurs{font-weight:bold;font-size:1.2em;margin-top:-10px;}

/* plan du site */
div#colonnegauche ul#plan{margin:10px;}
div#colonnegauche ul#plan li{margin:5px;list-style:none;}
div#colonnegauche ul#plan li a{font-weight:bold;font-size:1.2em;color:#3f7900;text-decoration:none;}
div#colonnegauche ul#plan li ul li{margin-left:5px;list-style:inside disc;}
div#colonnegauche ul#plan li ul li a{font-weight:normal;font-size:1.2em;color:#000;}
div#colonnegauche ul#plan li ul li ul li {margin-left:5px;list-style:inside circle;}
div#colonnegauche ul#plan li ul li ul li a {font-weight:normal;font-size:1.0em;}

/* tuto 1&1 */
div#colonnegauche div#tutooneandone h3{font-size:1.3em;color:#9dcc28;margin:20px;}
div#colonnegauche div#tutooneandone p{text-align:center;line-height:50px;}
div#colonnegauche div#tutooneandone img{border:5px solid #9dcc28;}

/* Formulaires */

/* contact */
form#contact div#formulaire{width:500px;border:1px solid #7ebf0d;margin:auto;margin-bottom:5px;margin-top:5px;background-color:#fff;}
form#contact div#formulaire div#teteform{height:25px;background-color:#7ebf0d;margin:0 0 10px 0;}
form#contact div#formulaire div#teteform p{font-size:1.2em;font-weight:bold;color:#f1f1f1;margin:0 0 0 5px;padding:3px 0 0 0;}
form#contact div#formulaire fieldset.partieform {font-size:1.0em;border:0;background-color:#ddd;margin:0 0 10px 0;text-align:left;}
form#contact div#formulaire fieldset.partieform legend{color:#555;font-weight:bold;font-size:1.2em;margin:0 0 15px 0;}
form#contact div#formulaire fieldset.partieform p label{width:150px;text-align:right;display:block;float:left;margin:0 5px 0 0;}
form#contact div#formulaire fieldset.partieform p input{font-size:1.0em;width:250px;border:1px solid #7ebf0d;}
form#contact div#formulaire fieldset.partieform p input.focus{font-size:1.0em;width:250px;border:1px solid #7ebf0d; background-color:#eee;}
form#contact div#formulaire fieldset.partieform p input.normal{font-size:1.0em;width:250px;border:1px solid #7ebf0d;}
form#contact div#formulaire fieldset.partieform p select{width:250px;border:1px solid #7ebf0d;}
form#contact div#formulaire fieldset.partieform p select.focus{background-color:#eee;}
form#contact div#formulaire fieldset.partieform p select.normal{background-color:#fff;}
form#contact div#formulaire fieldset.partieform p textarea{font-size:1.0em;width:250px;font-family:Arial, Helvetica, sans-serif;border:1px solid #7ebf0d;height:100px;}
form#contact div#formulaire fieldset.partieform p textarea.focus{font-size:1.0em;width:250px;font-family:Arial, Helvetica, sans-serif;border:1px solid #7ebf0d;height:100px;background-color:#eee;}
form#contact div#formulaire fieldset.partieform p textarea.normal{font-size:1.0em;width:250px;font-family:Arial, Helvetica, sans-serif;border:1px solid #7ebf0d;height:100px;}
form#contact div#formulaire fieldset.partieform p img{border:1px solid #7ebf0d;margin-bottom:-4px;}
form#contact div#formulaire .aide{font-size:1.1em;color:#666;}

/* connexion admin */
form#connexion div.formulaire{width:380px;height:210px;margin:auto;margin-bottom:5px;margin-top:5px;background:transparent url(../images/fonds/fond-connexion.png) no-repeat top;}
form#connexion div.formulaire h3{text-align:center;color:#ac0729;font-weight:bold;font-size:1.2em;margin:15px 0 0 0;}
form#connexion div.formulaire fieldset {border:0;}
form#connexion div.formulaire fieldset legend{height:25px;margin:0px;font-size:1.3em;font-weight:bold;color:#f1f1f1;padding:18px 0 0 25px;}
form#connexion div.formulaire fieldset p label{width:110px;color:#f1f1f1;text-align:right;display:block;float:left;margin:0 5px 0 0;}
form#connexion div.formulaire fieldset p input{font-size:1.0em;width:230px;border:1px solid #7ebf0d;}
form#connexion div.formulaire fieldset p input.focus{font-size:1.0em;width:230px;border:1px solid #7ebf0d; background-color:#eee;}
form#connexion div.formulaire fieldset p input.normal{font-size:1.0em;width:230px;border:1px solid #7ebf0d;}
form#connexion div.formulaire p button{background-color:transparent;margin:0px;}

/* demande de devis */
form#devis {width:900px;border:1px solid #7ebf0d;margin:auto;margin-bottom:5px;margin-top:5px;background-color:#fff;}
form#devis div#teteform{height:25px;background-color:#7ebf0d;margin:0 0 10px 0;}
form#devis div#teteform p{font-size:1.2em;font-weight:bold;color:#f1f1f1;margin:0 0 0 5px;padding:3px 0 0 0;}
form#devis fieldset.partieform {border:0;background-color:#ddd;margin:0 0 20px 0;text-align:left;}
form#devis fieldset.partieform legend{width:281px;height:31px;padding:0 0 15px 0;background:transparent url(../images/fonds/onglet-formulaire.jpg) no-repeat;}
form#devis fieldset.partieform h3 {text-align:center;margin:20px 30px 20px 0;color:#7EBF0D;}
form#devis fieldset.partieform p label{width:175px;font-weight:bold;text-align:right;display:block;float:left;margin:0 5px 0 0;}
form#devis fieldset.partieform p span{margin:0 0 0 30px;font-size:1.0em;color:#333;}
form#devis fieldset.partieform p textarea{font-size:1.0em;width:250px;font-family:Arial, Helvetica, sans-serif;border:1px solid #7ebf0d;height:100px;}
form#devis fieldset.partieform p select{font-size:1.0em;width:252px;font-family:Arial, Helvetica, sans-serif;border:1px solid #7ebf0d;}
form#devis fieldset.partieform p input{font-size:1.0em;width:250px;border:1px solid #7ebf0d;}
form#devis fieldset.partieform p input.checkbox{font-size:1.0em;width:250px;border:0;}
form#devis .aide{color:#666;}


/* www.a2i-net.fr */