@charset "UTF-8";

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

body {
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	background: #FFFFFF;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #666;
}

a {color:#666; text-decoration:none;}

#container {
	width:1000px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#header {text-align:center; margin-top:30px;}
#header h1 {margin: 0; padding: 10px 0;}
#header a img {border:none;}

/****************************************
* Nav section
*****************************************/

#nav {
	text-align:center;
	word-spacing : 5px;
	margin-top:30px;
	padding-top:20px;
	padding-bottom:10px;
}

#nav ul, #footer ul {list-style-type:none; display: inline; color:#666;}
#nav ul li, #footer ul li {display:inline; text-transform:uppercase; padding:0 2px 0 2px ;}
#nav a{padding: 0 10px 0 10px;}
#nav a:hover {color:#6FA72A;}
#nav .active a{color:#6FA72A;}



/****************************************
* Main section
*****************************************/

#mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
	/*border-bottom: #666 solid 1px;*/
	border-top: #666 solid 1px;
	height:100%;
}


#description {
	height:auto;
	width:auto; 
	/*padding:10px 10px 10px;*/ 
	/*margin-top:300px;*/
	/*border: 1px solid #FFF;*/ 
	margin:0px 99px auto;
	float:left;
}

#description h1{color:#6FA72A; text-transform:uppercase; font-weight:normal; padding-bottom:10px; font-size: 12px; text-align: center;}
#description p{font-size:11px; text-align:justify;}
#description strong{color: #6FA72A;}
#description h2{
	color: #6FA72A;
	text-transform:uppercase; 
	font:11px normal ;
	margin-top:15px;
	margin-bottom:15px;
	padding: 10px 2px 0px 2px; 
	border-top:1px solid;
	text-align: center;
}

#description a{color: #666; background-color:#FFF;position:relative; top:-16px; padding:0px 10px 0px 10px;}
#description a:hover{color: #6FA72A;}



#scroll{padding-bottom:20px;}

#enImage {width:100%; text-align:center; margin-top:30px;margin-bottom:20px;}
#enImage a{color:#666; border:1px solid #6FA72A; text-align:center;padding:5px 40px 5px 40px;}

#contact {width:700px;height:100px;margin-left:33%;padding-top:120px;padding-bottom:150px;}
#contact strong{color: #6FA72A;text-transform:uppercase;}

/*****************
* Formulaire
******************/
#formDemande{width:100%;height:380px;margin-left:-40px;}
.titreChamp{text-transform:uppercase; color:#6FA72A;}
.leftForm{float:left;border-right:solid 1px #666;}
.rightForm{float:left;margin-left:45px;} 

form.cmxform  input, textarea{
background-color:white !important;
border:1px solid #6FA72A !important;
color:#666 !important;
font-size:11px;
margin:0 0 0 0;
} 

form.cmxform  input.error { background-color:#FFFFD5 !important; border:1px solid #CC0000 !important;}
form.cmxform  label.error {text-transform:none;color:#666;display: block; margin-left: 1em; width: auto;}

/* form.cmxform  label.error .date{display:none;} */

.envoi {
	margin:0 0 auto;
	text-align:center;
	width:100%;
	padding-top:10px;
	color:#666;
}


form.cmxform  p{
	margin:0 auto;
	text-align:center;
}

form.cmxform fieldset {
margin-bottom:10px;
}
form.cmxform legend {
font-weight:bold;
padding:0 2px;
}
form.cmxform label {
display:inline-block;
line-height:1.8;
vertical-align:top;
}
form.cmxform fieldset ol {
margin:0;
padding:0;
}
form.cmxform fieldset li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:5px;
width:370px;
}
form.cmxform fieldset fieldset {
border:medium none;
margin:3px 0 0;
}
form.cmxform fieldset fieldset legend {
font-weight:normal;
padding:0 0 5px;
}
form.cmxform fieldset fieldset label {
display:block;
width:auto;
}
form.cmxform em {
color:#FF0000;
font-style:normal;
font-weight:bold;
}
form.cmxform label {
width:180px;
}

form.cmxform .choiceFirst{
	color:#666;
	text-transform:none;
}

form.cmxform .choice{
	color:#666;
	text-transform:none;
	margin-left:180px;
}

form.cmxform fieldset fieldset label {
margin-left:123px;
}

 form.cmxform {
color:#333333;
width:850px;
} 

form.cmxform legend {
padding-left:0;
}
form.cmxform legend{color:#666;}

form.cmxform label {
color:#6FA72A;
text-transform:uppercase; 
}
form.cmxform fieldset {
border:none;
}
form.cmxform fieldset fieldset {
background:transparent none repeat scroll 0 0;
}
form.cmxform fieldset li {
padding:5px 10px 7px;
}
form.cmxform fieldset li fieldset label{
color:#666;
text-transform:none;
}

/****************************************
* pageTitle rose section
*****************************************/

#pageTitleBorder {
	color: #6FA72A;
	text-align:center;
	float:left;
	text-transform:uppercase; 
	width:700px;
	height:25px;
	margin: 15px 0 0 100px;
	border-top:1px solid;
}

#pageTitleBorder h1{font:14px normal ;}

#pageTitleBorder a{color: #6FA72A; background-color:#FFF;position:relative; top:-10px; padding:0px 10px 0px 10px;}

#pageFooterBorder{
	color: #6FA72A;
	text-align:center;
	float:left;
	text-transform:uppercase; 
	width:700px;
	height:25px;
	margin: 10px 0 0 100px;
	border-top:1px solid;
}

#pageFooterBorder h2{font:11px normal;}
#pageFooterBorder a{color: #6FA72A; background-color:#fff;position:relative; top:-6px; padding:0px 10px 0px 10px;}
#pageFooterBorder a:hover{color: #666;}

/****************************************
* Home section
*****************************************/

#homeContent {padding: 20px 50px 40px 50px;color:#6FA72A;}
#homeContent p {border: 1px solid #6FA72A; padding: 60px 120px 60px 120px; text-align:justify;}
#homeContent h1 {color:#6FA72A; text-transform:uppercase;font-size: 14px; font-weight:normal; padding-bottom:15px;}	


/****************************************
* Image Menu + popupMenu
*****************************************/

#imageMenu {
	position: relative;
	width:372px;
	height:60px;
	background:#FFFFFF;
 	bottom:60px;
	left:290px;	
}

.imageMenu li{
	list-style-type:none;
	display: inline;
/*	float:left;*/
	padding:0 ; 
	position:relative;
	text-align:center;

}

.imageMenu img{
	margin-left:4px;
	margin-right:4px;
	border: 1px solid #666;
}

.imageMenu li em {
	background-color: #FFF;
	color:#6FA72A;
	border: 1px solid #666;
	display:none;
	font-style:normal;
	font-size:10px;
	word-spacing:3px;
/*	letter-spacing:2px;*/
	height:50px;
	padding:30px 5px 0px 5px;
	left:4px;
	position:absolute;
	text-align:center;
	width:70px;
	z-index:2;
}

/****************************************
* Photo
*****************************************/
#photos{
	height:420px;
	width:900px;
	padding:20px 50px;
}

/*#photos h1{
	color: #ed2082;
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	padding-bottom: 0px;
	height:10px;
	text-align: center;
}*/

/****************************************
* Footer section
*****************************************/

#footer { 
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#FFFFFF;
	word-spacing : 5px;
	padding-top:10px;
	padding-bottom:10px;
	color:#666;
	text-align:center;
	clear:both;
	border-top: #666 solid 1px;
}

#footer p {margin: 0; padding: 10px 0;}
#footer a {color:#666; text-decoration:none;}
#footer a:hover {color:#999999;}