body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	margin:0;
	padding:0;
	background:url(../images/site/fond.jpg) repeat-x #FFF;
}

#conteneur {
	position:absolute;
	top:10px;
	left:50%;
	width:965px;
	margin-left:-482px;
}

#conteneur #haut {
	width:965px;
	height:200px;
}
	
#conteneur #haut #logo {
	position:absolute;
	width:290px;
	height:200px;
	z-index:3;
}

#conteneur #haut #visuel {
	position:absolute;
	top:0;
	left:290px;
	width:675px;
	height:200px;
	z-index:1;
}

#conteneur #haut #masque {
	position:absolute;
	left:290px;
	top:0;	
	width:675px;
	height:200px;
	background:url(../images/site/masque.png);
	z-index:2;
}

#conteneur #menuG {
	left:0px;
	top:150px;
	width:965px;
	height:45px;
	background:url(../images/site/menu.png) no-repeat;
}

#conteneur #pageFond {
	top:230px;
	width:965px;
	min-height:400px;
	background:url(../images/site/page.png) repeat-y;
}

#conteneur #page {
	top:230px;
	width:965px;
	min-height:400px;
}

#conteneur #page #menuS {
	width:290px;
	float:left;
}

#conteneur #bas {
	width:965px;
	height:65px;
	text-align:right;
	background:url(../images/site/bas.png) no-repeat;
}

#conteneur #bas #pied {
	padding:25px 20px 0 0;
	font-size:0.7em;
}

/*----- MENU GENERAL ----- */

#conteneur #menuG #langue {
	position:relative;
	left:35px;
	top:15px;
	width:120px;
	height:30px;
	float:left;
}

#conteneur #menuG .kwicks {
	margin-left:180px;
}

.kwicks {  
	list-style: none;  
	position: relative;  
	margin: 0;  
	padding: 0; 
	background-image:url(../images/site/no_flicker.jpg); /*some browsers are to slow when aligning the menu items via jQuery and so the background shines through, this prevents this flickering*/
}  
.kwicks li{  
	display: block;  
	overflow: hidden;  
	padding: 0;  
	cursor: pointer;  
	float: left;
	width: 110px;
	height: 45px;
	margin-right: 0px;
	background-repeat:no-repeat;
}
.kwicks a{
	display:block;
	height:45px;
	text-indent:-9999px;
	outline:none;
}

#kwick1 {
	background-position:0px 0px;
}
#kwick2 {
	background-position:-145px 0px;
}
#kwick3 {
	background-position:-290px 0px;
}
#kwick4 { 
	background-position:-435px 0px;
}
#kwick5 { 
	background-position:-580px 0px;
}
#kwick6 { 
	background-position:-725px 0px;
}
#kwick7 { 
	background-position:-870px 0px;
}

#kwick1.active, #kwick1:hover { 
	background-position: 0 bottom;
}
#kwick2.active, #kwick2:hover{
	background-position: -145px bottom;
}
#kwick3.active, #kwick3:hover {
	background-position: -290px bottom;
}
#kwick4.active, #kwick4:hover {
	background-position: -435px bottom; 
}
#kwick5.active, #kwick5:hover {
	background-position: -580px bottom; 
}
#kwick6.active, #kwick6:hover {
	background-position: -725px bottom; 
}
#kwick7.active, #kwick7:hover {
	background-position: -870px bottom; 
}

#kwick1 a{
	background-image:url(end.jpg);
	background-repeat:no-repeat;
	background-position: left 0px;
}

#kwick1 a:hover{
	background-position: left -35px;
}

#kwick7 a{
	background-image:url(end.jpg);
	background-repeat:no-repeat;
	background-position: right -35px;
}
#kwick7 a:hover{
	background-position: right -110px;
}

/*------------- PAGE ----------------- */

#conteneur #page #contenu {
	width:620px;
	margin-left:300px;
	margin-top:0;
}

#conteneur #page #contenu p {
	margin:10px 30px 0 20px;
	font-size:0.75em;
	line-height:1.5em;
}

#conteneur #page #contenu a {
	color:#000;
}

#conteneur #page #contenu a:hover {
	color:#c07027;
}

#conteneur #page #contenu li {
	margin:0 30px 0 20px;
	font-size:0.75em;
	line-height:1.5em;
}

.chapo {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:1.2em;
	color:#c07027;
}

#conteneur #page #contenu .chapo a {
	color:#c07027;
}

#conteneur #page #contenu .chapo a:hover {
	color:#000;
}

#conteneur #page #contenu .imageG {
	float:left;
	margin:0 10px 20px 0;
}

#conteneur #page #contenu .imageD {
	float:right;
	margin-left:5px;
	margin-top:10px;
}

#conteneur #page #contenu h1 {
	font: 1.5em Georgia, "Times New Roman", Times, serif bold;
	color:#c07027;
	display:block;
	height:60px;
	padding:0 30px 0 40px;
}

#conteneur #page #contenu h2 {
	font: 1em Georgia, "Times New Roman", Times, serif bold;
	color:#c07027;
	margin:10px 30px 0 20px;
}

#conteneur #page #contenu h3 {
	font: 0.8em Georgia, "Times New Roman", Times, serif bold;
	color:#c07027;
	margin:10px 30px 0 20px;
}

#conteneur #page #contenu .imgG {
	display:table;
	width:190px;
	float:left;
	padding:0 0 10px 0;
	margin:10px 15px 0 0;
	background:url(../images/site/illustration200.png) bottom;
}

#conteneur #page #contenu .imgG img {
	margin-bottom:5px;
}

#conteneur #page #contenu .imgG .legende {
	font-size:0.7em;
}

#conteneur #page #contenu .imgD {
	display:table;
	width:190px;
	float:right;
	padding:0 0 10px 0;
	margin-right:10px;
	background:url(../images/site/illustration200.png) bottom;
}

#conteneur #page #contenu .imgD img {
	margin-bottom:5px;
}

#conteneur #page #contenu .imgD .legende {
	font-size:0.7em;
}

#conteneur #pageFond #page #menuS .img {
	display:table;
	width:240px;
	padding:0 0 10px 0;
	margin-left:25px;
	background:url(../images/site/illustration240.png) bottom;
}

#conteneur #pageFond #page #menuS .img img {
	padding:0;
	margin:0;
}

/*----------- CONTACT -------------- */

#conteneur #page #menuS #contact {
	background:url(../images/site/contact.png) no-repeat;
	width:290px;
	height:120px;
}

#conteneur #page #menuS #contact p {
	padding:10px 0 0 40px;
	font-size:0.8em;
	text-align:left;
	color:#fff;
}

#conteneur #page #menuS #contact a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.8em;
	font-weight:bold;
	text-align:left;
	color:#fff;
	margin:0;
	padding:0;
	border:none;
	background:none;
}

#conteneur #page #menuS #contact a:hover {
	font-style:italic;
	color:#000;
}

/*------------ SOUS MENU ------------------ */

#conteneur #page #menuS ul {
	list-style-type:none;
	margin:0;
	padding:10px 0 0 0;
}

#conteneur #page #menuS li {
}

#conteneur #pageFond #page #menuS p {
	margin-left:23px;
	font-size:0.8em;
}

#conteneur #page #menuS a {
	display:block;
	width:230px;
	height:30px;
	margin:5px 0 0 20px;
	padding-left:20px;
	text-decoration:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:0.8em;
	color:#000;
	background:url(../images/site/puce.png) no-repeat left;
	border-bottom:#c07027 2px dotted;
}
	
#conteneur #page #menuS a:hover {
	color:#c07027;
	background:url(../images/site/puce_hover.png) no-repeat left;
}

/* FORMULAIRE */

#conteneur #contenu #page #formID .obligatoire {
	color:#F00;
}

form.formular {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 20px;
	width:450px;
	margin: 0 0 0 50px;
}

.formular label {
	float: none;
	text-align: inherit;
	width: auto;
	display:block;
	height:35px;
}

.formular label span {
	color: #000;
	float:left;
	display:block;
	width:100px;
	text-align:right;
	margin-right:5px;
	line-height:30px;
}

.formular input, .formular select, .formular textarea {
	display : block;
	margin-bottom: 5px;
}

.formular .text-input {
	/*width: 250px;*/
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 14px;
	margin-top: 4px;
	background: #FFF url('/img/form/text-bg.gif') repeat-x;
	
}
.formular textarea {
	/*width: 250px;
	height:70px;*/
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 14px;
	margin-top: 4px;
	background: #FFF url('/img/form/text-bg.gif') repeat-x;
	
}
.formular .infos {
	background: #fff;
	color: #333;
	font-size: 12px;
	padding: 10px;

	margin-bottom: 10px;
}

.formular span.checkbox, .formular .checkbox {
	display: inline;
}

.formular .submit {
	background: #FFF url('/img/form/button-bg.png') repeat-x;
	border: 1px solid #AAA;
	padding: 4px;
	margin-top: 20px;
	float: right;
	text-decoration: none;
	cursor:pointer;
}

.formular hr {
	clear: both;
	visibility: hidden;
}

.formular .fc-error {
	width: 350px;
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 12px;
	margin-bottom: 15px;
	background: #fff;
}

.formError {
	position:absolute;
	top:300px; left:300px;
	width:180px;
	padding-bottom:15px;
	display:block;
	z-index:5000;
}
.formError .formErrorContent {
	width:100%; 
	background:#e2007a;
	color:#fff;
	font-family:tahoma;
	font-size:10px;
	box-shadow: 0px 0px 6px #000;
	-moz-box-shadow: 0px 0px 6px #000;
	-webkit-box-shadow: 0px 0px 6px #000;
	padding:4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.formError .formErrorArrow{
	position:absolute;
	bottom:0;left:20px;
	width:15px; height:15px;
}
.formError .formErrorArrow div{
	box-shadow: 0px 0px 6px #000;
	-moz-box-shadow: 0px 0px 6px #000;
	-webkit-box-shadow: 0px 0px 6px #000;
	font-size:0px; 
}
.formError .formErrorArrow .line10{width:15px;height:1px; background:#e2007a;margin:0 auto; font-size:0px; display:block;} 
.formError .formErrorArrow .line9{width:13px;height:1px; background:#e2007a;margin:0 auto;display:block;} 
.formError .formErrorArrow .line8{width:11px;height:1px; background:#e2007a;margin:0 auto;display:block;} 
.formError .formErrorArrow .line7{width:9px;height:1px; background:#e2007a;margin:0 auto;display:block;} 
.formError .formErrorArrow .line6{width:7px;height:1px; background:#e2007a;margin:0 auto;display:block;} 
.formError .formErrorArrow .line5{width:5px;height:1px; background:#e2007a;margin:0 auto;display:block;} 
.formError .formErrorArrow .line4{width:3px;height:1px; background:#e2007a;margin:0 auto;display:block;} 
.formError .formErrorArrow .line3{width:1px;height:1px; background:#e2007a;margin:0 auto;display:block;}

#conteneur #page #contenu #formID .controle {
	display:none;
}

#conteneur #page #contenu #formID .obligatoire {color:#F00;}

.decale50 {
	margin-left:50px;
}

#conteneur #page #contenu p.exergue {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#c07027;
	font-size:1.2em; 
}