/*-----------------------------------------------*/
/*---( CSS - BOIVIN )----------------------------*/
/*---( Eric Schneider pour Eurostratege )--------*/
/*-----------------------------------------------*/


/*---( GENERAL )-----------------*/

html,body{margin:0;padding:0}

body{
font: 76% arial,sans-serif;
text-align:center;
background-color:#d6d6d6;
}

p{
margin:0 10px 10px;
color:#FFFFFF;
}


/*---( CONTAINER )-----------------*/

div#container{
width:950px;
margin:0 auto;
text-align:left;
background: url("../img/fdgris.gif") 0 0 repeat-y;
}

/*---( HEADER )-----------------*/

div#header{
background-image:url(../img/fd.gif);
padding:0;
margin:0;
}


/*---( WRAPPER )-----------------*/

div#wrapper{
float:left;
width:100%;
/*background: url("../img/fd.gif") 0 0 repeat-y;*/

}


/*---( MILIEU )-----------------*/

div#content{
margin: 0 260px 0 253px;
}

div#content p{
line-height:1.4;
}

#content a {
text-decoration:underline;
color: #fff;
}

#content a:link#current, #content a:visited#current, #content a:hover {
color: #000;
text-decoration:none;
}




h1 {
font-family:"Trebuchet Ms", "Times New Roman", Times, serif;
font-size: 170%;
line-height:150%;
color:#fff;
border-bottom: 1px dotted #fff;
padding-top:0px;
margin-top:0px;
text-transform:uppercase;
}

h4 {
font-family:"Trebuchet Ms", "Times New Roman", Times, serif;
font-size: 130%;
line-height:150%;
color:#fff;
padding-bottom:2px;
margin-bottom:2px;
}

.lettrine {
float:left;
text-align:center;
font-size: 140%;
background-color:#A13722;
border-right:2px solid #852512;
border-bottom:2px solid #852512;
padding:4px;
margin:0 10px 1px 0;
}

#presentoirg {
width:200px;
padding:5px;
margin:0 10px 10px 0;
background-color:#fff;
text-align:center;
float:left;
border:2px solid #852512;
}

#presentoirgg {
width:200px;
padding:5px;
margin:0 10px 10px 0;
text-align:center;
float:left;
}

#presentoird {
width:200px;
padding:5px;
background-color:#fff;
text-align:center;
float:left;
margin-bottom:10px;
border:2px solid #852512;
}

#presentoirdd {
width:200px;
padding:5px;

text-align:center;
float:left;
margin-bottom:10px;
}


.cadred {
border:2px solid #852512;
}

#presentoir {
padding:5px;
margin:0 0 10px 0;
background-color:#fff;
text-align:center;
border:2px solid #852512;
}

#mini-presentoir {
width:95px;
height:180px;
padding:5px;
margin:0 5px 10px 0;
/*background-color:#fff;*/
text-align:center;
float:left;
}

#mini-presentoirc {
width:95px;
padding:3px;
margin:0 3px 10px 0;
background-color:#fff;
text-align:center;
float:left;
border:2px solid #852512;
}

#mini-presentoircc {
padding:3px;
margin:0 3px 10px 0;
background-color:#fff;
text-align:center;
float:left;
border:2px solid #852512;
}

.description {
text-align:center;
font-size: 140%;
padding:0;
margin:5px 0 0 0;
color:#B64630;
border-top:1px dotted #b64630;
}

.descriptionn {
text-align:center;
font-size: 140%;
padding:0;
margin:5px 0 0 0;
color:#fff;
border-top:1px dotted #b64630;
}

.mini-description {
text-align:center;
font-size: 115%;
padding:0;
margin:5px 0 0 0;
/*color:#B64630;
border-top:1px dotted #fff;*/
color:#fff;
}
.mini-descriptionn {
text-align:center;
font-size: 115%;
padding:0;
margin:5px 0 0 0;
color:#B64630;
border-top:1px dotted #b64530;
}

#ceinture {
width:440px;

}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/*---( DROITE )-----------------*/

div#navigation{
float:left;
width:250px;
margin-left:-250px;
background-color:#FFF;
}

#gugus {
background-image: url(../img/perso.jpg);
background-repeat: no-repeat;
background-position: 100% 100%;
}

#gugus p{color:#000;}

div#navigation p{
text-align:justify;
padding: 10px 15px;
}

#navlist {
margin:0;
padding:0 0 15px 0;
}

#navlist li {
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 130%;
line-height:150%;
list-style-type: none;
}

#navlist a {
text-decoration:none;
color: #69281b;
padding-left:15px;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover {
background-image: url(../img/puce.gif);
background-repeat: no-repeat;
background-position: 0% 65%;
padding-left:15px;
text-decoration:none;
background-color:#FFF;
}

.signetmenuprincipal {
background-image: url(../img/puce.gif);
background-repeat: no-repeat;
background-position: 0% 65%;
padding-left:15px;
text-decoration:none;
background-color:#FFF;
}

#zoom {
background-color:#4a4a4a;
border-top: 4px solid #777;
margin-top:-10px;
}

#zoom a {
color:#fff;
}

#zoom p {
color:#FFF;
}

.retour {
text-align:right;
}
.gros {
font-size:2em;
}

.agauche{
float:left;
padding-right:5px;
}

.adroite{
float:right;
padding-left:10px;
}



/*---( GAUCHE )-----------------*/

div#extra{
float:left;
width:250px;
margin-left:-950px;
}


/*---( FOOTER )-----------------*/

div#footer{
width:100%;
content: "."; 
display: block; 
clear: both; 
height:1px;
}


/* ---( MENU PRODUIT )------------*/

a {
	text-decoration: none;
	font-weight: normal;
	color: #b6462f;
	/*border-bottom: 1px dotted #b6462f;*/
}

a:visited {
	text-decoration: none;
}

a:hover, a:active, a:focus {
	text-decoration: none;
	color: #fff;
	background: #b6462f;
}


h3 {
	cursor: pointer;
	font-size: 16pt;
	padding:5px;
	margin: 5px 0 0 0;
	background: #fff no-repeat left center url("../img/puce-menu-produit.jpg");
	padding-left:40px;
}

h3 a:link, h3 a:visited {
	color: #000;
	text-decoration: none;
	font-size: 16px;
	padding-left: 5px;
}
h3 a:hover, a:active, a:focus {
	color: #fff;
	text-decoration: none;
	cursor:pointer;
	background: #b6462f;
}


#container2 {
	text-align: left;
	margin: 0 auto;
	width: 220px;
	padding-top: 0px;
}

#content2 {
	padding: 0;
	margin: 0px;
}

p {
	margin: 0 0 1px;
	padding: 5px;
	line-height: 140%;
	font-size: 12px;
}


ul {
	margin: 0 15px 5px;
	padding: 0 5px;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}


li {
	margin-top: 4px;
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 0px;
	margin-bottom: 6px;
	line-height: 130%;
	color:#B64530;
}

#content2 div {
	margin: 0;
	padding: 0;
	height: 1%;
}

.stretcher {
	background: #eee!important;
	background: #fff;
}

h2 {
	font-size: 14px;
	font-weight: normal;
	padding: 5px 10px 0 5px;
	border-bottom: 1px solid #fff;
	text-decoration: none;
	/*color: #4a4a4a;*/
	color:#B64530;
}

.signet {
font-weight:bold;
border-bottom: 1px dotted #B6462F;
}


/*---( IMAGES )-----------------*/

.cadreblanc {
border: 5px solid #fff;
text-align:center;
}



/*-------(TEST)----------*/

.panel {
	clear: both;
	display: none;
	border: 2px solid #A13722;
	padding: 1em;
}
.panel.active-tab-body {
	display: block;
	background-color:#fff;
}

.txtformu {
	color:#A13722;
	font-weight:bold;
	border-bottom: 1px dotted #A13722;
	padding-bottom:1px;
	text-transform:uppercase;
	margin:5px 0 7px 0;
}

#content .txtformu a {
color:#A13722;
	font-weight:bold;
text-decoration:none;
}

#content .coul a {
color:#A13722;
text-decoration:none;
}

#content .coul a:hover {
color:#000;
text-decoration:none;
background-color:#fff;
}


#content .txtformu a:hover {
color:#000;
background-color:#fff;
font-weight:bold;
text-decoration:none;
}

#tabs {
	list-style: none;
}

#tabs li {
	float: left;
}



#tabs a {
	float: left;
	padding: 5px 8px;
	margin-left: 6px;
	/*background-color: #A13722;*/
	background-color: #fff;
	text-decoration: none;
	/*color: #fff;*/
	color: #A13722;
	border: 1px solid #852512;
	border-top: 3px solid #852512;
	border-right: 3px solid #852512;
}

#tabs a.active-tab {
font-weight:bold;
background-image: url(../img/mini-puce.gif);
background-repeat: no-repeat;
background-position: 0% 45%;
padding-left:12px;
}
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.optional {
border: 1px solid #00A8E6;
}


input.required, textarea.required {
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

fieldset {
	padding: 1em;
	margin-bottom: 0.5em;
}

label {
	font-weight: bold;
}
.form-row {
	clear: both;
	padding: 0.5em;
}

.field-label {

}

.field-widget {

}

.black {
color:#000;
}



#schema, #schema2 {
/*background-color:#eee;*/
border: 1px dashed #69281b;
}