/** Couleurs

bleau-logo : #00437a
aubergine : #b12683
orange :ff7800

*/



html{overflow: -moz-scrollbars-vertical;}





body{
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#3e3e3e;
	/*background-color:#3e4c55;*/
	background-color:#cacaca;
	margin-top: 3px;
	height:100%;

}
a{
	color:#666666;
	text-decoration:none;
	font-weight:bold;
}
a:hover{
	text-decoration:none;
	color:#ff7800;
	
}

/*--------------------BLOCS--------------------------------*/
#fond{
	position:absolute;
	width:770px;
	background-image:url(images/ombre_milieu13.gif);
	top: 36px;
	left:50%;
	margin-left:-385px;
	padding-bottom: 0px;


	
}
#bandeau_flash{
	position:relative;
	width:750px;
	margin-left: 10px;
	border-top: 1px solid #dadada;
	height: 190px;
	margin-top:0px;
}
#haut{
	position:absolute;
	height:30px;
	width:770px;
	margin-left:-385px;
	left:50%;
	background-color:#FFFFFF;
	background-image:url(images/ombre_haut9.gif);
	
	top: 6px;
}
#bandeau{
	left:50%;
	background-image: url(images/bas_bandeau_page.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	
}
#bandeau_accueil{
	left:50%;
	background-image:url(images/bas_bandeau.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	height: 105px;
	
	
}
img {
border:0;
}
#menu_haut a{
	font-size:13px;
	font-weight:bold;
	margin-left:10px;
	margin-right:10px;

}
#menu_haut a:hover{
	font-size:13px;
	font-weight:bold;
	color:#ff7800;

}
#menu_haut{
	margin-left:20px;
	margin-top:20px;
	background-repeat:no-repeat;
	margin-right: 10px;
	margin-bottom: 10px;
	position: relative;

}
#menu_haut_accueil a{
	font-size:13px;
	font-weight:bold;
	margin-left:10px;
	margin-right:10px;

}
#menu_haut_accueil a:hover{
	font-size:13px;
	font-weight:bold;
	color:#ff7800;

}
#menu_haut_accueil{
	margin-left:20px;
	margin-top:20px;
	margin-right: 10px;
	margin-bottom: 10px;
	position: relative;

}
#bloc_contenu_page {
	position:relative;
	width:735px;
	background-color:#FFFFFF;
	margin-left: 10px;
	padding-left: 15px;
	margin-top: 0px;
	background-image: url(images/haut_contenu_page.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 20px;
	min-height:450px;
		
}
#bloc_contenu {
	position:relative;
	width:750px;
	background-color:#FFFFFF;
	margin-left: 10px;
	border-top: 6px solid #ff7800;
	background-image: url(images/haut_bloc_contenu.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 20px;

		
}

#contenu_gauche {
	position:relative;
	width:720px;
	background-color:#FFFFFF;
	margin-left: 0px;
	
		
}
#contenu_droite {
	position:relative;
	
	width:150px;
	float:right;
	background-color:#eeeeee;
		
}

.date{
	font-weight:bold;
	margin-bottom:1px;
	margin-top: 0px;
	padding-left: 0px;
	}
.text_table{
	margin-left:2px;
	margin-right:2px;
	color:#3e3e3e;
	margin-top:0px;
	text-align: left;
	
	
}
.text_table a:hover{
	color:#ff7800;
	font-weight:normal;
	display: block;
	
}

.text_table a{
	font-weight:normal;
	display: block;
	color:#3e3e3e;
	
}	
	


#footer{
	clear:both;
	width:770px;
	text-align:center;
	height: 27px;
	font-size:11px;
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-image: url(images/ombre_bas14.gif);
	margin-top:0px;
}
h3.rubriques {
	padding:4px 2px 0px 5px;
	cursor:pointer;
	font-size:12px;
	border-left:4px solid #dadada;
	margin: 0;
	margin-bottom: 2px;
	height: 20px;
	border-bottom:1px solid #dadada;
	
}
h4.rubriques {
	
	padding:2px 5px;
	cursor:pointer;
	font-size:12px;
	border-left:4px solid #FFFFFF;
	margin: 0;
	
	
}
.rubriques:hover{
border-left:4px solid #ff7800;
color:#ff7800;

}

.rubriques a{
color:#666666;
}
.rubriques a:hover{
color:#ff7800;
}

div.sous_rubriques h4 {
	margin:0px;
	padding-left:5px;
	padding-top:5px;
	font-size:12px;
	color:#666666;
	font-weight:normal;
	background-color:#fcfbfb;
	width:100px;
}

#bandeau .menu_haut{
padding-left:0;
}
#contact{
	text-align:right;
	padding-left:30px;
	padding-right:25px;
	margin-top: 0px;
	height: 60px;
}
#contact a{
font-weight:normal;
}
bloc_droite{
	position:absolute;
	background-color:#00FF00;
	width:150px;
}
.titre_rub{
	
	
	
	font-size:14px;
}
#contenu_page h1{
	font-size:21px;
	color:#5191c7;
	border-bottom:1px solid #dadada;
	margin-top: 0px;
	padding-left: 5px;
}
h2{
	font-size:13px;
	color:#ff7800;
	border-bottom:1px solid #dadada;
	padding-left:5px;
	font-weight: bold;
	margin-top: 10px;
}
h1 .titre_site{
	font-size:16px;
	color:#0099CC;
	font-style:italic;
	padding-left:5px;
}





.texte_accueil{
margin-left:20px;
margin-right:20px;
}
.gras{
font-weight:bold;
color:#666666;
}

#contain {
	position:relative;
	width:730px;
	margin-left:0px;
	margin-top: 30px;
	padding-left: 15px;
	margin-bottom: 20px;


}
	
#contain .titre{
	color:#ff7800;
	font-size: 19px;
	border-left:4px solid #ff7800;
	padding-left:10px;
	
}
#contain h1{
	color:#ff7800;
	font-size: 20px;
	margin:0px 0px 0px 0px;
	height:30px;
	font-style:normal;
	border-bottom: 1px solid #ff7800;
	
	
	}

#leftcol {
	width:350px;
	float:left;
	padding: 3px 10px 5px 5px;
	margin-bottom: 40px;
	
}

#content {
	width:300px;
	float:left;
	border-left: 1px solid #dadada;
	margin-left: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 30px;
	height: 360px;
}



#rightcol {
	width:200px;
	float:left;
	margin-left:0px;
	height: 220px;
	padding: 3px 3px 15px 10px;
}
hr{
margin-right:10px;

}
global{
margin-left:20px;

}

#bloc_menu {
	width:135px;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	padding-bottom: 20px;
	
}
#gauche {
	width:135px;
	float:left;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	padding: 3px 3px 3px 3px;
	
}

#contenu_page {
	position:relative;
	width:570px;
	float:right;
	padding-right: 10px;
	padding-left: 5px;
	background-color: #FFFFFF;
	
}
#contenu_page p{
	text-align:justify;
	padding: 5px 5px 5px 0px;
	margin:0px;
}




	
#texte_contenu{
	position:relative;
	width:550px;
	float:left;
	margin-bottom: 50px;
	padding-left: 5px;
}
#bande_bleue{
	width:730px;
	height:20px;
	background-color:#ff7800;
	margin-left: 10px;
	color: #FFFFFF;
	padding-left: 20px;
	padding-top: 2px;
}
#bande_bleue a{
color:#FFFFFF;
}
#bande_bleue a:hover{
color:#FFFFFF;
text-decoration:underline;
}






.contenu {
padding:2px 2px 2px 2px;
margin-right:5px;
border:1px solid #dadada;
float:left;
}
/*pied de page*/
#mention{
	width:150px;
	float:left;
	margin-left: 25px;
	margin-top: 10px;
}
#menu_bis{
	float:left;
	margin-left:20px;
	margin-top: 10px;
}
#menu_bis a{
color:#FFFFFF;
}
#menu_bis a:hover{
color:#FFFFFF;
text-decoration:underline;
}
#adresse{
	width:150px;
	margin-left:20px;
	float:left;
	margin-top: 10px;
}

#copyright{
	width:750px;
	height:20px;

}
#revue_presse{
	margin-top:20px;
	border: 1px solid #dadada;
	background-position: bottom;
	background-repeat: repeat-x;
	text-align: right;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 10px;
	background-image: url(images/fond_encarts_petit.gif);
	padding-bottom: 5px;
}
#revue_presse p{
padding-left:5px;
}
#contenu_actualite{

}
#texte_contenu p{
}
/*Encarts!********************/
#encart1{
	background-repeat: no-repeat;
}
#encart1 p{
	color:#FFFFFF;
	text-align:left;
	font-size:10px;
	padding-top:75px
}
#encart1 a{
	color:#FFFFFF;
	
}
#encart1 a:hover{
	color:#FFFFFF;
	text-decoration:underline;
	
}
#encart2{
	border:1px #dadada solid;
	padding: 5px 5px 5px 5px;
	margin-top: 30px;
}
#encart2 p{
}


#encart2 a{
	color:#FFFFFF;
	
}
#encart2 a:hover{
	color:#FFFFFF;
	text-decoration:underline;
	
}
#encarts {
	width:150px;
	float:right;
	padding: 5px 5px 5px 5px;
	background-image: url(images/fond_encarts.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	border: 1px solid #dadada;
	

}
.contenu_encart{
}
.contenu_encart1{
	background-image:url(images/fond_encart1.jpg);
	width: auto;
	height: 100px;

}
.contenu_encart3{
	margin-top: 30px;
	height:100%;
	border:1px solid #dadada;
	
	padding:5px 5px 5px 5px;
	
}
#encart3{
margin-bottom: 50px;

}
/**************************************************/
#bandeau_bas{
width:770px;
height:15px;
background-image:url(images/bas_bandeau_contenu_page.gif);
clear:both;
}
#bas_texte{
	width: 395px;
	margin-right: 0px;
	background-image: url(images/bas_contenu_texte.gif);
	height: 60px;
}
h4{
	font-size:12px;
	padding-top: 3px;
	margin-left: 5px;

}
h5{
	font-size:14px;
	text-align:right;
	color:#3e3e3e;
	font-weight:normal;

}


a.info{
position:relative;
z-index:24;
color:#000;
text-decoration:none
}

a.info:hover{
z-index:25;
background-color:#FFF
}

a.info span{
display: none
}

a.info:hover span{
display:block;
position:absolute;
top:1em; left:2em; width:15em;
border:1px solid #000;
background-color:#FFF;
color:#000;
text-align: justify;
font-weight:none;
padding:5px;
}

.offres{
	border-left:4px solid #dadada;
	background-color:#f7f7f7;
	font-size:11px;
	padding-left:5px;
	display:block;
	cursor:pointer;
	margin: 5px 0px 5px 2px;

}
.offres:hover{
border-left:4px solid #ff7800;
color:#ff7800;


}


.enseigne{
text-align:right;
padding-right:5px;
font-style:normal;
font-weight:normal;
}
#revue_presse p{
	text-align:right;
	margin-bottom: -5px;
}
.contact{
	margin-bottom:7px;
	font-weight: bold;
	font-size: 12px;
}
.contact a:hover{
color:#303030;
}
#accordion {
	margin:20px 0px;
	
}

div.toggler {
	cursor: pointer;
	border: 1px solid #f5f5f5;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	font-size: 16px;
	color: #666666;
	margin: 0 0 4px 0;
	height:60px;
	background-color:#f4f4f4;
}

div.element p, div.element h4 {
	margin:0px;
	padding:4px;
}

blockquote {
	padding:5px 20px;
}
h3.rubriquesfixes {
	padding:4px 2px 0px 5px;
	cursor:pointer;
	font-size:12px;
	border-left:4px solid #ff7800;
	color:#ff7800;
	margin: 0;
	margin-bottom: 2px;
	height: 20px;
	border-bottom:1px solid #dadada;

}
.rubriquesfixes a{
color:#ff7800;
}
.sous_sousrubriquesfixes {
	cursor:pointer;
	font-size:11px;
	color:#b12683;
	padding-left:15px;
	margin:0px;
	padding-top:5px;
	

}
.sous_sousrubriques {
	font-weight:normal;
	cursor:pointer;
	font-size:11px;
	padding-top:5px;
	margin:0px;
	padding-left:15px;
	}
.sous_sousrubriques a{
	font-weight:normal;

	}
.sous_sousrubriquesfixes a{
	font-weight:bold;

	}
mention{
font-size:14px;
}
.img_pdt{
	border:1px solid #dadada;
/*	padding:5px 5px 5px 5px;*/

}
/********************* Tableau Produitssssss*********/

.tab_pdt{
margin-bottom:30px;
text-align:justify;
border:1px solid #FF9900;
padding:5px 5px 5px 5px;
}
.titre_pdt{
font-size:14px;
border-bottom:2px solid #FF9900;
color:#FF9900;
margin-bottom:20px;
font-weight:bold;
}
.pdt{
	position:relative;
	padding:8px 8px 8px 10px;
	background-color: #fafafa;
	margin-bottom: 10px;
	border: 1px solid #dadada;
	width: 550px;
}
.pdtpres{
	position:relative;
	padding:8px 0px 0px 10px;
	background-color: #fafafa;
	margin-bottom: 0px;
	clear:both;
	/*width: 550px;*/
}

.pdt_image{
	float:left;
	text-align: center;
	background-color: #fff;
}
.pdt_texte{
float:left;
width:300px;
margin-left:30px;
}
.pdt_desc{
clear:both;
padding-top:10px;
margin-bottom:20px;
padding-bottom:20px;
}
h2.pdt_desc{
font-size:13px;
}
.pdt_titre{
	font-size:16px;
	font-weight:bold;
	color:#FF6600;
	margin-bottom:10px;
	background-color: #fafafa;
	padding: 5px 5px 5px 5px;
}
.pdt_auteur{
font-size:12px;
font-weight:bold;
}

.pdt_accueil{
position:relative;
width:345px;
padding:5px 5px 5px 5px;
}
.pdt_image_accueil{
float:left;
width:150px;
}
.pdt_texte_accueil{
	float:left;
	width:160px;
	margin-left: 20px;
}
.pdt_desc_accueil{
	clear:both;
	margin-bottom:20px;
	padding-bottom:20px;
}
h2.pdt_desc_accueil{
font-size:13px;
}
.pdt_titre_accueil{
	font-size:16px;
	font-weight:bold;
	color:#CC0000;
	margin-bottom:10px;
}
.pdt_auteur_accueil{
font-size:14px;
font-weight:bold;
}
/**************Formuilaire***************/
#boite {
		position: relative;
		width: 550px;
		padding: 10px;
	}
#formu{
	position:relative;
	border-right:1px solid #dadada;
	float:left;
	width: 300px;
	padding-right: 5px;
}
#texte_contact{
width:160px;
float:left;
margin-left:20px;
margin-top:30px;

}
	
	.champ_text {
		width: 150px;
		border: 1px solid #dadada;
	}
	
	.ligne {
		width: 260px;
		position: relative;
		margin: 2px;
		padding: 2px;
		border: 2px solid #ffffff;
	}
	
	.txt {
	position: absolute;
	float: left;
	color:#ff7800;
	font-weight:bold;
	width: 86px;
	}
	
	.cadre {
		position: relative;
		left: 110px;
	}
	
	.button {
	background-color:#ff7800;
	color:#FFFFFF;
	border:1px solid #FFFFFF;
	font-size:11px;
	}


input{
}
.panier{
text-align:right;
float:left;
}
#log_client{
width:205px;
float:left;
height:200px;
padding:20px 20px 20px 20px;
border-right:1px solid #dadada;
}
#log_client h1{
border:0;
font-size:16px;

}
#nv_client{
width:205px;
float:left;
margin-left:20px;
padding:20px 20px 20px 20px;
height:200px;


}

#nv_client h1{
font-size:16px;
border:0;
}
.nv_compte{
font-size:12px;
}




/*********Panier********/
.tab_panier{

padding:5px 5px 5px 5px;
font-size:12px;

}
th{
border-right:1px solid #FFFFFF;
background-color:#ff7800;
font-size:12px;
height:30px;
color:#FFFFFF;
font-weight:bold;
}

td{
text-align:left;
border-bottom:1px solid #dadada;
padding-top:10px;
padding-bottom:10px;


}
.tabvierge{
	border-bottom : 0px;
}

.titre_tab_pdt{
font-weight:bold;
text-align:left;
padding-left:10px;
}
.ss_titre{
font-weight:normal;
}

.login{
	position:relative;
	padding: 5px 5px 5px 5px;
	width: 120px;
	background-color: #fafafa;
	margin-bottom: 20px;
	border: 1px solid #dadada;
}


	
	#fenetre {
		font-size: 20px;
	}
/****************Encarts Chiffres Cls************************/



#encart_evol{
width:200px;
background-color:#CCCCCC;
float:left;
}
/*****************Librairie***************/


.librairie{
background-color:#fafafa;
padding:5px 5px 5px 5px;
margin-bottom:10px;
}
.lib_nom{
font-weight:bold;
color:#ff7800;
}
.lib_form{
	margin-bottom:20px;
	background-color: #fafafa;
	border: 1px solid #dadada;
	padding: 10px 10px 10px 10px;
}
.bouton{
text-align:center;
margin-top:5px;
}
.don_gauche{
	width:300px;
	float:left;
	border-right: 1px solid #dadada;
	padding-rigth:10px;
}
.don_droite{
width:200px;
float:left;
margin-left:10px;
}
.don_bas{
clear:both;
margin-bottom:10px;
}
li{
margin-bottom:10px;
}
.formulaire{
	width:100px;
	display: block;
	float: left;
	margin-right: 5px;
}
.titre_login{
font-size:12px;
color:#ff7300;
margin:0px 0px 5px 0px;
}
ul{
list-style-image:url(images/puce_carre.gif);
}
.ok{
	width:80px;
	margin-left: 280px;

}
.form_search{
	padding:5px 5px 5px 5px;
	border:1px solid #dadada;
	background-color:#fafafa;
}
.textform{
font-size:11px;
}
.menu_haut_gauche{
	float:left;
	width:450px;
	margin: 0px;
}
.menu_haut_droite{
	float:right;
	width:250px;
	text-align: right;
}
.bas_encart{
	clear:both;
}
.textfield{
	width:200px;
	font-size:11px;
	border: 1px solid #dadada;
}
.textform{
	width:200px;
	font-size:11px;
	border: 1px solid #dadada;
}
.bas_encart_form{
clear:both;
margin-bottom:10px;
}
.pdt_prix{
margin:5px 0px 5px 0px;
font-size:14px;
}
.recherche{
	width:270px;
	display: block;
	float: left;
	padding-left: 20px;
	font-weight: bold;
	background-image: url(images/puce_fleche.gif);
	background-repeat: no-repeat;
	background-position: left;
	margin-left: 10px;
}
.encartform{
width:115px;
font-size:11px;
border:1px solid #dadada;
}
#content h2 a{
color:#ff7300;
}
.ok2{
padding-left:300.px;
	margin: 0;
	text-align: right;
	padding-right: 160px;
}
.cherche{
padding-left:100px;
}
#texte_contact{
	width:245px;
	float:left;
	padding-left: 5px;
	margin: 0;
}
input.textfield {
	width:170px;
	background:#fff;
	border:1px solid #dadada;
	padding:3px;
}
select.textfield{
	height: 17px;
	font-size: 11px;
border:1px solid #dadada;
}

input.textfield:focus, textarea:focus {
	background:#e0f1ff;
}
label {
	width:95px;
	float:left;
	padding-right:10px;
	color:#5191c7;
	font-weight:bold;
	height: 18px;
}
textarea {
	width:280px;
	height:60px;
	font-family:sans-serif;
	font-size:small;
	background:#fff;
	border:1px solid #dadada;
	padding:3px;
}
form{
margin:0px;
}
.total{
font-size:13px;font-weight:bold;text-align:center;}