/* MAIN DIVs Containers
******************************************/  
body {
margin:0;
padding:0;
border:0;
text-align:center !important;
background-color:#FFFFCC;
min-width:837px;
font-family:Arial, Helvetica, sans-serif;
font-size:102%; 
color:#494444;
}
div#container
{
display:block; 
position:relative; 
margin-left: auto;
margin-right: auto;
margin-top:20px;
margin-bottom:20px;
width:837px;
max-width:837px;
text-align: left;
background-color:#C1C18E;

}
div#container2
{
position:relative; 
width:837px;
max-width:837px;
top:-5px;
left:-7px;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
border-right:1px solid #333333;
border-bottom:1px solid #333333;
background-color:#FFFFFF;
}
*html div#container2 {left:-5px;}
	/* clearfix USED FOR Height:100% on div#container under Safari and Google Chrome */
	.clearfix:after {content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;}
	.clearfix {display: inline-block;}
	/* Hides from IE-mac \*/
	* html .clearfix { height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */

#footer {
clear:both;
width: 837px;
float:left;
width:100%;
}

#header {
clear: left; 
width: 837px;
height:94px;
position:absolute;
top:0px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
}
*:first-child+html #header {  /*  hack IE 7.0   */
left: 50%;
right: 50%;
margin-left:-419px;
}
*html #header {  /*  hack IE 6.0  */
left: 50%;
right: 50%;
margin-left:-418px;
}

#contenttab{
margin:99px 0px 0px 0px;
}
.leftpane{
width:186px;
height:100%;
background:url(img/courbe_vio3.gif) top left repeat-y;
	font-family: Arial !important;
	font-size: 14px !important;
	font-weight: bold;
	color: #CCCCCC;
	font-style:italic;
}
.rightpane{
width:651px;
height:100%;
padding-right:40px;
}
#bigcurve3 {
position:relative;
top:0px;
left:0px;
width:186px;
height:172px;
background:url(img/bigcurve3.gif) top left no-repeat;
}

/* Styles
******************************************/
.bandeau{
width:837px;
height:72px;
border:none;
margin:0;
padding:0;
background:url(img/bandeau2.gif) top left no-repeat;
}

.topnav{
width:837px;
height:22px;
border:none;
margin:0;
padding:5px 0px 0px 0px;
background-color:#CC3399;
overflow:hidden;
font-size: 12px !important;
}
.topnav p{
display:inline;
margin:0px 10px 0px 14px;
padding:0px 10px 0px 0px;
vertical-align:top;
}
.topnav a:link, .topnav a:visited {
	color:#FFFFFF;
	font-weight: bold;
	text-decoration:none;
}
.topnav a:hover {
	text-decoration:underline;
}
.bott {
text-align:center;
position:relative;
margin:0px 0px 20px 0px;
font-size:9px !important;
color:#ACA7A7;
}

.leftpane p{
width:100px;
padding:10px 0px 10px 4px;
border-bottom:1px dashed #C1C18E;
}

.leftpane a:link, .leftpane a:visited {
	font-weight: bold;
	color: #CCCCCC;
	font-style:italic;
}
.leftpane a:hover {
color:#FFFFFF;
text-decoration:none;
}
.rightpane a:link, .rightpane a:visited {
	color: #AE7737;
	text-decoration:underline;
}
.rightpane a:hover {
	color: #AE4537;
}
.txtcontenu_minuscule {
	font-family:  Arial, sans-serif !important;
	font-size: 9px !important;
}
h1{
	font-size: 125%;
	font-style: italic;
	margin:20px 0px 10px 0px;
}
h2{
	font-size: 125%;
	font-style: italic;
	margin:10px 0px 10px 0px;
	color:#9C0063;
}

.txtcontenu_Titre_Gras {
	font-family: Arial !important;
	font-size: 18px !important;
	font-weight: bold !important;
}
.txtcontenu_Titre_small {
	font-family: Georgia, "Times New Roman", Times, serif !important;
	font-size: 16px !important;
}
.principaltitre1 {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 18px !important;
	font-weight: bold !important;
	color: #000000 !important;
}
A.principaltitre1 {
	text-decoration:underline !important;
}
A.principaltitre2 {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 18px !important;
	font-weight: bold !important;
	color: #FFCC99 !important;
	text-decoration:none !important;
}


.floatright{
float:right;
margin:0px 0px 20px 20px;
}
.floatleft{
float:left;
margin:0px 20px 20px 0px;
}

.ditto_sumPost_contain {
margin:20px 0px 20px 0px;
border-bottom:1px dotted #C14A8F;
}
.goingup{
font-size:12px;
display:block;
padding:4px;
background:#F7EDF7;
border:1px solid #C14A8F;
}
.infosprat{
padding:20px;
}
#infospays{
float:right;
width:215px;
height:75px;
font-size:12px;
padding:0px 0px 0px 10px;
margin-top:-5px !important;
}
#infospays_bar{
padding:0px 0px 0px 10px;
border-left:1px dotted #C14A8F;
}
#infospays p{
margin:0 !important;
padding:0 !important;
display:block !important;
}
.cl{color:#AE4537;}



/* EmailForm
******************************************/
#EmailForm {
	width: 310px;
	text-align: left;
	padding-bottom: 20px;
	border: none;
}

#EmailForm.full { width: 100%; }


#EmailForm fieldset {
    border: none;
margin:4px 0px 20px 0px !important;
border-bottom:1px dotted #C14A8F;
}

#EmailForm legend {
	display: none;
}

#EmailForm label,
#EmailForm p {
	display: block;
	clear: both;
	width: 310px;
/*	font-size: 1em !important; */
	line-height: 1.5em;
	padding: 0 0 9px;
	color:#94396E;
	
}
#EmailForm input {
	display: block;
	margin-top: 3px;
	 	font-size:12px !important;
}
#EmailForm select {
	float: left;
	display: block;
		font-size:12px !important;
}

#EmailForm label.first,
#EmailForm label.city {
    clear: left;
    margin-right: 10px;
    width: 150px;
}

#EmailForm label.second,
#EmailForm label.state {
	float: left;
	clear: none;
	margin: 0 10px 0 0;
	width: 150px;
}
#EmailForm label.state { width: 60px; }

#EmailForm label.first input,
#EmailForm label.city input,
#EmailForm label.second input {
	float: left;
	width: 150px;
	padding: 0;
}

#EmailForm label.state select {
	width: 60px;
	float: left;
	margin-top: 3px;
}

#EmailForm label.zip,
#EmailForm label.zip input {
	float: left;
	width: 80px;
}
#EmailForm label.zip { clear: none; }

#EmailForm label {
	float: left;
	clear: left;
	width: 310px;
	margin: 0;
	line-height: 1.5em;
}

#EmailForm label input {
	float: left;
	width: 310px;
	padding: 0;
}

/* style the #EmailForm elements to look similar across browsers ... emulates Safari */
#EmailForm label input,
#EmailForm textarea {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    padding: 0 2px;
    height: 18px;
    line-height: 20px;
	margin-top: 3px;
	width: 383px;
	height: auto;
	display: block;
		font-size:12px !important;
}
#EmailForm input.checkbox,
#EmailForm select {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background-color: #fff;    
}
#EmailForm label input.calc {
    text-align: right;
    width: 100px;
    clear: left;
    padding: 0;
}

.leftpane ul{
margin:2px 0px 6px 18px;
padding:0px;
}
.leftpane li{
width:115px;
list-style-image:url(img/bullet.gif);
list-style-position:outside;
margin:2px 0px 2px 0px;
padding:3px 0px 3px 0px;
}

dl.curved {background:#9C0063 url(img/c_tl.gif) top left no-repeat; margin:25px 0; padding:0; width:96%;}
dl.curved dt {background:transparent url(img/c_tr.gif) top right no-repeat; padding:10px; text-align:center;
	font-weight: bold;
	color: #FFFFFF;
	font-style:italic;
}
dl.curved dd {background:#FFFFCC url(img/c_bl.gif) bottom left no-repeat; padding:0; margin:0;}
dl.curved dd p {margin:0; padding:10px; line-height:1.3em;}
dl.curved dd p.last {background:transparent url(images/c_br.gif) bottom right no-repeat; }

/* UNDO
******************************************/
body,div,dl,dt,dd,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin: 0; padding: 0;}
a img,:link img,:visited img {border: none;}
a:link,a:visited {text-decoration: none;}
table {	border-collapse: collapse;	border-spacing: 0;}
fieldset, img { border: 0;}
address,abbr,mcaption,cite,code,dfn,th,var {font-style: normal; font-weight: normal;}
caption,th {text-align: left;}
q:before,q:after {content: '';}
abbr,acronym {border: 0;}