body {
	margin:0px;
	padding:0px;
	font: .8em verdana, arial, sans-serif;
        color: #006699;
	text-align:center;
	background-color:#DDFFF4;
	background-image: url(../images/fond_body.png);
	background-repeat: repeat-y;
	background-position: center top;

}
body#diaporama {
        background-color:#fff;
        font: 1em verdana, arial, sans-serif;
}
body#diaporama h1 {
        font: 1.2em verdana, arial, sans-serif;
        background-color:#005fa9;
        color: #fff;    
}
body#diaporama th {
        background-color:#fff;
        color: #000;  
}
body#diaporama td {
        background-color:#fff;
        color: #000;
} 
body#diaporama a {
        color: #005fa9;
        font: 1em verdana, arial, sans-serif;
        text-decoration:none;
} 
body#diaporama a:hover {
        color: #005fa9;
        text-decoration:underline;
}   
* {
	margin: 0;
	padding:0;
}
div#flashcontent {
        /*border:1px solid #fff;*/
}
div#flashcontent1 {
        /*border:1px solid #fff;*/
}
div#center {
	width:840px;
	float:left;
	vertical-align:top;
	font-size:1em;
	padding: 0px 0px 10px 0px;
	text-align: justify;
}
div#center h1 {
	font-size: 1.4em;
	color:#005fa9;
	margin: 0 0 0 0;
}
div#center p {
	font-size: 1em;
        margin: 5px 10px 5px 10px
}
div#center hr {
	color:#046FA8;
        background-color: 046FA8;
        height: 1px;
        border: 1px solid #046FA8;
	margin: 0px 100px 0px 0px;
}
div#center td hr {
	color:#046FA8;
        background-color: 046FA8;
        height: 1px;
        border: 1px solid #046FA8;
	margin: 10px 0px 0px 0px;
}
div#center h2, h3 {
	font-size: 1em;
	color:#005fa9;
	margin: 10px 0 0 0;
}
div#center em {
	font-weight:bold;
	font-style:italic;
	color:#005fa9;
}
div#center ul {
        text-indent:20px;
        list-style-position: inside;
        list-style-type: disc;
}
div#center li {
        padding-bottom:5px;
}

div#center img {
        /*border:1px solid #000;*/
	margin: 0px 0px 0px 0px;
}
div#center a img {
        border:0px;
}
div#center a {
        color:#005fa9;
}
div#center a:hover {
        text-decoration:underline;
}
.cadre {
	background-color:#d5e3f0;
	padding: 5px;
	border:1px solid #005fa9;
	font-size:.8em;
}
div#mainwrapper {
	width:1000px;
	margin-left: auto;
	margin-right: auto;
	border: 3px solid #D3B9C4;
	background-image: url(../images/fond_noir_2.png);
	background-repeat: repeat-y;
	background-position: center top;
}
div#header {
	width:1000px; 
	height: 183px;
	background-color:#a0d3d3;
	background-image: url(../images/logo_ok.png);
	background-repeat: no-repeat;
	background-position: center top;
}
/*CSS For Horizontal Navigation*/
div#horizontalnav{
	width:100%;
	text-align: right;
	padding: 145px 0 0 0;
	margin:0;
}
div#horizontalnav a {
	background-color:#005fa9;
	padding: 0 10px 0 10px;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	border-right:1px solid #005fa9;
	border-bottom:1px solid #005fa9;
	font-size: 0.8em;
	color:#fff;
	text-decoration:none;
	height:18px;
	display:inline;
	text-align: center;	
}
div#horizontalnav a:hover {
	background-color:#012c61;
	color:#fff;
	border-left:1px solid #000;
	border-top:1px solid #000;
	border-right:1px solid #012c61;
	border-bottom:1px solid #012c61;
}
div#contentarea {
	width:1000px;
	text-align: left;
}
div#left {
	width:160px;
	float:left;
	vertical-align:top;
}
div#langue {
	margin:0;
	padding:0;
	text-align:center;	
}
div#langue a {
	background-color:#311000;
	padding: 0 10px 0 10px;
	border:1px solid #fff;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	border-right:1px solid #311000;
	border-bottom:1px solid #311000;
	font-size: 0.7em;
	color:#fff;
	text-decoration:none;
	height:18px;
	display:inline;
	text-align: center;	
}
div#langue a:hover {
	background-color:#F6C663;
	color:#000;
	border-left:1px solid #000;
	border-top:1px solid #000;
	border-right:1px solid #F6C663;
	border-bottom:1px solid #F6C663;
}
/*Menu Vertical*/
div#verticalmenu {
        width:155px;
	padding: 0;
	margin: 7px 3px 3px 3px;
	/*border-right: 4px solid #311000;
	border-bottom: 1px solid #311000;
        background-color:#ccc;*/
        text-align:left;
}
div#verticalmenu h1 {
        font-size: 1em;
        color:#fff;
        background-color:#311000;
        text-align:center;
        width:100%;	
}
div#verticalmenu ul {
        list-style-type: none;
        margin:0;
	padding-bottom:10px;
}
div#verticalmenu li {
	text-indent:.6em;
	margin:0;
	padding: 10px 0 0 0;
}
div#verticalmenu a {
	text-decoration: none;
	height: 22px;
	color:#006699;
        padding-top:3px;
	font-size: 1.1em;
	display:block;
	width: 95%;
        text-indent:8px;
	border:1px solid #ccc;
	background-color:#D3B9C4;
}
div#verticalmenu a:hover {
	color:#fff;
	border:1px solid #ccc;
	background-color:#cccccc;
}
/*Menu Circulaire*/
div#circularmenu {
        width:250px;
	padding-bottom: 30px;
	margin: 0;
}
div#circularmenu table{
	background-image: url(../images/test23_r2_c1.png);
	background-repeat: no-repeat;
}
div#circularmenu td{
	color:#311000;
        text-align:right;
	font-size: 0.8em;
}
div#circularmenu a{
	text-decoration: none;
	color:#311000;
}
div#circularmenu a:hover {
	color:red;
	/*text-decoration: underline;*/
}
/*Newsletter*/
div#newsletter {
        width:110px;
        color:#50A09A;
	/*background-image: url(../images/bloc_110.png);
	background-repeat: no-repeat;
	background-position: center top;*/
	padding: 0;
	margin-top: 50px;
	margin-left: 23px;
	margin-bottom: 25px;
	/*border-right: 4px solid #005fa9;
	border: 1px solid #005fa9;*/
	text-align:center;
        /*background-color:#d5e3f0;*/
}
div#newsletter p {
	text-align: center;
}
div#newsletter h1 {
	font-size: 1em;
	padding-bottom: 5px;
        color:#50A09A;
        /*background-color:#005fa9;*/
}
div#newsletter label {
	font-size: 0.8em;
}
.button {
	font-size: 0.8em;
	background-color:#50A09A;
	color:#fff;
	cursor:pointer;
	border-style:none;
}
.input {
	font-size: 0.8em;
	border:1px solid #50A09A;
}
div#right {
        visibility:hidden;
	width:0px;
	float:left;
	vertical-align:top;
	text-align:left;
}
div#cosmetic {
	padding: 0 0 0 0;
	text-align:right;
}
div#logo {
	width:150px;
	/*height:130px;
	background-image: url(../images/bloc_110.png);
	background-repeat: no-repeat;
	background-position: center top;
	float:left;*/
	padding-top: 10px;
	margin-left: 3px;
	/*border-right: 4px solid #005fa9;
	border: 1px solid #046FA8;*/
	text-align:center;
        /*background-color:#d5e3f0;*/
	text-align: center;
}
div#logo h1{
	font-size: .8em;
        color:#fff;
	padding-bottom: 5px;
        /*background-color:#005fa9;*/
}
div#logo p{
	font-size: .7em;
}
div#image {
	width:110px;
	background-image: url(../images/bloc_110.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0;
	margin-left: 7px;
	margin-bottom: 15px;
	/*border-right: 4px solid #005fa9;
	border: 1px solid #005fa9;*/
	text-align:center;
        /*background-color:#d5e3f0;*/
	text-align: center;
}
div#image h1{
	font-size: .8em;
        color:#fff;
	padding-bottom: 5px;
        /*background-color:#005fa9;*/
}
div#image p{
	font-size: .7em;
}
.image_right {
        padding-left:2px;
	text-align: center;
}
.image_right p{
	text-align: center;
}
div#footer {
	width:1000px;
	text-align: center;
	padding-top: 30px;
}
div#englobefooter {
	/*background-color:#005fa9;*/
	margin: 0px 160px 0px 160px;
	border-top: 1px solid #005fa9;
	font-size:0.7em;
	color:#000;
}
div#englobefooter hr {
	color:#046FA8;
        background-color: 046FA8;
        height: 1px;
        border: 1px solid #046FA8;
	margin: 0px 160px 0px 160px;
}
div#footernav {
	padding: 5px 0 5px 0;
}
div#footernav a {
	color: #000;
	font-size:1em;
	text-decoration: none;
}
div#footernav a:hover {
        color: #012c61;
	text-decoration: underline;
}
div#footercopyright {
	padding: 5px 0 5px 0;
}
div#footercopyright a {
	color: #000;
	text-decoration:none;
}
div#footercopyright a:hover {
	text-decoration:underline;
}
/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}
.clearfix {display: inline-block;}   /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */