@charset "utf-8";
/* CSS Document */

a:link {color: #1D753E;}
a:visited {color: #1D753E;}
a:focus {color: #003F17;}
a:hover {color: #003F17;}
a:active {color: #1D753E;}

body {
background: #FFF;
color: #000;
font: normal normal 0.8125em Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
h1 {
height: auto;
margin: 0;
padding: 0;
}
h1 a {
display: block;
height: 100px;
left: 45px;
margin: 20px 0 0 0;
overflow: visible;
padding: 0;
position: absolute;
top: 0;
width: 100px;
}
h2 {
color: #060;
font-size: 1.4em;
margin: 0 0 10px 0;
padding: 0;
}
h3 {
color: #060;
font-size: 1.2em;
margin: 0 0 10px 0;
padding: 0;
}
img {
border: none;
margin: 0;
}
p {
margin: 0 5px 10px 0;
}

.cache,
h1 span,
h2 span,
h3 span {
height: 1px;
left: 0;
overflow: hidden;
position: absolute;
top: -9999px;
width: 1px;
}

#contenu {
background: #FFF;
border: none;
float: left;
margin: 0 0 0 15px;
padding: 0 0 0 15px;
width: 755px;
}
#contenu li {
background: #FFF url(../img/com/puce.gif) 0 4px no-repeat;
list-style: none;
margin: 10px 0;
padding: 0 0 0 20px;
}
#contenu ul {
margin: 0;
padding: 0 0 0 15px;
}
#filAriane {
border-bottom: 1px solid #CCC;
}
#footer {
background: #FFF url(../img/com/footer.gif) left top no-repeat;
clear: both;
color: #1D753E;
height: 27px;
margin: 0;
padding: 40px 0 0 0;
position: relative;
text-align: left;
width: 990px;
}
#footer a {color: #1D753E;}
#footer a:hover {color: #003F17;}
#footer p {margin: 0 0 0 25px;}
#global {
background: #FFF url(../img/com/bg-nav.gif) left top repeat-y;
/*border: 1px solid #CCC;*/
margin: 0 auto;
position: relative;
width: 990px;
}
#header {
background: transparent;
border: none;
height: 123px;
margin: 0 0 3px 0;
padding: 0;
}
#imgAccueil {
float: left;
width: 215px;
}
#txt {
background: #FFF url(../img/com/filet.gif) center bottom no-repeat;
margin: 0;
padding: 10px;
}
#txtAccueil {
background: #FFF url(../img/com/filet.gif) center bottom no-repeat;
float: left;
margin: 0;
padding: 0 0 10px 10px;
width: 490px;
}
/***************************************/
/********    Les Classes    ************/
/***************************************/
.bold {font-weight: bold;}
.btnForm {
background: #D9C1B3;
border: 1px solid #BF9A83;
color: #1F180C;
cursor: pointer;
}
.center {text-align: center;}
.imgFloatLeft {
float: left;
margin: 0 10px 10px 0;
}
.imgFloatRight {
float: right;
margin: 0 10px 10px 0;
}
.logoPartenaire {
text-align: center;
}
.logoPartenaire img {
margin: 0 2px;
}
.obligatoire {
color: #C68E0F;
}
.right {
text-align: right;
}
.separateur {
clear: both;
visibility: hidden;
}
.underline {text-decoration: underline;}
/***************************************/
/********     Navigation    ************/
/***************************************/

#nav {
background: transparent;/*#EF831A*/
border: none;
float: left;
margin: 0 10px 0 0;
padding: 0 0 0 14px;
width: 180px;
}

#nav ul {
margin: 0;
padding: 0;
}
#nav li {
background: #EF831A;
border-bottom: 1px solid #C0670E;
border-top: 1px solid #F1AA49;
list-style: none;
margin: 0;
padding: 0;
}

#nav li a {
color: #FFF;
display: block;
letter-spacing: 1px;
padding: 5px 0 5px 10px;
text-align: left;
text-decoration: none;
}
#nav li a:hover {
background: #F08F2F;
color: #FFF;
}
/*******************************************/
/********** Formulaire de Contact **********/
/*******************************************/
#formContact {
font-size: 0.9em;
margin: 0 auto;
padding: 0;
width: 80%;
}
#formContact em {color: #F00;}
#formContact fieldset {
	background: #FFF8DF;
	border-bottom: 2px solid #8B9F8E;
	border-left: none;
	border-right: none;
	border-top: 2px solid #8B9F8E;
	display: block;
	margin: 0 auto 10px auto;
	padding: 0.5em;
	width: 95%;
}
#formContact fieldset#civilite {
background: #DFDCD1;
border: none;
}
#formContact fieldset#civilite legend {
background: none;
text-transform: none;
}
#formContact label {
	color: #555142;
	float: left;	/*** Tres important, ne pas suprimer ! ***/
	font-weight: bold;
	line-height: 1.8;
	margin: 0;
	padding: 0 0.5em 0 0;
	text-align: right;	/*** ... et ils sont alignes a droite... ***/
	width: 30%;	/*** Les intitules prennent n% de la largeur totale du formulaire... ***/
}
#formContact label.radio {
float: left;
width: auto;
}


#formContact input:focus,
#formContact input:focus#cv,
#formContact input:focus#nom,
#formContact input:focus#telephone,
#formContact input:focus#mail,
#formContact textarea:focus {
background: #FFE0BF;
}

#formContact input#cv,
#formContact input#nom,
#formContact input#prenom,
#formContact input#societe,
#formContact input#telephone,
#formContact input#mail,
#formContact input#adressel1,
#formContact input#cp,
#formContact input#ville {
width: 60%;
}
#formContact input#cv,
#formContact input#nom,
#formContact input#telephone,
#formContact input#mail,
#formContact select#prestation,
#formContact select#implantation,
#formContact select#destinataire {
background: #FECC95;
}
#formContact legend {
	background: #FFF8DF;
	color: #333;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 0 5px;
	text-transform: uppercase;
}
#formContact textarea {
margin: 0.2em;
width: 60%;
}
#formContact p {margin: 5px 0;}
/***************************************/
/******** Retour formulaire ************/
/***************************************/
#msgRetourForm {
margin: 15% 5%;
}
#msgRetourForm p {
margin: 0 0 10px 0;
padding: 0;
}
/***************************************/
/******** Mentions legales  ************/
/***************************************/
#mention {
list-style-type: none;
margin: 0;
padding: 0;
}
#mention strong {color: #060;}
/***************************************/
/**********  Referencement  ************/
/***************************************/
#referencement {
height: 1px;
left: 0px;
overflow: hidden;
position: absolute;
top: -9999px;
width: 1px;
}