/* CSS Document */

/*--------------------------------Attributs gnraux-----------------------------------------*/
html *{padding: 0 ;margin:0;}
body{ background-color:#300;font-family:Garamond, "Arial, sans-serif", "Helvetica 65 Medium"; font-size:12px; color:#444444;margin:0;}

a{ color:#CC0000; text-decoration:none;}
a:hover{ color:#000; text-decoration:underline;}
h1, h2, h3{ font-family:Garamond, "Arial, sans-serif", "Helvetica 65 Medium"; padding: 2px 0 2px 0}
h1{ color:#6D383E; padding:0 0 2px 0; margin:0 0 3px 0; letter-spacing:-1px;font-weight:bold; font-size:2.6em}
h1 span{font-weight:normal; font-size:0.5em}

h2{color:#B7AA8E; font-size:1.6em; font-weight:bold}
h3{color:#999; font-size:1.2em}
p{color:#333; font-size:1.3em; float:left}
strong{ /*color:#000000*/}
ul{ list-style:none; padding:0; margin:0}
ul li{ list-style:none;}
label{ display:block; float:left;width:35%; text-align:right; padding:0 2px 0 0}


/*-------------------------------bloc principaux ------------------------------------------*/

.global{display:block; width:850px; margin:0 auto;}

.header{display:block;width:850px;background-repeat:no-repeat;}
.conteneur{display:block;float:left;width:850px;}
.content-style{display:block; float:left;width:850px;background-color:#fff}
.content{display:block; float:left; width:570px;  background-color:#fff;padding:10px 20px 0 20px}
.content100{display:block; float:left; width:96%; background-color:#fff;padding:10px 2% 10px 2%;}

.contenu{display:block; float:left; width:100%;}

.breadcrumb{display:block; width:838px;font-size:0.8em;font-family:Arial, Helvetica, sans-serif; background-color:#6D383E;padding-left:12px;float:left; margin:0}
.breadcrumb a{ display:block; float:left; padding:3px 5px 3px 16px;color:#ccc; background-image:url(../images/breadcrum.gif);  background-repeat:no-repeat; background-position:left center;text-decoration: none;}
.breadcrumb a:hover{text-decoration: underline; color:#FF6633;}
.breadcrumb .active{ color:#999; float:left; font-weight:normal; padding:3px 5px 3px 16px;background-image:url(../images/breadcrum.gif);background-position:left center; background-repeat:no-repeat;}

.footer{display:block;float:left;text-align:center;background-color:#6D383E;width:100%;border-top:#B7AA8E 2px solid; color:#FFFFCC;}
.footer a{color:#FFFFCC; font-size:1.2em;}
.footer a:hover{color:#FFF;}
/*bloc left*/
.left{
	display:block;
	padding:10px 0 28px 0;
	width:240px;
	float:left;
	background-color:#6D383E; 
	background-image:url(../images/footer_left.gif); background-position:bottom; background-repeat:no-repeat;
	}

.tree_categories{ font-size:2em; width:240px; background-color:#eee;}
.tree_categories a{ display:block; float:left;padding:0; margin:0; color:#333;font-family:"Arial, sans-serif" }
.tree_categories li#currented{ background-color:#C73036;  padding:0; margin:0; float:left; width:100%; clear:both; }
.tree_categories li#currented > a{ color:#FFFFFF}

.tree_categories ul li{ padding:0; margin:0; float:left; width:100%; clear:both; color:#FFFFFF; font-weight:bold;font-size:0.7em }
/* niveau 0 */
.tree_categories ul li { font-size:0.8em; padding:6px 0 0 0; margin:0; background-color:#6D383E;border-bottom:1px solid #5F2931}
.tree_categories ul li a{  color:#eee; font-weight:normal; padding:0 0 5px 5px; }
.tree_categories ul li a:hover{color:#fff;}
/* niveau 1 */
.tree_categories ul li ul li{ padding:0; margin:0; background-color:#DFD6C3; border-top:1px solid #EFEBE0;border-bottom:0px solid #EFEBE0}
.tree_categories ul li ul li a{  font-weight:normal;font-size:0.8em; color:#333; margin:0; padding:2px 0 2px 15px;}
.tree_categories ul li ul li a:hover{color:#333;}
/* niveau 2 */
.tree_categories ul li ul li ul li{ font-weight:bold;color:#00CC00;padding:0; margin:0;background-color:#FFFBEF;}
.tree_categories ul li ul li ul li a{ color:#000;font-size:0.9em;padding:0 0 0 25px;margin:0;}
.tree_categories ul li ul li ul li a:hover{color:#000;}
/* niveau 3 */
.tree_categories ul li ul li ul li ul li{ font-weight:normal;padding:0 0 0 2px;color:#666666; background-color:#fff;font-size:0.9em;padding:0; margin:0;border-top:1px solid #eee;}
.tree_categories ul li ul li ul li ul li a{ font-size:0.5em; font-weight:normal; padding:0 0 0 25px;margin:0; font-family:Arial, Helvetica, sans-serif}
.tree_categories ul li ul li ul li ul li a:hover{color:#666666; background-image:url(../images/arrow_sub.gif); background-position:8px 2px   ; background-repeat:no-repeat;}
/* niveau 4 */
.tree_categories ul li ul li ul li ul li ul li{font-weight:normal; font-family:Arial, Helvetica, sans-serif;font-size:0.7em;margin:0;}
.tree_categories ul li ul li ul li ul li ul li a{font-weight:normal;padding:0 0 0 35px;margin:0;}
.tree_categories ul li ul li ul li ul li ul li a:hover{}
/* mise en vant d'un produit sur la home*/

.mav{display:block;position:relative;width:230px;float:left;color:#fff; margin: 0 0 0 2px;}
.mav div{float:left; width:97%;padding:0 0 0 3%}
.mav a{ color:#fff; font-weight:bold; font-size:1.4em}
.mav a:hover{ color:#c00;}
.mav span{font-size:1em; width:100%}
.mav ul{ float: left; list-style:none; padding:0; font-size:1.2em; margin:0; width:160px}
.mav ul li { list-style:none; padding:0; margin:0;}
.mav ul li strong{ color:white}


.mav img.fame {float:left; padding: 1px; margin: 4px; border: 1px solid #fff}
.mav .price { text-align: left;}
.mav .price span{font-size:1.1em; padding: 0;}
.mav .price span.old_price{color:#fff; text-decoration:line-through}
.mav .price span.discount_price{color:#fff; text-decoration:none; font-weight:bold}
#promo{background-image:url(../images/promo_bkgd.gif);display:block;position:relative;background-repeat:no-repeat}
#promo img{display:block;width:73px;height:73px;float:left;position:absolute;top:64px;left:10px;}
	





/* ---------------------------gestion du contanu texte d'un page classique--------------------------------- */

/* chapo */
.chapo{ border-top:1px solid #ccc; color:#CC0000;font-size:1.1em;  border-bottom:1px solid #ccc;margin:0 0 5px 0;padding:2%; width:96%; float:left; }
.chapo p{ float:left; width:100%;color:#CC0000; text-align:left; width:inherit; line-height:1.2em}
.chapo strong{color:#CC0000;}
.chapo span{ display:block; float:left; padding:0; font-size:0.7em;color:#999}
.chapo img{ float:left; padding:0 5px 5px 0}

.left .chapo p{ color:#F7F1DF; font-size:1.1em; text-align:justify; padding:0 2%; width:94%}
.left .chapo strong{color:#F7F1DF}

/*fiche produit*/
.fiche_produit{display:block;width:98%;padding:0;float:left}
.fiche_produit .path{ font-weight:bold}
.fiche_produit .description{display:block;float:left;text-align:justify;width:100%}
.fiche_produit .description p{display:block;float:left; padding:5px 0; font-size:1em; font-family:Arial, Helvetica, sans-serif}
.fiche_produit .description ul{ clear:both}
.fiche_produit .spec{ display:block; float:left; padding:2px; width:100%;border-top:1px solid #ccc; font-size:1.3em;}
.fiche_produit .spec span{ font-weight:bold}

.fiche_produit .price{ display:block; float:left; text-align:left; padding:2px; width:100%;border-top:1px solid #ccc; font-size:1.3em;}
.fiche_produit .price span{ font-weight:bold}
.fiche_produit .price span#old_price{ font-weight:normal; padding:0 2px;color:#666; text-decoration:line-through}
.fiche_produit .price span#discount_price{ font-weight:bold; padding:0 2px;color:#FF0000; text-decoration:none}
/*diaporama*/
.diaporama{ width:100%; display:block; float:left; padding:0; margin:5px 0; }
.diaporama p{ border: 1px solid #ccc; overflow: hidden; width: 340px; text-align: center;  float:left}
.diaporama ul { float:left; width:130px;padding: 0 ;margin:0;}
.diaporama ul li{ display:inline; background-image:none; padding: 0 ;margin:0;float:left;}
.diaporama ul li a{ display:block; float:left; border:1px solid #ccc}
.diaporama ul li a:hover{ display:block; float:left; border:1px solid #CC0000}


/*------------------------------------------  formulaires  ----------------------------------------------*/

.formulaire{ display:block; float:left; width: 100%;}
.formulaire label{display:block;float:left; clear:both; text-align:left; padding:0 5px 0 0; margin:5px 0 0 0}
.formulaire span{display:block;float:left;padding:0 5px 0 0; margin:5px 0 0 0;font-size:0.9em; color:#FFFFFF; font-weight:normal}

.formulaire input, textarea{ font-family:Arial, Helvetica, sans-serif; font-size:1.1em; color:#333;margin:2px;}
.formulaire input{ float:left;border:1px solid #ccc; background-color:#fff;}
.formulaire input:focus{ border:1px solid #999; background-color:#eee;}
.formulaire textarea{ float:left;border:1px solid #ccc; background-color:#fff}
.formulaire textarea:focus{ border:1px solid #ccc; background-color:#eee; background-image:none}


.formulaire .optional label{font-size:1em;}
.formulaire .optional select{ clear:both; }

.formulaire .required label { font-size:1em; font-weight:normal}
.formulaire .required label span { font-size:1em; font-weight:normal}
.formulaire .required select{ clear:both; width:100%  }
.formulaire .required sup { font-size:1em; font-weight:normal; color:#900}

.formulaire .check label { display:inline;color:#333333; font-size:1.2em;font-weight:bold;}
.formulaire .check label span { font-size:1em; font-weight:normal}
.formulaire .check select{ clear:both; width:100%}
.formulaire input.radio { border:0; padding:0; margin:0; width:25px; }
.formulaire input.submit { background-color:#900;background-image:none; font-weight:bold; color:#fff; font-size:1em; margin:5px 5px 0 2px}
.formulaire input.reset { background-color:#fc9; width:auto; background-image:none; color:#666; font-size:1em}
.formulaire .label_info{ font-size:1em;clear:both; float:left}

/*------------------------------------------menus----------------------------------------------*/
/*Menu*/
.navcontainer01{ display:block; float:left;margin:0;  width:850px; height:30px;padding:0;margin:0;}
.navcontainer01 ul{color:#e2d9af; float:left; width:675px;font-family: Georgia,"Times New Roman",Times,serif;padding: 0 0 0 175px;margin:0; background-image:url(../images/bkgd_menu.gif); background-repeat:repeat-x}
.navcontainer01 ul li { display: inline;}
.navcontainer01 ul li a{ padding-top: 25px;height:5px;overflow:hidden; color:#666;text-decoration: none; float: left; font-size:1.1em;background-image:url(../images/menu.gif); background-repeat:no-repeat;}

.navcontainer01 ul li#p01 a{background-position:-175px 0; width:125px}
.navcontainer01 ul li#p01 a:hover{ background-position:-175px -40px;}
.navcontainer01 ul li#p01 a#current{ background-position:-175px -40px;}

.navcontainer01 ul li#p02 a{background-position:-300px 0; width:125px}
.navcontainer01 ul li#p02 a:hover{ background-position:-300px -40px;}
.navcontainer01 ul li#p02 a#current{ background-position:-300px -40px;}

.navcontainer01 ul li#p03 a{background-position:-425px 0; width:125px}
.navcontainer01 ul li#p03 a:hover{ background-position:-425px -40px;}
.navcontainer01 ul li#p03 a#current{ background-position:-425px -40px;}

.navcontainer01 ul li#p04 a{background-position:-550px 0; width:125px}
.navcontainer01 ul li#p04 a:hover{ background-position:-550px -40px;}
.navcontainer01 ul li#p04 a#current{ background-position:-550px -40px;}

.navcontainer01 ul li#p05 a{background-position:-775px 0; width:125px}
.navcontainer01 ul li#p05 a:hover{ background-position:-775px -40px;}
.navcontainer01 ul li#p05 a#current{ background-position:-775px -40px;}


.navcontainer01 ul li#p06 a{background-position:-900px 0; width:125px}
.navcontainer01 ul li#p06 a:hover{ background-position:-900px -40px;}
.navcontainer01 ul li#p06 a#current{ background-position:-900px -40px;}

.navcontainer01 ul li#p07 a{background-position:-700px 0; width:125px}
.navcontainer01 ul li#p07 a:hover{ background-position:-700px -40px;}
.navcontainer01 ul li#p07 a#current{ background-position:-700px -40px;}
/*Menu*/

/*------------------------------------------   blog   ---------------------------------------------*/

.blog{margin:0 0 10px 0; padding:0;width:500px;color:#333; float:left}

.blog ul{ font-size:1.2em;float:left; padding:10px 0}
.post{ display:block;float:left; width:100%;  clear:both;border-bottom:1px solid #ccc; padding:0 0 10px 0}
.post div{ width:100%; font-size:1.2em; padding:15px 0 0 0}
.post span{ font-size:0.9em; font-family:Arial, Helvetica, sans-serif;}
.post h2{ display:block; float:left;color:#369; width:100%;padding: 8px 0 0px 0px; margin:0; font-size:2.3em}

.blog_menu{ float:left; background-color:#999999; width:100%}
.blog_menu ul{ list-style:none;float:left; width:100%}
.blog_menu ul li{ list-style:none; float:left; width:100%; font-size:1.6em; color:#6D383E; font-weight:bold; background-color:#fff}
.blog_menu ul li span{ float:left;color:#990000;padding:5px 0 5px 2px;}

.blog_menu ul li ul{ list-style:none;float:left;}
.blog_menu ul li ul li { list-style:none; float:left;font-size:0.6em; font-weight:normal;  width:100%; background-color:#B7AA8E; border-bottom:1px solid #fff}
.blog_menu ul li ul li a{ color:#fff; float:left;padding:2px 0 2px 15px; font-family:Arial, Helvetica, sans-serif}

.tab_content .blog{ color:#fff}
.tab_content .blog a{ color:#fff}
.blog_index{ padding: 0 0 0 0px}

/*------------------------------------------   gestion des tables   ---------------------------------------------*/

table{ width:100%;}
table a{ color:#900;text-decoration:none; font-weight:bold; font-size:1.2em}
tr{font-family:Arial, sans-serif, "Helvetica 65 Medium", "Helvetica 55 Roman"; border-collapse:collapse}
th{text-align:left;}

td{text-align:left; padding: 5px 0 5px 5px; font-size:0.9em}

.titre h2{background-color:#964750;color:#FFFFFF;padding:3px; margin:0;}
.titre h3{margin:0;}
.titre h2 a{color:#FFFFFF;}
.titre h2 a:hover{color:#FFFFFF;text-decoration:none}
.soustitre h3 a{padding-left:15px;background-color:#B7AA8E; color:#fff; display:block;}
.soustitre h3 a:hover{text-decoration:underline;}
.avatar img{ width:50px; height:50px; border:1px solid #CCCCCC}
.avatar{ width:46px;	height:46px; padding:2px;}

.price{ text-align:right;}
.price span{font-size:1.4em; padding:0 2px;}
.price span.old_price{color:#666; text-decoration:line-through}
.price span.discount_price{color:#FF0000; text-decoration:none; font-weight:bold}

.list_desc td{background-color:#FFFFFF; border-bottom:1px solid #eee}
.list_desc_hover td{background-color:#EEEEEE;border-bottom:1px solid #eee}

.list_titre{ font-size:0.8em; background-color:#C7C2AF; color:#333}
.list_titre td{ border-left:1px solid #fff}

/*------------------------------------------ID spcifiques au projet---------------------------------------------*/




/*prsentation*/
.presentation{
	display:block;
	float:left;
	padding:25px;
	}

/* prototabs*/
.tabs10 {
	width:80%;
	line-height:normal;
}

.tabs10 li {
	display:inline;
	}

.tabs10 a {
	float:left;
	background:url(../images/tableft10.gif) no-repeat left top;
	background-position:0% -32px;
	padding:0 0 0 5px;
}
.tabs10 a span {
	font: bold 10px/1.5em Verdana;
	display:block;
	float:left;
	padding:5px 15px 4px 6px;
	color:#6D383E;
	background-color:#ffffff;	
	background:url(../images/tabright10.gif) no-repeat right top;
	background-position:100% -31px;
}
#tabs10 a:hover span {
	color:#FFF;
}
.tabs10 a:hover, .tabs10 .selected a  {
	background-position:0% 0px;

}
.tabs10 a:hover span, .tabs10 .selected a span  {
	background-position:100% 0px;
	color:#F7F1DF;
}
.tab_bloc{
	display:block;
	border-top:10px solid #600;
	width:530px;
	float:left;
	background-image:url(../images/footer_menu_evenement.gif); background-repeat:no-repeat; background-position:bottom; padding:0 0 50px 0; margin:0
}
.linked_news{ display:block; float:left; background-color:#FF0000; width:150px; height:50px

}
.tab_content{
	display:block;
	padding:0 15px 0 15px; margin:0;
	width:500px;
	float:left;
	color:#FFFFFF;
	background-image:url(../images/bkgd_menu_evenement.gif); background-repeat:repeat-y;
}
.tab_content p{
color:#fff
}

.tab_content ul li{
color:#fff; font-size:1.3em
}
.tab_content ul {
display:block; float:left;
width:80%;
padding:10px
}
.tab_content strong {
color:#fff
}
.tab_content h2{ font-family:"Century Gothic", Arial, "Helvetica 55 Roman"; font-size:1.7em; font-weight:normal; color:#FFFFFF}



/*columns x 3*/
.grid3col{clear:both;margin:0;padding:10px 0;width:100%;}
.column{float:left; font-size:0.9em;border-right:1px solid #DADBDE;margin:0 0 20px;padding:1%;position:relative;width:31%;}
.column h3{ font-weight:normal; color:#369}
.column ul{font-size:1.4em;list-style:none; float:left; padding:5px 0 0 0; margin:0}
.column ul li{list-style:none; padding:0; margin:0 0 2px 0; text-align:left; font-size:0.9em}
.column p{font-size:1.4em;}
.column img{border:none;bottom:0px;left:5px;position:absolute;}
.column img.picto{border:none;left:0px;position:relative}
.column.first{margin-left:0 !important;border:medium none;}
.column.prev{margin-right:0px !important;border:medium none;}
.column.last{border-left:1px solid #DADBDE;border-right:none;}

#flash { clear: both; float: left; width: 99%; padding: 0; }
.notifier { clear:both; float: left; width: 830px; padding: 2px 0 2px 20px; background-repeat: no-repeat; background-position: 1px 1px; }
.notice  { background-image: url(../images/notice.gif); background-color: #6F9; color: #333; }
.error   { background-image: url(../images/error.gif); background-color: #F66; color: #fff; }
.warning { background-image: url(../images/warning.gif); background-color: #FFF8CC; color: #333; }

#errorExplanation { clear: both; float: left; display:block; color:#666;  background-color:#FFEEE6; border-bottom:1px solid #f99; border-top:1px solid #f99; text-align:left; margin:0; padding: 2% 5% 2% 5%; width: 95%; }
#errorExplanation h2 { margin:0; padding:0; color:#cc0000; font-weight:bold; font-size:11px }
#errorExplanation p {margin:0; padding:0 0 5px 0; font-size:10px; font-weight:bold;}
#errorExplanation div { display:block; width:45%; margin:0 auto 0 auto; text-align:center}
#errorExplanation ul { display:block; clear:both;margin:0; padding:0; list-style:none; text-align:left}
#errorExplanation ul li { margin:0; padding:0 0 3px 8px; background-image:url(../images/arrow.gif);background-repeat:no-repeat; background-position:center left}



.paragraphe{ display:block; float:left;width:95%; font-size:1.3em; padding:2%}
.paragraphe h2, h3{font-size:1.4em; }
.paragraphe h3{font-size:1.4em; font-weight:lighter }
.paragraphe img.left{ float:left; padding:0 10px 10px 0; background-color:transparent; background-image:none; width:auto}
.paragraphe img.right{ float:right; padding:0 10px 10px 0; background-color:transparent; background-image:none; width:auto}