.messages  {
overflow:hidden;
width:100%;
}

.messages, .messages ul {
list-style:none outside none !important;
margin:0 !important;
padding:0 !important;
}

.messages li {
margin:0 0 10px;
}

.success-msg {
background-color:#EFF5EA;
background-image:url("images/success_msg_icon.gif");
border-color:#446423;
color:#3D6611;
}

.error-msg, .success-msg, .note-msg, .notice-msg {
background-position:10px 10px !important;
background-repeat:no-repeat !important;
border-style:solid !important;
border-width:1px !important;
font-size:10px !important;
font-weight:bold !important;
min-height:24px !important;
padding:8px 8px 8px 32px !important;
}




/* Pourcentage stats*/ 
div.progress-container {
  border: 1px solid #ccc; 
  width: 300px; 
  margin: 2px 5px 2px 0; 
  padding: 1px; 
  float: left; 
  background: white;
}

div.progress-container > div {
  background-color: #ACE97C; 
  height: 15px
}



  dl { 
        margin: 0; 
        padding: 0;                     
    }
    dt { 
        position: relative; /* IE is dumb */
        clear: both;
        display: block; 
        float: left; 
        width: 104px; 
        height: 10px; 
        line-height: 20px;
        margin-right: 17px;              
        font-size: .75em; 
        text-align: right; 
    }
    dd { 
        position: relative; /* IE is dumb */
        display: block;                 
        float: left;     
        width: 197px; 
        height: 10px; 
        margin: 0 0 15px; 
        background: url("../images/g_colorbar.jpg"); 
     }
     * html dd { float: none; } 
    /* IE is dumb; Quick IE hack, apply favorite filter methods for 
    wider browser compatibility */

     dd div { 
        position: relative; 
        background: url("../images/g_colorbar2.jpg"); 
        height: 10px; 
        width: 75%; 
        text-align:right; 
     }
     dd div strong { 
        position: absolute; 
        right: -5px; 
        top: -2px; 
        display: block; 
        background: url("../images/g_marker.gif"); 
        height: 10px; 
        width: 9px; 
        text-align: left;
        text-indent: -9999px; 
        overflow: hidden;
     }
	 

#gallery {
	position: relative;
	margin: 10px auto;
	width: 500px;
	height: 400px;
	background: #2a2a2f;
	border: 2px solid #5f5f5f;
}
 
#progress {
	margin: 10px auto;
	width: 200px;
	height: 15px;
	padding: 2px;
	border: 2px solid #dfdfdf;
}
 
#progress .bar {
	width: 0px;
	text-align: center;
	font-size: 10px;
	height: 15px;
	background: #2a2a2f;
	color: #fff;
	font-weight: bold;
}


body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 85%;
	color: #404040;
	background-color: #FFF;
	/*text-align: center;*/
	text-align: left;
	
}

p {
	margin: 0.1em 0 0.1em 0;
}

/* Tableaux */
.milieu  { vertical-align:middle; width: 52px;  }
.milieuonly  { vertical-align:middle; }

.options  { margin-left: 5px;   }

h1 {
	margin: 0;
	padding: 0;
	font-size: 200%;
	font-weight: normal;
	
}

h2 {
margin: 0px 10px 5px 10px;
padding: 14px 0px 2px 0px;
color: #404040;
font-size: 15px;
line-height: 19px;
border-bottom: 1px dotted #2e87e6;
font-weight: normal;
text-transform: none;
}



h13 {
margin: 0px 10px 5px 10px;
padding: 14px 0px 2px 0px;
color: #404040;
font-size: 30px;

}


/*
h10 {
margin: 0px 10px 5px 10px;
padding: 14px 0px 2px 0px;
color: #404040;
font-size: 15px;
line-height: 19px;

font-weight: normal;
text-transform: none;
}
*/






h3 {
	margin: 0.1em;
	padding: 0;
	font-size: 90%;
	font-weight: normal;
	color: #FFFFFF;
	}

h4 {	
	margin: 0.1em;
	padding: 0;
	font-size: 90%;
	font-weight: normal;
	color: #CC0033;
	}



h5 {
	margin: 0;
	padding: 0;
	font-size: 150%;
	font-weight: normal;
	
}

h6 {
	font-weight: normal;
	font-size: 80%;

padding:7px;	width: 190px; 

 
    border-bottom: 1px solid #FF99CC;
    border-left: 1px solid #FF99CC;


}











h7 {
	font-weight: normal;
font-size: 100%;
background:white;background:#F6F6F6;border:1px dashed #C9C9C9;
}
 
h8 {
	
font-size: 1%;
color: #FFFFFF;
}
 

.h9 {

	padding: 10px;
	margin: 0px 10px 0px 10px;
	border: 1px dotted #0066ff;
	color: #404040;

}

.h10 {
	-moz-border-radius:0 10px 0 0;
	width: 628px;
	margin: 0px 25px;
	border: 1px solid #0066ff;
	color: #000;
	background-color: #f7f8f9;
}

.h11 {
	-moz-border-radius:0 0px 10px 0;
	width: 229px;
	height: 67px;
	margin: 0px 424px;
	border-left: 1px solid #0066ff;
	border-right: 1px solid #0066ff;
	border-bottom: 1px solid #0066ff;
	color: #000;
	background-color: #f6fcff;
}
.h11 td{width: 150px;} 


.h12 {
	width: 229px;
	height: 67px;
	margin: 0px 424px;
	border-left: 1px solid #0066ff;
	border-right: 1px solid #0066ff;
	border-bottom: 1px solid #0066ff;
	color: #000;
	background-color: #f6fcff;
}
.h12 td{width: 150px;} 


div {
	margin: 0; 
	padding: 0; 
	display: block;
}



.container {
	background-color: #FFFFFF; 
	margin: 0 auto 0 auto; 
	padding:0; 
		
	
}


ul.navigation {
	list-style-type: none; 
	float: left; 
	display: block; 
	width: 740px; 
	line-height: 0.1em; 
	clear: both; 
	margin: 0; 
	padding: 0; 
	background-color: White;
	border-bottom: 1px solid #C4C4C4;
}




.leftcontent {
	margin: 0.5em; 
	padding: 0.3em; 
	/*border: 1px solid #000000; */
	text-align: left;
	background-color:;
	
}
 

a img

{

  border:  none ;

}


.leftcontent a:link {

color: #000000;
	text-decoration: none;
}

.leftcontent a:active {
	color: #4169E1; 
	text-decoration: underline;
}

.leftcontent a:visited {
	color: #000000;
	text-decoration: none;
}

.leftcontent A:hover {
	color: #FF5B14;
	text-decoration: underline;
}
.leftcontent a.a:hover {
   color: #4169E1; 
	text-decoration: none;
	}


.leftcontent p {
	padding-left: 1em;
}



.left h2 {
	text-align: left; 
	padding: 0 0 0 1em;
}

.leftlinks a {
	display: block;
}

.logo {
	width: 1130px;
	position: relative;
	padding: 0 50px;
	margin: 0 auto;


	/*margin: 0.8em 0.8em 0 16.2em; */
	/*padding: 0.3em 0 0.3em 1ex;*/
	/*border: 1px dotted #0066ff;*/
}

.centre {
	width: 1130px;
	position: relative;
	padding: 0 0;
	margin: 0 auto;


	/*margin: 0.8em 0.8em 0 16.2em; */
	/*padding: 0.3em 0 0.3em 1ex;*/
	/*border: 1px dotted #0066ff;*/
}

.content {
	/*background: url("images/bj.jpg");*/
	/*height: 1196px;*/
	width: 690px; 
	/*clear: right; */
	text-align: left; 
	/*margin: 0.8em 0.8em 0 16.2em; */
	float: right;
	padding: 14px 0px 14px 0;
	/*border: 1px dotted #0066ff;*/

   /*  background-image: url(fond.jpg);   */
}

.left {
	 
	float: left; 
	/*clear: both; */
	width: 200px; 
	margin: 0 0 0 0.1em; 
	padding: 0;
}

.right {
	 
	float: right; 
	/*clear: both; */
	width: 200px; 
	margin: 0 0 0 0.1em; 
	padding: 0;
}

.left2 {}

.header {
	color: #FFFFFF;
	margin: 0; 
	text-align: left;
	background-image: url(header.jpg); 
	height: 140px;
}

.header p {
	text-indent: 8em; 
	color: #3B4471;
}

.header  a:link {
/*font-weight: bold;*/
	color: #FFFFFF;
	text-decoration: none;
}

.header  a:active {
	color: #FFFFFF;
	text-decoration: underline;
}

.header  a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

.header  a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}


.doitecontent {
float: right;
}

.gauchecontent {
float: left;
}
.doitecontent2 {
float: right;
padding: 5ex 7ex ;

}
.doitecontent3 {
font-size: 34px;
	color: #FFFFFF;
}


.content  a:link {
font-weight: bold;

color: #000000;
	text-decoration: none;
}

.content  a:active {
font-weight: bold;
	color: #4169E1; 
	text-decoration: underline;
}

.content  a:visited {
font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.content  A:hover {
font-weight: bold;
	color: #FF5B14;
	text-decoration: underline;
}
.content  a.a:hover {
font-weight: bold;
   color: #4169E1; 
	text-decoration: none;
	}









.h9  a:link {
font-weight: bold;

color: #000000;
	text-decoration: none;
}

.h9  a:active {
font-weight: bold;
	color: #4169E1; 
	text-decoration: underline;
}

.h9  a:visited {
font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.h9  A:hover {
font-weight: bold;
	color: #FF5B14;
	text-decoration: underline;
}
.h9  a.a:hover {
font-weight: bold;
   color: #4169E1; 
	text-decoration: none;
	}













.h2  a:link {
font-weight: bold;

color: #e5400d;
	text-decoration: none;
}

.h2  a:active {
font-weight: bold;
	color: #4169E1; 
	text-decoration: underline;
}

.h2  a:visited {
font-weight: bold;
	color: #e5400d;
	text-decoration: none;
}

.h2  A:hover {
font-weight: bold;
	color: #000;
	text-decoration: underline;
}
.h2  a.a:hover {
font-weight: bold;
   color: #000; 
	text-decoration: none;
	}








.content h2 {
	padding: 0 0 0 1em;
}

.footer {
	font-size: 75%; 
	
	text-align: center; 
	
}

.footer p { 
	
	padding: 0.5em;
	margin: 0.3em;
}






.style4 {
	font-size: x-large;
	color: #FF0033; 
	}
.Style13 {font-family: Verdana, Arial, Helvetica, sans-serif}
.Style14 {font-size: 11px}
.Style16 {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }

.Style17 {color: #FFFFFF}


<style type="text/css">
<!--
.Style8 {font-size: 24px}
-->
</style>






/*a:link {
font-weight: bold;
color: #000000;
	text-decoration: none;
}

a:active {
font-weight: bold;
	color: #4169E1; 
	text-decoration: underline;
}

a:visited {
font-weight: bold;
	color: #000000;
	text-decoration: none;
}

A:hover {
font-weight: bold;
	color: #FF5B14;
	text-decoration: underline;
}
a.a:hover {
font-weight: bold;
   color: #4169E1; 
	text-decoration: none;
	}*/