/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */

/**************************Contenu***********************/
h1.titre_page{
text-transform:uppercase;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-weight:bold;
font-size:1.50em;
color:#4fcd4c;
padding-top:7px;
padding-bottom:10px;
position:relative;
}

h1.titre_page_erreur{
color:#e338e1;
}

h2{
font-family: "Trebuchet MS", Verdana, sans-serif;
font-weight:bold;
font-size:1.25em;
color:#6F6F6F;
text-transform:uppercase;
margin-bottom:4px;
background-color:#F5F6F0;
background-image: url(images/h2_puce.png);
background-repeat: no-repeat;
background-position:center left;
padding-left:22px;
margin-top:20px;
margin-bottom:16px;
}

div.texte{

}

div.texte p{
font-size:0.82em;
text-align:justify;
padding-bottom:8px;
}

div.texte ul{
font-size:0.82em;
padding-bottom:8px;
text-align:justify;
padding-left:20px;
margin-left:20px;
list-style:none;
list-style-image:url(images/li_puce.png);
}

div.texte ul li{
margin-top:4px;
margin-bottom:4px;
}

div.texte strong{

}

div.texte a{
text-decoration:underline;
font-weight:bold;
}

div.texte a:hover{
color:#2CB9D2;
}

/***********************Formulaire****************/
table.formulaire{
margin-top:12px;
margin-bottom:12px;
width:100%;
}

/***************************Mon compte*********************/

span.soustitre{
font-size:0.82em;
text-transform:none;
font-weight:normal;
}

div.element_formulaire{
font-size:0.82em;
width:70%;
margin-left:auto;
margin-right:auto;
border:2px solid #DFDFDF;
padding:0px 8px 0px 8px;
}

div.element_formulaire input,div.element_formulaire textarea{
font-size:1em;
font-family: arial, helvetica, sans-serif;
background-image: url(images/input_bg.png);
background-repeat: repeat-x;
background-position:bottom left;
background-color:#f5f6f0;
border:1px solid #AFAFAF;
padding:2px 3px 2px 3px;
}

div.element_formulaire td{
padding:4px 4px 4px 4px;
}


div.mdp_oublie{
padding-top:50px;
padding-bottom:90px;
text-align:center;
}

div.bouton_mdp_oublie{
padding-top:30px;
padding-bottom:10px;
}

div.bouton_valider{
text-align:right;
}

td.obligatoire{
font-weight:bold;
}

span.obligatoire{
color:red;
font-size:90%;
font-weight:bold;
}

p.remarque{
font-size:0.71em;
padding-top:5px;
font-weight:bold;
text-align:right;
padding-right:5px;
}

tr.gris{
background-color:#F5F6F0;
}

ul#mon_compte{
margin-top:20px;
margin-bottom:20px;
list-style:none;
list-style-image:none;
margin-left:0px;
padding-left:0px;
}

ul#mon_compte li{
padding-top:10px;
padding-bottom:10px;
}

/**************Contact**************/

table#coordonnees {
width:70%;
margin-left:auto;
margin-right:auto;
margin-top:30px;
margin-bottom:30px;
}

table#coordonnees td p em{
font-size:1.40em;
font-style:normal;
font-family: "Trebuchet MS", Verdana, sans-serif;
}

table#coordonnees td p{
font-weight:bold;
font-size:0.9375em;
}

.antispam img{
margin-top:4px;
}

#txt_securite{
text-transform:uppercase;
font-size:1.3em;
}

form .bouton_valider input{
padding:0;
margin:0;
border:none;
background:none;
}

/*********************Retour***************/

div.texte p.retour{
font-size:0.88em;
width:535px;
clear:both;
margin-left:auto;
margin-right:auto;
background-image: url(images/retour_top_bg.png);
background-repeat: no-repeat;
background-position:top left;
background-color:transparent;
margin-top:25px;
margin-bottom:25px;
padding:0px;
}

p.retour span.retour_bg{
text-align:center;
padding:15px 15px 15px 15px;
display:block;
background-image: url(images/retour_bottom_bg.png);
background-repeat: no-repeat;
background-position:bottom left;
background-color:transparent;
font-size:1em;
font-weight:bold;
}

p.retour span.titre{
font-family: "Trebuchet MS", Verdana, sans-serif;
font-weight:bold;
font-size:1.80em;
color:#e338e1;
text-transform:uppercase;
padding-right:7px;
text-align:left;
}

p.retour_ok span{

}

div.element_formulaire p.retour{
margin-top:20px;
margin-bottom:20px;
}

p.retour_erreur span{

}

/*********************************Panier****************************/

div.panier{
margin-top:15px;
}

div.panier table{
width:100%;
font-size:0.82em;
}

div.panier table.enteteTableau{
font-weight:bold;
font-size:0.88em;
margin-bottom:10px;
margin-top:10px;
}

div.panier table td{
padding:8px 8px 8px 8px;
}

div.panier table td.panier_top_left,div.panier table td.panier_top_right{
padding:0px;
vertical-align:top;
}

div.panier table td.panier_bottom_left,div.panier table td.panier_bottom_right{
padding:0px;
vertical-align:bottom;
}

tr.panier_top{
background-color:#F5F6F0;
}

td.panier_top_right,td.panier_bottom_right{
text-align:right;
}

td.panier_top_right img,td.panier_bottom_right img{
margin-left:auto;
}

img.panier_top{
display:block;
}

div.bouton_valider_panier{
width:55%;
float:right;
text-align:right;
margin-top:35px;
margin-bottom:5px;
}

div.bouton_retour{
width:44%;
float:left;
margin-top:35px;
margin-bottom:5px;
}
/*************************Connexion****************************/
table.connexion{
width:100%;
margin-top:5px;
margin-bottom:10px;
margin-right:auto;
margin-left:auto;
}

table.connexion td.ligneTableau{
padding:8px 4px 8px 4px;
}

table.connexion td.bouton_valider{
vertical-align:top;
text-align:right;
}

/*************************Adresse****************************/
div.adresse{
font-size:0.82em;
padding-top:10px;
padding-bottom:20px;
}

td.bouton_modifier_adresse{
text-align:right;
vertical-align:bottom;
width:50%;
}

table.adresse{
width:100%;
}

span.adresse{
border:1px solid #AFAFAF;
display:block;
padding:2px 2px 2px 2px;
}

h3.adresse{
font-size:0.88em;
font-weight:bold;
}

table.adresse td ul.adresse{
list-style-image: url(images/puce_adresse.png);
margin-bottom:5px;
margin-top:10px;
}

table.mes_adresses td{
padding-right:30px;
}

table.mes_adresses td.boutons{
text-align:right;
padding-right:5px;
}

/*********************************Transport**********************/
table.livraison tr.enteteTableau{
font-weight:bold;
background-color:#F5F6F0;
font-size:1em;
}

table.livraison{
width:100%;
margin-top:45px;
margin-bottom:65px;
}

table.livraison tr.enteteTableau td{
padding-top:0px;
padding-bottom:0px;
}

table.livraison td{
padding:3px 3px 3px 3px;
font-size:0.88em;
}

/*********************************Commande**********************/

table.commande{
width:100%;
margin-top:15px;
margin-bottom:20px;
}

table.mes_commandes tr.separation td{
padding-left:5px;
padding-right:5px;
border-bottom:1px solid #F5F6F0;
}

table.mes_commandes tr.panier_top td.enteteTableau{
padding-left:5px;
padding-right:5px;
}

table.commande td.enteteTableau{
font-weight:bold;
font-size:1.1em;
}

table.commande tr.separation td{
padding-top:5px;
padding-bottom:5px;
}

div#cgv{
display:none;
padding-top:10px;
padding-bottom:15px;
}

div.bouton_pdf{
width:55%;
float:right;
text-align:right;
}

h3.commande{
padding-left:20px;
background-image: url(images/tel.png);
background-repeat:no-repeat;
background-position:6px 4px;
font-size:0.96em;
margin-bottom:12px;
}

h3.commande span{ 
font-weight:bold;
}

/*************************************Paiement*******************/
table.paiement{
margin-top:30px;
margin-bottom:90px;
}

table.paiement td.paiement_texte{
padding-left:25px;
background-image: url(images/promo_puce.png);
background-repeat:no-repeat;
background-position:6px 4px;
vertical-align:top;
}

table.paiement td.paiement_bouton{
padding-right:5px;
vertical-align:middle;
}

td.paiement_texte h3{

}

div.commande_ok_bg{
background-image: url(images/cadre_bg.png);
background-repeat: repeat-y;
background-position:top center;
margin-top:15px;
margin-bottom:20px;
padding-bottom:0px;
width:565px;
margin-left:auto;
margin-right:auto;
}

div.commande_ok_top{
background-image: url(images/cadre_top_bg.png);
background-repeat: no-repeat;
background-position:top center;
}

div.commande_ok_bottom{
background-image: url(images/cadre_bottom_bg.png);
background-repeat: no-repeat;
background-position:bottom center;
padding-top:0px;s
padding-bottom:0px;
}

div.texte p.commande_ok{
text-align:center;
font-size:0.875em;
font-weight:bold;
padding-top:10px;
padding-bottom:10px;
}

div.commande_ok{
padding-bottom:20px;
font-size:0.96em;
padding-left:20px;
padding-right:20px;
}

/*******************************Creation graphique*******************/
div.creation_graphique{
margin-top:15px;
background-color:#F5F6F0;
width:565px;
}

div.creation_graphique img.block{
display:block;
}

div.creation_graphique ul{
font-size:1.15em;
text-align:left;
padding-left:15px;
margin-left:15px;
list-style:none;
list-style-image: url(images/promo_puce.png);
font-family: "Trebuchet MS", Verdana, sans-serif;
color:#3F3F3F;
}

div.creation_graphique ul li strong{
font-size:1.3em;
color:#4FCD4C;
}

div.creation_graphique ul li{
padding-top:2px;
padding-bottom:2px;
}

div.creation_graphique a{
text-transform:uppercase;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-weight:bold;
font-size:1.60em;
text-decoration:none;
}

/*******************************Liste Gabarits******************/
ul.gabarits li a{

}

ul.gabarits{

}

ul.gabarits li{
padding-top:3px;
padding-bottom:3px;
}

/*******************Upload******************/
div.upload{
width:450px;
height:300px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
margin-bottom:20px;
border:15px solid #eeeeee;
}