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

html{
	font-family							:Arial, Helvetica, sans-serif;
	font-size							:12px;
	color: #414141 ;
}

body{
	padding								:0px;
	margin								:0px;
	/*background							:url(../images/body_top.png) left 50px repeat-x #fff;*/
	background							:linear-gradient(#419AC2, #F0F8FC) repeat scroll 0% 0% #419AC2;
	overflow-x: hidden;
}

@media screen and (max-width: 990px) {
	/* landscape-specific styles */
	body{
		overflow-x: auto;
	}
}

.clear{
	clear: both;
}

/* ====================================================== */
/* HEADER BANNER */
/* ====================================================== */

header{
	display: block;
	min-width: 979px;
}

.header-wrapper {
	position: relative;
	z-index: 2;
	background							:url("../images/bg_header_wrapper.png") 0px 0px repeat-x transparent;
	height: 28px;
}

.header {
	width: 962px;
	margin: 0 auto;
	position: relative;
}

/* MENU NAV */

#nav { min-height: 28px;
text-align: center; }
#nav ul {
	padding: 0;
	margin: 0;
	/*float: right;*/
	width: 962px;
	list-style: none;
}

#nav li {
/*	float: left;*/
	display: inline-block;
	vertical-align: top;
	text-align: center;
	padding: 0px 12px 0px 12px;
/*	border-right: 1px solid #474d4e;
	border-left: 1px solid #1e1e1e;
	width: 110px;*/
}

#nav li.last { border-right: 0; }
#nav li.one-line { padding-top: 9px; }
#nav li.info { 
	/*background: url("../images/icon-info.png") 95% 15% no-repeat transparent; */
	background: url("../images/icon-info.png") 98% 20% no-repeat transparent; 
	
}

#nav li.info > a{ 
	color: #F8F1A3;
	/*text-decoration: underline;*/
}


#nav a:link,
#nav a:visited {
	color: #fff;
	font-family:cartogothic_stdregular,"Helvetica Neue",Helvetica,Arial,sans-serif;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-weight: bold;
	/*font-size: 1.083em;*/
	font-size: 1.05em;
	padding: 7px 12px 0px 12px;
	display: inline-block;
	height: 19px;
}

#nav a.one-line {
	padding: 7px 11px 0px 11px;
}

#nav li.active {
  /*background-image: -webkit-gradient(linear, left top, left bottom, from(#123e44), to(#1e616c));
  background-image: -webkit-linear-gradient(top, #123e44, #1e616c);
  background-image:    -moz-linear-gradient(top, #123e44, #1e616c);
  background-image:      -o-linear-gradient(top, #123e44, #1e616c);
  background-image:         linear-gradient(to bottom, #123e44, #1e616c);*/
  background-color : #fff;
   /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#123e44', endColorstr='#1e616c');/*For IE7-8-9*/ 

   /* -webkit-border-radius: 0 0 5px 5px;
       -moz-border-radius: 0 0 5px 5px;
            border-radius: 0 0 5px 5px;
    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;*/
}

#nav a{
	text-decoration: none;
}
/*
#nav a:hover{
	color: #c6d782;
}*/

#nav .active a:link,
#nav .active a:visited {
	color: #015790;	
	text-decoration: none;
	vertical-align: bottom;
	height: 19px;
	/*padding-top: 16px; */
 }

#nav .active a:link span,
#nav .active a:visited span {
	position: relative;
	bottom: -7px;
}

/* ====================================================== */
/* BLOC TITRE SITE */
/* ====================================================== */

#main-header {
	position: relative;
	background : #FFF;
	width: 962px;
	margin: 0px auto;
	height:131px;
	padding-top: 9px;
	-webkit-box-shadow: #666 0px 3px 3px;
	-moz-box-shadow: #666 0px 3px 3px;
	box-shadow: #666 0px 3px 3px;
}


#main-header .header_block{
	position: relative;
	font-family: cartogothic_stdregular,"Helvetica Neue",Helvetica,Arial,sans-serif;
	background: url('../images/bg_header.png') no-repeat scroll 65px -125px #ECECEC;
	border-image: none;
	width: 942px;
	height:97px;
	margin:0px 10px 0px 10px;;
}

h1
{
margin: 0 auto;
}

#main-header .header_block img { 
	display: block;
	border: none;
	padding: 9px 10px;
}

/*logo Météo-France*/
.header-logo-block {
	float: left;
	min-height: 33px; 
}

/* logo gov */
.gov-logo {
	float: right;
	margin: -79px 0px;
	min-height: 33px; /*48*/
	/*position:absolute;
	margin:-97px 781px;*/
}

#main-header .nom_site {
	display: table-cell;
	height: 79px;
	font-size: 2.8em;
	font-weight: 600;
	line-height: 1.2;
	color: #005891;
	background: none repeat scroll 0% 0% transparent;
	padding: 9px 0px 9px 10px;
	margin: 0px;
	vertical-align: middle;
	width: 950px;
}

#main-header .signature_site {
    display: block;
    font-size: 50%;
    font-weight: 400;
}

/* ====================================================== */
/* MODULE ALERTE POPUP */
/* ====================================================== */
#splash {
	position: absolute;
	z-index: 9991;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #000;
	text-align:center;
	color:#000;
	filter				:alpha(opacity=20);
	-moz-opacity		:0.2;
	opacity 			: 0.2; 
}

#alerte {
	position:			absolute; 
	left:				50%;  
	top:				50%; 
	margin-top:			-200px; /* moitié de la hauteur */ 
	margin-left:		-205px; /* moitié de la largeur */ 
	z-index:			9992;
	width:				410px;
	border:				3px solid #A7A7A7;
	background-color:	#fff;
    background-image:	url("../../../modules/mod_alerte/assets/images/logo_Alerte_rouge.jpg");
	background-position: 50% 0%;
	background-repeat:  no-repeat;

}

#alerte #ferme_splash {
	position:			absolute; 
	display:			block;
	background-color:	#000;
	filter				:alpha(opacity=20);
	-moz-opacity		:0.2;
	 opacity 			:0.2; 
	 width:				15px;
	 height:			14px;
	 top:				9px;
	 left:				373px;
}

#alerte #ferme_splash:hover {
	filter				:alpha(opacity=0);
	-moz-opacity		:0;
	 opacity 			:0; 
	 border:			1px solid #A7A7A7;
}

#alerte a {
	color:				#000;
	text-decoration:	none;
}
#alerte a:hover {
	text-decoration:	underline;
}

#alerte span.domaine{
	background: url('../images/h2_bg.png') no-repeat scroll 0px 3px #FFF;
	padding-left: 10px;
	color: #17616C;
}

/* ====================================================== */
/* PUB FOND */
/* ====================================================== */

#pub0 {
	display: flex; 
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -926px;
}

#pub0 a{
	display: inline-block;
}

#pub0 img{
	vertical-align: top;
}

/* ====================================================== */
/* BLOCK PRINCIPAL */
/* ====================================================== */

#principal{
	/* width: 1852px; */
	text-align: left;
	margin: auto;
	padding-top: 125px;
	position: relative;
}

#principal.active {
	padding-top: 182px;
}

#Itemid{
	display: none;
}

/* ====================================================== */
/* MENU TOP */
/* ====================================================== */

#menu_top {
	display: block;
	width: 942px;
	margin:0px 10px 0px 10px;
	height:33px;
	padding-top:1px;
	font-family:cartogothic_stdregular,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

#menu_top .menu{
	margin								:0px;
	padding: 0px 5px;
	display: table;
	/*width: 962px;
	left: 9px;*/
	position							:relative;
	/*background							:url("../images/menu_top_bg.png") left top repeat-x;*/
	background: none repeat scroll 0% 0% #DFDFDF;
	width: 932px;
	height: 33px;
	
}

#menu_top .menu li{
	margin								:0px;
	display								: table-cell;
	vertical-align: top;
	list-style-type						:none;
	padding: 0px 5px;
	position: relative;
}
/*
#menu_top .menu .item-117{
	display								:none;
}*/

#menu_top .menu li a:hover,
#menu_top .menu li a:focus{
	color: #fff;
	/*background-color:#DFDFDF;*/
	background: none repeat scroll 0% 0% #005891;
}

#menu_top .menu li a:active,
#menu_top .menu li.active a{
	color: #fff;
	/*color: rgb(198, 215, 130);
	background: none repeat scroll 0% 0% rgb(31, 60, 71);*/
	background: none repeat scroll 0% 0% #005891;
	/*border-color: rgb(31, 60, 71);*/
	text-decoration: none;
}
/*
#menu_top .menu li:first-child a {
    border-left-width: 1px;
	
}*/

#menu_top .menu li a{
	/*border: 1px solid rgb(201, 201, 201);
	border-left-width: 0;
	font-weight: bold;*/
	color: #414141;
	display: block;
	/*padding: 14px 10px 0 10px;*/
	height: 17px;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	padding: 5px;
	margin: 3px 0px;
}

#menu_top .menu li:first-child:before {
    content: none;
}

#menu_top .menu li:before {
    display: block;
    position: absolute;
    content: "";
    width: 1px;
	left: -1px;
    top: 0.25em;
    background: none repeat scroll 0% 0% #8AA5BA;
    height: 70%;
}

/* ====================================================== */
/* SECONDAIRE */
/* ====================================================== */

#secondaire{
	/*width								:979px;*/
	width: 962px;
	margin: 0px auto;
	}

#secondaire_contenu{
	width								:962px;
	position							:relative;
	/*left								:9px;*/
}

#contenu{
	width								:962px;
	float								:left;
	/*border-right: 1px solid rgb(201, 201, 201);
	border-left: 1px solid rgb(201, 201, 201);
	border-bottom: 1px solid rgb(201, 201, 201);
	margin-bottom: 10px;*/
	-webkit-box-shadow: #666 0px 4px 3px;
	-moz-box-shadow: #666 0px 4px 3px;
	box-shadow: #666 0px 4px 3px;
    background: none repeat scroll 0% 0% padding-box #FFF;
    border-top: 0px none;
    margin-bottom: 8px;
    overflow: visible;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
	border-radius: 0px 0px 5px 5px;
}

#texte{
	float								:left;
	position							:relative;
	left								:10px;
	padding-bottom: 10px;
	width: 628px;
	/*width : 622
	632px;*/
}

#contenu_texte{
	padding-top							:10px;
}

#contenu_texte ul.pagenav{
	text-align: center;
}

#contenu_texte ul.pagenav li{
	list-style-type						:none;
	display: inline-block;
	padding: 5px 10px 0 0;
	background: none;
}

#contenu_article{
	z-index								:1;
	text-align							:justify;
	background-color					:#FFF;
	font-size: 11px;
	padding : 0px 20px 15px;
	border: 1px solid #DFDFDF;
}

#contenu_article.noBorder{
	border: none;
	padding: 0px;
}

#contenu_article h2{
	/*color: #17616C;
	font-size: 15px;*/
	text-align: justify;
	font-size: 15px;
	text-align: left;
	background: none repeat scroll 0% 0% #082C44;
	padding: 7px 5px 7px 10px;
	color: #FFF;
	margin: 2px 0px 10px -18px;
	width:607px
}

#contenu_article .entete_contenu{
	font-size: 1.42em;
    text-align: left;
    margin: 2px;
	background: #082c44;
	padding: 7px 5px 3px 10px;
	color: #fff;
}


#contenu_article h3{
	/*font-size: 11px;*/
	font-size: 14px;
	/*color: #306a8f;*/
	color:#005891;
	text-align: justify;
	font-weight: bold;
}


#contenu_article h4{
	font-size: 12px;
	color: #FF8400;
	text-align: justify;
	font-weight: bold;
}

#contenu_article ul {
	margin: 5px 0px;
	padding-left: 5px;
}

#contenu_article ul > li {
	list-style-type: none;
	margin: 3px 0px;
	padding-left: 8px;
	background: url("../images/li.gif") no-repeat scroll 0px 4px transparent;
	color: #33394F;
}

#contenu_article ol > li {
	margin-bottom: 5px;
}

#contenu_article .icons{
	position: absolute;
    top: 15px;
    right: 15px;
}

#contenu_article li.print-icon{
	background: none;
	padding-left: 0px;
}

#contenu_article li.print-icon a{
	text-decoration: none;
}

#contenu_article fieldset{
	border:1px solid #082C44;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
}

#contenu_article legend{
	color: #082C44;
	font-size:15px;
	padding:0px 5px;
}

#contenu_article a{
	color: #005891;
}

#contenu_article .jwts_toggleControlTitle{
	line-height: normal;
/*	background: url('../images/arrows.png') no-repeat scroll 0px -146px transparent;*/
	padding-left: 20px;
}

#contenu_article .jwts_toggleControlNotice{
	color: #999;
	font-size: 10px;
	display: block;
	float: right;
	line-height: 14px;
	vertical-align: bottom;
}

#contenu_article .published{
	color: #999;
    text-align: left;
	/*margin-bottom: 20px;*/
	margin:0px;
	font-style: italic;
}

#contenu_article .article-info-term,
#contenu_article .pull-left.item-image{
	display: none;
}

#contenu_texte .tablo, 
#bloc_vide .tablo{
	border-collapse: collapse;
}

#contenu_texte .tablo td,
#contenu_texte .tablo th,
#bloc_vide .tablo td,
#bloc_vide .tablo th{
	padding: 5px;
	-border-left:solid 1px #000;/* IE 6 */
	-border-top:solid 1px #000;/* IE 6 */
	/*border-left: solid 1px #000;/* IE 6 */
	/*border-top: solid 1px #000;/* IE 6 */
	text-align: left;
}

#contenu_texte .tablo th, 
#bloc_vide .tablo th{
	background:#005891;
	/*background							:url(../images/menu_bg_2.png) left bottom repeat-x;*/
	font-size							:12px;
	padding								:5px;
	text-align							:center;
	vertical-align						:top;
	font-size							:11px;
	color: rgb(255, 255, 255);
}
#contenu_texte .tablo td + td, 
#bloc_vide .tablo td + td{
	border-left							:solid 1px #9E9E9E;
	padding								:5px;
}
#contenu_texte .tablo th + th, 
#bloc_vide .tablo th + th{
	border-left							:solid 1px #9E9E9E;
	padding								:5px;
}

#contenu_texte .tablo tr td , 
#bloc_vide .tablo tr td {
	border-top							:solid 1px #9E9E9E;
}

.surbrillance{
	background-color					:#BCE4FA; 
}
/*Class Tablo_com*/

#contenu_texte .tablo_com,
#bloc_vide .tablo_com {
	border-collapse: collapse;	
}

#contenu_texte .tablo_com th {

	/*background-image: -webkit-gradient(linear, left top, left bottom, from(#B7C96F), to(#6B7F1A));
    background-image: -webkit-linear-gradient(top, #B7C96F, #6B7F1A);
    background-image:    -moz-linear-gradient(top, #B7C96F, #6B7F1A);
    background-image:      -o-linear-gradient(top, #B7C96F, #6B7F1A);
    background-image:         linear-gradient(to bottom, #B7C96F, #6B7F1A);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#B7C96F', endColorstr='#6B7F1A');/*For IE7-8-9*/
	background:#84BC0B;
	font-size							:13px;
	text-align							:center;
	vertical-align						:top;
	color: rgb(255, 255, 255);	
	font-weight: bold;
}

#contenu_texte .tablo_com td,
#contenu_texte .tablo_com th,
#bloc_vide .tablo_com td ,
#bloc_vide .tablo_com th{
	padding:5px;
	-border-left:solid 1px #000;/* IE 6 */
	-border-top:solid 1px #000;/* IE 6 */
	/*border-left:solid 1px #000;/* IE 6 */
	/*border-top:solid 1px #000;/* IE 6 */
	text-align:left;
}

#contenu_texte .tablo_com th, 
#bloc_vide .tablo_com th{
	font-size							:12px;
	padding								:5px;
	text-align							:center;
	vertical-align						:center;
	font-size							:12px;
	border-top: 1px solid rgb(158, 158, 158);
	border-right: 1px solid rgb(158, 158, 158);
}
#contenu_texte .tablo_com td + td, 
#bloc_vide .tablo_com td + td{
	border-left							:solid 1px #9E9E9E;
	padding								:5px;
}
#contenu_texte .tablo_com th + th, 
#bloc_vide .tablo_com th + th{
	border-left							:solid 1px #9E9E9E;
	padding								:5px;
}

#contenu_texte .tablo_com tr td , 
#bloc_vide .tablo_com tr td {
	border-top							:solid 1px #9E9E9E;
}

/*Class Tablo_marge*/

#contenu_texte .tablo_marge,
#bloc_vide .tablo_marge{
	border-collapse: collapse;	
}
#contenu_texte .tablo_marge tr,
#bloc_vide .tablo_marge tr,
#contenu_texte .tablo_marge td, 
#bloc_vide .tablo_marge td{
	padding								:10px;
}

/* pagebreak correction bug */
#contenu_article .article-index ul {
	padding: 5px;
	text-align: right;
	border-bottom: 1px dotted rgb(204, 204, 204);
}

#contenu_article .article-index ul li {
	list-style-type: none;
	background: none;
	display: inline-block;
	margin: 3px 0px 6px;
}

#contenu_article .article-index ul li:last-child {
	display: none;
}

#contenu_article .article-index ul li a.toclink{
	background-color: #ECECEC;
	padding: 2px 4px;
	border: 1px solid #CCC;
	text-decoration: none;
	color: #414141;
}

#contenu_article .article-index ul li a.toclink.active{
	font-weight: bold;
	color: #fff;
	background: none repeat scroll 0% 0% #005891;
}

.pagenavcounter {
    display:none;
}

#contenu_article .pager{
	padding: 0 0 10px 0;
	text-align: center;
}

#contenu_article .pager ul li{
	list-style-type: none;
	background: none;
	margin: 0 5px;
	display: inline;
}

#contenu_texte .blog h2{
	margin: 0px 0px 25px;
}

/*
#contenu_texte h2 span.subheading-category,
#contenu_texte .blog h2 span.subheading-category{
	display: block;
	height: 33px;
	background: none repeat scroll 0% 0% rgb(31, 60, 71);
	color: rgb(198, 215, 130);
	padding: 12px 0 0 12px;
	font-size: 13px;
	margin: 0 0 0 -20px;
	width: 608px;
}

h2 span.subheading-category-article{
	display: block;
	height: 33px;
	background: none repeat scroll 0% 0% rgb(31, 60, 71);
	color: rgb(198, 215, 130);
	padding: 12px 0 0 12px;
	font-size: 13px;
	margin: 0 0 25px -20px;
	width: 608px;
}*/

#contenu_texte .blog .items-more li{
	list-style-type: decimal;
	background: none;
}

.phocadownloadfile32{
	display: inline-block;
}

.titre_bleu {
	font-size: 15px;
	text-align: :center;
	margin: 20px 20px 5px 20px;
	/*background: #76BAD8 url("../images/menu_bg.png") repeat-x 0px 0px;*/
	background: #005891;
	box-shadow: 0px 1px 3px #666;
}
.titre_bleu p{
	color: #FFF;
	font-size							:13px;
	background							:url(../images/droite_titre.gif) top right no-repeat;
	margin								:0px;
	font-weight							:bold;
	padding								:5px 5px 5px 15px;
}

.titre_vert {
	font-size: 15px;
	text-align: :center;
	margin: 20px 20px 5px 20px;
	background:#84BC0B;
	box-shadow: 0px 1px 3px #666;
	/*background-image: -webkit-gradient(linear, left top, left bottom, from(#B7C96F), to(#6B7F1A));
	background-image: -webkit-linear-gradient(top, #B7C96F, #6B7F1A);
	background-image:    -moz-linear-gradient(top, #B7C96F, #6B7F1A);
	background-image:      -o-linear-gradient(top, #B7C96F, #6B7F1A);
	background-image:         linear-gradient(to bottom, #B7C96F, #6B7F1A);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#B7C96F', endColorstr='#6B7F1A');/*For IE7-8-9*/
}
.titre_vert p{
	color: #FFF;
	font-size							:13px;
	background							:url(../images/droite_titre.gif) top right no-repeat;
	margin								:0px;
	font-weight							:bold;
	padding								:5px 5px 5px 15px;
}

#contenu_texte .zone_grise{
	display								:block; 
    padding								:8px; 
	/* border								:1px solid #9E9E9E; 
	background							:linear-gradient(rgb(255, 255, 255), rgb(229, 229, 229)) repeat scroll 0% 0% transparent;*/
	background: #fff;
    position							:relative;
	margin: 0px 20px 0px 20px;
	box-shadow: 0px 1px 3px #666;
}

#contenu_texte .zone_grise h2{
    border								:none; 
    padding								:0px; 
	margin: 0px 5px 0px 5px;
	background: none;
	width: auto;
	color: #ff8400;
	font-size: 15px;
}

#contenu_texte .zone_grise p{
    margin								:10px auto 0px auto;
}
#contenu_texte .zone_grise img{
	margin-bottom						:10px;
}

#contenu_texte .liste_image{
	 text-align: center;
}

#contenu_texte .liste_image ul {
	margin:0 auto;
}

#contenu_texte .liste_image li {
    background: none repeat scroll 0% 0% transparent;
	display: inline-block;
    padding: 0px;
/*	margin: 0px 4px 20px 4px;*/
    text-align: center;
    width: 180px;
	border-radius: 1em;
}

#contenu_texte .liste_image li:hover {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#84bc5d), to(#FFFFFF));
	background-image: -webkit-linear-gradient(top,#84bc5d, #FFFFFF);
	background-image:    -moz-linear-gradient(top,#84bc5d, #FFFFFF);
	background-image:      -o-linear-gradient(top,#84bc5d, #FFFFFF);
	background-image:         linear-gradient(to bottom, #84bc5d, #FFFFFF);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#84bc5d', endColorstr='#FFFFFF');/*For IE7-8-9*/
	color: #fff;
}

#contenu_texte .liste_image li img {
    border: 1px solid #FFF;
    border-radius: 1em;
    box-shadow: -2px 2px 4px #999;
   /* display: inline-block;*/
    margin: 1px 0px 5px 0px
}


/* ====================================================== */
/* SOUS MENU TOP */
/* ====================================================== */

#sous-menu
{
position: relative;
}

/*#principal #secondaire #secondaire_contenu*/ #sous-menu .menu{
	padding								:0px 5px;
	/*position							:relative;*/
	background							:none repeat scroll 0% 0% #ECECEC;
	margin: 0px 10px;
	width: 932px;
	display: table;
}

#sous-menu  .menu li{
	/*float								:left;
	height								:26px;
	margin								:0px;
	padding								:0px 5px;*/
	list-style-type						:none;
	display								: table-cell;
	vertical-align:top;
	padding								:0px 3px;
	position							:relative;
}
	
#sous-menu .menu li a{
	height								:17px;
	padding								:5px 5px 5px 5px;
	color								:#414141;
	text-align							:center;
	text-decoration						:none;
	font-size							:1em;
	display								:block;
	margin								:3px 0px 3px 0px;
}

#sous-menu .menu li:first-child:before {
    content: none;
}

#sous-menu .menu li:before {
    display: block;
    position: absolute;
    width: 1px;
	left: -1px;
    top: 0.5em;
    background: none repeat scroll 0% 0% #8AA5BA;
    height: 70%;
	content: "";
}

#sous-menu .menu li a:hover,
#sous-menu .menu li a:focus{
	color: #fff;
	background: none repeat scroll 0% 0% #005891;
}

#sous-menu .menu li a:active,
#sous-menu .menu li.active a{
	color: #fff;
	background: none repeat scroll 0% 0% #005891;
	text-decoration: none;
}



/*
#principal #secondaire #secondaire_contenu #contenu .menu li a span{
	background							:url("../images/sous_menu_bg.gif") left top repeat-x;
	height								:21px;
	float								:left;
	padding								:5px 0px 0px;
	font-size							:11px;
}

#principal #secondaire #secondaire_contenu #contenu .menu .active, #principal #secondaire #secondaire_contenu #contenu .menu .active:hover{
	height								:26px;
	background: none repeat scroll 0% 0% rgb(31, 60, 71);
	border-color: rgb(31, 60, 71);
	text-decoration: none;
}

#principal #secondaire #secondaire_contenu #contenu .menu li:hover{
	background-color:#DFDFDF;
}

#principal #secondaire #secondaire_contenu #contenu .menu .active a, 
#principal #secondaire #secondaire_contenu #contenu .menu .active a:hover{
	height								:21px;
	padding								:4px 4px 0px 0px;
}

#principal #secondaire #secondaire_contenu #contenu .menu li:hover a{

}
#principal #secondaire #secondaire_contenu #contenu .menu .active:hover a{	
	color: rgb(198, 215, 130);
}
#principal #secondaire #secondaire_contenu #contenu .menu .active a{
	color: rgb(198, 215, 130);
	font-size							:12px;
}

#principal #secondaire #secondaire_contenu #contenu .menu .active a span, 
#principal #secondaire #secondaire_contenu #contenu .menu .active:hover a span{
	background							:url("../images/sous_menu_bg.gif") left -52px repeat-x;
}

#principal #secondaire #secondaire_contenu #contenu .menu li:hover a span{
	background							:url("../images/sous_menu_bg.gif") left -26px repeat-x;
}

#principal #secondaire #secondaire_contenu #contenu .menu .active:hover a span{
	height								:27px;
}

#principal #secondaire #secondaire_contenu #contenu .menu .active a span{
	font-size							:12px;
}
*/

/* ====================================================== */
/* FIL ARIANE */
/* ====================================================== */

.breadcrumb {
	margin: 0px;
	padding: 0 0 0 15px;
	font-size: 11px;
}

.breadcrumb li{
	display: inline-block;
	padding: 10px 3px 0 0;
}

.breadcrumb li:first-child{
	display: none;
	padding-right: 0px;
}

.breadcrumb li a{
	text-decoration: none;
}

.breadcrumb  lia:hover{
	text-decoration: underline;
}

.breadcrumb li a:visited{
	color: #555;
}




/* ====================================================== */
/* SOUS MENU TOP BIS , VIGILANCE ET AVERTISSEMENTS */
/* ====================================================== */

.sous_menu_top_bis{
	margin-bottom: 10px;
}

.sous_menu_top_bis.menu_droite{
	display: inline-block;
	vertical-align: top;
}

#mea_vigilance{
	width								:264px;
	height								:90px;
	display: inline-block;
		/* hack IE<8 */
    *display:inline;
    zoom:1;
	/*padding: 2px;*/
	border: solid 1px #dfdfdf;
}

#mea_vigilance div{
	display: inline-block;
		/* hack IE<8 */
    *display:inline;
    zoom:1;
	
	vertical-align: top;
	text-align: center;
}

#mea_vigilance .timbre_vigilance{
	background-color: #A5D7F8;
	width: 114px;
	height								:78px;
	padding: 5px 0px;
	border: 1px solid #FFF;
}

#mea_vigilance .timbre_vigilance img.timbre_vigi{
	width: 108px;
	height: 80px;
	border: none; 
}

#mea_vigilance img,
#mea_vigilance a{
    cursor								:pointer;
}

#mea_vigilance a:hover, 
#mea_vigilance .info_vigilance a:hover{
	text-decoration						:underline;
}

#mea_vigilance.vigilance_sepia{
background-color: #D6C3B5;
}

#mea_vigilance.vigilance_sepia span{
	font-size: 11px;
	color: #9C7C65;
	font-family: Arial;
	display: inline-block;
	/*margin-bottom: 7px;*/
	margin-bottom: 5px;
}

#mea_vigilance.vigilance_sepia span.bold{
	font-weight: bold;
}

#mea_vigilance.vigilance_sepia span.vigi_sup_2{
	color: #fff;
}

#mea_vigilance.vigilance_sepia .timbre_vigilance{
	background-color: #fff;
}

#mea_vigilance.vigilance_vert{
	background: #28D761;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#28D761), to(#2DBD59));
	background: -webkit-linear-gradient(#28D761, #2DBD59);
	background: -moz-linear-gradient(#28D761, #2DBD59);
	background: -ms-linear-gradient(#28D761, #2DBD59);
	background: -o-linear-gradient(#28D761, #2DBD59);
	background: linear-gradient(#28D761, #2DBD59);
}

#mea_vigilance.vigilance_jaune{
	background: #FEFE00;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FEFE00), to(#FFE401));
	background: -webkit-linear-gradient(#FEFE00, #FFE401);
	background: -moz-linear-gradient(#FEFE00, #FFE401);
	background: -ms-linear-gradient(#FEFE00, #FFE401);
	background: -o-linear-gradient(#FEFE00, #FFE401);
	background: linear-gradient(#FEFE00, #FFE401);
}

#mea_vigilance.vigilance_orange{
	background: #FFA200;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFA200), to(#EF6900));
	background: -webkit-linear-gradient(#FFA200, #EF6900);
	background: -moz-linear-gradient(#FFA200, #EF6900);
	background: -ms-linear-gradient(#FFA200, #EF6900);
	background: -o-linear-gradient(#FFA200, #EF6900);
	background: linear-gradient(#FFA200, #EF6900);
}

#mea_vigilance.vigilance_rouge{
	background: #DF0000;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#DF0000), to(#AF0000));
	background: -webkit-linear-gradient(#DF0000, #AF0000);
	background: -moz-linear-gradient(#DF0000, #AF0000);
	background: -ms-linear-gradient(#DF0000, #AF0000);
	background: -o-linear-gradient(#DF0000, #AF0000);
	background: linear-gradient(#DF0000, #AF0000);
}

#mea_vigilance.vigilance_grise{
	background: #ACACAC;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ACACAC), to(#878787));
	background: -webkit-linear-gradient(#ACACAC, #878787);
	background: -moz-linear-gradient(#ACACAC, #878787);
	background: -ms-linear-gradient(#ACACAC, #878787);
	background: -o-linear-gradient(#ACACAC, #878787);
	background: linear-gradient(#ACACAC, #878787);
}

#mea_vigilance.vigilance_grise .info_vigilance h2,
#mea_vigilance.vigilance_vert .info_vigilance h2,
#mea_vigilance.vigilance_orange .info_vigilance h2,
#mea_vigilance.vigilance_rouge .info_vigilance h2{
	color								:#FFF;
}

#mea_vigilance.vigilance_jaune .info_vigilance h2{
	color								:#808080;
}

#mea_vigilance.vigilance_grise .info_vigilance a,
#mea_vigilance.vigilance_vert .info_vigilance a,
#mea_vigilance.vigilance_orange .info_vigilance a,
#mea_vigilance.vigilance_rouge .info_vigilance a{
	color								:#FFF;
	background							:url("../images/vigilance/a_vigilance_blanc.gif") left 4px no-repeat;
	padding-left						:12px;
}

#mea_vigilance.vigilance_jaune .info_vigilance a{
	color								:#808080;
	background							:url("../images/vigilance/a_vigilance_gris.gif") left 4px no-repeat;
	padding-left						:12px;
}

#mea_vigilance .info_vigilance{
	width								:147px;
	height								:78px;
	padding-top: 10px;
	border-top: 1px solid #FFF;
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
	border-bottom:1px solid #FFF;
}

#mea_vigilance.vigilance_sepia .info_vigilance{
	/*padding-top: 0px;*/
	padding-top: 2px;
	height: 86px;
}

#mea_vigilance .info_vigilance h2{
	display								:block;
	margin								:0px;
	text-align							:center;
	margin-bottom: 10px;
	font-size: 15px;
}

#mea_vigilance .info_vigilance a{
	font-weight							:bold;
	text-decoration						:none;
	font-size							:11px;
}

#mea_vigilance.vigilance_sepia .info_vigilance a{
	font-weight							:normal;
}

/* avertissement */
#avertissements{
	display: inline-block;
	width: 362px;
	text-align: right;
	vertical-align: top;
}

#avertissements.menu_droite{
	width: auto;
	/* margin: 0px 10px 10px; */
}

#avertissements div{
	display: inline-block;
	text-align							:center;
	/*padding								:4px;*/
	padding : 2px;
	background-color: #fff;
	margin-left: 14px;
	/*-webkit-box-shadow: #666 0px 0px 3px;
	-moz-box-shadow: #666 0px 0px 3px;
	box-shadow: #666 0px 0px 3px;*/
	position: relative;
	border: 1px solid #DFDFDF;
}

#avertissements.menu_droite div{
	margin-left: 9px;
	vertical-align: top;
}

#avertissements a{
	font-size							:11px;
	text-decoration						:none;
	font-weight							:bold;
	display: block;
	position: relative;
}

#avertissements img{
	border								:0px;
	width: 100px;
	height: 86px;
	display: block;
}

#avertissements.menu_droite img{
	width: 140px;
}

#avertissements img.full{
	width: 295px;
}

#avertissements a span{
	position: absolute;
	height: 25px;
	padding-top:15px;
	width: 100px;
	bottom: 0px;
	left: 0px;
	font-weight: bold;
	color: #fff;
	background-color: rgba(0,0,0,0.4);
}

#avertissements.menu_droite a span{
	width: 140px;
}

#avertissements span.active{
	background: rgba(0,92,125,0.7) url("../images/mea_alerte.png") no-repeat 2px 15px;
	padding-left: 15px;
	width: 85px;
}

#avertissements.menu_droite span.active{
	width: 125px;
}

#avertissements.menu_droite span.active.nopadding{
	padding-left: 0px;
	width: 100%;
	background: rgba(0,92,125,0.7) url("../images/mea_alerte.png") no-repeat 55px 12px;
}

#avertissements span{
	position: absolute;
	height: 25px;
	padding-top:15px;
	width: 100%;
	bottom: 4px;
	left: 0px;
	font-weight: bold;
	color: #fff;

}

#avertissements a:hover{
	text-decoration						:none;
}

#avertissements a:hover span{
	height: 45px;
	text-decoration						:none;
}


#avertissements .risque_feu.rouge,
#sans_pub_info_secu .risque_feu.rouge{
	color: #FF0502;
	background-color: rgba(255,255,255,0.7);
}
#avertissements .risque_feu.orange,
#sans_pub_info_secu .risque_feu.orange{
	color								:orange;
}
#avertissements .risque_feu.jaune,
#sans_pub_info_secu .risque_feu.jaune{
	color: yellow;
}
#sans_pub_info_secu .risque_feu.jaune{
	background-color: rgba(186, 186, 186, 1);
	display: inline-block;
	width: 100%;
}
#avertissements .risque_feu.norisque{
	padding-top: 5px;
	padding-bottom: 10px;
}

#mea_vigilance .active{
	color								:#ff0000;
    font-weight							:bold;
}




/* ====================================================== */
/* MENU DROITE SANS PUB , VIGILANCE ET AVERTISSEMENTS */
/* ====================================================== */

#sans_pub_info_secu{
	font-weight: bold;
	width: 300px;
	text-align: center;
	margin: 0px 10px 10px;
	position: relative;
	border:1px solid #DFDFDF;
}

#menu_droite #sans_pub_info_secu h2
{
	font-size: 1.42em;
	text-align: left;
	margin: 1px 1px 0px 1px;
	background: none;
	padding: 7px 5px 3px 10px;
	color: #414141;
	font-weight: bold;
	background:#e7f4fc;
	display:block;
}
#sans_pub_info_secu > ul {
	padding: 5px 5px 0 5px;
	margin: 0px 1px 1px 1px;
	background:#e7f4fc;
	/*background: #ffffff;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#f7f7f7));
	background: -webkit-linear-gradient(#ffffff, #f7f7f7);
	background: -moz-linear-gradient(#ffffff, #f7f7f7);
	background: -ms-linear-gradient(#ffffff, #f7f7f7);o-r
	background: -o-linear-gradient(#ffffff, #f7f7f7);
	background: linear-gradient(#ffffff, #f7f7f7);

	-webkit-box-shadow: #666 0px 1px 3px;
	-moz-box-shadow: #666 0px 1px 3px;
	box-shadow: #666 0px 1px 3px;*/
}

#sans_pub_info_secu ul.sans_pub_info_secu_ul {
	padding: 5px 5px;
	position: relative;
	margin-top: 5px;
}

#sans_pub_info_secu ul.sans_pub_info_secu_ul.dotted {
	/*border-bottom: 1px dotted #ccc;*/
	margin-bottom: 5px;
}

#sans_pub_info_secu  li {
	list-style-type: none;
	margin-bottom: 5px;
}

#sans_pub_info_secu  > ul  > li {
	display:inline;	
}

#sans_pub_info_secu > ul > li:before {
	display:inline;	
    position: absolute;
    content: "";
    width: 85px;
	background: url("../images/pointille.png") repeat-x scroll 0% 0%;
	/*background: none repeat scroll 0% 0% #414141;*/
    height: 1px;
	left:0.5em;
	margin-top: 10px;
}

#sans_pub_info_secu > ul > li:after {
	display:inline;	
    position: absolute;
    content: "";
    width: 85px;
	background: url("../images/pointille.png") repeat-x scroll 0% 0%;
    height: 1px;
	left: 17.5em;
	margin-top: 10px;
}

#sans_pub_info_secu ul.sans_pub_info_secu_ul li{
	font-weight: normal;
	text-align: left;
	border: 1px solid #ccc;
	color: #333;
	margin-left: 126px;
	padding: 2px 4px;
	font-size: 11px;
	
	background: #f7f7f7;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f7f7f7), to(#ffffff));
	background: -webkit-linear-gradient(#f7f7f7, #ffffff);
	background: -moz-linear-gradient(#f7f7f7, #ffffff);
	background: -ms-linear-gradient(#f7f7f7, #ffffff);
	background: -o-linear-gradient(#f7f7f7, #ffffff);
	background: linear-gradient(#f7f7f7, #ffffff);
}

#sans_pub_info_secu ul.sans_pub_info_secu_ul li.active{
	background: rgba(12, 108, 189, 1) url('../images/mea_alerte_small.png') no-repeat 3px 3px;
	color: #fff;
	font-weight: bold;
	padding-left: 23px;
}

#sans_pub_info_secu ul.sans_pub_info_secu_ul li.alerte{
	background: none;
	background-color: rgba(255, 254, 12, 0.8);
	font-weight: bold;
}

#sans_pub_info_secu ul.sans_pub_info_secu_ul li.timbre_vigilance{
	background: none;
	background-color: #A5D7F8;
	width: 114px;
	height:85px;
	position: absolute;
	left: 5px;
	padding: 0px;
	margin-left: 0px;
}

#sans_pub_info_secu .timbre_vigilance img.timbre_vigi{
	width: 108px;
	height: 80px;
	border: none; 
}

#sans_pub_info_secu img,
#sans_pub_info_secu a{
    cursor								:pointer;
	display: block;
	text-decoration: none;
}

#sans_pub_info_secu a:hover{
	text-decoration						:underline;
}

#sans_pub_info_secu  a:visited, 
#sans_pub_info_secu a:hover, 
#sans_pub_info_secu a:active {
	color: inherit;
}

#sans_pub_info_secu ul.sans_pub_info_secu_ul li.vigilance_vert{
	background: #28D761;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#28D761), to(#2DBD59));
	background: -webkit-linear-gradient(#28D761, #2DBD59);
	background: -moz-linear-gradient(#28D761, #2DBD59);
	background: -ms-linear-gradient(#28D761, #2DBD59);
	background: -o-linear-gradient(#28D761, #2DBD59);
	background: linear-gradient(#28D761, #2DBD59);
}

#sans_pub_info_secu ul.sans_pub_info_secu_ul li.vigilance_jaune{
	background: #FEFE00;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FEFE00), to(#FFE401));
	background: -webkit-linear-gradient(#FEFE00, #FFE401);
	background: -moz-linear-gradient(#FEFE00, #FFE401);
	background: -ms-linear-gradient(#FEFE00, #FFE401);
	background: -o-linear-gradient(#FEFE00, #FFE401);
	background: linear-gradient(#FEFE00, #FFE401);
}

#sans_pub_info_secu ul.sans_pub_info_secu_ul li.vigilance_orange{
	background: #FFA200;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFA200), to(#EF6900));
	background: -webkit-linear-gradient(#FFA200, #EF6900);
	background: -moz-linear-gradient(#FFA200, #EF6900);
	background: -ms-linear-gradient(#FFA200, #EF6900);
	background: -o-linear-gradient(#FFA200, #EF6900);
	background: linear-gradient(#FFA200, #EF6900);
}

#sans_pub_info_secu ul.sans_pub_info_secu_ul li.vigilance_rouge{
	background: #DF0000;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#DF0000), to(#AF0000));
	background: -webkit-linear-gradient(#DF0000, #AF0000);
	background: -moz-linear-gradient(#DF0000, #AF0000);
	background: -ms-linear-gradient(#DF0000, #AF0000);
	background: -o-linear-gradient(#DF0000, #AF0000);
	background: linear-gradient(#DF0000, #AF0000);
}

#sans_pub_info_secu ul.sans_pub_info_secu_ul li.vigilance_grise{
	background: #ACACAC;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ACACAC), to(#878787));
	background: -webkit-linear-gradient(#ACACAC, #878787);
	background: -moz-linear-gradient(#ACACAC, #878787);
	background: -ms-linear-gradient(#ACACAC, #878787);
	background: -o-linear-gradient(#ACACAC, #878787);
	background: linear-gradient(#ACACAC, #878787);
}

#sans_pub_info_secu ul.sans_pub_info_secu_ul li.vigilance_sepia{
	background: #D6C3B5;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#D6C3B5), to(#E6DDD6));
	background: -webkit-linear-gradient(#D6C3B5, #E6DDD6);
	background: -moz-linear-gradient(#D6C3B5, #E6DDD6);
	background: -ms-linear-gradient(#D6C3B5, #E6DDD6);
	background: -o-linear-gradient(#D6C3B5, #E6DDD6);
	background: linear-gradient(#D6C3B5, #E6DDD6);
}

#sans_pub_info_secu ul.sans_pub_info_secu_ul li.vigilance_vert,
#sans_pub_info_secu ul.sans_pub_info_secu_ul li.vigilance_orange,
#sans_pub_info_secu ul.sans_pub_info_secu_ul li.vigilance_rouge,
#sans_pub_info_secu ul.sans_pub_info_secu_ul li.vigilance_grise{
	color: #fff;
}

#sans_pub_info_secu ul.sans_pub_info_secu_ul li.timbre_vigilance.vert{ border: 2px solid #28D761; }
#sans_pub_info_secu ul.sans_pub_info_secu_ul li.timbre_vigilance.jaune{ border: 2px solid #FEFE00; }
#sans_pub_info_secu ul.sans_pub_info_secu_ul li.timbre_vigilance.orange{ border: 2px solid #FFA200; }
#sans_pub_info_secu ul.sans_pub_info_secu_ul li.timbre_vigilance.rouge{ border: 2px solid #DF0000; }
#sans_pub_info_secu ul.sans_pub_info_secu_ul li.timbre_vigilance.grise{ border: 2px solid #ACACAC; }
#sans_pub_info_secu ul.sans_pub_info_secu_ul li.timbre_vigilance.sepia{ background-color: #fff; border: 2px solid #D6C3B5; }


/* INFO TOOLTIP SUR BANNIERE */
.tooltip_banner{
	background: #ffffff;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#f7f7f7));
	background: -webkit-linear-gradient(#ffffff, #f7f7f7);
	background: -moz-linear-gradient(#ffffff, #f7f7f7);
	background: -ms-linear-gradient(#ffffff, #f7f7f7);
	background: -o-linear-gradient(#ffffff, #f7f7f7);
	background: linear-gradient(#ffffff, #f7f7f7);

	-webkit-box-shadow: #666 2px 5px 5px;
	-moz-box-shadow: #666 2px 5px 5px;
	box-shadow: #666 2px 5px 5px;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	border: 1px solid #ccc;
	
	text-align: center;
	padding: 10px;
	display: block;
	font-weight: bold;
	
	position: absolute;
	top: -9999px;
	z-index: 3;
}

.tooltip_banner .tooltip_arrow{
	background: transparent url('../images/tooltip_arrow.png') no-repeat 0px 0px;
	width: 36px;
	height: 16px;
	position: absolute;
	top: -16px;
	left: 50%;
	transform: translateX(-50%);
}



/* ====================================================== */
/* ACCUEIL */
/* ====================================================== */

#accueil{
	position							:relative;
	padding-bottom						:10px;
}

#bg_accueil
{
	border: 1px solid #DFDFDF;
	margin-bottom:	20px;
}

#accueil #previ_accueil{
	padding								:0px;
	color								:#414141;
	
}

#accueil #previ_accueil h2{
	height : 25px;
}

#accueil #previ_accueil a{
	color								:#414141;
	font-weight							:bold;
	font-size							:11px;
}

#accueil #prevision_observations{
	width								:440px;
	height: 290px;
	background: none repeat scroll 0% 0% #ececec;
	padding								:10px 0 10px 10px;
	margin-bottom: 20px;
	float: left;
	color								:#015790;
	font-size							:11px;
	background: url('../images/bg_liens.png') no-repeat scroll -165px -20px #ECECEC;
	/*-webkit-box-shadow: #666 0px 1px 3px;
	-moz-box-shadow: #666 0px 1px 3px;
	box-shadow: #666 0px 1px 3px;*/
}

#accueil #prevision_observations #releve_climat,
#accueil #prevision_observations .centerdiv,
#accueil #prevision_observations .random-image,
#accueil #prevision_observations #phenomenes_encours{
	float								:left;
	text-align							:center;
	padding								:8px;
	background-color: #fff;
	margin-right: 10px;
-webkit-box-shadow: #666 0px 0px 1px;
-moz-box-shadow: #666 0px 0px 1px;
box-shadow: #666 0px 0px 1px;
}

#accueil #prevision_observations #phenomenes_encours{
	margin-right: 0px;
}

#accueil #prevision_observations .centerdiv,
#accueil #prevision_observations .random-image{
	width								:120px;
}

#accueil #prevision_observations a{
	color								:#336B90;
	font-size							:14px;
	text-decoration						:none;
	font-weight							:bold;
	display: block;
	position: relative;
}

#accueil #prevision_observations a img{
	border								:0px;
	width: 120px;
	height: 125px;
	display: block;
}

#accueil #prevision_observations a span{
	position: absolute;
	height: 55px;
	padding-top:10px;
	width: 100%;
	bottom: 0px;
	left: 0px;
	font-weight: bold;
	color: #fff;
	background-color: rgba(0,0,0,0.4);
}

#accueil #prevision_observations a:hover{
	text-decoration						:none;
}

#accueil #prevision_observations a:hover span{
	height: 65px;
	text-decoration						:none;
}

#accueil #prevision_observations #observations{
	padding-top: 4px;
	clear								:both;
}

#accueil #prevision_observations #observations h2{
	color: #005891;
	font-size: 12px;
	text-align: justify;
	background: none;
	margin: 0px;
	padding-left:0px;
}

#accueil #prevision_observations #observations h2 span{
	padding-right						:5px;
}

#accueil #prevision_observations #observations img{
	width: 94px;
}

#accueil #prevision_observations #observations div.custom_wf img{
	width: 120px;
}

#accueil #prevision_observations #observations div.custom,
#accueil #prevision_observations #observations div.custom_wf{
	display								:inline-block;
	/* hack IE<8 */
    *display:inline;
    zoom:1;
	
	text-align							:center;
	color								:#000;
	font-weight							:normal;
	background-color: #fff;
	margin-right: 3px;
	padding: 4px;
-webkit-box-shadow: #666 0px 0px 1px;
-moz-box-shadow: #666 0px 0px 1px;
box-shadow: #666 0px 0px 1px;
}

#accueil #prevision_observations #observations div.custom_wf{
	margin-right: 17px;
}

#accueil #prevision_observations #observations div.custom_wf:last-child{
	margin-right: 0px;
}

#accueil #prevision_observations #observations div.custom p{
	margin: 0px;
}

#accueil #prevision_observations #observations a{
	color								:#000;
	font-weight							:normal;
	display: block;
	position: relative;
	text-decoration						:none;
	font-size							:11px;
	height: 102px;
	overflow: hidden;
}

#accueil #prevision_observations #observations a span{
	position: absolute;
	height: 35px;
	padding-top:15px;
	width: 100%;
	bottom: 0px;
	left: 0px;
	font-weight: bold;
	color: #fff;
	background-color: rgba(0,0,0,0.4);
}

#accueil #prevision_observations #observations a:hover{
	text-decoration						:none;
}

#accueil #prevision_observations #observations a:hover span{
	height: 45px;
	text-decoration						:none;
}


/* ====================================================== */
/* ACCUEIL DROITE */
/* ====================================================== */

#accueil_droite{
	margin-bottom: 20px;
	float: right;
}

#accueil_droite div.custom{
	/*-webkit-box-shadow: #666 0px 1px 3px;
	-moz-box-shadow: #666 0px 1px 3px;
	box-shadow: #666 0px 1px 3px;*/
	width: 160px;
	padding: 0px;
	margin: 0px;
	height: 310px;
}

#mea_article_accueil img{
	width: 160px;
	height: 310px;
}

/* ====================================================== */
/* MENU DROITE */
/* ====================================================== */

#menu_droite{
	width								:312px;
	float								:right;
	position							:relative;
	right								:8px;
	top: 10px;
	/*text-align							:right;*/
	margin-bottom: 20px;
}

#menu_droite .tel_meteo{
	margin: 0px 10px 10px;
	position: relative;
}

#menu_droite .default{
	position							:absolute;
	left								:200px;
	top									:535px;
	z-index								:1;
}

#menu_droite .droite{
	border-bottom: #015790 solid 2px;	
	background:url("../images/droit_fond.jpg") no-repeat;
}

#menu_droite .titre_droite{
	width:300px;
	display: table;
}

#menu_droite  h2 {
	padding: 0px;
	margin: 0px;
	color: #015790;/*
	font-size: 17px;*/
	font-size: 1.42em;
	text-align: left;
	display	: table-cell;
	background: #fff;
}

#menu_droite .droite_bordure_top{
	display		: table-cell;
	background-color: transparent;
	background-image: url('../images/droit_top.jpg');
	background-repeat: no-repeat;
	background-position: 100% 14px;
	background-size: 100% 2px;
	width:inherit;
}

#menu_droite  .contenu_bordures_droite{
	display: table;
}

#menu_droite  .contenu_droite{
	display		: table-cell;
	vertical-align:top;
	width:100%
	}

/* -------------------------------------------*/
/* MENU DROITE SANS PUB */

#menu_droite .nopub{
	margin	:0px 10px 10px;
	width: 300px;
}


#menu_droite img.remplace_pub{
	border: none;
	margin: 6px 0 10px 0; 
	vertical-align: top;
/*	-webkit-box-shadow: #666 0px 1px 3px;
-moz-box-shadow: #666 0px 1px 3px;
box-shadow: #666 0px 1px 3px;*/
}

/* lien */
#sans_pub_lien{
	margin: 0px 10px 10px;
	width: 300px;
	height: 110px;
}

#sans_pub_lien ul {
	padding: 0px 5px 0px 5px;
	margin: 0px;
	background: #ffffff;
	/*background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#f7f7f7));
	background: -webkit-linear-gradient(#ffffff, #f7f7f7);
	background: -moz-linear-gradient(#ffffff, #f7f7f7);
	background: -ms-linear-gradient(#ffffff, #f7f7f7);
	background: -o-linear-gradient(#ffffff, #f7f7f7);
	background: linear-gradient(#ffffff, #f7f7f7);

	-webkit-box-shadow: #666 0px 1px 3px;
	-moz-box-shadow: #666 0px 1px 3px;
	box-shadow: #666 0px 1px 3px;*/
}

#sans_pub_lien ul > li {
	list-style-type:none;
	background: url('../images/li.gif') no-repeat scroll 0px 4px transparent;
	padding-left:8px;
	text-align:left;
	margin:9px 0px 0px 15px;
}

#sans_pub_lien a {
	color:#414141;
	font-weight: bold;
	font-size: 13px;
	padding-left: 10px;
	text-decoration:		none;
}

#sans_pub_lien ul > li a:hover {
	text-decoration:		underline;
}

#sans_pub_lien .droite_bordure_left{
	display: table-cell;
	width: 2px;
	height: 90px;
}

#sans_pub_lien .droite_bordure_right{
	display: table-cell;
	width: 2px;
	height: 90px;
}


/* rollover menu */
#menu_rollover {
	width								:300px;
	text-align							:left;
	margin								:0px 10px 10px;
	position: relative;
}

#menu_rollover h2 {
	font-size: 1.42em;
	padding								:0px;
	text-align							:left;
	margin								:0px;
	background							:#fff url(../images/h2_strip_bg.png) repeat-x 0px 3px;
}

#menu_rollover h2 span {
	background							:#fff url(../images/h2_bg.png) no-repeat 0px 3px;
	display: inline-block;
	padding: 3px 5px 3px 10px;
	color: #17616C;
}


#menu_rollover ul.rollovers {
	margin								:5px 0 0 0;
	padding								:0;
background: #ffffff;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#f7f7f7));
background: -webkit-linear-gradient(#ffffff, #f7f7f7);
background: -moz-linear-gradient(#ffffff, #f7f7f7);
background: -ms-linear-gradient(#ffffff, #f7f7f7);
background: -o-linear-gradient(#ffffff, #f7f7f7);
background: linear-gradient(#ffffff, #f7f7f7);

	-webkit-box-shadow: #666 0px 1px 3px;
-moz-box-shadow: #666 0px 1px 3px;
box-shadow: #666 0px 1px 3px;

}

#menu_rollover ul.rollovers li {
	height								:45px;
	width: 132px;
	padding: 15px 0 0 10px;
	list-style-type						:none;
	font-weight: bold;
	color: #17616C;
	font-size:				12px;
	display: block;
	cursor: pointer;
	line-height: 14px;
}

#menu_rollover #rollover_1{
	border-bottom						:1px dotted #cecece;
}

#menu_rollover #roll_1, #menu_rollover #roll_2 {
	position:				absolute;
	display:				none;
	bottom:					0px;
	right:					0px;
	width:					167px;
	height:					122px;
	background-color: rgb(31, 60, 71);
}

#menu_rollover #roll_1 {
	display:				block;
}

#menu_rollover .roll_arrow{
	position: absolute;
	width: 8px;
	height: 16px;
	left: -8px;
	background-image: url("../images/roll_arrow.png");
}

#menu_rollover #roll_1 .roll_arrow {
	top: 16px;
}

#menu_rollover #roll_2 .roll_arrow {
	bottom: 16px;
}

#menu_rollover .menus {
	margin:				0px;
	padding: 0 5px 0 10px;
	display: block;
	height:	120px;
}

#menu_rollover .menus li {
	list-style-type:		none;
	font-size:				12px;
	font-weight: bold;
	display: block;
}

#menu_rollover #roll_1 .menus li {
	height: 30px;
	line-height: 30px;
}

#menu_rollover #roll_2 .menus li {
	height: 30px;
	line-height: 30px;
}

#menu_rollover .menus li a {
	color: rgb(198, 215, 130);
	text-decoration:		none;
	display: block;
}

#menu_rollover .menus li a:hover {
	text-decoration:		underline;
}



/* ====================================================== */
/* PHOTO SEMAINE */
/* ====================================================== */
#page_photo{
	width								:582px;
	margin-top: 20px;
}

#page_photo  h3.photosemaine {
	cursor:			pointer;
    background: url("../images/menu_bg.png") repeat-x scroll 0px 0px rgb(23, 156, 187);
	margin:				3px 0px;
	padding:			5px;
	font-size:			11px;
	border:				1px solid #7FD1FF;
	font-weight:		normal;
	color: #FFF;
}

#page_photo div.photosemaine {
	border-left:		1px solid #7FD1FF;
	border-right:		1px solid #7FD1FF;
	padding: 20px;
}

#page_photo .photosemaine.photo_contener{
	background-color: #000;
	padding: 0px;
	text-align: center;
}

#page_photo .photosemaine p{
	margin								:0px;
background: #ffffff;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#f7f7f7));
background: -webkit-linear-gradient(#ffffff, #f7f7f7);
background: -moz-linear-gradient(#ffffff, #f7f7f7);
background: -ms-linear-gradient(#ffffff, #f7f7f7);
background: -o-linear-gradient(#ffffff, #f7f7f7);
background: linear-gradient(#ffffff, #f7f7f7);
	color								:#000;
	padding								:2px 8px 2px 8px;
	width								:566px;
	text-align							:center;
}

#page_photo .photosemaine img{
	max-width							:580px;
	max-height							:580px;
}

#page_photo .mini_photo{
	width								:40px;
	height								:40px;
	border								:1px solid #306A8F;
}

#page_photo .liste_photo{
	padding								:5px 0px;
	text-align							:left;
}

#page_photo h3{
	border-bottom						:1px dashed #306A8F;
}

#page_photo span.alert{
	color: red;
	font-weight: bold;
}


/* ====================================================== */
/* PAGINATION */
/* ====================================================== */

#contenu_article .pagination {
    text-align: center;
}

#contenu_article .pagination ul{
	margin-top: 20px;
}

#contenu_article .pagination ul li {
    list-style-type: none;
    margin: 0px 5px;
    display: inline;
	background: none;
}


/* ====================================================== */
/* PUBLICITES */
/* ====================================================== */

/* pub haut */
/* V1 
#bandeau_pub_haut{
	width								:850px;
	height								:90px;
	position							:absolute;
	left								:70px;
	top									:2px;
}

#bandeau_pub_haut #pub_bandeau{
	width								:728px;
	height								:90px;
	position							:absolute;
	left								:62px;
	top									:0px;
}*/

/* V2
#bandeau_pub_haut{
	width								:962px;
	height								:100px;
	position							:absolute;
	left								:9px;
	top									:-6px;
	box-shadow: #666 0px 0px 3px;
	background: none repeat scroll 0% 0% padding-box #FFF;
}

#bandeau_pub_haut #pub_bandeau{
	width								:728px;
	height								:90px;
	position							:absolute;
	left								:123px;
	top									:5px;
}
*/
/* V3
#bandeau_pub_haut{
	width								:738px;
	height								:100px;
	position							:absolute;
	left								:125px;
	top									:-6px;
	box-shadow: #666 0px 0px 3px;
	background: none repeat scroll 0% 0% padding-box #FFF;
}

#bandeau_pub_haut #pub_bandeau{
	width								:728px;
	height								:90px;
	position							:absolute;
	left								:5px;
	top									:5px;
}
*/
/* V4
#bandeau_pub_haut{
	width								:962px;
	height								:100px;
	position							:absolute;
	left								:9px;
	top									:-6px;
	box-shadow: #666 0px 0px 3px;
	background: none repeat scroll 0% 0% padding-box #FFF;
	border-radius: 300px 300px 0px 0px;
}

#bandeau_pub_haut #pub_bandeau{
	width								:728px;
	height								:90px;
	position							:absolute;
	left								:123px;
	top									:5px;
}*/
/* V5 
#bandeau_pub_haut{
	width								:798px;
	height								:100px;
	position							:absolute;
	left								:95px;
	top									:-6px;
	box-shadow: #666 0px 0px 3px;
	background: none repeat scroll 0% 0% padding-box #FFF;
	border-radius: 30px 30px 30px 30px;
}

#bandeau_pub_haut #pub_bandeau{
	width								:728px;
	height								:90px;
	position							:absolute;
	left								:35px;
	top									:5px;
}*/
/* V6 */
#bandeau_pub_haut{
	width								:798px;
	height								:100px;
	position							:absolute;
	left								:91px;
	top									:-15px;
	border-radius: 30px 30px 30px 30px;
}

#bandeau_pub_haut #pub_bandeau{
	width								:728px;
	height								:90px;
	position							:absolute;
	left								:35px;
	top									:5px;
}
/* pub menu droite */
#pub1{
	width								:300px;
	min-height							:250px;
	margin: 0px 10px 10px;
	position: relative;
}

#pub2{
	width								:300px;
	min-height							:250px;
	margin: 0px 10px 10px;
	position: relative;
}

#pub1 h2,
#pub2 h2,
#menu_droite .nopub h2{
	font-size							:9px;
	color								:#CACACA;
	margin								:0px 0px 6px;
	font-weight							:normal;
	background: none;
	text-align: right;
}

/* pub bas */
#pub_contenu {
	clear: both;
}

#pub_contenu #pub3{
	margin-bottom: 10px;
}

#pub_contenu #pub3 h2{
	font-size							:9px;
	color								:#CACACA;
	margin								:0px 0px 6px;
	padding-top: 10px;
}



/* ====================================================== */
/* BAS ACTUALITES */
/* ====================================================== */

#bas_actu{
	background: url('../images/bg_liens.png') no-repeat scroll -155px -112px #ECECEC;
	padding: 5px 0 15px 15px;
	margin-top: 20px;
	/*background: none repeat scroll 0% 0% #F7F7E7;
	color								:rgb(23, 97, 108);
	font-size							:11px;
	-webkit-box-shadow: #666 0px 1px 3px;
	-moz-box-shadow: #666 0px 1px 3px;
	box-shadow: #666 0px 1px 3px;*/
}

#bas_actu h2{
	color: #005891;
	font-size: 13px;
	text-align: justify;
	background: none repeat scroll 0% 0% transparent;
	margin: 0px;
	margin: 0px 0px 10px 0px;
/*	color: #306A8F;
	font-size: 13px;
*/
}

#bas_actu .bas_actu{
	float								:left;
	text-align							:center;
	padding								:8px;
	background-color: #fff;
	margin-right: 15px;
-webkit-box-shadow: #666 0px 0px 1px;
-moz-box-shadow: #666 0px 0px 1px;
box-shadow: #666 0px 0px 1px;
	width								:120px;
}

#bas_actu a{
	color								:#336B90;
	font-size							:14px;
	text-decoration						:none;
	font-weight							:bold;
	display: block;
	position: relative;
}

#bas_actu a img{
	border								:0px;
	width: 120px;
	height: 125px;
	display: block;
}

#bas_actu a span{
	position: absolute;
	height: 55px;
	padding-top:10px;
	width: 100%;
	bottom: 0px;
	left: 0px;
	font-weight: bold;
	color: #fff;
	background-color: rgba(0,0,0,0.4);
}

#bas_actu a:hover{
	text-decoration						:none;
}

#bas_actu a:hover span{
	height: 65px;
	text-decoration						:none;
}

/* ====================================================== */
/* MISE EN AVANT SOUS ARTICLE MEA_BAS */
/* ====================================================== */

.mea_bas{
	font-size							:11px;
	background: none repeat scroll 0% 0% #e7f4fa;
	/*-webkit-box-shadow: #666 0px 1px 3px;
	-moz-box-shadow: #666 0px 1px 3px;
	box-shadow: #666 0px 1px 3px;*/
	padding: 10px;
	margin-top: 20px;
}

.mea_bas a:hover{
	text-decoration						:underline;
}

.mea_bas #titre h2{
	color								:#005891;
	font-size							:13px;
	margin								:0px;
	padding-right						:5px;
}

.mea_bas #titre{
}

.mea_bas .detail_mea{
	display								:block;
	padding								:8px;
}

.mea_bas .detail_mea table tr th{
	color								:#005891;
}



/* ====================================================== */
/* BAS ARTICLE */
/* ====================================================== */

#bas_article{
	background: url('../images/bg_liens.png') no-repeat scroll -155px -112px #ECECEC;
	padding: 10px 0px 0px 0px;
	margin-top: 10px;
}

#bas_article div.custom{
	display								:inline-block;
	/* hack IE<8 */
    *display:inline;
    zoom:1;
	
	text-align							:center;
	color								:#000;
	font-weight							:normal;
	background-color: #fff;
	margin-right: 12px;
	padding: 4px;
	-webkit-box-shadow: #666 0px 0px 1px;
	-moz-box-shadow: #666 0px 0px 1px;
	box-shadow: #666 0px 0px 1px;
}


#bas_article div.custom:first-child{
	margin-left: 13px;
}

#bas_article div.custom:last-child{
	margin-right: 13px;
}

#bas_article a{
	color								:#336B90;
	font-size							:12px;
	text-decoration						:none;
	font-weight							:bold;
	display: block;
	position: relative;
	height: 130px;
}

#bas_article a:hover{
	text-decoration						:none;
}

#bas_article a:hover span{
	height: 65px;
	text-decoration						:none;
}

#bas_article a:hover img{
	text-decoration						:none;
}

#bas_article p{
	margin								:0px;
}

#bas_article a img{
	border								:0px;
	width: 100px;
	height: 130px;
	display: block;
}

#bas_article a span{
	position: absolute;
	height: 50px;
	padding-top:15px;
	width: 100%;
	bottom: 0px;
	left: 0px;
	font-weight: bold;
	color: #fff;
	background-color: rgba(0,0,0,0.4);
}


/* ====================================================== */
/* MENU BAS PAGE */
/* ====================================================== */

#menu_bas_page{
	clear								:both;
	width								:947px;
	position							:relative;
	background: url('../images/bg_footer.png') no-repeat scroll -150px -270px #005891;
	/*background-color: rgb(15, 39, 55);*/
	padding: 50px 0 0 15px;
	text-align: left;
}


#menu_bas_page .col_bas{
	display: inline-block;
	/* hack IE<8 */
    *display:inline;
    zoom:1;
	
	vertical-align: top;
	margin-right: 15px;
	width: 218px;
}

#menu_bas_page .flux_rss{
	position							:absolute;
	left								:15px;
	top									:7px;
	color								:#FFF;
	background							:url("../images/flux_rss.gif") no-repeat 2px 0px;
	padding-left						:25px;
	display								:block;
	height								:16px;
	text-decoration						:none;
}

#menu_bas_page .flux_rss:hover{
	text-decoration						:underline;
}

#menu_bas_page .search{
	position							:absolute;
	left								:0px;
	top									:0px;
	width: 947px;
	height: 26px;
	padding: 4px 15px 0 0;
	text-align: right;
	border-bottom: #fff solid 1px;
}

#menu_bas_page .search label{
	display: none;
}

#menu_bas_page .search #mod-search-searchword{
	width								:150px;
	color								:#787878;
	font-size							:10px;
}

#menu_bas_page .search .button{
	cursor								:pointer;
	font-size							:10px;
	vertical-align: bottom;
	margin: 0 0 0 5px;
	padding: 0;
	height: 20px;
}

#menu_bas_page .menu{
	margin								:0px;
	padding: 80px 0px 0px;
	background: url('../images/logo_footer2.png') no-repeat scroll;
	width:720px;
	min-height: 150px;
}

#menu_bas_page .menu_speciale,
#menu_bas_page .menu_wf, #menu_bas_page .menu_wf .item-117{
	background							:none;
}

#menu_bas_page .menu_wf .item-117{
	height								:20px;
	padding-top							:30px;
}


#menu_bas_page .menu li a, #menu_bas_page .menu li.item-43 .separator{
	display: block;
	color								:#8ADDFF;
	font-weight							:bold;
	text-decoration						:none;
	font-size: 18px;
	/*background							:transparent url("../images/h2_bg.png") no-repeat 0px 3px;
	padding: 3px 0px 3px 15px;
	border-bottom: 1px solid #53616A;
	height: 59px;*/
	margin-right: 20px;
}

#menu_bas_page .menu li a:hover{
	text-decoration						:underline;
}

#menu_bas_page .menu li ul{
	display: block;
	padding: 0;
	margin: 10px 0 0 0;
}

#menu_bas_page .menu li ul li{
	display								:inline;
	padding								:0px;
	background							:none;
	width								:auto;
}

#menu_bas_page .menu  li{
	list-style-type						:none;
	display: inline-block;
	height: auto;
	padding								:0px;
	margin: 0 0 15px 0;
	/*width: 236px;*/
	width:180px;
	vertical-align: top;
}

#menu_bas_page .menu li .separator{
	color: #fff;
	font-size: 11px;
}

#menu_bas_page .menu li ul li a{
	width								:auto;
	font-weight							:normal;
	font-size: 11px;
	background							:none;
	border-bottom: none;
	padding								:0px;
	height: 15px;
	color								:#fff;
}

#menu_bas_page .menu.menu_speciale li{
	margin-bottom: 0px;
}

#menu_bas_page .menu.menu_speciale li ul{
	margin: 0;
	padding : 0 0 0 20px;
}

#menu_bas_page .menu_site{
	background: url('../images/logo_footer2.png') no-repeat right top scroll;
	padding: 80px 0px 0px;
	margin: 0px;
	width:200px;
	position: absolute;
	left: 720px;
	top: 46px;
}

#menu_bas_page .menu_site:before{
	display: block;
    position: absolute;
    content: "";
    width: 2px;
	left: -1.5em;
    top: 7.1em;
    background: none repeat scroll 0% 0% #8ADDFF;
    height: 61%;
}


#menu_bas_page .menu_site  li{
	list-style-type						:none;
	height: auto;
	padding								:0px;
	margin: 0px;
	width: 236px;
	vertical-align: top;
	color								:#8ADDFF;
	font-weight							:bold;
	text-decoration						:none;
	font-size: 18px;
}

#menu_bas_page .menu_site  li ul{
display: block;
padding: 0px;
margin: 10px 0px 0px;
}

#menu_bas_page .menu_site li ul li{
	padding								:0px;
	background							:none;
	width								:auto;
}

#menu_bas_page .menu_site li ul li a{
	width								:auto;
	font-weight							:normal;
	font-size: 14px;
	background							:none;
	border-bottom: none;
	padding								:5px 0px;
	height: 15px;
	font-weight							:bold;
	color								:#fff;
	text-transform: uppercase;
	text-decoration: none;
}

#menu_bas_page .menu_site li a:hover{
	text-decoration						:underline;
}

#menu_bas_page .menu_bas{
	width: 932px;
	background: #082c44;
	text-align: center;
	padding: 15px;
	margin-left: -15px;
}

#menu_bas_page .menu_bas li{
	display								:inline-block;
	/* hack IE<8 */
    *display:inline;
    zoom:1;
	
	height: 19px;
	list-style-type						:none;
}

#menu_bas_page .menu_bas li a{
	padding								:0px 15px;
	color								:#fff;
	text-decoration						:none;
	font-size							:10px;
}

#menu_bas_page .menu_bas li:first-child:before {
    content: none;
}


#menu_bas_page .menu_bas li:before {
    display: block;
    position: absolute;
    content: "";
    width: 1px;
    background: none repeat scroll 0% 0% #fff;
    height: 18px;
}


#menu_bas_page .menu_bas li a:hover{
	text-decoration						:underline;
}

/* ====================================================== */
/* ESPACE RESERVE */
/* ====================================================== */
#login-form{
	padding: 15px;
	background: #f7f7f7;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f7f7f7), to(#ffffff));
	background: -webkit-linear-gradient(#f7f7f7, #ffffff);
	background: -moz-linear-gradient(#f7f7f7, #ffffff);
	background: -ms-linear-gradient(#f7f7f7, #ffffff);
	background: -o-linear-gradient(#f7f7f7, #ffffff);
	background: linear-gradient(#f7f7f7, #ffffff);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f7f7f7', endColorstr='#ffffff');/*For IE7-8-9*/ 
	
	-webkit-box-shadow: #666 0px 1px 3px;
	-moz-box-shadow: #666 0px 1px 3px;
	box-shadow: #666 0px 1px 3px;
}

#login-form .control-group{
	margin-bottom: 5px;
	position: relative;
	line-height: 20px;
}

#login-form  input.input-small {
	position: absolute;
	left: 100px;
	margin-left: 0px;
}	

#login-form .login-greeting {
	display: inline-block;
	line-height: 25px;
}

#login-form  .logout-button {
	float: right;
}

.edit-icon{
	display: none;
}