/*=============================================================================
	�l�ments HTML g�n�riques
=============================================================================*/
div, ul, li, h4, p {
	margin: 0px;
	padding: 0px;
}

/*=============================================================================
	�l�ments li�s � l'accessibilit�
=============================================================================*/
.accessible {
	display: none;
}

/*=============================================================================
	Mise en forme g�n�rale de la page
	(contours, ombres, couleur de fond,...)
=============================================================================*/
body {
	background-color: #265B60;
	font-family:  verdana, arial, serif;
	margin: 0px;
	/*min-height: 600px;*/
	min-width: 1024px;
	padding: 0px;
	text-align:center;
	}

div#conteneur_principal {
	background-image: url(./images/ombre_fond_gauche.jpg);
	background-repeat: no-repeat;
	margin: 20px auto;
	padding-left: 34px;
	text-align: left;
	width: 990px;
}

div#conteneur_page {
	background-image: url(./images/ombre_fond_droite.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	padding-right: 33px;
}

div#aligneur_colonnes {
	/*background-image: url(./images/bas2page_arrondi_blanc.jpg);*/
	background-color:#800000;
	background-repeat: no-repeat;
	clear: both;
	height: 50px;
	text-align:center;
	color:#FFF;
	font-size:13px;
	border:1px solid #FFF;
	width:955px;
}

div#aligneur_colonnes a{
	color:#FFF;
	font-weight:normal;
	}
div#page_complete {
	background-color: #ffffff;
	background-image: url(./images/haut2page_arrondi_blanc.jpg);
	background-repeat: no-repeat;
	padding-top: 8px;
	float:left;
}

/*=============================================================================
	Banni�re de haut de page
=============================================================================*/
div.banniere_logo a {
	background-image: url(./images/bd-haut05.jpg);
	display: block;
	height: 135px;
	text-decoration: none;
	width: 957px;
}
/*Accueil*/
div#banniere_sommaire a {
	background-image: url(./images/bd-haut05.jpg);
}
/*communication*/
div#banniere_rubrique6 a {
	background-image: url(./images/bd-com01.jpg);
}
/*tourisme*/
div#banniere_rubrique9 a {
	background-image: url(./images/bd-haut03.jpg);
}
/*culture et patrimoine*/
div#banniere_rubrique4 a {
	background-image: url(./images/bd-cult01.jpg);
}
/* Economie*/
div#banniere_rubrique7 a {
  background-image: url(./images/bd-eco01.jpg);
  }
/*Tri S�l�ctif*/
div#banniere_rubrique8 a {
  background-image: url(./images/bd-vie01.jpg);
  }
/*Nature*/
div#banniere_rubrique2 a {
	background-image: url(./images/bd-haut05.jpg);
  }
/*grands sites*/
div#banniere_rubrique5 a {
	background-image: url(./images/bd-haut05.jpg);
	}
/*Administration*/
div#banniere_rubrique3 a {
	background-image: url(./images/bd-admin01.jpg);
}

/*=============================================================================
	Menu horizontal
=============================================================================*/
div#menu {
	background-color: #a7c1da;
	height: 25px;
	margin: 10px 0px;
}

div#menu a {
	color: #ffffff;
	display: block;
	font-family:Verdana;
	margin: 0em 0px;
	text-decoration: none;
}


div#menu ul#menu_liste {
	list-style: none;
}

div#menu li.menu_element {
	float: left;
}

div#menu li.menu_element>a {
	background-image: url(./images/menu_degrade.png);
	background-color: #438aa0;
	background-position: top left;
	background-repeat: repeat-x;
	height: 25px;
	
}

div#menu li.menu_element a:hover {
	background-position: 0px -25px;
	color: #e0aa2e;
	font-weight:normal;
}

/*
div#menu li.selected>a, div#menu li.selected>a:hover {
	background-image: url(./images/menu_degrade_selected.png);
	background-color: #48955c;
	color: #ffffff;
}
*/

div#menu li#menu_accueil>a {
	background-image: url(./images/menu_accueil.png);
	width: 113px;
}

div#menu li#menu_rub2>a {
	background-image: url(./images/menu_haute_saintonge.png);
	width: 68px;
}

div#menu li#menu_rub3>a {
	background-image: url(./images/menu_administration.png);
	width: 114px;
}

div#menu li#menu_rub5>a {
	background-image: url(./images/menu_grands_sites.png);
	width: 102px;
}

div#menu li#menu_rub7>a {
	background-image: url(./images/menu_economie.png);
	width: 84px;
}

div#menu li#menu_rub8>a {
	background-image: url(./images/menu_vie_pratique.png);
	width: 89px;
}

div#menu li#menu_rub9>a {
	background-image: url(./images/menu_tourisme.png);
	width: 81px;
}

div#menu li#menu_rub4>a {
	background-image: url(./images/menu_culture.png);
	width: 71px;
}

div#menu li#menu_rub6>a {
	background-image: url(./images/menu_communication.png);
	width: 120px;
}

div#menu li#menu_rub61>a {
	background-image: url(./images/menu_agenda.png);
	width: 115px;
}

span.texte_menu {
	visibility: hidden;
}

/*=============================================================================
	Sous-menus
=============================================================================*/
ul.sous_menu_liste {
	background-color: #507f8f;
	position: absolute;
	list-style: none;
	left: -9999px;
}

li.menu_element:hover ul.sous_menu_liste,
li.menu_element.sfHover ul.sous_menu_liste {
	display: block;
	left: auto;
}

div#menu li.sous_menu_element a {
	background-image: url(./images/sous_menu_puce.png);
	background-position: 9px 7px;
	background-repeat: no-repeat;
	color: #ffffcc;
	font-size: 11px;
	max-width: 300px;
	min-width: 100px;
	padding: 3px 10px 3px 22px;
	font-weight: normal;
}

div#menu li.sous_menu_element a:hover {
	background-image: url(./images/sous_menu_puce_hover.png);
	background-position: 9px 7px;
	background-repeat: no-repeat;
	font-weight:normal;
}

li.impair {
	background-color: #2a5a6b;
	background-image: url(./images/sous_menu_degrade_horizontal.png);
	background-repeat: repeat-y;
}

li.pair {
	background-color: #1a3c46;
	background-image: url(./images/sous_menu_degrade_vertical.png);
	background-repeat: repeat-x;
}

/*=============================================================================
	Colonne de droite
=============================================================================*/
div#colonne_droite {
	background-color: #ffffff;
	background-image: url(./images/menu_droite_haut.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	float: right;
	padding: 32px 0px 0px 0px;
	margin: 53px 0px 0px 0px;
	text-align: center;
}

ul#colonne_droite_liste {
	background-color: #D2D4C9;
	background-image: url(./images/menu_droite_bas.png);
	background-position: bottom;
	background-repeat: no-repeat;
	list-style: none;
	padding-bottom: 1px;
	width: 156px;
	margin-bottom: 10px;
	margin-right: 11px;
}

div#colonne_droite li {
	margin-bottom: 10px;
}

div#lien_departement{
margin-right: 11px;
margin-bottom:6px;
}

/*=============================================================================
	Colonne de gauche
=============================================================================*/
div#colonne_gauche {
  /* image de titre "actuellement" */
  background-image: url(./images/menu_gauche_haut_titre.png);
  background-position: 10px 43px;
  background-repeat : no-repeat;
 	margin: 10px 0px;
	background-color: #ffffff;
	float: left;
	min-height: 500px;
	clear: left;
	text-align:center;
}

/* special pour les grands sites */
div#colonne_gauche_grand_site {
        margin: 10px 0px;
        background-color: #ffffff;
        float: left;
        text-align: center;
        clear: left;
	font-size: xx-small;
}


div#formulaire_recherche {
	margin-left: 10px;
	margin-bottom: 20px;
}

input#recherche {
	margin-right: 2px;
	width: 102px;
}

button#bouton_recherche {
	width: 54px;
}

div#colonne_actus {
	/* image de titre "actuellement" */
	/*background-image: url(./images/menu_gauche_haut_titre.gif);*/
	/*background-repeat: no-repeat;*/
  /*background-position: 10px 0px;*/
	padding: 0px 10px 0px 10px;
	background-color: #ffffff;
	
}

  ul#colonne_actus_liste {
	background-color: #D2D4C9; /* couleur de fond du bloc "actuellement" */
  background-image: url(./images/menu_gauche_bas.png); /* image de pied du bloc "actuellement" */
  background-position: bottom;
	background-repeat: no-repeat;
	list-style: none;
	margin-bottom: 10px;
	padding-bottom: 1px;
	padding-top:10px;
	margin-top: 50px;
	width: 156px;
	/*text-align:center;*/
}

div#colonne_actus li {
	margin-bottom: 10px;
}

div#colonne_actus a {
	display: block;
	text-decoration: none;
	width: 100%;
	text-align:center;
}

h4.titre_photo_actu, p.date_photo_actu {
	margin: 0px 0px 0px 4px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

h4.titre_photo_actu a {
	font-size: 11px;
	font-weight: bolder;
	color: #000000;
}

h4.titre_photo_actu a:hover {
	font-size: 11px;
	font-weight: bolder;
	color: #ffffff;
}
.date_photo_actu a {
	color: #ffffff;
	font-size: xx-small;
	text-transform: uppercase;
}

/*=============================================================================
	Corps de la page
=============================================================================*/
div#corps_page {
	margin: 20px 176px 0px 176px;
	text-align: justify;
  }

div#corps_page li {
	margin-left: 0px;
}

div#fil_ariane, div#fil_ariane a {
	color: #9b8880;
	font-family:verdana;
	font-size:x-small;
	font-weight: bolder;
	padding-bottom: 10px;
}

div#fil_ariane span#ici {
	color: #888888;
}

/*=============================================================================
	Mise en page des rubriques
=============================================================================*/
h5.rubrique_titre_article a, h5.rubrique_titre_article p {
	color: #8C0000;
	font-family: verdana;
	font-size: 11px;
	/*min-width: 35Opx;*/
	padding: 2px 0px 0px 0px;
	text-decoration: none;
	margin-bottom: 5px;
	font-weight: normal;
}/*
h5.rubrique_titre_article a:hover {
color: #aaaaaa*/

h5.rubrique_titre_article p :hover{
color: #666666

}

h5.rubrique_titre_article a.rubrique_lien_article {
	border-top: solid 2px #FBBE01;
	color: #506666;
	display: block;
	font-size: 11px;
	padding: 2px 0px 7px 0px;
	text-decoration: none;
	font-weight:bold;
	font-style:italic;
	/*text-transform: uppercase;*/
	
}
h5.rubrique_titre_article a:hover.rubrique_lien_article {
	border-top: solid 2px #FBBE01;
	color: #8C0000;
	display: block;
	font-size: 12px;
	padding: 2px 0px 7px 0px;
	text-decoration: none;
	font-weight:bold;
	font-style:italic;
}
	
div.description_rubrique {
	font-weight: bold;
	padding-bottom: 15px;
}

div.rubrique_extrait_article {
	padding-bottom: 15px;
	line-height:14px;
}

div.rubrique_extrait_article img {
  margin-left: 5px;
  
 }

div.rubrique_extrait_article a {
	text-decoration: none;
	color:#265B60;
	font-weight: normal;
	font-size: 11px;
}


div.rubrique_extrait_article a:hover {
	color:#8c0000;
	font-weight: normal;
	font-size: 11px;
}

h4.rubrique_titre_plan {
	color: #225566;
	font-size: 17px;
	font-weight: bolder;
	padding: 2px 0px 12px 0px;
}

div.rubrique_plan>ul {
	border-top: solid 2px #FBBE01;
	list-style: none;
	margin-top: 30px;
	width:600px;
	float:left;
	position:relative;
}

div.rubrique_plan li ul {
	list-style: square;
	padding-left: 25px;
}

div.rubrique_plan li {
	margin-top: 5px;
	min-width: 150px;
}

div.rubrique_plan li a {
	color: #8c0000;
	font-family : verdana;
	font-size: 12px;
	/*min-width: 15Opx;*/
	text-decoration: none; 
	font-weight:normal;
  }
div.rubrique_plan li a:hover{
	color: #506666;
	font-family : verdana;
	font-size: 12px;
	/*min-width: 15Opx;*/
	text-decoration: blink; 
	font-weight:normal;
}
	
/*=============================================================================
	Mise en page des articles
=============================================================================*/
h5.article_titre_article a, h5.article_titre_article p {
        color: #8C0000;
        font-family: verdana;
        font-size: 13px;
        /*min-width: 35Opx;*/
        padding: 2px 0px 0px 0px;
        text-decoration: none;
}
div.article_texte{
border-top : solid 2px #fbbe01;
padding-top : 10px;
margin-bottom : 20px;

}
div.article_cartouche {
	margin-bottom: 15px;
	font-size :11px;
	font-family: verdana;
	font-style: italic;
	font-weight:bold;
	}

.a_droite {
	text-align: right;
}

div.article_chapo {
	font-weight: bold;
}

h6.intertitre {
	font-weight: bold;
	margin: 10px 0px 6px 0px;
}

h5.article_meme_rubrique_titre {
	color:#8C0000;
  font-family:verdana;
  font-size:11px;
  font-style:italic;
  font-weight:bold;
  margin-left:176px;
  padding:10px 0 5px;
}

div.article_meme_rubrique ul {
	border-top: solid 2px #FBBE01;
	list-style: none;
	margin-left:176px;
  width:600px;
}

div.article_meme_rubrique li {
	margin-top: 5px;
	min-width: 150px;
	
}

div.article_meme_rubrique li a {
  color: #506666;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
	}
div.article_meme_rubrique li a:hover{
	color: #8C0000;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
}
img {
   behavior: url("pngbehavior.htc");
}

span.lirelasuite {
	color: #8c0000;
	font-style: italic;
}
/*=============================================================================
	Mise en page spéciale par article.
==============================================================================*/
div#emploi_LGV {
	padding:30px 35px 35px 35px;
	color:#ffffff;
	font-size:13px;
	font-family:verdana;
	
}
div#emploi_LGV a{
		color:#e79800;
		font-size:13px;
		Font-weight:normal;
}
div#emploi_LGV a:hover{
		
		font-size:13px;
		Font-weight:bold;
		text-decoration:underline;
}

/* CSS Document */