/*******************************************************/
/***** CSS SITE *****/
/*******************************************************/
*{font-family: Tahoma, Verdana, Arial, Geneva, sans-serif;}

body, p, table, td, select, a, input, textarea{font-size: 12px; color: #404743;}

body{
	background: #741313 url(images/interface/fond.gif) repeat-x;
	margin: 0px; padding: 0px;
	text-align: center;
}



a{text-decoration: underline;}
a:hover{text-decoration: none; color:#F1661B;}

a img{border: none;}

form{margin: 0px; padding: 0px;}

p{margin-top: 0px;}










/***************************************/
/** CONTENEURS **/
/***************************************/
#conteneur{
	height: auto !important;
	height: 100%;
	min-height: 100%;
	width: 955px;
	margin: 0px auto;
	padding: 0px;
}











/***************************************/
/** HEADER **/
/***************************************/
#header{
	height: auto;
	height: 171px;
	min-height: 171px;
	width: 955px;
	background: url(images/interface/fond_header.gif) top center no-repeat;
}
#header #header_logo{
	float:left;
	width: 181px;
	height:124px;
	background:url(images/interface/header_logo.gif) top left no-repeat;
}
#header #header_visu{
	float:left;
	width: 459px;
	height:124px;
}
#header #header_metier{
	float:left;
	width: 315px;
	height:124px;
}








/***************************************/
/** FOOTER **/
/***************************************/
#footer{
	height: 24px;
	width: 920px;
	margin:0px auto;
	background: #b6b8b9 url(images/interface/fond_footer.gif) top left repeat-x;
	text-align:left;
}


#footer #footer_link{
	float:left;
	padding: 8px 0 0 15px;
}
#footer #footer_top{
	float:right;
	padding: 8px 15px 0 0;
}
#footer #footer_music{
	float:right;
	padding: 5px 15px 0 0;
}

#footer, #footer_top, #footer_link, #footer_top a, #footer_link a{
	font-size: 9px;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
	color:#404743;
}

#footer_link a{background: url(images/interface/puce_footer.gif) center left no-repeat; padding: 0 7px 0 5px;}
#footer_link a:hover{text-decoration: underline;}

#footer_top a{background: url(images/interface/puce_top.gif) center right no-repeat; padding: 0 16px 0 0;}
#footer_top a:hover{text-decoration: underline;}











/***************************************/
/** MILIEU **/
/***************************************/
#milieu{
	width:920px;
	height: auto !important;
	height: 350px;
	min-height: 350px;
	margin: 0px auto;
	background: url(images/interface/fond_milieu.gif) repeat-y;
	text-align: left;
}

#milieu #milieu_visu{
	width:920px;
	height:250px;
	padding: 14px 0 0 0;
	background: #ffffff;
}

#milieu #milieu_visu #visu_gauche{
	float:left;
	width:281px;
	height:250px;
	background:url(images/interface/visu/entreprise.jpg) no-repeat;
}
#milieu #milieu_visu #visu_droite{
	float:right;
	width:639px;
	height:250px;
	text-align: right;
}



#milieu_gauche{
	float: left;
	width: 281px;
	height: 340px;
}
#milieu_droite{
	float: right;
	width: 639px;
	height: auto !important;
}

#milieu_contenu{text-align: left; padding: 30px 30px;}










/***************************************/
/** MENU **/
/***************************************/
#menu{
	background: #000000;
	height:47px;
}

#menu_zone_items{
	width: 920px;
	height: 47px;
	margin: 0px auto;
	background:url(images/interface/fond_menu.gif) top left repeat-x;
}

.menu_items{float: left; height: 47px;}
.menu_items table{height: 47px;}

.menu_items, .menu_items table, .menu_items table a{
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	color : #FFFFFF;
}

.menu_items table a{padding: 15px 0px;}
.menu_items table a:hover{height: 47px; color: #404743;}

.bg3{background: url(images/interface/fond_menu.gif) 0px -47px repeat-x;}
.bg3 a:hover{color:#404743;}

	








/***************************************/
/** NOTES **/
/***************************************/
.note{font-size: 9px; color: #706768;}
a.note{color: #706768; text-decoration: none;}
a.note:hover{text-decoration: underline;}








/***************************************/
/** DIVERS **/
/***************************************/
.txt1{
	font-weight: bold; font-size: 18px;
	color: #F1661B;
	line-height: 20px;
}

.txt2{
	font-size: 12px;
	line-height: 16px;
	color: #706768;
}

.txt3{
	font-weight: bold; font-size: 11px;
	color: #F1661B;
	line-height: 16px;
}

.txt4{
	color:#0a50a1;
	font-size: 15px;
	font-weight: bold;
}

a.search{color:#f1661b; text-decoration: none;}
a.search:hover{color:#f1661b; text-decoration: underline;}








/***************************************/
/** CATALOGUE / PRODUIT **/
/***************************************/

/** PORTAIL **/
.portail_bloc_ind{
	float: left;
	border: 1px solid #dfddc2;
	width: 200px;
	height: auto !important;
	height: 295px;
	min-height: 295px;
	margin: 5px 14px;
}
.portail_bloc_photo{
	border: 1px solid #dfddc2;
	height: 125px;
}
.portail_bloc_titre{
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color:#f1661b;
}
.portail_bloc_prix{float: right; padding: 5px 5px 0 0;}
	.portail_prix{color: #ff0000; font-size: 14px; font-weight: bold;}
	.portail_prix_solde{font-size: 11px; font-weight: bold; color: #69321A; text-decoration: line-through; padding: 0 5px 0 0;}
.portail_bloc_add{float:left; padding:5px 8px;}
#portail_bloc_more{text-align: center; border-top:1px dashed #cccccc; height: 25px;}
	#portail_bloc_more a{background:#f1f1e3; color:#706768; display: block; text-decoration: none; height: 25px; padding: 8px 0 0 0;}
	#portail_bloc_more a:hover{background: #706768; color:#ffffff; display: block; text-decoration: none; font-weight: bold;}





/** CATEGORIE **/
a.cat{text-decoration: none;}
a.cat:hover{text-decoration: underline;}


.sel_result{
	position:relative;
	float: left;
	margin: 0px 1px 10px 2px;
	width: 170px;
	height: 270px;
}
.titre_sel{
	font-size: 11px;
	font-weight: bold;
	color: #7D2C49;
	padding: 3px 0px;
}
.prix_sel{
	font-size: 11px; font-weight: bold; color: #EB0009;
	background: #ffffff; border: 1px solid #64A1EB;
	width: 132px;
	padding: 2px;
}
.prix_sel_solde{font-size: 10px; font-weight: bold; color: #69321A; text-decoration: line-through;}
.prix_big{
	font-size: 16px;
	font-weight: bold;
	color: #69321A;
}

.photo_item{
	border: 1px solid #64A1EB;
	background: #ffffff;
	padding: 2px;
	width: 132px;
	height: 198px;
	text-align: center;
}

.photo_item2{
	border: 1px solid #64A1EB;
	background: #ffffff;
	padding: 2px;
	width: 132px;
	height: 198px;
	text-align: center;
}






/** FICHE PRODUIT **/
.conteneur_fiche{
	border: 1px solid #dfddc2;
	height: auto !important;
}

#fiche_details{
	height: auto !important;
	height: 330px;
	min-height: 330px;
}

#fiche_img{
	float: left;
	padding: 10px 20px 0 15px;
	width: 300px;
	text-align: center;
}

.img_detail{border: 1px solid #E3E5E5; padding:2px; background:#ffffff;}


#fiche_desc{
	float: right;
	text-align: left;
	padding: 10px 0 0 0;
	width: 350px;
}
#fiche_desc_titre{
	background: #0a50a1;
	height: auto !important;
	height: 38px;
	min-height: 38px;
	margin-bottom: 10px;
	border-top: 2px solid #dfddc2; border-left: 2px solid #dfddc2; border-bottom: 2px solid #dfddc2;
}
.titre_desc{
	padding: 10px 2px 10px 10px;
	color: #FFFFFF;
	font-weight: bold;
}
#txt_desc{padding: 0px 10px;}



li.papillon{
	list-style: url(images/interface/puce_papillon.gif);
	list-style-position: outside;
	text-align: left;
	padding: 0px 0px;
	line-height: 20px;
	font-weight: bold;
	font-size: 11px;
}
li.papillon a{text-decoration: none; padding: 0px 0px;}


.pdt_prix{font-size: 18px;	font-weight:bold; color:#FF0000;}
.pdt_prix_solde{font-size:14px;	font-weight:bold; color:#7D2C49; text-decoration: line-through;}


#bloc_titre_cat{
	background:#0950a2 url(images/interface/fond_bleu.jpg) top right no-repeat;
	height: auto !important;
	height:25px;
	min-height: 25px;
}
.titre_cat{
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 5px 10px;
}
.titre_cat2{
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
	background: #ffffff;
}


a.pdt_liens{
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}
a.pdt_liens:hover{text-decoration: none;}











/** PANIER**/
.panier{
	background: #dfddc2;
	font-weight: bold;
	font-size: 9px;
	text-transform: uppercase;
	color: #706768;
}
.champ_qte{border: solid 1px #7B8482; width : 50px; text-align: center;}
.champ_qte_gris{border: solid 1px #7B8482; width : 50px; text-align: center; background: #cccccc;}
.ligne{border-top: 1px dashed #747E7C;}









/***** RESTE ****/
.td_vert{
	border: 1px solid #D3E79D;
}

.clear{clear: both;}
.clear_L{clear: both; height: 10px;}
.clear_XL{clear: both; height: 20px;}
.clear_XXL{clear: both; height: 55px;}

.col_line1{background: #f1f1e3;}
.col_line2{background: #dfddc2;}

.titre_site{color: #231F20; font-weight: bold;}
.titre_site_XL{font-size: 15px; color: #231F20; font-weight: bold;}

.champ_site{border: solid 1px #747E7C;}
.champ_site1{border: solid 1px #747E7C; width: 180px;}
.champ_site2{border: solid 1px #747E7C; width: 180px; height:65px;}
.champ_site3{border: solid 1px #747E7C; width:450px; height:50px;}

.pdf{
	background: url(images/interface/commun/pdf.gif) no-repeat;
	padding: 2px 0 5px 20px;
	line-height: 20px;
}

.alerte{
	border: 1px dashed #7D2C49;
	background: #FDF4F8;
	padding: 10px;
	color:#562130;
	font-weight: bold;
	text-align: center;
}

.alerte2{color:#ff0000;	font-weight: bold;}


#video{
	float: right;
	padding: 0px 0px 0px 10px;
}
#video_zone{
	width: 342px;
	height: 231px;
	border: solid 1px #4d5362;
	background: url(images/interface/video_load.gif) no-repeat 50%;
}