/*
 * Styles généraux
*/

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

a img { border: 0; }
#langues img { vertical-align: middle; }
#contenu p {  }
#contenu .chapo { /*font-style: italic;*/ }
dt { font-weight: bold; }
ul, li { list-style: none; margin: 0px; padding: 0px;}
p { margin: 1em 0;}
/*
 * Partie variable des sites
*/
a {	color:#7b7c7e;	text-decoration:none;}
#preview a {}
a:hover { color:#7ca8d4; text-decoration: none;}

#preview ul { margin:1em 0 1em 3em;}
#preview ul li { margin:0.2em 0; padding-left:15px; background:url(../images/bg_li.gif) no-repeat 0 4px;}
#preview p { margin:1em 0; }
.exergue { padding:0.1em 1em; background-color:#e1def6;}
.element { overflow:hidden;}
p#rss { margin:0; padding:0; }
.red { color:#d10402;}

h1, h2, h3, h4, h5, h6 { margin: 1em 0px; padding: 0px;}
h1 { color:#004095; font-size: 1.2em; margin:2em 0 1em; letter-spacing:0px; text-transform:uppercase; line-height:normal; font-weight:bold; }
h1 span { text-transform:uppercase; letter-spacing:0; font-family:Arial, Helvetica, sans-serif;}
h1.entete { margin-top:1.5em; margin-bottom:3px; font-size: 0.85em; font-weight:normal;text-transform:none;}
h2 { font-size: 1em; line-height:1.2em; color:#004095; margin:0 0 5px; font-weight:bold; text-transform:uppercase;}
h2 a { color:#004095; }
h3 { clear:both; margin:1em 0 1em 2em; font-size:1.2em; color:#08375f; font-weight:bold; border-bottom:1px solid #dce2eb; }
h4 { font-size:1.1em; color:#6b6b6b; margin:0.5em 2em; }
h5 { font-size:1em; color:#7ca8d4; margin:0.5em 2.5em; }
h6 { font-size:1em; color:#08375f; font-weight:normal; margin:0.5em 2.5em;}

/*.gendarmerie h1 { padding-left:15px; background:url(../images/puce_gendarmerie.gif) no-repeat 0 8px;}*/


/*
 ******************* blocs des colonnes ************************
*/

.bloc { width:180px; margin: 20px 0; font-size:0.85em;}
.bloc a { background-position: left top; background-repeat: no-repeat; }
.bloc h1 { font-size: 1.2em; border:0; margin:0; padding:0; font-weight:bold; text-align:center;}


/******* bloc coldroite *******/

/* panier */

#coldroite #panier { float:left; margin:0; width:105px; padding:10px 20px 10px 40px; background:#e2001a url(../images/picto_caddie.gif) no-repeat 5px center; color:#fff; text-align:left;}
#coldroite #panier p { margin:0;}
#panier a { color:#fff; font-weight:bold;}
#panier a:hover { color:#000; }

/* bloc loggin */

.bloc#connexion { width:100%; padding:5px 0 0; margin:0 0 1em; background:#c3c3c6;}
.bloc#connexion form { width:100%;}
.bloc#connexion .row label.main  { clear:none; display:block; float:left; width:38%; text-transform:uppercase;}
.bloc#connexion .row { padding:2px; width:48%; clear:none; float:left;}
.bloc#connexion a { color:#000; font-size:0.85em; font-weight:bold;}
.bloc#connexion p { clear:both; margin:0;}
.bloc#connexion a.nouveau { margin:0 110px 0 15px;}
.bloc#connexion input { width:110px; border:0; background:#fff; }
.bloc#connexion input#password-addsubmit { border:0; background:none; font-weight:bold; }
/* champ login */
.bloc#connexion #rlogin label.main { background:url(../images/picto_mail.gif) no-repeat 12px center;}
.bloc#connexion #rlogin input { width:160px;}

/* bloc paiement */

#colgauche #paiement { width:auto; padding:0 15px; margin-top:30px; font-size:0.8em; line-height:1em; text-align:center;}


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

/* alignement des images dans les pages */
div.gauche, div.droite, div.centre { padding: 0.8em 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;}

/* icones des fichiers */
#contenu .icone a, #contenu a.icone {margin-top: 0em; padding-left: 1.5em; list-style: none;}
#contenu .pdf { background: url(../images/icons/acrobat.gif) left center no-repeat !important; }
#contenu .doc, #contenu .rtf { background: url(../images/icons/word.png) left center no-repeat !important; }
#contenu .xls, #contenu .xla { background: url(../images/icons/excel.png) left center no-repeat !important; }
#contenu .ppt, #contenu .pps { background: url(../images/icons/powerpoint.png) left center no-repeat !important; }
#contenu .zip, #contenu .rar { background: url(../images/icons/compressed.png) left center no-repeat !important; }
#contenu .gif, #contenu .jpg, #contenu .png { background: url(../images/icons/picture.png) left center no-repeat !important; }
#contenu .url { background: url(../images/icons/world.gif) left center no-repeat !important; }
#contenu .email { background: url(../images/icons/email.png) left center no-repeat !important; }
.url a[target="_blank"], a.url[target="_blank"] {background: url(../images/icons/external.png) right center no-repeat !important;}
.icone { padding: 0.2em 0; }
.broken { text-decoration: line-through; }

/* chemin */

/*
 * Pagination et Outils d'impression et de retour
*/
#pagination, #contenu ul#nav-contenu {
	clear: both;
	padding: 0 10px;
	margin-top: 0em;
	text-align: right;
	color:#000; 
	font-weight:normal;
	font-size:0.9em;
}
#pagination a { color:#000;}
#pagination .select { /*border:1px solid darkred;*/ font-weight:bold;}
p.retour { text-align: right; }
p.retour a { color: darkred; background: url(../images/puce_retour_rouge.gif) no-repeat left center; padding-left: 20px; }

#contenu ul#nav-contenu { float:left; width:96%; margin:2em 0 1em 0; border-top:1px solid #c0c0c0; }
#contenu #nav-contenu li { background: none; display: inline; padding:0 1.2em; color:#7c7c7c; border-right:1px solid #ccc; }
#contenu #nav-contenu li a { color:#000; font-weight:bold;}
#contenu #nav-contenu li a:hover, #pagination a:hover { color:#c40b1f;}
#contenu #nav-contenu li.last { border:0;}
.prix { color: #D21312;}

/*
 * Historiques des commandes
*/
table.commandes { width: 100%; }

/* Messages */
#preview .message {
	padding: 5px 30px !important;
	margin: 5px 0 !important;
	background: url(../images/icons/information.png) 5px 50% no-repeat #fff !important;
	border: 1px solid grey !important;
	text-align: left !important;
}

#preview .good { background-image: url(../images/icons/accept.png) !important; }
#preview .warn { background-image: url(../images/icons/error.png) !important; }
#preview .error { background-image: url(../images/icons/exclamation.png) !important; }

/* plan site */
#preview ul.plan { margin:1em;}
#preview ul.plan li { float:left; margin:0 0 0 1em; width:40%; border-left:2px solid #ccc; padding-left:25px; background-position:8px 4px;}
#preview ul.plan ul { margin:0 0 5px; border-top:1px solid #ccc;}
#preview ul.plan ul li { float:none; width:80%; border:0; margin:0;}

/* menu select ecusson */
#preview div#liste_produits_select {margin-top:20px;margin-bottom:20px;}


/******** style page générale ************/

#contenu #preview { font-family:"Times New Roman", Times, serif; line-height:1.3em; }
#preview p, #preview ul { padding-left:60px; padding-right:60px; margin-top:10px; margin-bottom:10px;}
h1 { font-size:1.5em; font-family:"Times New Roman", Times, serif; text-transform:none; font-weight:bold; padding-left:60px; }
#chemin { padding-left:60px; display:none;}
h3 { border:0; margin-bottom:0; color:#000; padding-left:30px; background:url(../images/puce_h3.gif) no-repeat 0 3px;}

#chemin, #contenu ul#nav-contenu, #connexion {font-family:Arial, Helvetica, sans-serif;}
#connexion p { padding-left:0; }

body.liens .liste-liens a {color:#595959; text-decoration:underline;}
body.liens .liste-liens a:hover {color:#a00000; text-decoration:underline;}