html{height:100%;}

body {
	background-image:url(img/fond.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	overflow-y:auto;
	overflow-x:auto;
	font-family:"Arial","Verdana","Tahoma";
	font-size:11px;
	color:#5C4D8D;
	height:100%;
	}

div {
position:relative;
float:left;
box-sizing: content-box; 
-moz-box-sizing: border-box;
}

a{color:#6801BF;}
a:hover{color:#FFA900;}

img{border-size:0px;margin:0px;padding:0px;}
img.floatleft{float:left;padding-right:7px;padding-bottom:2px;}
img.floatright{float:right;padding-left:7px;padding-bottom:2px;}
		
#optionalleft {
	position:absolute;
	width:960px;
	height:500px;
	left:20%;
	top:91px;
	margin-left:-216px;
}

#optionalright {
	position:absolute;
	left:20%;
	top:0px;
	margin-left:768px;
}

#header {
	position:absolute;
	width:1145px;
	height:500px;
	left:20%;
	margin-left:-192px;
	border-left-width:1;
	border-left-style:solid;
	border-left-color:#A9A9DA;
	}

#banniere {
	position:absolute;
	width:1152px;
	height:149px;
	left:20%;
	top:91px;
	margin-left:-192px;
	z-index:1;
	overflow: visible;
}

#banniere table {width:100%;border-spacing:0px;border:0px;height:130px;padding:0px;margin:0px;border-collapse:collapse;}

.grostitre {
	color:#3586A8;
	font-size:30px;
	font-family:"Tahoma","Arial","Verdana";
	text-align:center;
	width:550px;
	vertical-align:middle;
}
.lastnews{
	font-size:11px;
	width:218px;
	height:130px;
	background-image:url(img/rayures.jpg);
	vertical-align:top;
	}

.titrenews{
	font-size:13px;
	color:#6801BF;
	font-weight:bold;
	padding:3px;
	padding-left:5px;
	padding-bottom:4px;
}

.newstitle {
	box-sizing: content-box; 
	-moz-box-sizing: border-box;
	color:#000;
	font-size:11px;
	width:100%;
	padding-left:5px;
	display:block;
	border-color:#b6b6b6;
	border-style:dashed;
	border-width:1px;
	text-decoration:none;
	font-weight:bold;
	clear:left;
	}
	
.newstitle:hover{color:#FFA900;}
	

.newstext{
	width:100%;
	padding:3px;
	padding-top:2px;
	padding-bottom:4px;
	padding-left:5px;
	}

	
#navigation{
	width:100px;
	height:19px;
}

#principal {
	position:absolute;
	width:1165;
	height:100%;
	left:20%;
	top:220px;
	margin-left:-192px;
	z-index:0;
	visibility:visible;
	}

table.colonnage {border-spacing:0px;border:0px;height:100%;padding:0px;border-collapse:collapse;}

table.colonnage td {
	padding:0px;
	vertical-align:top;
	border-left-width:1;
	border-left-style:solid;
	border-left-color:#A9A9DA;
	box-sizing: content-box; 
	-moz-box-sizing: border-box;

}

table.colonnage td.tdleft {
	background-image:url(img/rayures.jpg);
	width:169px;
	box-sizing: content-box; 
	-moz-box-sizing: border-box;
	padding-top:20px;
	padding-left:0px;
	padding-right:0px;
	clear:left;
}

.colonne_gauche {
	clear:left;
	width:169px;
	box-sizing: content-box; 
	-moz-box-sizing: border-box;
	font-size:11px;
	}
	
.colonne_gauche .imgleft{
	box-sizing: content-box; 
	-moz-box-sizing: border-box;
	width:169px;
	padding:0px;
	margin:0px;
	margin-bottom:10px;
}

.colonne_gauche .titleleft {
	box-sizing: content-box;
	-moz-box-sizing: border-box;
	font-size:12px;
	color:#6801BF;
	font-weight:bold;
	width:169px;
	clear:left;
	margin:0px;
	background-image:url(img/fond_titreleft.jpg);
	padding-left:5px;
	clear:left;
	display:block;
	margin:0px;
	text-decoration:none;
	border-color:#b6b6b6;
	border-style:dashed;
	border-width:1px;
	/*height:19px;
	*/
	line-height:16px;
	letter-spacing : 0.5px;
}

.colonne_gauche .titleleft:hover{
	background-image:url(img/fond_titreleft_on.jpg);
	color:#000;
}

.colonne_gauche .textleft{
	box-sizing: content-box; 
	-moz-box-sizing: border-box;
	width:169px;
	padding:5px;
	padding-bottom:10px;
	clear:left;
	
}

.lienpuce{
	box-sizing: content-box;
	-moz-box-sizing: border-box;
	display:block;
	background-image:url(img/puce_small.gif);
	background-repeat:no-repeat;
	padding-left:10px;
	color:#000;
	font-weight:bold;
	text-decoration:none;
	line-height:16px;
	clear:left;
} 

.ensavoirplus{
	color:#000;
	font-weight:bold;
	text-decoration:none;
}

.contenu{
	width:789px;
	top:20px;
	background-color:#ffffff;
	clear:left;
	padding-bottom:20px;
	z-index:0;
	font-family:"Arial","Verdana","Tahoma";
	font-size:13px;
	/*color:#5C4D8D;*/
    color:#343434;
	height:100%;
	text-align:justify;
}

.contenu .firstcols{
border-right-style:dashed;
border-right-width:1px;
border-right-color:#b6b6b6;
padding-left:15px;
padding-right:15px;
margin-top:15px;
}

.contenu .lastcol{
padding-left:15px;
padding-right:15px;
margin-top:15px;
}

.exergue{
margin:0px;
padding:0px;
border-style:dashed;
border-width:1px;
border-color:#b6b6b6;
background-image:url(img/rayures.jpg);
width:100%;
color:#4E4E4E;
}


.contenu .ariane{
padding-left:15px;
padding-right:15px;
margin-top:7px;
font-size:10px;
color:#b6b6b6;
}

.contenu .ariane a{
font-size:10px;
color:#b6b6b6;
text-decoration:none;
}

.contenu .ariane a:hover{
color:#000;
}


.contenu_doc{
	box-sizing: content-box; 
	-moz-box-sizing: border-box;
	padding:10px;
	padding-right:0px;
	clear:left;
	width:100%;
	}
.contenu_exg{box-sizing: content-box;-moz-box-sizing: border-box;padding:7px;clear:left;width:100%;text-align:left;}

.footer{
	box-sizing: content-box; 
	-moz-box-sizing: border-box;
margin-left:15px;
margin-right:15px;
border-top-style:dashed;
border-top-width:1px;
border-top-color:#b6b6b6;
margin-top:15px;
width:96%;
text-align:center;
font-size:10px;
color:#b6b6b6;
padding-top:5px;
margin-bottom:10px;
clear:left;
}


.grandtitre{
	box-sizing: content-box; 
	-moz-box-sizing: border-box;
	font-size:20px;
	background-image:url(img/rayures.jpg);
	display:block;
	border-color:#b6b6b6;
	border-style:dashed;
	border-width:1px;
	text-decoration:none;
	color:#000;
	padding-left:10px;
	padding-right:100px;
	font-weight:bold;
	width:100%
	}

.grandtitre:hover{color:#FFA900;}

.titre{
	box-sizing: content-box; 
	-moz-box-sizing: border-box;
	font-size:16px;
	background-image:url(img/rayures.jpg);
	display:block;
	border-color:#b6b6b6;
	border-style:dashed;
	border-width:1px;
	text-decoration:none;
	color:#000;
	padding-left:10px;
	padding-right:10px;
	font-weight:bold;
	width:100%;
	}

.titre:hover{color:#FFA900;}

.titre2{
	box-sizing: content-box; 
	-moz-box-sizing: border-box;
	font-size:16px;
	background-image:url(img/rayures.jpg);
	display:block;
	border-color:#b6b6b6;
	border-style:dashed;
	border-width:1px;
	text-decoration:none;
	color:#000;
	padding-left:10px;
	padding-right:10px;
	font-weight:bold;
	width:100%;
	}

.titre2:hover{color:#FFA900;}


.titreexg{
	box-sizing: content-box; 
	-moz-box-sizing: border-box;
	font-size:16px;
	background-color:#fff;
	display:block;
	text-decoration:none;
	color:#000;
	padding-left:7px;
	padding-right:7px;
	font-weight:bold;
	width:100%;
	border-bottom-color:#b6b6b6;
	border-bottom-style:dashed;
	border-bottom-width:1px;
	}

.titreexg:hover{color:#FFA900;}

 .soustitre{
padding-top:7px;
color:#FFA900;
font-weight:bold;
font-size:14px;
clear:left;
width:100%;
padding-left:10px;
padding-right:7px;
text-align: left;
}

.soustitre:hover{color:#000;}

.stitre{color:#000;}

#trait{
	width:1px;
	background-image:url(img/trait.jpg);
}
	
.transparence {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	}

 .rayures {
	background-image:url(img/rayures.jpg);
	}

 #menu_principal{
	width:789px;
	top:20px;
	left:0px;
	z-index:5;
	height:23px;
}
.menu{
float:left;
margin-right:1px;
height:23px;
line-height:23px;
background-image:url(img/puce_nav_big.gif);
background-repeat:no-repeat;
z-index:5;
}

.menu a{
box-sizing: content-box; 
-moz-box-sizing: border-box;
border:1px solid;
border-color:#A9A9DA;
margin-left:18px;
height:23px;
line-height:21px;
font-size:14px;
font-weight:bold;
font-family:"Arial";
text-decoration:none;
z-index:5;
display:block;
text-align:center;
color:#000;
font-variant:small-caps;
}

.menu a:hover{color:#000;}

.menu a.m0{background-color:#EDFFDF;}
.menu a.m1{background-color:#FAFFDC;}
.menu a.m2{background-color:#FFF2D7;}
.menu a.m3{background-color:#FAEBFF;}
.menu a.m4{background-color:#E5F4FF;}
.menu a.m5{background-color:#E6FFFA;}

.menu a.m0:hover{background-color:#D3FFB2;}
.menu a.m1:hover{background-color:#F1FF93;}
.menu a.m2:hover{background-color:#FFDD9A;}
.menu a.m3:hover{background-color:#F0BEFF;}
.menu a.m4:hover{background-color:#BEE4FF;}
.menu a.m5:hover{background-color:#BEFFF2;}


#menu_secondaire{
	width:789px;
	top:19px;
	left:19px;
	z-index:4;
}

.blocmenu 
{
z-index:4;
position:absolute;
top:0px;
visibility:hidden;
border:1px solid;
background-color:#F4F4F4;
border-color:#A9A9DA;
}

.sm0,.sm1,.sm2,.sm3,.sm4,.sm5 {
height:19px;
line-height:19px;
font-size:12px;
text-decoration:none;
z-index:4;
display:block;
text-align:left;
color:#581BC9;
color:#000;
padding-left:20px;
padding-right:10px;
clear:left;
border-bottom-style:dashed;
border-bottom-width:1px;
border-bottom-color:#b6b6b6;
	background-image:url(img/puce.gif);
	background-repeat:no-repeat;
}

.sm0:hover,.sm1:hover,.sm2:hover,.sm3:hover,.sm4:hover,.sm5:hover{color:#000;}

.sm0:hover{background-color:#EDFFDF;}
.sm1:hover{background-color:#FAFFDC;}
.sm2:hover{background-color:#FFF2D7;}
.sm3:hover{background-color:#FAEBFF;}
.sm4:hover{background-color:#E5F4FF;}
.sm5:hover{background-color:#E6FFFA;}


#nav_principal{
	z-index:5;
	height:19px;
	margin-left:123px;
}
.nav{
	float:left;
	margin-left:1px;
	height:19px;
	line-height:19px;
	background-image:url(img/puce_nav_small.gif);
	background-repeat:no-repeat;
	z-index:5;
}

.nav a{
	box-sizing: content-box; 
	-moz-box-sizing: border-box;
	width:70px;
	border:1px solid;
	border-color:#581BC9;
	margin-left:15px;
	height:19px;
	line-height:17px;
	font-size:12px;
	text-decoration:none;
	z-index:5;
	display:block;
	text-align:center;
	color:#000;
	background-color:#E6FFFA;
font-weight:bold;
}

.nav a:hover{background-color:#BEFFF2;}

#nuage {
	width:473px;
	padding:10px;
	font-size:11px;
	text-align:justify;
	/*font-weight:bold;*/
	color:#000;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	background-color:#fff;
}

#nuage a{
text-decoration:none;
color:#000;
}

#nuage a.nb{color:#00A7C1;}
#nuage a.no{color:#FF7800;}
#nuage a.np{color:#C300FF;}
#nuage a.nv{color:#82CD00;}

#nuage a:hover, a.nb:hover, a.no:hover, a.np:hover, a.nv:hover{color:#FF6C00;}

input {
height:18px;
width:100%;
margin-bottom:7px;
background-color:#F7FDFF;
background-image:url(img/fond_input.jpg);
background-repeat:repeat-y;
border-style:solid;
border-width:1px;
border-color:#b6b6b6;
font-size:11px;
padding-left:2px;
color:#75718a;
}

input.error{
background-color:#FDF7FF;
background-image:url(img/fond_input_error.jpg);
border-color:#E378A3;
}

textarea {
height:40px;
width:100%;
margin-bottom:7px;
background-color:#F7FDFF;
background-image:url(img/fond_input.jpg);
background-repeat:repeat-y;
border-style:solid;
border-width:1px;
border-color:#b6b6b6;
font-size:11px;
font-family:"Arial";
padding-left:2px;
color:#75718a;
}

textarea.error{
background-color:#FDF7FF;
background-image:url(img/fond_input_error.jpg);
border-color:#E378A3;
}


.formulaire{
color:#6801BF;
/*font-weight:bold;*/
width:100%;
padding-top:7px;
padding-left:10px;
padding-bottom:10px;
}

.formulaire .error{
color:#FF0066;
}

select {
height:17px;
width:100%;
margin-bottom:7px;
background-color:#F7FDFF;
background-image:url(img/fond_input.jpg);
background-repeat:repeat-y;
border-style:solid;
border-width:1px;
border-color:#b6b6b6;
font-size:11px;
color:#75718a;
}

select.error{
background-color:#FDF7FF;
background-image:url(img/fond_input_error.jpg);
border-color:#E378A3;
}

.soumission{
	float:left;
	margin-left:1px;
	height:23px;
	line-height:23px;
	background-image:url(img/puce_nav_big.gif);
	background-repeat:no-repeat;
	z-index:5;
}

.soumission a{
	box-sizing: content-box; 
	-moz-box-sizing: border-box;
	width:70px;
	border:1px solid;
	border-color:#b6b6b6;
	margin-left:18px;
	height:23px;
	line-height:21px;
	font-size:14px;
	text-decoration:none;
	z-index:5;
	display:block;
	text-align:center;
	color:#000;
	background-image:url(img/rayures.jpg);
font-weight:bold;
}

.soumission a:hover{color:#FFA900;}