/*
 * Styles généraux
*/

body { font-family: Arial, Helvetica, sans-serif; text-align: left; font-size: 0.8em; color: #77767a;}

a img { border: 0; }
#langues img { vertical-align: middle; }
#contenu p {  }
#contenu .chapo { /*font-style: italic;*/ }
dt { font-weight: bold; }
/*
 * Partie variable des sites
*/
a { color: #fff; text-decoration:none;}
a:hover { color: #f2bf1c; text-decoration: none;}
#preview a:visited { text-decoration: underline; color:#999 }
ul { margin:0; padding:0;}
ul li { margin:0; padding:0; list-style:none; }

ul.actions  {margin:2em; clear:both;}
#preview { text-align:justify; }
#preview ul, .bloc ul { margin-left: 1em;}
#preview ul li, .bloc ul li { margin:0; padding-left:10px; list-style:none; }
#preview p { margin:1em 0; }
#coldroite p {margin: 0;}
p#rss { margin:0; padding:0; }

h1, h2, h3, h4, h5, h6 {margin: 0px; padding: 0px; font-weight: normal;}
h1, h3 {font-family: "Arial Black",Arial,Helvetica,sans-serif; }
h2, h6 {font-family: "Century Gothic" ,Arial, Helvetica, sans-serif;}
h1 {padding: 0 0 10px 0; margin: 0 30px 30px 0; font-size: 3.6em; color: #3d3b40; line-height: 0.9em; border-bottom: 5px solid #f2bf1c;}
h2 { font-size: 1.4em; font-size: 2.4em; line-height: 0.9em;}
h3 { font-size: 1.3em; clear:left;}
#preview h3 { clear:left; font-size: 1.6em;  font-weight: normal; color: #f2bf1c;}
h4 {font-family: "Century Gothic" ,Arial, Helvetica, sans-serif; font-size: 1.4em; color: #f2bf1c; }
h5 { font-size: 1.2em; color: #fff; color: #f2bf1c;}
h6 { font-size: 1em; }

/*
 * Filet de séparation dans le texte
*/
div.separateur { clear: both; border-top: 1px solid #ccc; margin-bottom: 15px;}

/* alignement des images dans les pages */
.elem {}
div.gauche, div.droite, div.centre { padding: 0.3em 0.8em 0 0.8em;}
.gauche { float: left; margin: 0 1.5em 1em 0;}
.droite { float: right; margin: 0 0 1em 1.5em;}
.centre { /*margin: 1em auto;*/ text-align: center; }

#contenu .gauche span, #contenu .droite span, #contenu .centre span { display: block; font-size: smaller; text-align: center; }
#contenu #rss div { padding:0; margin:0; background:none; border:none;}


/* Messages */
.message {
	padding: 5px 30px;
	background: url(../images/icons/information.png) 5px 50% no-repeat ;
	color: #f2bf1c;
	text-align: left;
}
h3.message { font-size: 0.9em; }
.good { background-image: url(../images/icons/accept.png); }
.warn { background-image: url(../images/icons/error.png); }
.error { background-image: url(../images/icons/exclamation.png); }


/*
 * Pagination et Outils d'impression et de retour
*/
.pagination, #contenu ul#nav-contenu {
	clear: both;
	padding: 0.5em 0;
	margin-top: 2em;
	text-align: center;
}
.pagination { text-align: right; }
#contenu #nav-contenu li { background: none; display: inline; padding:0 1.2em; font-size:0.85em; color:#3A846E; border-right:1px solid #ccc; }
#contenu #nav-contenu li.last { border:0;}

ul.plan li.espace-membre, ul.plan li.connexion { display: none; }
ul.plan li { font-weight: bold; float: left; width: 45%; }
ul.plan li li { font-weight: normal; float: none; }


/* raccourcis */

#coldroite li {margin: 10px 0 30px; line-height: 1em;}
#coldroite ul {margin: 10px 0 30px;}
li.raccourci1, li.raccourci2, li.raccourci3 {
	padding: 0;
	font-family: "Arial Black",Arial,Helvetica,sans-serif;
	font-size: 1.4em;
	color: #a49980;
}
li.raccourci1 a, li.raccourci2 a, li.raccourci3 a {
	padding: 5px 0 25px 60px;
	color: #a49980;
	background-position: left top;
	background-repeat: no-repeat;
}
li.raccourci1 a {background-image: url(../images/raccourci1.gif);}
li.raccourci2 a {background-image: url(../images/raccourci2.gif);}
li.raccourci3 a {background-image: url(../images/raccourci3.gif);}

li.raccourci1 a:hover, li.raccourci2 a:hover, li.raccourci3 a:hover, li.raccourci1.select a, li.raccourci2.select a, li.raccourci3.select a {color: #f2bf1c;}
li.raccourci1 a:hover {background-image: url(../images/raccourci1-select.gif);}
li.raccourci2 a:hover {background-image: url(../images/raccourci2-select.gif);}
li.raccourci3 a:hover {background-image: url(../images/raccourci3-select.gif);}

li.raccourci1.select a {background-image: url(../images/raccourci1-select.gif);}
li.raccourci2.select a {background-image: url(../images/raccourci2-select.gif);}
li.raccourci3.select a {background-image: url(../images/raccourci3-select.gif);}

span.reduc {
	padding: 0px 10px 0px 60px;
	font-family: Arial, Helvetica,sans-serif;
	font-size: 0.6em;
	color: #77767a;
}
a:hover span.reduc  {color: #fff;}

.fleche {padding: 0px 10px 0px 0px;	background: url(../images/chevron.png) no-repeat 100% 50%;}

#bloc-coordonnees a {color: #77767a;}
#bloc-coordonnees a:hover {color: #fff;}

/* blocs colonne droite */

#coldroite h2  {margin-bottom: 15px; padding: 0 0 5px; background: url(../images/chevron-grand.png) no-repeat 78% 97%;}

/*  Instants gans */


/* Carte Menu */

div.liste-produits {width:705px;}
div.liste-produits .famille {margin-left:150px;padding-top: 10px;}
div.liste-produits .toggledown {background: url(../images/bt-down.gif) no-repeat scroll left 0px;}
div.liste-produits .toggleup {background: url(../images/bt_up.gif) no-repeat scroll left 0px;}
div.liste-produits .famille:hover {cursor: pointer;}
div.liste-produits .famille-wrapper {border:none; border-top: 1px #77767A solid;margin-left:16px;}
div.liste-produits .nom-famille {color : #77767A; font-size:1.8em; background: #1a181c; margin-top:-10px; position:absolute; padding-right:15px; font-family: "Century Gothic" ,Arial, Helvetica, sans-serif;}
div.liste-produits .texte-famille {color : #FFFFFF; font-size:1em;margin:15px 0px 0px 0px;}
div.liste-produits #ligne-total { width:705px; text-align:right;color:#FFFFFF; text-weight:bold;border-top:1px solid #77767A;padding-top:10px;}
div.liste-produits span#total_ttc {margin-left:25px; text-align:right;color:#FFFFFF; text-weight:bold;}
table.infos-produits {border-collapse:collapse;}
table.infos-produits th {color:#F2BF1C;font-weight: normal;}
table.infos-produits tr.ligne-produit { border-bottom: 1px solid #77767A;height:40px;}
table.infos-produits td.nom-produit { width:460px;margin-right:15px;}
table.infos-produits td.prix-produit { width:50px;margin-right:15px;}
table.infos-produits td.quantite-produit {width:50px;color:#F2BF1C;}
table.infos-produits td.quantite-produit div.plusmoins{ width:15px;height:29px;float:right}
table.infos-produits td.quantite-produit input {height:18px;padding-left:5px;padding-top:3px;width:17px;float:left;}
div.liste-produits div.image-famille { float:left;width:130px;margin-right:30px; min-height:150px;}
#button_bar{float:right;}
.btnSubmit, #commandes-submit {color:#000000; background-color: #F2BF1C;margin-top:25px;}
div#commander tr.total{color:#FFFFFF; font-weight:bold;}
table td.alignright {text-align:right;padding-right:20px;}
#commander fieldset {
	border-color:#CCCCCC -moz-use-text-color -moz-use-text-color;
	border-style:solid none none;
	border-width:1px 0 0;
	margin-bottom:1em;
	padding:1em;
}
 legend {
color:white;
font-weight:bold;
}