@charset "UTF-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
}

/****** Main structure **********/


body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-color: #1F316A;
	margin: 0; 
	padding: 0;
	text-align: left; /
	color: #FFF;
}

.twoGlobal #container { 
	width: 80%;  
	margin: 0 auto; 
	border: 0px solid #000000;
	text-align: left; 
} 

.twoGlobal #mainContent { 
	margin: 25px 20px 0 15em; 
} 

.twoGlobal #mainContent P {
	font: 0.82em Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 30px;
	line-height: 1.5em; }

/* Miscellaneous classes for reuse */
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/** Navigation ****/

.twoGlobal #alc  {
	font: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; color: #FFF;
	text-align:left; font-variant: small-caps; letter-spacing: 1px;
	padding-left: 10%; text-decoration:none; }
	
.twoGlobal #alc a{
	color:#FFFFFF;
	text-decoration:none; 
}
.twoGlobal #alc a:visited{
	color:#FFFFFF;
	text-decoration:none; 
}
.twoGlobal #alc a:hover{
	color:#CC6600;
	text-decoration:none;  
}


.twoGlobal #sidebar1 {
	list-style: none ;
	float: left;
	width: 200px; 
	background: #336699;
	margin-top:20px;
	padding: 0px ; 
	height:100%;
}
	
.twoGlobal #sidebar1 h1 { /* titre  */
	font-size:1em; color: #CC6600; 
	text-decoration:none;
	background-color: #1F316A; 
	border-top: #FFFFFF solid 1px;
	border-bottom: #FFFFFF solid 1px;
	padding:5px;
	 
	
}
.twoGlobal #sidebar1 h2 a{ /* menus */
	color:#FFF; font: 0.93em Arial, Helvetica, sans-serif;
	letter-spacing:.1em;
	text-decoration: none;
	line-height:16px;
	display:block; padding:8px 0px 10px 20px;
	margin-right:0;
	margin-left: 0px;
	width: 180px;
}

.twoGlobal #sidebar1 h2 a:hover {
	background: #0B2D6C;
	color: #CC6600 !important; 
	}

.twoGlobal #sidebar1 p a{  /* ss-menus */
	font-size:0.93em Arial, Helvetica, sans-serif; color:#FFF; 
	text-decoration: none;
	line-height:1.2em; 
	margin-left: 0px;
	margin-right:0; 
	display:block;
	padding:2px 0px 2px 20px;
	width: auto;
	}
	
.twoGlobal #sidebar1 p a:hover{
	background: #0B2D6C; 
	color: #CC6600 !important ;
}

/*-------*  sidebar2  * model- présentation bar 2 - droite ----- */
.twoGlobal #sidebar2 {
	float: right; position: relative;
	width: 325px; 
	background: #1F316A; 
	padding: 15px 10px; 
	}

.twoGlobal #sidebar2 li a:hover, #sidebar2 li a:focus, #sidebar2 li a:active {
	background: #900 ;
	text-decoration: underline ;
	}


/********* oneGlobal FOOTER ************/
.oneGlobal #footer {
	padding: 0 10px; 
	position: absolute;
	bottom: 0px;
	background: #000;
	color: #fff;
	width: 80%;
} 
.oneGlobal #footer p {
	
	font-size: 0.75em;
	padding: 10px 0px;
	font-weight:normal;
}


/** Text and image formatting *******/


h1 { font:1em Verdana, Arial, Helvetica, sans-serif; /* 16*/
	color:#CC6600; font-weight: bold;
	padding: 5px 20px 0 0px; margin:0; 
	display:block;
}

h2 { font:0.93em Verdana, Arial, Helvetica, sans-serif; /*15*/
	color:#CC6600;
	padding: 5px 20px 0 0px; margin:0; 
	font-weight:normal; 
	display:block;
}

h3 { font:0.93em Verdana, Arial, Helvetica, sans-serif; /* 15*/
	color:#CC6600;
	padding: 15px 10px 0px 0px; margin:0; 
	font-weight:normal; 
	display:block;
}
#historique h3 { font:0.93em Verdana, Arial, Helvetica, sans-serif; /* 15*/
	color:#CC6600; 
	padding: 15px 10px 0px 0px; margin: 25px 0 0 0; 
	font-weight:bold;  
	display:block;
}

h4 { font:0.75em Verdana, Arial, Helvetica, sans-serif; /*12*/
	color:#FFFFFF;
	font-weight:normal; 
	display:block;
	margin: 15px 0 3px 5px;
}


p  { color: #FFFFFF; font: 0.75em Verdana, Arial, Helvetica, sans-serif; /*12*/
	margin: 0px 0px 0px 30px;
	line-height: 1.5em; }

a { color:#FFF; text-decoration:none; }
a p:hover{ color:#CC6600; text-decoration:none; }
a:hover { color: #CC6600 !important; text-decoration:none; }
a:visited { color: #FFFFFF; text-decoration:none; }



#border {
	vertical-align: bottom;
	margin: 0px 2px 5px 2px;
	padding: 0px;
	border-style: solid;
	border-width: 1px;
	border-color: #FFFFFF;	
} 

.lien {
	color: #CC6600;
	font-weight: bold;
}

/*----- alignement des images inline model-img */
div.container {
   margin: 0px; 
   border: 0px solid #287CB1;
   vertical-align: top;
   width:700px;
 }
 #historique {
   float:left;
   width:700; margin:auto;
   position:fixe;   
   display:inline-table;
 }

div.spacer {
 	clear: right;
 }
div.float {
 	float: left;
	padding: 10px;
	height:180px;
 }

div.float p{
 	text-align: left;
	text-decoration:none;
	font: 0.68em;
	margin-left:2px;
	padding-top:5px;
	width:12em;
  }
  
 div.float a{
 	text-decoration:none;
  }

.float img {border:#FFFFFF solid 1px;}

a:hover{
 color: red; text-decoration: underline
  }
a:link a:visited {
 color: navy; text-decoration: none }
 
 
/*--------------- alignement des images inline model-img */


#sidebar2 img {
	float: left; 
	display: inline;
	padding: 0px; margin: 5px;
	border:#FFFFFF solid 1px;
	}
	
	
#ludiquePhoto img {
	margin:5px ; border:#FFF; 
	border-style:solid; border-width:1px;
	display:inline-table; float:left; width:auto;
	  

}