/* Regles generales */

body, td, th {
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	margin: 0px;
	
}
body{
	background: url(../design/body.jpg) repeat-x top center;
}


/* Arborescence hierarchique */
#breadcrumb {
	width: 550px;
	padding: 0px;
	color: #586E98;
	height: 24px;
	margin: 0px auto 16px;
	border-bottom: 1px dotted #586E98;
	font: normal 11px "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
}
a.breadcrumb:link, a.breadcrumb:active, a.breadcrumb:visited {
	text-decoration: none;
	color: #586E98;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a.breadcrumb:hover  {
	text-decoration: underline;
	color: #586E98;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.breadcrumbuberlink  {
	text-decoration: none;
	color: #586E98;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}



/* Liens externes e-mail, web et internet */
a.mail:link, a.mail:active, a.mail:visited {
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #586E98;
	margin-bottom: 6px;
	text-decoration: none;
}
a.mail:hover  {
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #586E98;
	margin-bottom: 6px;
	text-decoration: underline;
}



/* Styles pour les articles créés via l'éditeur (similaires h1, h2, h3, ...) */

.titre1, .titre2, .titre3, .titre4, .titre5, .titre6 {
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-right: 0px;
	margin-left: 0px;
}
.titre1 {
	font-size: 24px;
	color: #586E98;
	margin-top: 0px;
	margin-bottom: 10px;
}
.titre2 {
	font-size: 16px;
	color: #586E98;
	padding: 0px 0px 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #586E98;
	margin-top: 24px;
	margin-bottom: 10px;
}
.titre3 {
	font-size: 14px;
	color: #586E98;
	margin-bottom: 4px;
	margin-top: 0px;
}
.titre4 {
	font-size: 12px;
	color: #666666;
	margin-bottom: 4px;
	margin-top: 0px;
}
.titre5 {
	font-size: 11px;
	color: #666666;
	margin-bottom: 4px;
	margin-top: 0px;
	font-style: italic;
}
.titre6 {
	font-size: 10px;
	color: #666666;
	margin-bottom: 4px;
	margin-top: 0px;
}




/* Typographie */
/* Headlines (titrage) */
h1, h2, h3, h4, h5, h6 {
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-right: 0px;
	margin-left: 0px;
}
h1 {
	font-size: 24px;
	color: #586E98;
	margin-top: 0px;
	margin-bottom: 10px;
}
h2 {
	font-size: 16px;
	color: #586E98;
	padding: 0px 0px 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #586E98;
	margin-top: 24px;
	margin-bottom: 10px;
}
h2 a{
	color: #586E98;
}
h3 {
	font-size: 14px;
	color: #586E98;
	margin-bottom: 4px;
	margin-top: 0px;
}
h4 {
	font-size: 12px;
	color: #666666;
	margin-bottom: 4px;
	margin-top: 0px;
}
h5 {
	font-size: 11px;
	color: #666666;
	margin-bottom: 4px;
	margin-top: 0px;
	font-style: italic;
}
h6 {
	font-size: 10px;
	color: #666666;
	margin-bottom: 4px;
	margin-top: 0px;
}



/* Corps du texte */
p {
	color: #666666;
	margin: 0px 0px 18px;
	font: 12px "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
}
p.pratique {
	font-weight: bold;
	color: #586E98;
	margin-bottom: 6px;
	line-height: 120%;
}
sup {
	vertical-align: text-top;
	font-size: 70%;
}
p sup {
	vertical-align: text-top;
	font-size: 80%;
}




/* Images */
img {
	border: none;
	margin: 0px;
	padding: 0px;
	color: #F8D362;
}

#carte {
	margin: 0px auto;
	padding: 0px;
	border: 1px solid #586E98;
}
#pictleft, #pictright, #pictcenter {
	padding: 4px;
	border: 1px solid #A4B1CA;
}
#pictleft {
	float: left;
	margin: 0px 10px 0px 0px;
}
#pictright {
	float: right;
	margin: 0px 0px 0px 10px;
}
#pictcenter {
	width: 540px;
	margin: 0px 0px 10px;
}
.pictleft {
	margin: 0px 10px 0px 0px;
	padding: 4px;
	border: 1px solid #A4B1CA;
	float: left;
}

.legende {
	margin: 5px 0px 2px;
	font: 11px/11px "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
}


/* Header */
#header {
	width: 0 auto;
}
#headercontent {
	padding: 0px;
	width: 960px;
	margin: 0px auto;
	height: 204px;
	background: url(../design/header_bottom.jpg) no-repeat bottom left;
	margin-top: 99px;
}
#headerbanner {
	padding: 0px;
	width: 960px;
	height: 158px;
	margin: auto 0px;
}
#headernav {
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #cad2f7;
	font-weight: normal;
	text-decoration: none;
	width: 960px;
	height: 30px;
	line-height: 30px;
	margin: 0px auto;
	
	background: url(../design/top.jpg) no-repeat top left;
}
#globalcontainer {
	padding: 0px;
	width: 960px;
	margin: 0px auto;
	background: url(../design/content.jpg) repeat-y top left;
}
#container {
	margin: 0px auto;
	padding: 0px;
}




/* Menu gauche */
#sideleft {
	float: left;
	width: 215px;
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
}
#sideright2 {
	float: left;
	width: 153px;
	margin: 0px;
	padding: 0px;
	margin-left: 4px;
	padding-top: 10px;
}
.niveau1 {
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	display: block;
	font-size: 16px;
	padding: 0px;
	margin: 0px 0px 6px;
	
}

#sideleft .blocniveau1 {
	margin-left: 10px;
	width: 195px;
	margin-bottom: 10px;
}
#sideleft .blocniveau1 .niveau1{
	width: 195px;
	text-align: center;
	height: 40px;
}
#sideleft .blocniveau1 .niveau1 span{
	display: none;
}
#sideleft #bloc_niveau_1{
	background: url(../design/bg_box_1.jpg) repeat-y top left;
}
#sideleft #bloc_niveau_2{
	background: url(../design/bg_box_2.jpg) repeat-y top left;
}
#sideleft #bloc_niveau_3{
	background: url(../design/bg_box_3.jpg) repeat-y top left;
}
#sideleft #bloc_niveau_1 .bloc_bottom{
	background: url(../design/bottom_box_1.jpg) no-repeat bottom left;
	height: 7px;
}
#sideleft #bloc_niveau_2 .bloc_bottom{
	background: url(../design/bottom_box_2.jpg) no-repeat bottom left;
	height: 7px;
}
#sideleft #bloc_niveau_3 .bloc_bottom{
	background: url(../design/bottom_box_3.jpg) no-repeat bottom left;
	height: 7px;
}
#sideleft #bloc_niveau_1 .niveau1{
	background: url(../design/top_box_1.jpg) no-repeat top left;
}
#sideleft #bloc_niveau_2 .niveau1{
	background: url(../design/top_box_2.jpg) no-repeat top left;
}
#sideleft #bloc_niveau_3 .niveau1{
	background: url(../design/top_box_3.jpg) no-repeat top left;
}
#sideleft #bloc_niveau_1 a.niveau2, #sideleft #bloc_niveau_1 a.niveau2_encours, #sideleft #bloc_niveau_1 a.niveau2_encours_unique,
#sideleft #bloc_niveau_1 a.niveau3, #sideleft #bloc_niveau_1 a.niveau3_encours, #sideleft #bloc_niveau_1 a.niveau3_encours_unique,
#sideleft #bloc_niveau_1 a.niveau4, #sideleft #bloc_niveau_1 a.niveau4_encours, #sideleft #bloc_niveau_1 a.niveau4_encours_unique,
#sideleft #bloc_niveau_1 a.niveau5, #sideleft #bloc_niveau_1 a.niveau5_encours, #sideleft #bloc_niveau_1 a.niveau5_encours_unique{
	background: url(../design/picto_1.jpg) no-repeat center left;
	padding-left: 15px;
}
#sideleft #bloc_niveau_2 a.niveau2, #sideleft #bloc_niveau_2 a.niveau2_encours, #sideleft #bloc_niveau_2 a.niveau2_encours_unique,
#sideleft #bloc_niveau_2 a.niveau3, #sideleft #bloc_niveau_2 a.niveau3_encours, #sideleft #bloc_niveau_2 a.niveau3_encours_unique,
#sideleft #bloc_niveau_2 a.niveau4, #sideleft #bloc_niveau_2 a.niveau4_encours, #sideleft #bloc_niveau_2 a.niveau4_encours_unique,
#sideleft #bloc_niveau_2 a.niveau5, #sideleft #bloc_niveau_2 a.niveau5_encours, #sideleft #bloc_niveau_2 a.niveau5_encours_unique{

	background: url(../design/picto_2.jpg) no-repeat center left;
	padding-left: 15px;
}
#sideleft #bloc_niveau_3 a.niveau2, #sideleft #bloc_niveau_3 a.niveau2_encours, #sideleft #bloc_niveau_3 a.niveau2_encours_unique,
#sideleft #bloc_niveau_3 a.niveau3, #sideleft #bloc_niveau_3 a.niveau3_encours, #sideleft #bloc_niveau_3 a.niveau3_encours_unique,
#sideleft #bloc_niveau_3 a.niveau4, #sideleft #bloc_niveau_3 a.niveau4_encours, #sideleft #bloc_niveau_3 a.niveau4_encours_unique,
#sideleft #bloc_niveau_3 a.niveau5, #sideleft #bloc_niveau_3 a.niveau5_encours, #sideleft #bloc_niveau_3 a.niveau5_encours_unique{

	background: url(../design/picto_3.jpg) no-repeat center left;
	padding-left: 15px;
}
/* Boutons des rubriques Niveau 2 */
a.niveau2:link, a.niveau2:active, a.niveau2:visited, a.niveau2:hover, a.niveau2_encours:link, a.niveau2_encours:active, a.niveau2_encours:visited, a.niveau2_encours_unique:link, a.niveau2_encours_unique:active, a.niveau2_encours_unique:visited  {
	color: #000000;
	display: block;
	text-decoration: none;
	padding: 1px 0px 1px 4px;
	margin-left: 20px;
}
a.niveau2:hover  {
	text-decoration: underline;
}
a.niveau2_encours:link, a.niveau2_encours:active, a.niveau2_encours:visited {
	text-decoration: underline;
	font-weight: bold;
}
a.niveau2_encours_unique:link, a.niveau2_encours_unique:active, a.niveau2_encours_unique:visited {
	text-decoration: underline;
	font-weight: bold;
}

/* Boutons des rubriques Niveau 3 */
a.niveau3:link, a.niveau3:active, a.niveau3:visited, a.niveau3:hover, a.niveau3_encours:link, a.niveau3_encours:active, a.niveau3_encours:visited, a.niveau3_encours_unique:link, a.niveau3_encours_unique:active, a.niveau3_encours_unique:visited {
	color: #000000;
	display: block;
	text-decoration: none;
	padding: 1px 0px 1px 4px;
	margin-left: 40px;
}
a.niveau3:hover  {
	text-decoration: underline;
}
a.niveau3_encours:link, a.niveau3_encours:active, a.niveau3_encours:visited {
	text-decoration: underline;
	font-weight: bold;
}
a.niveau3_encours_unique:link, a.niveau3_encours_unique:active, a.niveau3_encours_unique:visited {
	text-decoration: underline;
	font-weight: bold;
}

/* Boutons des rubriques Niveau 4 */
a.niveau4:link, a.niveau4:active, a.niveau4:visited, a.niveau4:hover, a.niveau4_encours:link, a.niveau4_encours:active, a.niveau4_encours:visited {
	color: #000000;
	display: block;
	text-decoration: none;
	padding: 1px 0px 1px 4px;
	margin-left: 60px;
}
a.niveau4:hover  {
	text-decoration: underline;
	font-weight: bold;
}
a.niveau4_encours:link, a.niveau4_encours:active, a.niveau4_encours:visited {
	text-decoration: underline;
	font-weight: bold;
}

/* Boutons des rubriques Niveau 5 */
a.niveau5:link, a.niveau5:active, a.niveau5:visited, a.niveau5:hover, a.niveau5_encours:link, a.niveau5_encours:active, a.niveau5_encours:visited {
	color: #000000;
	display: block;
	text-decoration: none;
	padding: 1px 0px 1px 4px;
	margin-left: 80px;
}
a.niveau5:hover  {
	text-decoration: underline;
	font-weight: bold;
}
a.niveau5_encours:link, a.niveau5_encours:active, a.niveau5_encours:visited {
	text-decoration: underline;
	font-weight: bold;
}
/* Boutons du menu horizontal du header */
a.menuhoriz:link, a.menuhoriz:active, a.menuhoriz:visited {
	color: #cad2f7;
	text-decoration: none;
	background: url(../design/top_picto.jpg) no-repeat center left;
	padding-left: 10px;
	margin-left: 25px;
	font-size: 11px;
}
a.menuhoriz:hover  {
	text-decoration: underline;
}





/* Boutons des liens actions */
a.liens_actions_articles:link, a.liens_actions_articles:active, a.liens_actions_articles:visited {
	color: #586E98;
	text-decoration: none;
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 2px;
	border-bottom: 1px dotted #586E98;
}
a.liens_actions_articles:hover  {
	color: #FFCC00;
	text-decoration: none;
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 2px;
	border-bottom: 1px dotted #FFCC00;
}



/* Contenu droit */
#sideright {
	padding: 0px;
	width: 580px;
	display: block;
	
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	float: left;
}
#content {
	margin: 0px auto;
	padding: 0px;
	width: 552px;
	overflow: hidden;
}

.trombinoscope {
	margin: 0px auto;
	padding: 10px;
	border: 1px solid #586E98;
	background: #CCCCCC;
	height: 100px;
}


/* Menu contextuel */
ul {
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	margin-top: 0px;
	padding-top: 0px;
}
#menucontext {
	padding: 6px;
	float: right;
	border: 1px dashed #A4B1CA;
	background-color: #F9F9F9;
	margin: 0px;
	clear: both;
}
.menucontexttitle {
	padding: 4px;
	background-color: #E2E6EC;
	margin: 0px 0px 4px;
	color: #586E98;
	font-weight: bold;
}
.menucontextlist {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#menucontext li {
	padding-left: 12px;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}
a.menucontext:link, a.menucontext:active, a.menucontext:visited {
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	font-weight: normal;
	text-decoration: none;
}
a.menucontext:hover  {
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #586E98;
	font-weight: normal;
	text-decoration: none;
	background-color: #E2E6EC;
}
.uberlinkmenucontext {
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #586E98;
	font-weight: bold;
	text-decoration: none;
}





/* Pied de page */
#footer {
	width: 960px;
	margin: 0 auto;
	background-image:  url(../design/footer.jpg);
	background-repeat: no-repeat;
	height: 126px;
	background-position: top;
	font-size: 11px;
	color: #2b3776;
}
#footer div{
	padding-top: 20px;
	padding-left: 225px;
}

a.signature:link, a.signature:active, a.signature:visited {
	color: #2b3776;
	text-decoration: none;
	font: 10px Arial, Helvetica, sans-serif;
}
a.signature:hover  {
	color: #2b3776;
	text-decoration: none;
	font: 10px Arial, Helvetica, sans-serif;
	padding-bottom: 2px;
	border-bottom: 1px solid #FFFFFF;
}




/* Champs */
.nom {
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #586E98;
	margin-bottom: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 0px;
}

.president, .adresse, .but, .contact {
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.activite {
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #586E98;
	padding: 0px 0px 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #586E98;
	margin-top: 12px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-left: 0px;
	width: 320px;
}
#meteo {
	margin: 12px 12px 6px 0px;
	border: 1px solid #586E98;
	float: right;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-align: center;
	color: #586E98;
	background: #FFFFFF;
	padding: 5px;
}
#navpict {
	float: right;
	text-align: right;
	padding: 0px;
	margin: 0px;
	font: 12px/38px "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
	height: 38px;
}


/* Galerie des élus */
dl.gallery {
	border: 1px dotted #586E98;
	width: 150px;
	text-align: center;
	padding: 10px 4px;
	float: left;
	height: 200px;
	margin: 0px 1em 1em 0px;
	background: #FAFBFC;
}
.gallery dt {
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 4px;
}
.gallery dt img {
	border: 1px solid #586E98;
}
.gallery dd {
	margin: 0;
	padding: 0;
	font-size: 0.96em;
}

/* Formulaire de contact */
form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #263F8C;
	margin: 0px;
}
input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #263F8C;
	border: 1px solid #999999;
	height: 16px;
}
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #263F8C;
	border: 1px solid #999999;
}
table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #263F8C;
	line-height: 16px;
}
.surlignage { background-color:#FFFF00 }

.textfield:focus,
.textfield_over,
textarea:focus {
	border-color: #FBC39E #FBC39E #FBC39E #FBC39E !important;
}

.areatextfield:focus,
.areatextfield_over {
	border-color: #FBC39E #FBC39E #FBC39E #FBC39E !important;
}


.overlib {
	border: 1px solid #CCCCCC;
}




.news_accueil a{
	color: #4057A7;
	text-decoration: none;

	font-size: 13px;

}
.news_accueil a:hover{
	color: #FFCC00;
}
.niveau1 a{
	color: #FCECB1;
	text-decoration: none;
}
.bloc_recherche{
	background: url(../design/bg_recherche.jpg) no-repeat;
	height: 46px;
	margin-left: 10px;
	margin-bottom: 10px;
	color: #fea607;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 3px;
}
.bloc_newsletter{
	background: url(../design/bg_newsletter.jpg) no-repeat;
	height: 86px;
	margin-left: 10px;
	margin-bottom: 10px;
	color: #fea607;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 3px;
}
.bloc_recherche a,
.bloc_newsletter a{
	font-weight: normal;
	color: #606DB1;
	text-decoration: none;
	display: block;
	margin-bottom: 5px;
}
.bloc_recherche a:hover,
.bloc_newsletter a:hover{
	text-decoration: underline;
}
.bloc_recherche #rec, .bloc_recherche #email_menu{
	background: #fef2da;
	border: none;
	width: 140px;
	height: 16px;
	color: #000;
	border: 1px solid #fee3b6;
	margin-left: -5px;
}
#sideright2 .bloc_image{
	margin-bottom: 10px;
}
.bloc_right{
	width: 153px;
	background: url(../design/bg_box_right.jpg) repeat-y top left;
	overflow-x: hidden;
	margin-bottom: 10px;
}
.bloc_right table{
	margin-left: 3px;
}
.bloc_right .niveau1{
	width: 153px;
	height: 31px;
	background: url(../design/meteo.jpg) no-repeat top left;
	
}
.bloc_right .bottom{
	height: 10px;
	background: url(../design/bottom_box_right.jpg) no-repeat bottom left;
}
.bloc_right iframe{
	margin-left: 1px;
}