/* --- PAGE --- */
body {
 margin:0px;
 text-align:center;
 background-color:#FFF;
 color: #000000;
 font: 12px verdana, arial, sans-serif;


}

#global {
  position:absolute;
  left: 50%; 
  top: 50%;
  width: 700px;
  height: 400px;
  margin-top: -200px; /* moitié de la hauteur */
  margin-left: -350px; /* moitié de la largeur */
  border: 1px solid #000;

}

.Ref{display : none;}
#all {
 margin-left: auto;
 margin-right: auto;
 margin-bottom:0px;
 width: 900px;
 height: 100%;
  background-color:#FFFFFF;
 background: url("/img-proplan/fond.jpg") #FFF top center no-repeat;
   border: 1px solid #000;
}

/* --- header --- */

#header {
 position:relative;
 text-align:left;
 width: 900px;
 height:250px;


}
#footer {
 clear:both;
 width:900px;
 margin-top:10px; 
 margin-left: auto;
 margin-right: auto;
 margin-bottom:0px;
 /*
 border:1;
 border-color:#FFFFFF;
 */
 font: 9pt verdana, arial, sans-serif;
 color:#FFF;
    border: 1px dashed #CCC;


}


#languages {
 position:absolute;
 top:10px;
 right:0px;
 width:67px; 
 /* border:solid 1px red; */
}

/**************************** SOUS MENU ************************/
a.menu2 {
	display: block;
	margin-right: 5px;
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
padding: 2px;
border-left: 1px  dashed #CCC;
border-bottom: 1px  dashed #CCC;
color:#000;
font-weight: normal;


}

a.menu2:hover, .menu2:active   {
	display: block;
	margin-right: 5px;
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
padding: 2px;
border-left: 1px  dashed #FF6600;
border-bottom: 1px  dashed #CCC;
color:#000;
font-weight: normal;
}

a.menu2:visited   {
	display: block;
	margin-right: 5px;
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 2px;
border-left: 1px  dashed #FF6600;
border-bottom: 1px  dashed #FF6600;
color:#000;
font-weight: normal;

}

/**************************** MENU ************************/
#menu {
 margin-top:20px;
 float:left;
 margin-left:1px;
 width:200px;
 top: 160px;


}

#actu{
 margin-top:5px;
 float:center;
 padding: 5px 5px 5px 5px;
 width:180px;
 border: 2px solid #66CCCC;

}

hr{

 color: #66CCCC;

}

ul.n1, ul.n2 {
 list-style-type:none;
 margin:0;
 padding:0;

}
li.n1, li.n1s {


 line-height:25px;

}
li.n1s {


}
li.n2, li.n2s {

        
   padding-left:100px;
 line-height:22px;
 padding-left:10px;
}
li.n2s {

}
#menu a.a1s, #menu a.a2s {
 color:#FFF;
}
a.menufleche {
	display: block;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
border-left: 4px solid #D92219;
border-bottom: 1px solid #D92219;
color:#000;
font-weight: bold;
}
a.menufleche:hover {
	display: block;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
border-left: 4px solid #FFF;
border-bottom: 1px solid #FFF;
color:#000;
font-weight: bold;
}
a.menufleche:visited {
	display: block;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
border-left: 4px solid #4C87C2;
border-bottom: 1px solid #4C87C2;
color:#000;
font-weight: bold;
}






p{padding-bottom:1em}
h2{padding-top: 0.3em}

div#nifty{ 
margin: 0 0;

}




/******************************* arrondi pour les larges *******************************/
	dl {
	float:center;
		width: 600px;
		margin: 20px 20px 20px 20px;
		padding-left: 10px;
		background-color :#E0D640;
		
		}

	dt {
		padding: 5px;
		height: 50px;
		border-bottom: 1px solid #540626;
		background-color :#E0D640;

		}
	
	dd {

		padding-left: 0px;
		color: #540626;
		 font: normal 12px verdana, arial, sans-serif;

		
		}
		
	#white dt {
		background-color: #fff;
		
		}
	
	#white {
		background-color: #fff;
		}
	
	#red dt {
		background-color: #D73F58;
		}
	
	#red {
		background-color: #FA8699;
		}
	
	#green dt {
		background-color: #9c6;
		}
	
	#green {
		background-color: #cf9;
		}
/******************************* arrondi pour les larges *******************************/



#menuh {
 height: 30px;
 text-align:center;
}
.mh {
 padding-top:6px;
 float:left;
 width:90px;
 font-size:10px;
 font-weight:normal;
}


a.atoutgraph {
  color: #FFF;
  font-weight: normal;
 text-decoration:none;
 	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}


/* -------------- FIN DU NOUVEAU MENU  horizontal ---------- */


A {
  color: #2D3A5B;
  font-weight: bold;
 text-decoration:none;
 	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}


A:visited {
  color: #000;
  font-weight: bold;
 text-decoration:none;
 	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
} 
A:hover {
  color: #303465;
  font-weight: bold;
 text-decoration:none;
 	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}


/* --- FIN DE header --- */



/* --- TEXTES --- */
h1 {
 margin-top:5px;
  margin-left:5px;
 padding-left:10;
 font: bold 18px verdana, arial, sans-serif;
 color: blue; 


}
h2 {
 /* margin-bottom: 0.1em; */
 font: bold 14px verdana, arial, sans-serif;
  color: #000000; 
}
h3 {
 /* margin-bottom: 0.1em; */
 font: bold 12px verdana, arial, sans-serif;
 color: #000000;
}


/* --- LE MENU  --- */


/* -------------- FIN DU NOUVEAU MENU ---------- */
 





#content {
 text-align:left;

}


#main {
 margin-top:10px;
 margin-left:210px;
 padding-right:50px;
 padding: 5px 5px 5px 5px ;
 width:640px;
  min-height:500px;
 /*border: 1px solid #CCC;*/



}

#verre{
 padding-left:0px;
 width:680px;
  min-height:500px;
 margin-top:0px;


}

html>body #content { /* autres navigateurs qu'IE */
 height:auto;
 min-height:500px;
}



/* --- TETIERES --- */