@charset "utf-8";
/** --------------------------------- Génériques **/
html,body{background-color:#efefef;font-family:Lucida,Arial,"MS Trebuchet",sans-serif;font-size:13px;color:#333333;margin:0;padding:0;height:100%;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
* html .clearfix{height:1%;}
a{text-decoration:none;color:inherit;}
a:hover{text-decoration:underline;color:inherit;}
li{list-style: none;}
img{border:0;}
p{font-size:14px;}
p.titre {
	height:10px;
}
/** --------------------------------- Classes **/
.souligne{text-decoration:underline;}
.mini{font-size:12px;font-weight:normal;}
.red{color:red;}
.invisible{display:none}
.weightnormal{font-weight:normal;}
/** --------------------------------- Coul Charte **/
.jaune{color:#f0a800}
.orange{color:#f9b200}
.vert{color:#b6cc00}
.bleu{color:#007bc1}
.rose{color:#c267a1}
.rose2{color:#c268a2}
.vert-sombre {color:#a5c400}
.gris{color:#999999}
/** Pour IE qui a du mal avec inherit **/
.jaune a{color:#f0a800}
.orange a{color:#f9b200}
.vert a{color:#b6cc00}
.bleu a{color:#007bc1}
.rose a{color:#c267a1}
.rose2 a{color:#c268a2}
.vert-sombre a{color:#a5c400}
.gris a{color:#999999}
/** --------------------------------- autres **/
.titre4 {
	clear:both;
	display:block;
	font-weight:bold;
	margin:0 0 5px 0;
}
ul.tiret-blanc li {
	list-style-image:url(/images/habillage/icones/tiret-blanc.gif);
}
hr.gris {
	height: 3px;
	background-color: #999999;
	color: #999999;
}
/** encadrés **/
#illustration .encadre-rose {
	width:240px;
	background:#c267a1;
	padding:15px;
	font-weight:bold;
	color:#FFFFFF;
	font-size:16px;
}
#illustration .encadre-rose ul {
	margin:0;
	padding:0;
	font-size:14px;
	font-weight:normal;
	margin:20px 0 0 0;
}
#illustration .encadre-rose ul li {
	list-style-type:disc;
	width:235px;
	margin:0 0 10px 15px;
}
#illustration .encadre-vert {
	background:#bdcd00;
	color:#FFFFFF;
	width:250px;
	padding:10px 10px 20px 10px;
}
#illustration .encadre-vert h2 {
	margin:0;
	padding:0;
	font-size:16px;
}
.encadre-violet {
	background:#007cbf;
	color:#FFFFFF;
	padding:10px 10px 20px 10px;
}
.encadre-gris {
	background:#F9FBFA;
	padding:10px;
	margin:35px 0 15px 0;
}
#contenu .encadre-gris h3 {
	margin:0;
	padding:0;
}
#contenu .encadre-gris p {
	margin-bottom:0;
}
#illustration .encadre-violet {
	width:250px;
}
/** --------------------------------- Temporaire Travaux **/
#debug{
width:100%;
height:14px;
background: #000000 ; 
color:#CCCCCC;
font-size:11px;
text-align:center;
}
/** --------------------------------- Container général **/
#main{
width:988px;
font-size:14px;
background-color:#FFFFFF;
border:1px solid #999;
margin:15px auto 5px auto; padding:0;
}
/** --------------------------------- Bandeau  **/
#main #bandeau{
display:block;
width:988px;
height:100px;
background:url(../images/habillage/bandeau/T1-entete-identite-rvbOK.png) no-repeat top left;
}
#main #bandeau span{
display:none;
}
/** --------------------------------- Logos  **/
#main #logos{
height:56px;
}
#main #logos img{
display:block;
float:left;
}
#main #logos img.nouvellesstations{
margin-right:50px;
}
#main #carto{
margin-top:5px;
/*height:230px;
background:url(../images/habillage/bandeau/carte.gif) no-repeat top;*/
}
/** --------------------------------- Menu **/
#main #menu{
margin-top:28px;
width:180px;
float:left;
font-weight:bold;
}
#main #menu object{
	/*display:none;*/
}
#main #menu #liens{
display:none;
}
#main #menu #liens *{margin:0;padding:0;}
#main #menu #liens li{
	margin:0;
	padding:0 0 0 10px;
	font-weight:bold;
}
#main #menu #liens li a{display:block;text-decoration:none;}
#main #menu #liens li li{font-weight:normal;}
#main #menu ul {
	padding:0;
	margin:0;
	font-size:12px;
}
#main #menu ul li {
	font-size:11px;
	width:180px;
}
#main #menu .element a {
	color:#FFFFFF;
	font-weight:bold;
	height:25px;
	padding:5px 5px 5px 15px;
	width:160px;
	display:block;
}
#main #menu .element a:hover {
	text-decoration:none;
}
#main #menu .element.vert {
	background:#b6cc00;
}
#main #menu .element.vert li:hover, #main #menu .element.vert li.selected {
	background:#d1d733;
}
#main #menu .element.orange {
	background:#f9b200;
}
#main #menu .element.orange li:hover, #main #menu .element.orange li.selected {
	background:#fbc029;
}
#main #menu .element.jaune {
	background:#f0a800;
}
#main #menu .jaune a {
	color:#f0a800;
}
#main #menu .element.bleu {
	background:#007bc1;
}
#main #menu .element.bleu li:hover, #main #menu .element.bleu li.selected {
	background:#008cc9;
}
#main #menu .element.rose{
	background:#cc6699;
}
#main #menu .element.rose li:hover, #main #menu .element.rose li.selected {
	background:#cc80b0;
}
#main #menu h3 {
	margin: 0;
	padding:10px 0 5px 13px;
	cursor: pointer;
	border-bottom: 1px solid #ddd;
	font-size: 15px;
}
#main #menu h3 a {
	text-decoration:none;
	width:160px;
	display:block;
}
#main #menu h3:hover {
	background:#f9fbfa;
}
/** --------------------------------- Contenu **/
#contenu{
float:left;
margin-left:30px;
padding-top:28px;
width:445px;
}
#contenu h1{
color:#94ABB1;
margin-top:0;
padding-top:0;
}
#contenu h2{
margin-top:0;
padding-top:0;
}
#contenu h3{
margin-top:70px;
padding-top:0;
}
#contenu h3.chapo{
margin-top:0;
padding-top:0;
font-size:15px;
}
#contenu.grande{
	width:780px;
}
#contenu.reduce{
	width:550px;
	float:left;
}
#contenu .une_colone {
    width:505px;
    text-align:left;
	margin-bottom:50px;
}
/** --------------------------------- encadre_second **/
#main .encadre_second{
	float:left;
	border-top:1px dashed #999;
	padding:5px 10px 100px ;
	margin: 20px 0 20px 179px;
}
#main .encadre_second  h2{margin:5px 0;}
#main .encadre_second *{color:#999;}
#main .encadre_second .deux_colones{
	float:left; width:48%;margin-right:1%;
}
#main .encadre_second .deux_colones h2{
	margin-bottom:15px ;font-size:16px;
}
#main .shema_acc{
	margin:0 10px 0 0;
	float: left;
	display: block;
	width: 120px;
}
/** --------------------------------- telechargement **/
#main #contenu .telechargement{
	background-color:#EFEFEF;
	padding:10px;
}
#main #contenu .telechargement li{
	height:61px;
	padding:10px 0 0 50px;
	display:block;
	background:url(../images/habillage/icones/fichier.jpg) no-repeat;
}
#main #contenu .telechargement li a{
	
}
#main #contenu .une_colone .telechargement li {
    height:34px;
}
/** --------------------------------- Illustration **/
#main  #illustration{
float:right;
width:327px;
margin-top:28px;
}
#main  #illustration.home {
	width:270px;
	float:right;
	margin-top:80px;
}
#main  #illustration.home img{
display:block;
}
ul.liste-verte {
	color:#a5c400;
	margin:0 0 0 15px;
	padding:0;
}
#contenu ul.liste-verte li {
	margin:3px 0 0 15px;
	list-style-type:disc;
}
#footer {
	margin:0 auto 15px auto;
	padding:0;
	width:988px;
}
#footer a {
	font-size:12px;
	font-weight:bold;
	color:#bdbdbd;
	margin:0 0 0 5px;
}
#footer a:hover {
}