*
{
	padding: 0em;
	margin: 0em;
}

body
{
	background: #ffffff; /*url(images/fondbody.jpg) top left no-repeat; background-attachment:fixed;*/

}

.cadrePro{
	padding:5px;
	border: solid 4px #6F5230;
	left: 10em;
	top: 50em;
}
.imgPRO{
	border: solid 0px #6F5230;
	position: relative;
}

.gradient {
	/* Anciens navigateurs #c5b593 */
	background: #ffffff url("gradient-bg.png") repeat-x top;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Internet Explorer */
	*background: #c5b593;
	background: #c5b593\0/;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#c5b593, endColorstr=#ffffff);
	/* Navigateurs récents */
	background-image: -moz-linear-gradient(
		top,
		#c5b593,
		#ffffff
	);
	background-image: -webkit-gradient(
		linear,
		left top, left bottom,
		from(#c5b593),
		to(#ffffff)
	);
}


h3,h4
{ 
color : #b29767;
	/* color: #993300;*/
	display: inline;
	font-weight: bold;
}

body,input
{
	font-size: 10pt;
	font-family: "georgia", "times new roman", serif;
	/*font-family: "verdana", "times new roman", serif;*/
	color: #333333;
}

p
{
	line-height: 1.5em;
	margin-bottom: 1.0em;
	text-align: justify;
}

a {
	 color: #990033;
	/*color : #b29767;*/

}

a:hover {
	text-decoration: none;
}


h3 span
{
	font-weight: normal;
}

h3{ 
	line-height:35px;
	font-size: 1.7em;
	padding-right: 54px;
}

h4
{
	font-size: 1.2em;
	padding-right: 28px;
/*background-image: url('images/db2.gif');*/
}

.contentarea
{
	padding-top: 1.3em;
}
.encart
{ 
	float:left;
	position: relative;
	top: -1.5em;
	font-size: 0.8em; margin-left:-10px;
	/*color: #787878;*/
	width:320px; 
}


.coordonnees {
 	float:left; margin:10px 20px;
	position: relative;
	top: -1.5em;
	font-size: 0.8em;
	/*color: #787878;*/
	width:170px; background: #FDFCF6 url('images/boxbg.gif') repeat-x;
	left: -1.5em;
	top: -1.5em;
	padding: 1.5em;
	border-bottom: solid 1px #E1D2BD;
}


.boxdroit { 
	float:right; height:200px; overflow:auto; padding:0 15px 15px 15px;
	position: relative;
	top: -1.5em;
	font-size: 0.8em;
	color: #495ca8;
	width:400px;
}
.boxdroit2 { 
	float:right;  overflow:auto; padding:0 15px 15px 15px;
	position: relative;
	top: -1.5em;
	font-size: 0.8em;
	color: #495ca8;
	width:400px;
}


/*.Bleu {color:#3366CC;}*/

/*Bleu{color:#6e84a1;}*/
/*Bleu{color:#363c5e;}*/
.Bleu{color:#495ca8;}


.bordeaux{ color:#990000;}


img { 
	padding:5px;
	border: solid 2px #6F5230;
}

.BTN { 
	padding:0px;
	border: 0px;
}


img.left
{
	position: relative;
	float: left;
	margin: 0em 1.8em 1.8em 1.4em;
}

img.right
{
	position: relative;
	float: right;
	margin: 0em 0em 1.8em 1.8em;
}

.divider1
{
	position: relative;
	background: #fff url('images/border2.gif') repeat-x;
	height: 14px;
	margin: 2.0em 0em 1.5em 0em;
	clear: both;
}

.divider2
{
	position: relative;
	height: 1px;
	border-bottom: solid 1px #eaeaea;
	margin: 2.0em 0em 2.0em 0em;
}


.post .details
{
position: relative;
top: -1.5em;
font-size: 0.8em;
color: #787878;
}

.post ul.controls
{
clear: both;
}

.post ul.controls li
{
display: inline;
font-size: 0.8em;
}

.post ul.controls li a
{
background-repeat: no-repeat;
background-position: left;
padding: 0em 1.0em 0em 20px;
}

.post ul.controls li a.printerfriendly
{
background-image: url('images/icon-printerfriendly.gif');
}

.post ul.controls li a.comments
{
background-image: url('images/icon-comments.gif');
}

.post ul.controls li a.more
{
background-image: url('images/icon-more.gif');
}

.box
{
position: relative;
background: #FDFCF6 url('images/boxbg.gif') repeat-x;
left: -1.5em;
top: -1.5em;
padding: 1.5em;
border-bottom: solid 1px #E1D2BD;
margin-bottom: 1.0em;
}

ul.linklist
{
list-style: none;
}

ul.linklist li
{
line-height: 2.0em;
}

#upbg
{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 0px;
background: #fff url('images/bg2.jpg') repeat-x;
z-index: 1;
}

#page
{
z-index: 2;
position: relative;
width: 800px;
border: solid 3px #ffffff;
background: #fff url(images/bordure.gif) repeat-y;
margin: 0 auto;
}
.dividertop
{ background:url('images/top.gif') no-repeat top;
position: relative;
height: 27px; }

#header {
position: relative;
width: 800px;
height: 70px;
background: #993300 url(images/bordure.gif) repeat-y;
margin-bottom:2px;
}

#headercontent
{ 
margin-left: 18px;
 margin-right: 18px; 
background:url(images/LogosQetA.jpg) no-repeat top right ;
position: absolute; 
bottom: 0em;
padding: 0em 5.0em 0.3em 2.0em;
}
/*
#headercontent
{ 
margin-left: 18px;
 margin-right: 18px; 
background:url(images/logoqualité.jpg) no-repeat top right ;
position: absolute; 
bottom: 0em;
padding: 0em 5.0em 0.3em 2.0em;
}*/
.logotype{ float:right; vertical-align:top; border:#FFFFFF}

#headercontent h1
{ 
font-weight: bold;
/*color: #000099;*/
color: #516573;
font-size: 36px;
}

#headercontent h1 sup
{
/*color: #FFE51E;*/
color: #516573;
}

#headercontent h2
{
font-size: 1.0em;
font-weight: bold;
color: #660000;
/*color: #784252:*/
}



#headerpic
{ width:765px; text-align:center;
position: relative;
height: 109px;
background: #fff url('images/header2.jpg') no-repeat top center;
margin-bottom: 2px; margin-left: 18px; margin-right: 18px;
}


#langue{float:left; font-size:10px;  text-decoration:none}
img.drapeau { border:none; padding:0; margin:0}
 
 
#menu
{
position: relative;
/*background: #660000;*/
background: #b8b09e;
height: 2.5em;
padding: 0em 0em 0em 0em;
margin-bottom: 5px; margin-left: 14px; margin-right: 14px;
}

#menu ul
{
position: absolute;
top: 0.7em;
}

#menu ul li
{
position: relative;
display: inline;
}

#menu ul li a {font-size: 12pt;
font-family: "georgia", "times new roman", serif;
padding: 0.5em 0.5em 0.5em 0.5em;
color: #ffffff;
text-decoration: none;
}

#menu ul li a:hover
{color:#993300;
background: #ffffff ;
text-decoration: none;
}

#menu ul li a.active
{color:#993300;
background: #ffffff ;
}

#menu2 ul li a {font-size: 11pt;
font-family: "georgia", "times new roman", serif;
padding: 0.5em 0.3em 0.5em 0.3em;
color: #ffffff;
text-decoration: none;
}

#menu2 ul li a:hover
{color:#993300;
background: #ffffff url('images/cigale.jpg') no-repeat;
text-decoration: none;
}

#menu2 ul li a.active
{
color:#993300;
background: #ffffff url('images/cigale.jpg') no-repeat/*url('images/menuactive.gif') repeat-x top left*/;
}


#menubottom
{
background: #fff url('images/border2.gif') repeat-x;
height: 14px;
margin-bottom: 1.5em;margin-left: 18px; margin-right: 18px;
}

#contenu
{
padding: 0em 2.0em 0em 2.0em;
}
.centerdiv{ /*IE method of centering a relative div*/
text-align: center; 
}
.centerdiv2{ /*IE method of centering a relative div*/
text-align: left; 
}
img .centerdiv  {border:2px solid #996600;}

.centerdiv>div{ /*Proper way to center a relative div*/
margin: 0 auto;
}
#gauche {
float: left;
margin-right:-18.0em;
width: 100%;
}

#contenuprimaire
{
margin: 5.5em 5.5em 3em 3em;
}
 .contenuprimaire p
{  font-size:11px; color:#990000;
}


#secondarycontent
{
margin-top: 1.5em;
float: right;
width: 18.0em;
}

#footer
{ z-index:2; 
position: relative;
height: 7px;
clear: both;
padding-top: 2.0em;
/*background: #fff url('images/border2.gif') repeat-x 0em 2.5em;*/
font-size: 0.8em;
}

#footer .left
{
text-align:center; color:#993300; font-weight:bold;
/*bottom: 2.2em; background:url('images/bottom.gif') bottom no-repeat;*/
}
#footer .left a
{color: #0000FF; font-weight:bold; text-decoration:none;
}
#footer .right
{
position: absolute;
right: 2.0em;
bottom: 1.2em;
}
.dividerbottom
{ 
background:url('images/bottom.gif') no-repeat bottom;
position: relative;
height: 37px;

}

#form1 { padding:15px; margin:35px; }
#principalform {
	height: 646px;
	width: 728px;
	background-image: url(images/boucan_styles.jpg);
	background-repeat: no-repeat;
	margin-left: 50%;
	left: -364px;
	position: absolute;
}
#centreformulaire {
	position: relative;
	width: 600px;
	
}
#basformulaire {
	position: relative;
	height: 20px;
	width: 728px;
	top: 150px;
}
.champs1 {
	position: relative;
	left: 20px;
}
.descriptions {
	float: left;
	width: 90px;
	position: relative;
	height: 20px;
	text-align: right;
}
#principalform p {
	margin-bottom: 0px;
	margin-top: 5px;
}
fieldset {
	padding-left: 110px;
	margin-top: 15px;
}


.thumb360 {
-moz-transition: all 0.15s ease-in 0s;
-webkit-transition: all 0.15s ease-in 0s;
position: relative;
z-index: 1;
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
}
.thumb360:hover {
-moz-transform: scale(1.1) translateY(-10px) rotate(-2.5deg);
-webkit-transform: scale(1.1) translateY(-10px) rotate(-2.5deg);
box-shadow: 0 15px 35px rgba(100, 100, 100, 0.3);
z-index: 999;
}