/*
 * Styles généraux
*/
body { font-family: Arial, Helvetica, sans-serif; text-align: left; font-size: 0.8em; margin: 0; padding: 0; background: #FFF; color: #000; }

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 { text-decoration:none; color: #c33d27; }

#contenu a:hover { color: #000; text-decoration: none;}
#preview a:visited { }
p#rss { margin:0; padding:0; }
p { margin:1em 0; }
ul { margin: 1em 0 1em 1.5em; padding:0; }


h1, h2, h3, h4, h5, h6 { margin: 0.5em 0; padding: 0px; color: #000;}
h1 { font-size: 1.6em; font-weight: normal; color: #000; text-transform:uppercase; font-style:italic;}
h2 { font-size: 1.6em; color: #c33d27;}
h3 { font-size: 1.3em; clear:left; margin: 1em 0 0.5em 0; }
h4 { font-size: 1.2em;  font-weight: bold; color: #000; text-transform:uppercase;}
h5 { font-size: 1.2em; font-weight:normal; }
h6 {}
#preview h6  { font-size: 1.2em; font-weight: normal; color: #404040;}
table, tr, td {border: 1px solid #f0ede9;}

table, tr, td {border: none;}

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

/* alignement des images dans les pages */
.element { clear: both; }
div.gauche, div.droite, div.centre {}
.gauche { float: left; margin: 0 1em 1em 0;}
.droite { float: right; margin: 0 0 1em 1em;}
.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; }

/* Messages */
.message {
	padding: 5px 30px;
	background:  url(../images/icons/information.png) 5px 50% no-repeat ;
	border: 1px solid #EDEDED;
	text-align: left;
	color: #c04027;
}
.good { background-image: url(../images/icons/accept.png); }
.warn { font-weight: bold; background-image: url(../images/icons/error.png); }
.error { color: red; font-size: 1.2em; font-weight: bold; border-color: red; background-image: url(../images/icons/exclamation.png); }

/*
 * Pagination et Outils d'impression et de retour
*/
#pagination {
	clear: both;
	padding: 0.5em 0;
	margin-top: 2em;
	text-align: center;
}

#nav-contenu { margin-top: 2em; padding:8px 0; text-align:center; background:url(../images/bas-de-page_bg.gif) no-repeat; font-size:0.85em;}
#nav-contenu a { padding-right:20px; color:#000;}
#nav-contenu a:hover { color:#fff;}
#nav-contenu a img { vertical-align:top; margin-right:4px;}

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

/*
 * Espace marques
*/

table.marque, td.marque {border: 1px solid #f0ede9;}

div.marque,td.marque {
	
	width: 170px;
	height: 170px;
	padding: 5px;
	margin: 5px;
	text-align: center;
	vertical-align: middle;
}

div.marque a, td.marque a {
	width: 170px;
	height: 170px;
	text-align:center;
	vertical-align: middle;
}
div.marque a:hover {
	border: 1px solid #ff0089;
}
div.liste-marques .autres img {  }
div.liste-marques strong { color: #404040; }



/*
 * Magasins et carte
*/
#magasins-intro {
	background: url(../images/localisation.gif) no-repeat top left;
	font-size: 0.9em;
	color: #0D075F;
	font-weight: bold;
	padding: 1em 0 1em 100px;
}
/*#rdepartement select { font-size: 0.8em;; }*/
div.magasin {
	min-height : 100px;
	color : #0D075F;
	padding: 3px;
}
div.magasin div.gauche {
	padding: 0.2em;
	background: #FFF;
	border: 1px #CCC solid;
}

div.magasin div.texte {
	float:left;
	width: 420px;
	margin-bottom: 3px;
}

table.optimisation {
	width: 100%;
	margin: 1em 0;
	border-collapse: collapse;
	border: 1px solid #0086C7;
}
table.optimisation td {
	font-size: 0.8em;
	border: 1px solid #0086C7;
}
table.optimisation td ul, table.optimisation td li { margin-left: 0; padding-left: 1em; }
table.optimisation td li { list-style: none !important; }
table.optimisation td li li { list-style: circle inside !important; }

table.optimisation h4 {
	text-align: center;
}
/*
 * Pied de page
 */
.colonne .telephone { font-weight:bold; color: #364A9F; }
/*
 * CGV
*/
ol#summary { list-style: none; }
div.top { text-align:right;margin:-1em 0 1em 0 }
.encart {border : 1px black solid;padding:5px; text-align:center;}
/*
 * google
*/
a.google {padding: 10px 80px 10px 10px; background:url(../images/logo_google_maps.gif) no-repeat right center; }

#minipopup #preview {
	width: auto;
	background: #FFF;
	padding: 0;
	margin: 0;
}
#minipopup #snav, #minipopup .top { display: none; }
/*
 * Listes
 */
.liste div.chapo img {margin:5px 10px; }
/*
 * Sportifs
 */
.liste-sportifs div.chapo img {margin:5px 10px; }
.liste-sportifs #onglets {border-bottom:#97A0A9 1px solid;margin: 12px 0px 12px 5px;padding-bottom:2px;}
.liste-sportifs #onglets li {display : inline; color:#FFFFFF;background-color:#FFFFFF;padding: 0 10;}
.liste-sportifs #onglets li a {color:#FFFFFF;background-color:#97A0A9;padding: 5px 10px;}
.liste-sportifs #onglets li a.actif {background-color:#5D6266;}
.liste-sportifs div.gauche {padding-right:15px;}
/*
 * Actualités
 */
.liste-actualites .element img {margin-right: 10px;}
/*
 * Liens
 */
.liste-liens div.element h5 {font-weight:bold;}
.liste-liens div.element a {font-weight:normal;}
.liste-liens div.element p {margin: 5px 15px;}

/*
 * Revendeurs
 */
.liste-revendeurs div.chapo img {margin: 0px 15px 0px 0px;}
#liste-revendeur {background-color: #B9E00F;}
#recettes {background-color: #E95D0F; border-top: 1px solid #000;}