@import url(jq/jQuery.validationEngine.css);

/* Colonnage
---------------------------------------------*/
.column, .col1-1, .col1-2{float:left;}
.col1-1{  width:920px; padding:30px; overflow:hidden;}


h1 {color:#ad3f32; font-size:25px; line-height:24px; font-family: Georgia, "Times New Roman", Times, serif;}
h2 {color:#ad3f32; font-size:20px; line-height:18px; margin:10px 0 10px 0; font-family: Georgia, "Times New Roman", Times, serif;}
h3 {color:#333; font-weight:bold; font-size:13px; margin:10px 0 10px 0;}
p{line-height:16px; text-align:justify; margin:5px 0 8px 0;}


/* formulaires par defaut
---------------------------------------------*/

/* texte introductif */
.ps_form_intro{ margin:15px 0 20px 0; font-size:13px; line-height:15px;}

/* formulaire */
.ps_form {}
.ps_form h1 {margin:8px 0 15px 0}
.ps_form_form {margin:0 10px 0 10px; float:left;}
.ps_form_form label{ width:130px; display:block; float:left; line-height:20px;  font-size:10px;}
.ps_form_form input[type=text]{width:160px; margin:2px 0 0 0;}
.ps_form_form textarea{margin:2px 0 0 0; width:213px; height:120px;}
.ps_form_form  select.civilite{width:160px;}
.ps_form_form  select.pays, .ps_form_form  select.connu{width:160px;}
.ps_form_form .ps_form_Radio {margin:10px 0 10px 0; font-size:11px;}
.ps_form_form .ps_form_Radio input[type="checkbox"] {margin: 0 0 0 60px; width: 50px;}
.ps_form_bouton {margin:0 0 0 110px;}      
.ps_form_legende{ clear:both; color:#f00; font-size:11px; padding:20px 0 0 0; font-style:italic;}

/* btn */
.ps_form_bouton .button1{ margin:10px 0 0 5px;}
.ps_form_bouton .button2{margin:10px 0 0 0;}

/*article quand present*/ 
.ps_form_article{float:left; background:#fff; border:1px dotted #b3b1b1; margin:0 0 0 10px;}
.ps_form_article .cadre{background:#fff;  width:330px; height:330px; text-align:center;}
.ps_form_article a.image:link{width:330px; height:330px; line-height:330px;display:inline; text-align:center;}
.ps_form_article a.image:visited{width:330px; height:330px; line-height:330px;display:inline; text-align:center;}
.ps_form_article a.image:hover{width:330px; height:330px; line-height:330px;display:inline; text-align:center;}
.ps_form_article .image span{display:table-cell;  width:330px; height:330px; line-height:330px; vertical-align:middle; text-align:center;}
.ps_form_article a.titre:link{display:block; text-align:center; line-height:20px; text-decoration:none; font-weight:bold; width:330px; overflow:hidden;}
.ps_form_article a.titre:visited{display:block; text-align:center; line-height:20px; text-decoration:none; font-weight:bold; width:400px; overflow:hidden;}
.ps_form_article a.titre:hover{ height:20px; display:block; text-decoration:underline;}


/* commande directe
--------------------------------*/
#commande_directe label{font-size:14px; width:200px; margin:6px 0 6px 0;}
#commande_directe input{font-size:14px; width:200px; margin:6px 0 6px 0;}
#commande_directe #retourAjoutPanierExpress{ background:#E3DFDC; line-height:22px; padding:0 0 0 8px; margin:0 0 10px 0; font-weight:bold;}
#commande_directe .ps_form_bouton{ margin:10px 0 0 200px;}
#commande_directe .ps_form_article{background:none; border:none; margin:0 0 0 35px;}
#commande_directe .ps_form_article .cadre {background:none; height:auto; width:auto; border:5px solid #fff;}


/* demande catalogue
--------------------------------*/
#demande_catalogue .ps_form_bouton{ margin:10px 0 0 130px;}
#demande_catalogue .ps_form_article{background:none; border:none; margin:0 0 0 35px;}
#demande_catalogue .ps_form_article .cadre {background:none; height:auto; width:auto; border:5px solid #fff;}






#bloc_list_article_news{}
#bloc_list_article_news ul{margin:15px 0 15px 0;}
#bloc_list_article_news a{text-decoration:none;}
#bloc_list_article_news li{overflow:hidden; margin:10px 0 10px 0; padding:0 0 10px 0; border-bottom:1px dotted #ccc;}
#bloc_list_article_news .img_produit{float:left; margin:0 10px 0 0; width:158px; height:158px; background:#fff;}
#bloc_list_article_news .img_produit span{display:table-cell; width:158px; height:158px; line-height:158px; text-align:center; vertical-align:middle; border:1px solid #ccc;}
#bloc_list_article_news a.img_produit:hover span{border:1px solid #ff0000;}
#bloc_list_article_news .art_designation{display:block; font-size:14px; line-height:22px; color:#6e8e17; font-weight:bold;}
#bloc_list_article_news .art_designation .date{color:#000; font-size:12px; font-style:italic; font-weight:bold;}
#bloc_list_article_news .art_descriptif{display:block; margin:0 0 15px 0; line-height:150%;font-size:12px;}
#bloc_list_article_news .button1{float:right; padding:0 10px 0 10px;}

/* donne avis
--------------------------------*/
ul.notes-echelle { }
ul.notes-echelle li {float:left;}
ul.notes-echelle li label { display:block; text-align:center; line-height:20px; background:url(../Image/WEB/etoiles.gif) center top no-repeat; cursor:pointer; width:20px; font-size:10px; color:#FFF}
ul.notes-echelle li.note-off label {background-position:center -60px; color:#000}
ul.notes-echelle li.note-checked {font-weight:bold;}
ul.notes-echelle.js li {min-width:20px;min-height:20px;}
ul.notes-echelle.js input {position:absolute;left:-999%;}
ul.notes-echelle.js li.note-focus {outline:1px dotted #000;}
* html ul.notes-echelle.js li {width:20px;height:20px;}

/* plan site
--------------------------------*/
 ul.PlanDeSite {padding:0; margin:0 0 35px 0;}
.PlanDeSite ul {margin:0 0 0 15px;}
.PlanDeSite ul ul {margin:0 0 0 10px;}
.PlanDeSite ul ul ul { display:none; margin:0 0 0 5px; }

.PlanDeSite li {margin:8px 0 20px 0; list-style:none;}
.PlanDeSite li li {margin:5px 0 0 0;}
.PlanDeSite li li li {display:inline-block; padding:0 5px 0 0; border-right:1px solid #bbb; margin:0 5px 0 0; }
.PlanDeSite li li li:last-child {border-width:0}

.PlanDeSite li a {text-decoration:none; font-size:18px; text-transform:lowercase;  font-weight:bold; color:#fff; BACKGROUND:#ad3f32; display:block; padding:8px}
.PlanDeSite li li a { font-size:14px; line-height:18px; color:#000; font-weight:normal; display:inline; background:none; padding:0;}
.PlanDeSite li li li a { font-size:11px; color:#555}
.PlanDeSite li li li li a {color:#888} 

.PlanDeSite li a:hover {text-decoration:underline; }