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

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

body{
	padding								:0px;
	margin								:0px;
	background							:url(../images/body_top.png) left 50px repeat-x #fff;
	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.png") 0px 0px repeat-x transparent;
}

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

.header-logo-wrapper {
	margin: 0 5px 0 0;
	float: left;
	padding-top: 10px;
	padding-top: 15px;
}

.header img { display: block; border: none;}


/* logo gov */
.gov-logo {
	float: right;
	border-right: 1px solid #474d4e;
	border-left: 1px solid #1e1e1e;
	min-height: 33px; /*48*/
	padding: 0;
}

/* MENU NAV */

#nav { min-height: 50px; }
#nav ul {
	padding: 0;
	margin: 0;
	width: 672px;
	float: right;
	list-style: none;
}

#nav li {
/*	float: left;*/
	display: inline-block;
	vertical-align: top;
	text-align: center;
	padding: 0;
	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; }

#nav a:link,
#nav a:visited {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.083em;
	padding: 8px 0px;
	display: inline-block;
	height: 32px;
}
#nav a.one-line {
	padding: 8px 14px;
}

#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);
  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: #c6d782;	
	text-decoration: none;
	vertical-align: bottom;
	height: 32px;
	padding-top: 16px;
 }

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


/* ====================================================== */
/* 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 */
/* ====================================================== */

#pub_fond{
	position: relative;
	min-width: 979px;
	margin: auto;
	padding-top: 110px;
}

#pub_fond #pub0 {
	position: absolute; 
	top:0px; 
	left:50%;
	margin-left: -960px;
}

#pub_fond a.pub_fond{position: absolute; top:0px; left:0px;}


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

#principal{
	width								:979px;
	text-align							:left;
	margin								:auto;
	padding-top							:95px;
	position							:relative;
}

#Itemid{
	display: none;
}

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

#menu_top {
	display: block;
}

#menu_top .menu{
	margin								:0px;
	padding								:0px;
	display: table;
	width: 962px;
	left: 9px;
	position							:relative;
	background							:url("../images/menu_top_bg.png") left top repeat-x;
}

#menu_top .menu li{
	display								: table-cell;
	vertical-align: top;
	list-style-type						:none;
}

#menu_top .menu .item-117{
	display								:none;
}

#menu_top .menu li a:hover,
#menu_top .menu li a:focus{
	background-color:#DFDFDF;
}

#menu_top .menu li a:active,
#menu_top .menu li.active a{
	color: rgb(198, 215, 130);
	background: none repeat scroll 0% 0% rgb(31, 60, 71);
	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;
	color: #555555;
	font-weight: bold;
	display: block;
	padding: 14px 10px 0 10px;
	height: 31px;
	text-align: center;
	text-decoration: none;
	font-size: 1.25em;
}


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

#secondaire{
	width								:979px;
}

#secondaire_contenu{
	width								:962px;
	background-color					:#fff;
	position							:relative;
	left								:9px;
}

#contenu{
	width								:960px;
	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 3px 5px;
	-moz-box-shadow: #666 0px 3px 5px;
	box-shadow: #666 0px 3px 5px;
}

#texte{
	width								:622px;
	float								:left;
	position							:relative;
	left								:14px;
	padding-bottom: 14px;
}

#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{
	border								:1px solid rgb(206, 206, 206);
	z-index								:1;
	text-align							:justify;
	background-color					:#FFF;
	font-size: 11px;
	padding : 0px 20px 15px
}

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

#contenu_article h2{
	color: #17616C;
	font-size: 15px;
	text-align: justify;
}

#contenu_article h3{
	font-size: 11px;
	color: #306a8f;
	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 #036;
}

#contenu_article legend{
	color: #036;
	font-weight: bold;
}

#contenu_article a{
	color: #306A8F;
}

#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: right;
	margin-bottom: 20px;
	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							: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 thead {

	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*/
	
	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: #F7F7F7;
	padding: 2px 4px;
	border: 1px solid #CCC;
	text-decoration: none;
	color: #555;
}

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

.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 0px 20px;
	background: #76BAD8 url("../images/menu_bg.png") repeat-x 0px 0px;
}
.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 0px 20px;
	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; 
    border								:1px solid #9E9E9E; 
    padding								:8px; 
	background							:linear-gradient(rgb(255, 255, 255), rgb(229, 229, 229)) repeat scroll 0% 0% transparent;
    position							:relative;
	margin: 0px 20px 0px 20px;
}

#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(#B7C96F), to(#FFFFFF));
	background-image: -webkit-linear-gradient(top,#B7C96F, #FFFFFF);
	background-image:    -moz-linear-gradient(top,#B7C96F, #FFFFFF);
	background-image:      -o-linear-gradient(top,#B7C96F, #FFFFFF);
	background-image:         linear-gradient(to bottom, #B7C96F, #FFFFFF);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#b7c96f', endColorstr='#FFFFFF');/*For IE7-8-9*/
}

#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 */
/* ====================================================== */

#principal #secondaire #secondaire_contenu #contenu .menu{
	margin								:0;
	padding								:0px;
	height								:26px;
	z-index								:2;
	position							:relative;
	background							:url("../images/sous_menu_top_bg.png") left top repeat-x;
}

#principal #secondaire #secondaire_contenu #contenu .menu li{
	float								:left;
	height								:26px;
	margin								:0px;
	padding								:0px 10px;
	list-style-type						:none;
	border-right: 1px solid rgb(201, 201, 201);
}

#principal #secondaire #secondaire_contenu #contenu .menu li a{
	height								:21px;
	float								:left;
	padding								:5px 4px 0px 0px;
	color: #555555;
	text-decoration						:none;
	font-size							:11px;
}

#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;
	
	-webkit-box-shadow: #666 0px 0px 3px;
	-moz-box-shadow: #666 0px 0px 3px;
	box-shadow: #666 0px 0px 3px;
	padding: 2px;
}

#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								:85px;
	padding-top: 5px;
}

#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;
}

#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								:140px;
	height								:87px;
	padding-top: 10px;
}

#mea_vigilance.vigilance_sepia .info_vigilance{
	padding-top: 0px;
}

#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: 354px;
	text-align: right;
	vertical-align: top;
}

#avertissements.menu_droite{
	width: auto;
}

#avertissements div{
	display: inline-block;
	text-align							:center;
	padding								:4px;
	background-color: #fff;
	margin-left: 10px;
	-webkit-box-shadow: #666 0px 0px 3px;
	-moz-box-shadow: #666 0px 0px 3px;
	box-shadow: #666 0px 0px 3px;
	position: relative;
}

#avertissements.menu_droite div{
	margin-left: 0px;
}

#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 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 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.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;
}

#sans_pub_info_secu > ul {
	padding: 5px 5px 0 5px;
	margin: 5px 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;
}

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

#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.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;
}

#accueil #previ_accueil{
	padding								:0px;
	margin-bottom:	20px;
	color								:#6F6F8A;
}

#accueil #previ_accueil h2{
    font-size: 1.42em;
    padding: 0px;
    text-align: left;
    margin: 0px;
    background: url("../images/h2_strip_bg.png") repeat-x scroll 0px 3px rgb(255, 255, 255);
}

#accueil #previ_accueil h2 span{
	background: url("../images/h2_bg.png") no-repeat scroll 0px 3px rgb(255, 255, 255);
	display: inline-block;
	padding: 3px 5px 3px 10px;
	color: rgb(23, 97, 108);
}

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

#accueil #prevision_observations{
	width								:440px;
	height: 290px;
	background: none repeat scroll 0% 0% #F7F7E7;
	padding								:10px 0 10px 10px;
	margin-bottom: 20px;
	float: left;
	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;
}

#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 3px;
-moz-box-shadow: #666 0px 0px 3px;
box-shadow: #666 0px 0px 3px;
}

#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								:rgb(23, 97, 108);
	font-size							:12px;

}

#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 3px;
-moz-box-shadow: #666 0px 0px 3px;
box-shadow: #666 0px 0px 3px;
}

#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: 150px;
	padding: 0px;
	margin: 0px;
	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;
	-webkit-box-shadow: #666 0px 1px 3px;
	-moz-box-shadow: #666 0px 1px 3px;
	box-shadow: #666 0px 1px 3px;
}

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

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

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

/* -------------------------------------------*/
/* MENU DROITE SANS PUB */
#menu_droite img.remplace_pub{
	border: none;
	margin: 0 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;
}

#sans_pub_lien > ul {
	padding: 5px 5px 5px 5px;
	margin: 5px 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;
}

#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:3px 0px 10px 15px;
}

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

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

/* 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 de la semaine */
#menu_droite #photosemaine {
	width								:300px;
	margin: 0px 10px 10px;
	position: relative;
}

#menu_droite #photosemaine #consultergalerie{
	font-size							:11px;
    padding-left: 7px;
    background: url("../images/puce.jpg") no-repeat scroll 0px 4px transparent;
	color								:#000;
	text-decoration						:none;
	position: absolute;
	bottom: 10px;
	right: 10px;
}

#menu_droite #photosemaine #consultergalerie:hover{
	text-decoration						:underline;
}

#menu_droite #photosemaine h2 {
	font-size: 1.42em;
	padding: 0px;
	text-align: left;
	margin: 0px;
	background: url("../images/h2_strip_bg.png") repeat-x scroll 0px 3px rgb(255, 255, 255);
}

#menu_droite #photosemaine h2 span{
	background: url("../images/h2_bg.png") no-repeat scroll 0px 3px rgb(255, 255, 255);
	display: inline-block;
	padding: 3px 5px 3px 10px;
	color: rgb(23, 97, 108);
}

#menu_droite #photosemaine #fond_photosemaine{
margin: 5px 0px;
padding: 0px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #f7f7f7, #ffffff);
    background-image:    -moz-linear-gradient(top, #f7f7f7, #ffffff);
    background-image:      -o-linear-gradient(top, #f7f7f7, #ffffff);
    background-image:         linear-gradient(to bottom, #f7f7f7, #ffffff);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f7f7f7', endColorstr='#ffffff');/*For IE7-8-9*/
/*border: 1px solid rgb(206, 206, 206);*/
text-align: left;
	-webkit-box-shadow: #666 0px 1px 3px;
-moz-box-shadow: #666 0px 1px 3px;
box-shadow: #666 0px 1px 3px;
position: relative;
}

#menu_droite #photosemaine #fond_photosemaine p{
position: absolute;
top: 20px;
right: 10px;
text-align: justify;
width: 140px;
}

#menu_droite #photosemaine a.photo_semaine {
	display: inline-block;
	padding: 5px;
	background-color: #fff;
	-webkit-box-shadow: #666 0px 1px 3px;
-moz-box-shadow: #666 0px 1px 3px;
box-shadow: #666 0px 1px 3px;
}

#menu_droite #photosemaine #photosemaineimg {
	width								:130px;
	height								:130px;
}



/* ====================================================== */
/* 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 */
#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;
}

/* 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: none repeat scroll 0% 0% #F7F7E7;
	padding								:5px 0 15px 15px;
	margin-top: 20px;
	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: #306A8F;
	font-size: 13px;
	margin: 0px 0px 10px 0px;
}

#bas_actu .bas_actu{
	float								:left;
	text-align							:center;
	padding								:8px;
	background-color: #fff;
	margin-right: 15px;
-webkit-box-shadow: #666 0px 0px 3px;
-moz-box-shadow: #666 0px 0px 3px;
box-shadow: #666 0px 0px 3px;
	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% #F7F7E7;
	-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								:#306A8F;
	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								:#306A8F;
}



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

#bas_article{
	background: none repeat scroll 0% 0% #F7F7E7;
	padding: 10px 0px 0px 10px;
	color: rgb(23, 97, 108);
	font-size: 11px;
	margin-top: 10px;
	
		-webkit-box-shadow: #666 0px 1px 3px;
-moz-box-shadow: #666 0px 1px 3px;
box-shadow: #666 0px 1px 3px;
}

#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: 11px;
	padding: 4px;
-webkit-box-shadow: #666 0px 0px 3px;
-moz-box-shadow: #666 0px 0px 3px;
box-shadow: #666 0px 0px 3px;
}


#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-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;
	background: transparent url("../images/search_bg.png") repeat-x top left;
}

#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								:0px;

}

#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								:#fff;
	font-weight							:bold;
	text-decoration						:none;
	font-size: 1.25em;
	background							:transparent url("../images/h2_bg.png") no-repeat 0px 3px;
	padding: 3px 0px 3px 15px;
	border-bottom: 1px solid #53616A;
	height: 30px;
	margin-right: 20px;
}

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

#menu_bas_page .menu li ul{
	display: block;
	padding: 0;
	margin: 8px 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 20px 0;
	width: 236px;
	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;
}

#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_bas{
	width: 932px;
	background: rgb(18, 31, 41) url("../images/logo_gouv.png") right top no-repeat;
	text-align: left;
	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{
	border-left: 1px solid #fff;
	padding								:0px 15px;
	color								:#fff;
	text-decoration						:none;
	font-size							:10px;
}

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

#bas_page_logo{
	clear								:both;
	width								:962px;
	height								:179px;
	display								:block;
	background							:url("../images/logo_republique.gif") center 8px no-repeat transparent;
}


/* ====================================================== */
/* 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;
}