/*
 * Styles généraux
*/

body { font-family: Arial, sans-serif; text-align: left; font-size: 0.8em; background: #515151 url(../images/bg_body.gif) repeat-x left top; color:#4a4949; }

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:#9cae01; text-decoration:none;}
a:hover { color: #ff8701;}
a.aselect { text-decoration: none;}

#coldroite a {color: #fff;}
#coldroite a:hover {color: #ff8701;}
#coldroite p {margin: 5px 0 ;}
ul.actions  {margin:2em; clear:both;}
#preview ul, .bloc ul { margin-left: 1em;}
#preview ul {	margin:0 0 0 25px; padding:0;
}
#preview ul li { 
	padding-left:10px;
	background: url(../images/puce_li.gif) no-repeat scroll 0 3px;
	list-style:none;
}
#preview p { margin:1em 0; text-align:justify; }
p#rss { margin:0; padding:0; }

h1, h2, h3, h4, h5, h6 {margin: 1em 0px; padding: 0px;}
h1 { font-size: 1.6em; }
h2 { margin:10px 0; font-size: 1.4em; font-weight:normal;}
#preview h2 {text-transform:uppercase; font-weight:bold;}
h3 { margin:10px 0; color:#FF8701; font-size:1.3em; }

h4 {margin:10px 0; font-size: 1.2em; color:#000; text-decoration:underline; font-weight:bold;}
h5 {margin:10px 0; font-size: 1.1em; color:#000; text-decoration:underline;}
h6 {margin:10px 0; font-size: 1em; color:#000; text-decoration:underline;}

.orange {color:#ff6503;}

/***Style pour le choix de la police des étiquettes ***/

.police1 {font-family: Antique Olive; font-size:11pt;}
.police2 {font-family: Brush Script; font-size:11pt;}
/*********Catalogue********************/

/* Style de tous les produits tous types confondus : */

#detail {/*width:720px; margin:0 auto;*/ background: #fff; padding: 10px 20px;}

/* Mode liste */
.element {
	clear:none;
	float:left;
	width:160px;
	height:300px;
	margin:5px 4px;
	padding:8px 5px;
	border:1px solid #D8D8D8;
	background:none repeat scroll 0 0 #FFFFFF;
}
.element .contenu_image {height:154px; overflow:hidden;}
.element .contenu_image .centre {padding:0 5px;}
.element .contenu_element {height:100px;}
.element a.ajoutpanier {}
.element .promo {color:#ff6503; font-weight:bold; font-size:14pt;}
.promo del {color:#5e5e5e; font-weight: normal; font-size: 0.7em;}
.element a {color:#626161;}
.element a:hover {color:#ff8701;}
.element p.titre {height: 60px; overflow: hidden; font-size: 1em; margin: 0 !important; font-weight: normal; color:#626161;}

/* mode détail à retravailler complètement */
.liste-details-img {width:35%; float:left;}
.liste-details-img .legend {float:left; width:250px; text-align:center; font-weight:bold;}
#presentation-nav .liste-details-img p {font-size:12pt;}
.liste-details-img img{margin-left:25px;}
.liste-details-img .gauche {float:none; margin-bottom:5px; border:none;}
.liste-details-txt {width:65%; float:left; }
.liste-details-txt .promo {padding-left:25px;}
.liste-details-txt .infos {padding-top:10px;}
.liste-details-txt p {}
.liste-details-txt span.prix {color:#ff8701; float:right; font-size:2em; font-weight:bold;}
.fixed, .prix { white-space: nowrap; text-align: right; }
#presentation-nav .liste-details-txt  .gauche{margin:0;}
#presentation-nav  #contenu-texte #results .liste-actu h2 {padding:0 5px; margin:0;  font-size: 1em; font-weight: normal; border:none; text-align:left; color:#626161;}
#presentation-nav  #contenu-texte .liste-actu p {margin:0; padding:0 5px;}
#presentation-nav #contenu-texte  .liste-actu a {color:#626161; text-decoration:none;}
#presentation-nav #contenu-texte  .liste-actu a:hover {color:#ff8701; text-decoration:none;}
.liste-actu .liste-actu-texte {padding-left:5px; padding-right:2px;}
#presentation-nav p a.retour {font-size:8pt;}
.liste-actu-details {/*width:680px;*/ /*overflow: auto;*/ margin:0; padding: 0px;}
#presentation-nav  #contenu-texte .liste-actu-details a:hover, #presentation-nav  #contenu-texte .liste-actu-details a.aselect{color:#000;}
/*#presentation-nav  #contenu-texte #results .element h2 {width:140px; padding:5px;}*/
#presentation-nav  #contenu-texte #results .new {background:transparent url(../images/new.gif) no-repeat scroll 100% 4px; padding-bottom:3px; }
#presentation-nav  #contenu-texte #results h2 {color:#ac2127; margin:0 auto; padding:10px 0 3px 0; width:580px; text-align:center;}
#presentation-nav  #contenu-texte #results .promo {color:#ff6503; font-weight:bold; font-size:16pt;}


/********************Formulaire de configuration des articles *********************/
#personnalisation {width: 65%; margin-left: 35%;}

#configuration label { width: 15%; }
#configurer select { font-size: 1.2em; }
#configuration small { padding-left: 17%; }
#rconfigurer-submit, #rvoirpanier {float:right; width:45%; text-align:center; }
#rconfigurer-submit input, #rvoirpanier input {
	background: #FC8700;
	width:100%; 
	padding:0;
	margin: 0;
	border:0;
	color:#FFF;
	text-transform:none;
}
#configuration table {
	width: 80%;
	border-collapse: collapse;
	margin: 0 auto;
	clear: both;
}
#configuration table td, #configuration table th {
	border: 1px solid;
	padding: 5px;
}

/*********Bloc promotion / Top ventes***********/
#promotions h3, #bloc-topventes h3 {text-indent:-9999px; margin:0; height:37px;}
#promotions h3 a, #bloc-topventes h3 a {height:37px; display:block; overflow: hidden; color:#626161;}
.liste_bottom {height: 330px; overflow: hidden; background: #fff; border: 2px solid #bbbbbb; border-top: none;}
.liste_bottom .element { border:none; }
.slide_promo-pages, .slide_top-pages { height: 10px; padding: 5px; background: #fff; border-right: 2px solid #bbbbbb; border-left: 2px solid #bbbbbb;}
.slide_promo-pages { width:531px;}
.slide_top-pages {width:156px;}
div.slide_promo-pages a, div.slide_top-pages a { float: right; margin: 2px;}
/***Bloc promotion ***/
#promotions { float: left; width:545px; margin-right: 10px;}
#promotions h3 { background:url(../images/promotions_bg_h1.gif) no-repeat left top; }
#promotions .liste_bottom {width:541px; }
div.rangee {}
/*#promotions  a.actu-promo {
	clear:both; 
	height:25px; 
	padding-top:3px;
	text-align:center;
}
#promotions  a:hover.actu-promo  {color:#ff8701;}*/

/********** Top ventes *********/

#bloc-topventes {float: left; width: 170px; }
#bloc-topventes h3 {background:url(../images/bloc-topventes_bg_h1.gif) no-repeat left top; }
#bloc-topventes .liste_bottom {width:166px;}
#bloc-topventes .element { margin:0; padding:0 3px 16px;}


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

/* 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 { clear:both; 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; }

/* Messages */
.message {
	padding: 5px 30px;
	text-align: left;
	font-weight:bold;
	color: #FFF;
	background: #BD242B url(../images/icons/information.png) no-repeat 5px 50%;
	border: 1px solid;
}
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); }

address {
	padding: 5px;
	margin-left: 10px;
	font-size: 1.1em;
}
/*
 * Pagination et Outils d'impression et de retour
*/
#pagination, #contenu ul#nav-contenu {
	clear: both;
	
	text-align: center;
	font-size:8pt;}
#contenu ul#nav-contenu {padding: 0.5em 0;
	margin-top: 2em;}	
#pagination {margin:0 auto; padding:5px 10px 0;}
	
#contenu ul#nav-contenu { margin:2em 10px 0 10px; }
#contenu #nav-contenu li { background: none; display: inline; padding:0 1.2em; font-size:smaller; color:#3A846E; border-right:1px solid #ccc; }
#contenu #nav-contenu li.last { border:0; margin:0;}
/*
 * Historiques des commandes
*/
table.commandes { width: 100%; }
#minipopup h3 { color:#BD242B; margin: 10px 0 ; }

#minipopup #articles thead td {
	font-weight: bold;
	background: #CCC;
	white-space: nowrap;
}

ul.plan li { font-weight: bold; }
ul.plan li li { font-weight: normal; }
ul.plan li.espace-membre, ul.plan li.connexion { display: none; }

/* Panier + espace membre du haut */
#bandeau #compte-panier {position: absolute; top: -13px; left:700px; width:300px; height:101px;background:url(../images/panier-espaceclient.png) no-repeat;}
#bandeau .bloc { float: left; }
#bandeau .bloc h3 { width: 120px; height: 20px; margin: 20px 0 0 0; }
#bandeau .bloc h3 a { display: block; text-indent: -999999px; overflow: hidden; }
#bandeau .bloc .contenu_espace {font-size:0.85em; color:#fff;}
#bandeau .bloc .contenu_espace a {color:#fff;}
#bandeau .bloc .contenu_espace a:hover {color:#000;}
#bandeau #espace-membre {width:120px;margin-left:22px;}
#bandeau #espace-membre ul {display:none; background: #B6BD19; padding: 10px;}
#bandeau #espace-membre:hover ul {display:block;}
#bandeau #panier {width:125px;margin-left:30px;}
#bandeau #panier p {margin: 0; }

/* Liste actualités */
.liste-actualites .element {clear:both; float:none; width:auto; height:auto; margin:0; padding:0; background:none; border:0;}
.liste-actualites a {color:#B6BD19;}
.liste-actualites a:hover {text-decoration:underline;}
.suite {text-align:right !important;}
.produits_associes {clear:both; width:540px; margin:0 auto;}