@charset "utf-8";

body  {
	font:  12px Verdana, Geneva, sans-serif;
	font-weight:100;
	background: #272727;	
	margin: 0; 
	padding: 0;
	color: #000000;	
}

strong{
	font-weight:bold;
}
a{
	color:#903;
	cursor:pointer;
	outline:none;
}
a:hover{
	color:#666;
}

a img{
	border:0;
}

 h1{
	font-size: 20px ;
	margin:0px;
	padding: 20px 10px;
	font-weight:bold;
	color:#726463;
} 
 h2{
	font-size: 14px ;
	margin:0px;
	padding: 10px 15px 5px 15px;
	font-weight:bold;
	color:#847373;
}
 h3{
	font-size: 12px ;
	margin:0px;
	padding: 10px 15px 3px 20px;
	font-weight:bold;
	color:#847373;
}

 p{
/*	font-size: 12px;	*/
	margin:0px;
	padding: 6px 20px 6px 20px;
	text-align:justify;
}
 ul{
	margin: 0;
	padding: 0 20px 10px 50px;
} 
 li{
	margin: 5px 0 0 0 ;
	padding:0;
	list-style:square;
	text-align:justify;
} 




img.floatRight{
	margin: 10px;
	padding:0px;
	float:right;
}
img.floatLeft{
	margin: 10px;
	padding:0px;
	float:left;
}

img.imgcadre{
	margin: 10px;
	padding:3px;
	border: 1px solid #ddd;
	background-color:#f0f0f0;
}
img.imgcadre-floatLeft{
	margin: 10px;
	padding:3px;
	border: 1px solid #ddd;
	background-color:#f0f0f0;
	float:left;
}
img.imgcadre-floatRight{
	margin: 10px;
	padding:3px;
	border: 1px solid #ddd;
	background-color:#f0f0f0;
	float:right;
}



#container { 
	width: 1000px;  /* cette largeur crée un conteneur qui s'adaptera dans une fenêtre de navigateur de 1000 pixels avec les tailles de police par défaut */
/*	background: #b2b4c1;	*/	
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
/*	border: 1px solid #000000;	*/
	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
	padding:10px 0;
}


#topmenu {
	float: right;
	margin: 2px 0 0 0;
	height:15px;

	color:#FFF;
	font-size: 10px ;
	letter-spacing:0px;
	text-align:right;
	width:auto;
}

#topmenu a{
	color:#FFF;
	text-decoration:none;	
}
#topmenu a:hover{
	color:#999;
}

#header {
	clear:both;
	padding: 0;  /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent en dessous. Si, au lieu de texte, c'est une image qui est insérée dans l'élément #header, il est conseillé de supprimer le remplissage. */
	height:210px;
	background-color:#FFF;
} 

#header a:hover{
	cursor:pointer;
} 

#header #logo {
	float:left;
	margin: 0; /* la mise à zéro de la marge du dernier élément du div #header permet d'éviter une disparition de la marge (espace inexplicable entre les éléments div). Si l'élément div est entouré d'une bordure, cette précaution n'est pas nécessaire, car la bordure évite également la disparition de la marge */
	padding:0; /* l'utilisation de remplissage, au lieu d'une marge, permet d'éloigner l'élément des bords de l'élément div */
	width:275px;
	height:210px;
}

#header #image {
	float:right;
	margin:0;
	padding:9px;
	background-repeat:no-repeat;
	width:707px;
	height:192px;
}


#mainContent{
/*	background:url(../images/mainContent/back.png) top repeat-y;		*/
	position:relative;
	color:#000;
	min-height:500px;
	background-color:#FFF;
}
#mainContent .link {
	color:#903;
	text-decoration:underline;
	cursor:pointer;
}



.extend{
	clear:both;
	width:1000px;
}

#content{
	float: left;
	margin: 0; /* la marge droite peut être indiquée en ems ou en pixels. Elle crée l'espace dans la partie inférieure du côté droit de la page. */
	padding:0 10px 30px 10px;
	width:740px;
} 

#mainContent p.paragraphe{
/*	font-size: 12px;	*/
	margin:0px;
	padding: 0 20px 6px 20px;
	text-align:justify;
}

#mainContent p.moins{
	font-size:10px;
}
#mainContent table{
	margin: 6px 20px 6px 20px;
} 


#breadcrumb{
	margin: 5px 0 0 0;
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	color:#903
}
#breadcrumb span.retour{
	position:absolute;
	right:10px;
	top:5px;
	text-align:right;
	font-weight:900;
}
div.retourBottom{
	position:relative;
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	color:#903;	
	text-align:right;
	font-weight:900;
	margin:10px 0 0 0;
}


.spacer {
  clear: both;
  height:0;
  margin:0;
  padding:0;
}

#column {
	float: left;
	width: 240px; /* cet élément est flottant, il faut donc lui attribuer une largeur */
	padding:0px;
	margin: 0px;
	color:#FFF;	
	background:none;
	overflow:hidden;
	position:relative;
}

/****************************BOX SCROLL********************************************/
.box_scroll{
	top:262px;
	text-align:left;
	position:fixed;
	padding-left:0px;
} 


/************** WHITE BOX *****************/
#column .box{
	width:220px;
	margin:30px 0 20px 10px;
	color:#000;
	position:relative;
	clear:both;
}
#column .box .top{
	margin:0;
	padding:0;
	width:220px;
	height:10px;
	font-size:5px;
	background:url(../images/menu/top-white.png) top no-repeat;
}
#column .box .middle{
	margin:0;
	width:200px;
	padding: 0 10px;
	background:url(../images/menu/middle-white.png) top repeat-y;
	text-align:justify;
	font-size:11px;
}
#column .box .bottom{
	margin:0;
	padding:0;
	width:220px;
	height:10px;
	background:url(../images/menu/bottom-white.png) top no-repeat;
}

#column .box .middle p{
	font-size:11px;
	text-align:justify;
	margin:0 0 0 0;
	padding:0 0 10px 0;
}
#column .box .middle p.titre{
	margin:0;
	padding:0  0 10px 0;
	font-size:18px;
	text-align:center;
	color:#726463;
}
#column .box .middle p.import{
	margin:0;
	padding:10px 0;
	font-size:14px;
	text-align:center;
}

#column .box .middle img{
	margin:0 5px 10px 0;	
}
/************** FIN WHITE BOX *****************/

/************** YELLOW BOX *****************/
#column .box-yellow{
	width:220px;
	margin:30px 0 20px 10px;
	color:#000;
}
#column .box-yellow .top{
	margin:0;
	padding:0;
	width:220px;
	height:10px;
	font-size:5px;
	background:url(../images/menu/top-yellow.png) top no-repeat;
}
#column .box-yellow .middle{
	margin:0;
	width:200px;
	padding: 0 10px;
	background:url(../images/menu/middle-yellow.png) top repeat-y;
	text-align:justify;
	font-size:11px;
}
#column .box-yellow .bottom{
	margin:0;
	padding:0;
	width:220px;
	height:10px;
	background:url(../images/menu/bottom-yellow.png) top no-repeat;
}

#column .box-yellow .middle p{
	font-size:11px;
	text-align:justify;
	margin:0 0 0 0;
	padding:0 0 10px 0;
}
#column .box-yellow .middle p.titre{
	margin:0;
	padding:0  0 10px 0;
	font-size:18px;
	text-align:center;
}
#column .box-yellow .middle p.import{
	margin:0;
	padding:10px 0;
	font-size:14px;
	text-align:center;
}

#column .box-yellow .middle img{
	margin:0 5px 10px 0;	
}
/************** FIN YELLOW BOX *****************/

/************** TOOLTIP *****************/
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	opacity: 0.95;
}

#tooltip h3, #tooltip div { margin: 0; }


#tooltip.pretty {
	font-family: Arial, Helvetica, sans-serif;
	border: none;	
	max-width: 300px;
	margin:2px;
	opacity: 0.95;
	border: 2px dotted #847373; 
	background-color:#FFF;
}
#tooltip.pretty h3 {
	margin: 0 ;
	font-size: 10pt;
	text-align: center;
	padding:10px ;
	color:#ccc;
	background-color:#333;
	font-weight:100;
	
}
#tooltip.pretty div { width: 170px; text-align: left; }

.legend{
	cursor:pointer;	
}

/**************************** FIN TOOLTIP ****************************/

.baseline_bottom {
	clear:both;
	color:#FFF;
	height:25px;
	margin:0;
	padding:0;
	font-size: 11px ;
	letter-spacing:0px;
	background:#000;
}
.baseline_bottom a {
	color:#FFF;	
}
.baseline_bottom a:hover {
	color:#999;
}
.baseline_bottom p{
	margin:0px;
	padding:6px 0 0 10px;
}


#footer { 
	padding: 0; /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent au-dessus. */
/*	background-image:url(../images/footer/back-brown.jpg);	*/
	background-repeat:repeat-y;
	height:90px;
	color:#FFF;
	background-color:#000;
} 

#footer #footer-left{
	float:left;
	width: 250px; /* cet élément est flottant, il faut donc lui attribuer une largeur */
	padding:5px 5px;
	margin: 0px;
	font-size:10px;
	color:#FFF;
	text-align:center;

}
#footer #footer-left img{
	float:left;
}

#footer #footer-left p{
	padding:20px 5px;
	margin: 0px;
}
#footer #footer-left a{
	color:#FFF;
	text-decoration:none;	
}
#footer #footer-left a:hover{
	color:#999;
}


#footer #footer-content{
	float:right;
	margin:0; 
	padding:0px;
	width:740px;
	font-size:10px;
	text-align:center;
	color:#FFF;
}


#footer #footer-content a.invisibleLink{
	text-decoration:none;
	color: #FFF;
}

#footer p {
	margin: 0; 
	padding: 10px 20px 0 20px; 
	text-align:center;
}
/***************************************************************/

@media print {

#topmenu  {
	display:none;
}

#breadcrumb  {
	display:none;
}
#column  {
	display:none;
}
#content{
	clear:both;
	width:1000px;
	margin: 0; 
	padding:0 10px 30px 10px;
}


}