@charset "utf-8";
*{
	padding:0px;
	margin:0px;	
	list-style:none;
	font-weight:normal;
}
@font-face {
    font-family: 'TrekRegular';
    src: url('../fonts/trek_ds9_credits_text-webfont.eot');
    src: url('../fonts/trek_ds9_credits_text-webfont.eot?iefix') format('eot'),
         url('../fonts/trek_ds9_credits_text-webfont.woff') format('woff'),
         url('../fonts/trek_ds9_credits_text-webfont.ttf') format('truetype'),
         url('../fonts/trek_ds9_credits_text-webfont.svg#webfontWw0NNP7P') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'HelveticaRoundedBoldCond';
    src: url('../fonts/hebc___-webfont.eot');
    src: url('../fonts/hebc___-webfont.eot?iefix') format('eot'),
         url('../fonts/hebc___-webfont.woff') format('woff'),
         url('../fonts/hebc___-webfont.ttf') format('truetype'),
         url('../fonts/hebc___-webfont.svg#webfontNjqGxqLj') format('svg');
    font-weight: normal;
    font-style: normal;

}
body {
	font-family:Arial, Helvetica, sans-serif;
	background:#fff url(../img/bg_page.png) repeat-x 0px 0px;
}
a{
	text-decoration:none;	
}
a:hover{
	color:#666;
}
/** **/
#centre{
	width:756px;
	background:url(../img/bg_centre.jpg) no-repeat 0px 0px;
	margin:0px auto;	
	min-height:1100px;
}

#nav{
	position:absolute; top:148px;	
	margin-left:15px;
	
}
#nav li{
	float:left;	
	font-family: 'TrekRegular';
	list-style:none;
	color:#fff;
	line-height:40px;
	margin-right:50px;
	font-size:14px;
}
	
#nav li a{
	color:#fff;
}

#nav li a.active{
	border-bottom:5px solid #fff;
}
#nav li a:hover{
	border-bottom:5px solid #fff;
}

/** Bloc Moteur de recherche **/
#rechercher{
	width:229px;
	height:74px;
	position:absolute;
	top:0px;
	background:url(../img/bg_recher.gif) no-repeat 0px 0px;	
	font-size:12px;
	color:#fff;
	padding:10px;
	z-index:15;
}
#rechercher input.texte{
	border:1px solid #fff;
	background:#fff;
	width:100px;	
	line-height:15px;
	height:15px;
	font-size:12px;
}

#rechercher p{
	padding-bottom:15px;
}

/** Bloc Panier **/
#panier{
	background:url(../img/panier.gif) no-repeat 0px 0px;
	width:178px;
	height:38px;
	position:absolute;
	top:30px;
	margin-left:536px;	
	font-size:11px;
	padding:10px;
	z-index:10;
}

#panier a{
	color:#666;
}
/** **/
#present h2{
	font-family: 'HelveticaRoundedBoldCond';
	color:#fff;
	padding-top:5px;
	font-size:27px;
	padding-bottom:5px;
	font-weight:normal;	
}
#contenu{
	position:absolute;
	top:195px;	
	z-index:20;
	padding-left:15px;
	width:720px;
}
#present{
	width:580px;	
	float:left;
	font-size:12px;
	color:#fff;
}
#texte{
	width:390px;	
}
.right{
	float:right;
	margin-left:10px;	
}
#acces{
	float:right;
	width:134px;
	margin-left:5px;	
}
/** **/
#jFlowSlide{ background:url(../img/vg_actu.jpg) repeat-x 0px 0px; width:760px; height:220px;  }
#myController {  padding:5px 0;  font-size:1px;  }
#myController span.jFlowControl{ background:url(../img/cercle_off.gif) no-repeat 0px 0px;margin-right:5px; width:10px; height:10px; float:left; color:#8a0f71; cursor:pointer;}
#myController span.jFlowSelected { background:url(../img/cercle_on.gif) no-repeat 0px 0px;margin-right:5px; display:block; width:10px; height:10px; float:left;color:#8a0f71;  cursor:pointer;}


.slide-wrapper { padding: 5px; }
.slide-thumbnail { width:216px; height:210px; float:left; overflow:hidden; border-right:5px solid #8a0f71; }
.slide-thumbnail img {max-width:300px; }
.slide-details { width:450px; float:right; margin-left:10px; height:180px;}
.slide-details h2 { font-size:20px; font-weight:normal; line-height: 1; margin:0; font-family: 'HelveticaRoundedBoldCond';color:#8a0f71; padding-top:10px;}
.slide-details .description { margin-top:10px;font-size:12px; color:#8a0f71;  }

.jFlowPrev, .jFlowNext { color:#FFF; cursor:pointer; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; display:none; }
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { background: #43A0D5; }

a.plus{
	color:#fff;
	width:101px;
	height:19px;
	background:url(../img/bg_plus.jpg) no-repeat 0px 0px;
	display:block;
	float:right;
	font-size:12px;
	padding:2px 0px 2px 10px;
	margin-top:8px;	
}
a.plus2{
	color:#fff;
	width:101px;
	height:19px;
	background:url(../img/bg_plus.jpg) no-repeat 0px 0px;
	display:block;
	float:right;
	font-size:12px;
	padding:2px 0px 2px 10px;
	margin-top:8px;	
}
/** **/
.clr{
	clear:both;
	font-size:1px;
	line-height:1px;
	height:1px;	
}

/** **/
#popupArticle{
	background: #930767;	
}
#popupArticle{
	width:736px;
	height:455px;
	position:absolute;
	top:-10000px;
	border:3px solid #fff;
	z-index:10000;	
	margin-left:0px;
}
#popupArticle li {
	list-style:none;
}
#popupArticle li a{
	position:absolute;
	display:block;
	top:0px;
	color:#fff;
	width:30px;
	height:30px;
	margin-left:690px;
	border-bottom:none;
	padding:2px 5px;
	z-index:2500;
	font-size:12px;
}
#popupArticle li a:hover{
	text-decoration:none;
}
/** **/
#actu{
	width:402px;
	height:111px;
	float:left;
	background:url(../img/bg_actu.gif) no-repeat 0px 0px;
	margin:10px 0px;
	overflow:hidden;	
}
#actuBloc{
	height:60px;
	padding:5px;	
	overflow:hidden;
	margin-top:5px;
}
#actu h3{
	font-size:18px;
	color:#901b78;
	line-height:20px;
	padding:2px 5px;
	font-family: 'HelveticaRoundedBoldCond';
	font-weight:normal;
	
}
#actu li{
	height:74px;
	font-size:12px;
	padding-bottom:15px;
	overflow:hidden;
	border-bottom:10px solid #fff;
	

}
#actu li h4{
	font-size:12px;
	width:250px;
	float:left;


}
#actu p{
color:#911a6f;
height:30px;
font-size:12px;	
overflow:hidden;
width:250px;
float:left;
}

/** **/
#newsletterBloc{
	float:left;
	width:275px;	
	margin:10px 20px;
}
#newsletterBloc h3{
	font-size:18px;
	color:#901b78;
	line-height:20px;
	padding:2px 5px;
	font-family: 'HelveticaRoundedBoldCond';
}
/** **/
#form1{
	padding:5px;
	font-size:12px;
	color:#901b78;	
}
#form1 a{
	font-weight:bold;
	font-size:12px;
	color:#901b78;
		
}
#form1 p{
	padding-bottom:5px;
		
}
#reponse{
	padding:5px 0px;
		
}
/** **/
#form1 input.texte {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding:2px 5px;
	border:1px solid #ccc;
	font-size:12px;
	background:#fff;
}
#form1 textarea {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding:2px 5px;
	font-size:12px;
	background:#fff;
	border:1px solid #ccc;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
}
#form1 input.bouton {
	font-size:12px;
	background:#fff;
	border:1px solid #ccc;
	margin-left:0px;
	cursor:pointer;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding:2px 5px;
	color:#901b78;
	font-weight:bold;
}
/** **/
#cnil{
	width:700px;
	height:280px;
	padding:5px;
	background:#fff;	
	border:1px solid #901b78;
	color:#901b78;
	position:absolute;
	top:545px;
		z-index:1000;
}
#infoCnil{
	float:right;
	width:600px;
	font-size:12px;	
}
#btFermer{
	position:absolute;
	z-index:1000;
	left: 692px;
	top: 274px;

}
/** **/
#conseils{
	width:716px;
	height:156px;
	background:url(../img/bg_conseils.gif) no-repeat 0px 0px;	
	position:absolute;
	top:570px;
}
#conseils h3{
font-size:18px;
	color:#fff;
	line-height:20px;
	padding:2px 5px;
	font-family: 'HelveticaRoundedBoldCond';	
}
#conseils .illustration{
	background:#353535;
	width:200px;
	height:122px;	
	float:left;
	margin:5px 10px 0px 0px;
	overflow:hidden;
}
#description{
	float:left; 
	width:300px;
	font-size:12px;
	margin:5px 10px 0px 0px;
	color:#fff;
	
}
#description h4{
	font-size:14px;
	color:#fff;
}
.desc0{
	height:85px;	
}
#description a{
	display:block;
	float:right;
	color:#fff;
	font-weight:bold;
}



/** **/
#footer{
	color:#901b78;
	font-size:12px;
	text-align:center;
	margin-top:800px;
	width:700px;
}
#footer a{
	color:#901b78;
	font-weight:bold;
	
}
/** **/
#cont{
 width:720px;
 position:absolute;
 top:200px;	
 margin-left:10px;
}
#cont h2{
	font-size:30px;
	color:#fff;
	font-family: 'HelveticaRoundedBoldCond';
}
#cont .article {
	width:500px;
	float:left;
}
#cont .article strong {
	font-weight:bold;
}
#cont .article p{
	font-size:12px;
	color:#901b78;
	padding:5px 0px;
}
#cont #cold{
	width:190px;
	float:right;	
	text-align:right;
}
#colIllu{
	width:150px;
	float:left;	
	margin-top:10px;
}
#colIllu .illustration{
	width:150px;
	float:left;	
	margin-top:10px;
	background:#fff;
	height:100px;	
	float:left;
	margin:5px 10px 0px 0px;
	overflow:hidden;
}
#colTexte{
	width:320px;
	float:left;
	margin-left:10px;	
	margin-top:10px;
}
.illu{
	background:#fff;
	width:150px;
	margin-bottom:5px;	
}
.blocCoord{
	background:#fff;
	padding:5px;
	text-align:left;
	font-size:12px;
	color:#901b78;
}

.blocCoord h3{
	font-size:16px;
	color:#901b78;
	font-family: 'HelveticaRoundedBoldCond';
	margin-bottom:5px;
}
.blocCoord p{
	margin:0px 0px 15px 0px;
}


label{
	width:238px; float:left;
	display:block;
	font-size:12px;
	color:#901b78;
}
#devis input.texte {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding:2px 5px;
	border:1px solid #ccc;
	font-size:12px;
	width:250px;
	background:#fff;
}
*html #devis input.texte {
	width:200px;
}
#devis textarea {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding:2px 5px;
	font-size:12px;
	background:#fff;
	border:1px solid #ccc;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	width:500px;
}
#devis input.bouton {
	font-size:12px;
	background:#fff;
	border:1px solid #ccc;
	margin-left:0px;
	cursor:pointer;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding:2px 5px;
	color:#901b78;
	font-weight:bold;
}
h5.rub2{
	font-size:16px;
	color:#901b78;
	font-family: 'HelveticaRoundedBoldCond';
	margin:10px 0px;
}
.erreur{ font-size:12px; color:#990000; text-align:right; }
.message {
background:#D5D5D5; border:1px solid #911a6e; display:block;
height:	100px;
overflow:auto;
}

h3.titre{
	font-size:20px;
	color:#fff;
	font-family: 'HelveticaRoundedBoldCond';
	margin:10px 0px;
}
h3.titre2{
	font-size:16px;
	color:#901b78;
	font-family: 'HelveticaRoundedBoldCond';
	margin:0px 0px;
}
h5.rub{
	font-size:20px;
	color:#901b78;
	font-family: 'HelveticaRoundedBoldCond';
	margin:10px 0px;
	border-bottom:3px solid #901b78;
}
.illuAccueil{
	width:250px; height:150px;
	float:left;	
}
.desArt{
	width:220px; float:left;
	margin-left:10px;	
}

#sidebar a{
	color:#901b78;
}
#sidebar a:hover{
	color:#666;
}
#sidebar .stretcher{
	margin-bottom:10px;
	display:none;
}
#sidebar  h4{ font-size:12px; font-weight:bold; margin-bottom:5px;}
/** **/
ul.listeProd{ display:block;float:left;}
.listeProd li{ float:left; margin:0px 10px 20px 10px; display:block; }
.listeProd li img{ border:2px solid #b3619c;}
.listeProd li h5{ background:#911a6f; padding:2px 5px; text-align:center; width:94px; height:75px; font-size:12px; font-weight:normal;}

.listeProd li h5 a{ color:#fff; font-weight:normal;}

.article a{
	color:#911a6f; font-weight:bold;
}

select{
	font-size:12px;	
}

/** **/
.stretcher2 li{
	padding-left:10px;
	border-left:1px solid #c5c5c5;	
	margin-left:10px;
	padding-bottom:5px;
}