html {	 margin:0; padding:0; height:100%; margin:0; padding:0;}
body {	font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#404040; 	margin:0; padding:0; 
	background-image:url(../images/bg_bleu.jpg); background-position:left top; background-repeat:repeat-y;
}
a { font-size: 11px; color: #12378b; text-decoration:none; }
a:visited { color: #004780; }
a:hover {color: #000; text-decoration:none; }
a:active, a#current { color:#000; }

h1 {
	font-size:36px;
	margin:0; padding:0;  padding-top:23px; |padding-top:8px; padding-bottom:12px;text-align:right; padding-right:2px;
}
h2 { font-size:22px; font-weight:bold; font-variant:small-caps; margin:0; padding:0; padding-top:15px;}
h3 { font-size:22px; font-weight:bold; font-variant:small-caps; color:#fff; marin:0; padding:0; padding-top:5px;}
h4 {font-size:14px; font-weight:bold; padding-bottom:0; margin-bottom:5px}
h5 {font-size:14px; font-weight:bold; padding-bottom:0; margin-bottom:5px;}
ul {margin:0; padding:0; padding-left:15px; line-height:1.2em; }
img {border:none; }
.soustitre {text-align:right; font-size:20px; padding-right:2px;}
.quatorze {font-size:14px;}
.seize {font-size:16px;}

#conteneur {
	width: 100%; height:100%; 
	display:block;
	margin:0; padding:0; 
	border: none; 
	background-image: url(../images/bg_blanc270.jpg); |background-image: url(../images/bg_blanc273.jpg);background-position:right ; background-repeat:repeat-y;
	/*pour le blanc à droite!!!!!background-image: url(../images/bg_blanc292.jpg); |background-image: url(../images/bg_blanc310.jpg);background-position:right ; background-repeat:repeat-y;*/
	 
	}
#top {
	width:100%; 
	height:150px; overflow:hidden; background-color:#fff;
}
#top object {
	position: absolute; top: 0; left: 0px; z-index:1;
}
#top a { float:right; position:absolute; top: 90px; right:2px; font-size:11px;}

select {
	float:right; position:relative; top: 50px; right:0;
	font-size:9px; color: #000066;
	margin:0; padding:0; z-index:10;
} 
/**************************************/
.gauche {
	float:left; position:relative 0 0; 
	width: /*205*/240px; 
	/*min-height:800px; |height:500px;*/
	margin:0; margin-bottom:40px;
	padding:0; 
	border:0;
}
.menu {
	position:relative; top:5px; |top:0; left:0;
	float:left; 
	width:100%;
	font-size:12px;
	height:auto;
	margin:0; padding:0;
	color:#fff;
	text-align:right;
}
.menu p { padding-right:5px; margin-top:-5px;}
.menu a {color:#fff; font-size:12px;}
.menu a:hover {color:#fff; font-weight:bold; }
.menu a:visited { color:#fff;}
.menu a:active, a#current {color:#fff; font-weight:bold;}
.bouton { font-size:14px; padding-top:8px; padding-bottom:8px;}
.bouton a, .bouton a:link, .bouton a:hover, .bouton a:visited, .bouton a#active { font-size: 14px; font-weight:bold; text-decoration:none;}
.bouton1 { position:relative; top:0; |top:1px; font-size:14px; padding-top:8px; |padding-top:10px; padding-bottom:8px;}
.bouton1 a, .bouton1 a:link, .bouton1 a:hover, .bouton1 a:visited, .bouton1 a#active { font-size: 14px; font-weight:bold; text-decoration:none;}

/*******************************************/
.droite {
	float:right; position: relative; top: 0; right: 0 ; height:100%; width:265px;|width:273px;
	margin:0; 
	padding:0 /*10px*/;
}
.droite p {padding:0;}

/*******************************************/
.sousmenu { margin-right:15px; height:auto; padding-top:0px; padding-bottom:15px;} 
.sousmenu a, .sousmenu a:link, .sousmenu a:hover, sousmenu a:visited  {font-size:10px; font-weight:normal;}
.sousmenu p { margin:0; padding:0; padding-bottom:0;}

/*******************************************/
.encadre {
	border:2px solid;  width:260px; padding:0; margin:0; padding-bottom:5px; margin-bottom:20px;}
.encadre p, .encadre h1, .encadre h2, .encadre h3, .encadre h4, .encadre h5, .encadre a { margin:0; padding:8px;}
.encadre ul { margin:0; margin-left:20px; padding:5px;}
.encadre h2 { margin:0; padding-left:8px; padding-top:5px;}
.encadre a, .encadre a:link, .encadre a:hover, .encadre a:visited {font-size:11px; color:#5c5c5c; width:auto; background:none; margin:0; padding:0; font-weight:bold; text-decoration:underline; }
/*******************************************/
.encadre1 {
	border:2px solid; width:260px; padding:0; margin:0; margin-bottom:20px; }
.encadre1 h1, .encadre1 h2, .encadre1 h3, .encadre1 h4, .encadre1 h5,  { margin:0; padding:8px;}
.encadre1 p  { margin:0; padding:8px;}
.encadre1 ul { margin:0; margin-left:15px; padding:5px; display:block;}

.encadre1 a, .encadre1 a:link, .encadre1 a:hover, .encadre1 a:visited {font-size:11px; color:#5c5c5c; width:auto; background:none; margin:0; padding:0; font-weight:bold; text-decoration:underline; }
/*******************************************/
.aplat {
	border:none; width:262px; margin:0; margin-bottom:20px; padding:0; font-style:italic;}
.aplat h3 { margin:0; padding:0; padding-left:5px; font-style:normal;}
.aplat ul {margin:0; padding:0; margin-left:18px; padding: 5px; line-height:1.2em; list-style-image: url(../images/Puce_blanchen.gif); display: block}
.aplat p { margin:0; padding:8px; font-style:normal;}
/**************************************/
.cadreRetD {border:2px solid #184c8f;  width:260px; margin:0; margin-bottom:20px; padding:0;}
.cadreRetD p, .cadreRetD ul, .cadreRetD h6 {padding:8px;  }

/*******************************************/
.centre {
	top:-6px; |top:0; width:auto; margin-left:240px; margin-right:270px;|margin-right:275px; 
	padding:0; 
	text-align:left; font-size:11px;
	height:100%;  min-height:840px; /*indispensable pour les petites pages*/
}
.centre p  {padding-left:20px; }
.centre ul  { margin-left:15px;padding-left:20px; }
.centre p  {padding-left:20px; }
.centre h1, .centre h2, .centre h3, .centre h4, .centre h5  {padding-left:20px; }
.centre p, .centre ul, .centre h1, .centre h2, .centre h3, .centre h4, .centre h5  {padding-left:20px; }

/*******************************************/
#pied {
	clear:both;
	position:relative; left:0; bottom:0px; 
	margin:0;  padding:0; padding-top:20px;
	width:100%; height:20px; 
}
#pied a: {
	color:#50a0c9;
}
#pied a:hover {
	color:#50a0c9;
}
#pied a:visited {
	color:#50a0c9;
}
.piedgauche {
	float:left; position:relative; left:255px;
	width:60%;  z-index:1;
}
.pieddroit {
	float:right; width:auto; position:relative; right:5px;
	 height:auto;
}
/*******************************************/
.backtotop {
	text-align:right;
	margin-top:-15px;
	padding:0;
	color: #50a0c9;
}
.backtotop a, .backtotop a:visited, .backtotop a:hover{
	text-align:right;
	font-size: 9px; color: #50a0c9;
	text-decoration:none;
}

.fond_beige {background-color: #b5ae96; color:#fff;}
.fond_orange {background-color: #c88400;}
.fond_vert {background-color: #99bf1a; }
.fond_bleu {background-color: #50a0c9;}
.fond_gris {background-color: #e4e2de;}
.fond_rouge {background-color: #781518; color:#fff;}
/*.fond_blanc {background-color: #fff; color:#000;}

.fond_index {background-color: #184c8f; color:#fff;}*/

.beige { color: #b5ae96;}
.orange { color: #c88400;}
.vert {color: #99bf1a;}
.bleu {color: #50a0c9;}
.gris {color : #e4e2de;}
.rouge {color :  #781518;}
.blanc {color: #fff}
.maron {color: #998f6e;}
.etapes  { font-size:10px; text-align:center;}
.etapes tr {vertical-align:top;}
.gras {font-weight: bold; }

.gris-moyen {color: #9f9f9f;  }
.quatorze {font-size:14px;}

.bilan  {text-align:left}
.bilan ul {margin-left:0; padding-left:0;}


.icone {float:left; position:relative; top:-6px; margin:0; padding:0; border:none;}
.icone2 {float:left; position:relative; top:-5px; margin:0; padding:0; border:none;}
.imagegauche {float:left; position:relative; margin:0; padding:2px; border:none;}
.imagedroite {float:right; position:relative; margin:0; padding:2px; border:none;}
.pictogrand { float:left; position:relative; top:-20px; margin:0; padding:0; padding-right:5px;}
.cadrelastique { position:relative; left:18px; border: 1px solid; margin:0; padding:0; }
.cadrelastique p, .cadrelastique h4 {margin:0; padding:0; padding-top:10px; padding-bottom:2px;}
.cadrelastique ul {margin:0; margin-left:15px; padding:0; }
.schema {width:98%; height:98% }

.souligne {text-decoration: underline; }
.clear { clear:both;}