/* --- Les Liens --- */
a:link, a:visited{
	font : small verdana, sans-serif;
	text-decoration : none;
	color : #000090;
}

a:hover, a:active{
	font : small verdana, sans-serif;
	text-decoration : underline;
	color : #000090;
}


/*--- Header ---*/
#header{
	background : url(images/banniere3.png) no-repeat;
	width : 92%;
	margin-top : 10px;
	margin-left : 4%;
	min-height : 120px;
}


/*--- Footer ---*/
#footer{
	clear : both;
	margin-top : 100px;
}

#footer p{
	text-align : center;
}


/*--- Menus ---*/
ul#menus{
	position : static;
	width : 92%;
	margin-left : 4%;
	padding : 0px;
}

ul#menus li{ /*titres des menus*/
	display : inline;
	position : relative;
}

ul#menus li ul{ /*sous menus*/
	display : none;
	position : absolute;
	top : auto;
	_top : 1.3em;
	left : 0px;
	background-color : #D0E0FF;
	border : 1px solid #000080;
	margin : 0px;
	padding : 0px;
	width : 200px;
	z-index : 3;
}

ul#menus li:hover>ul{ /*sous menus*/
	display : block;
}

ul#menus ul li ul{ /*sous sous menus*/
	visibility : hidden;
	position : absolute;
	top : auto;
	/*top : auto;*/
	left : 300px;
	z-index : 4;
	background-color : #FFFFA0;
}

ul#menus a:link, ul#menus a:visited{/*liens premiere ligne*/
	text-decoration : none;
	border-top : thin solid white;
}

ul#menus a:hover, ul#menus a:active{/*liens premiere ligne*/
	text-decoration : none;
	border-top : thin solid #000080;
}

ul#menus li ul li a:link, ul#menus li ul li a:visited{ /*liens des menus*/
	position : relative;
	display : block;
	width : 95%;
	padding-left : 5%;
	border : none;
}

ul#menus li ul li a:hover, ul#menus li ul li a:active{ /*liens des menus*/
	width : 95%;
	padding-left : 5%;
	font : small verdana, sans-serif;
	text-decoration : none;
	color : yellow;
	border : none;
	background-color : #000080;
}


/*--- Rubriques ---*/
#rubriques{
	float : left;
	position : relative;
	width : 20%;
	left : 4%;
	z-index : 1;
}

.rubrique{
	position : relative;
	border : 1px solid #000080;
	background-color : yellow;
	width : 100%;
	margin : 0px;
	padding : 0px;
}

h1.rubrique{
	border-left : none;
	border-right : none;
	margin-top : 8px;
	background-color : #D0E0FF;
	font : bold small verdana, sans-serif;
	color : #000000;
	text-align : center;
}

p.rubrique{
	border : none;
	padding-top : 5px;
	background-color : #FFFFFF;
	text-align : center;
}

p.rubrique_gauche{
	border : none;
	padding : 5px;
	background-color : #FFFFFF;
	text-align : left;
	margin-top : 0px;
	margin-bottom : 0px;
}

ul.rubrique_gauche{
	border : none;
	padding : 5px;
	background-color : #FFFFFF;
	text-align : left;
	margin-top : 0px;
	margin-bottom : 0px;
	list-style-position : inside;
}

ul.rubrique{
	border : none;
	border-bottom : 1px solid #000080;
	background-color : #FFFFFF;
	margin-bottom : 8px;
	padding-top : 5px;
	padding-bottom : 5px;
	text-align : center;
}

li.rubrique{
	border : none;
	background-color : #FFFFFF;
	font : bold small black, sans-serif;
	list-style : none;
}


/*--- Contenu ---*/
#contenu{
	position : relative;
	min-height : 550px;
	left : 4%;
	/*margin : 0px;
	width : 890px;*/
	margin-left : 21%;
	width : 71%;
	z-index : 2;
}


/*--- Les news ---*/
#zonenews{
	position : relative;
	min-height : 550px;
	left : 4%;
	/*margin : 0px;
	width : 890px;*/
	width : 92%;
	z-index : 2;
}

.resetcols{
	clear : both;
	margin-top : 20px;
}

.newsmef1{
	display : block;
	position : relative;
	width : 46%;
	float : left;
	padding : 10px;
	margin-left : 5px;
	margin-right : 5px;
	margin-bottom : 15px;
}

.newsmef2{
	display : block;
	border : outset thin navy;
	background-color : #F8FFC0;
	position : relative;
	width : 46%;
	float : left;
	padding : 10px;
	margin-left : 5px;
	margin-right : 5px;
	margin-bottom : 15px;
}

.newsmef3{
	display : block;
	position : relative;
	border : dotted medium navy;
	width : 96%;
	float : left;
	clear : both;
	padding : 5px;
	margin-left : 5px;
	margin-right : 5px;
	margin-bottom : 15px;
}

.newsmef4{
	display : block;
	position : relative;
	border : dotted medium navy;
	width : 46%;
	float : relative;
	padding : 10px;
	margin-left : 5px;
	margin-right : 5px;
	margin-bottom : 15px;
}

h1.news{
	font : bold large arial, sans-serif;
	text-align : left;
	color : #000080;
	border : none;
	padding : 0px;
	margin : auto;
}

h2.news{
	font : bold small arial, sans-serif;
	color : #70B0F0;
	clear : none;
	border : none;
	margin : auto;
	padding : auto;
}

#musivales_full {
	position : relative;
	max-height : 250px;
	overflow : hidden;
}

#musivales_full img{
	position : relative;
}

#musivales_full p{
	margin : 0px;
	position : absolute;
	top : 233px;
	width : 100%;
	text-align : center;
	height : 17px;
	color : black;
	background : url(images/white-opaq.png);
}

/*--- Balises Traditionnelles ---*/
body{
	background-color : #CCCCCC;
	font : small verdana, sans-serif;
	color : #000000;
	margin : 0px;
	width : auto;
}

#zonetexte{
	background-color : #FFFFFF;
	border : 1px black solid;
	width : 970px;
	/*width : 100%;*/
	margin : auto;
}

abbr{
	cursor : help;
}

dt{
	font : bold small verdana, sans-serif;
}

h1{
	margin-bottom : 25px;
	font : bold x-large arial, sans-serif;
	text-align : left;
	color : #000080;
	padding-left : 10px;
	border-left : 7px #000080 solid;
	border-bottom : 2px #000080 solid;
}

h2{
	font : bold medium arial, sans-serif;
	color : #2080E0;
	margin-top : 30px;
	border-bottom : 1px dashed #2080E0;
	width : 100%;
	clear : right;
}

h3{
	font : bold small arial, sans-serif;
	color : #40A0F0;
	margin-top : auto;
	border-bottom : none;
	width : 100%;
	clear : right;
}

h4{
	font : italic bold small arial, sans-serif;
}


hr{
	background-color : #AAAAAA;
	border : 0px;
	height : 1px;
	width : 60%;
}

.dis_tab dt{
	display : inline-block;
	width : 20%;
	vertical-align : top;
}

.dis_tab dd{
	display : inline-block;
	margin-left : 0px;
	padding : 0px;
	width : 70%;
}

/******* boites isolées pour alternance gauche / droite (type newsletter éco) *****/
.isol{
	min-height : 200px;
}

.isol img{
	display : inline-block;
	clear : none;
}

.isol h2{
	clear : none;
	text-align : left;
	margin-top : 20px;
}

.isol ul{
	list-style : circle inside;
}

.isol div {
	width : 70%;
	display : inline-block;
	vertical-align : top;
}

/******* Affichage de miniatures successives *******/
.vignette{
	display : inline-block;
	vertical-align : top;
	width : 140px;
	max-width : 140px;
	margin-left : 10px;
	margin-right : 10px;
	text-align : center;
	font-size : x-small;
	min-height : 260px;
}

.vignette img{
	max-height : 200px;
}

.vignette a{
	font-size : x-small;
}

.vignette em{
	font-size : x-small;
	color : #AAAAAA;
}

img{
	border : none;
}

.img_droite{
	font : italic 11px sans-serif;
	text-align : center;
	max-width : 210px;
	float : right;
	margin : 7px;
	margin-right : 0px;
	padding : 5px;
}

.img_droite img{
	border : none;
	margin : none;
}

.img_gauche{
	font : italic 11px sans-serif;
	text-align : center;
	max-width : 210px;
	float : left;
	margin : 7px;
	margin-left : 0px;
	margin-right : 15px;
	padding : 5px;
}

.img_gd_gauche{
	font : italic 11px sans-serif;
	text-align : center;
	float : left;
	margin : 7px;
	margin-left : 0px;
	margin-right : 15px;
	padding : 0px;
	margin-top : 0px;
}

.img_gauche img{
	border : none;
	margin : none;
}

.img_centre{
	font : italic 11px sans-serif;
	text-align : center;
	/*max-width : 210px;*/
	margin : auto;
	margin-top : 7px;
	margin-bottom : 7px;
	padding : 5px;
}

.img_centre img{
	border : none;
	margin : none;
}

p{
	text-align : justify;
}

p.centre{
	text-align : center;
}

p.gauche{
	text-align : left;
}

p.droite{
	text-align : right;
}

.rouge{
	color : red;
}

.intro{
	font : bold small arial, sans-serif;
	color : #7090D0;
	text-align : justify;
}

table{
	border : 1px solid #000000;
	border-collapse : collapse;
}

th{
	border : 1px solid #000000;
	text-align : center;
	padding : 5px;
}

td{
	border : 1px solid #000000;
	text-align : left;
	padding : 3px
}

.tab_blanc_bleu tr:nth-child(even)
{
    background-color: #B3D5EE;
}

.tab_blanc_bleu tr:first-child th{
	text-align : center;
	background-color : #286290;
	color : white;
}

.tab_blanc_bleu th{
	background-color : #7AB2DD;
}


ul{
	list-style : circle;
}

ul ul{
	list-style : square;
	}

.details{
	font : oblique 0.7em verdana, sans-serif;
	color : #AAAAAA;
}

.bordure{
	border : dashed thin navy;
	width : 100%;
	padding : 10px;
}

/*--- Classe Comissions ---*/
ul.comission{
	margin-top : 0px;
	margin-left : 0px;
	padding-left : 0px;
	list-style : none;
}


/*--- Classe Voyant ---*/
div.voyant{
	margin-left : 10%;
	margin-right : 10%;
	margin-bottom : 20px;
	border: 1px #FF0000 dashed;
	padding: 5px;
	background-color : #FFF0F0;
}

div.voyant h1{
	border : none;
	padding : 0px;
	margin : 0px;
	font : bold large verdana, sans-serif;
	color : #FF0000;
	text-align : center;
}

div.voyant p{
	text-align : center;
}

/*--- Rubrique Voyant Vert (Collecte) ---*/
#voyant_vert{
	float : right;
	width : 40%;
	padding : 5px;
	margin-left : 10px;
	margin-bottom : 10px;
	border: 1px #006000 dashed;
	background-color : #E0FFC8;
}

#voyant_vert h1{
	display : block;
	border : none;
	padding : 0px;
	margin : 0px;
	font : bold large verdana, sans-serif;
	color : #006000;
	text-align : center;
}

#voyant_vert ul{
	margin : 0px;
	padding : 5px;
	list-style : inside square;
	color : #006000;
}

/*--- Rubrique Voyant Bleu (Eau) ---*/
#voyant_bleu{
	float : left;
	width : 40%;
	padding : 5px;
	margin-right : 10px;
	margin-bottom : 10px;
	border: 1px #2048C0 dashed;
	background-color : #D8E8FF;
}

#voyant_bleu h1{
	display : block;
	border : none;
	padding : 0px;
	margin : 0px;
	font : bold large verdana, sans-serif;
	color : #2048C0;
	text-align : center;
}

#voyant_bleu ul{
	margin : 0px;
	padding : 5px;
	list-style : inside square;
	color : #2048C0;
}

/*--- Rubrique Voyant Orange (Musique) ---*/
#voyant_orange{
	margin-left : 10%;
	margin-right : 10%;
	border: 1px #FF6000 dashed;
	padding: 5px;
	background-color : #FFF0C0;
}

#voyant_orange h1{
	display : block;
	border : none;
	padding : 0px;
	margin : 0px;
	font : bold large verdana, sans-serif;
	color : #FF6000;
	text-align : center;
}

#voyant_orange p{
	text-align : center;
}

/*--- classe Menu horizontal bleu (SCoT) ---*/
ul.menu_h_bleu {
	display : block;
	list-style : none;
	overflow:hidden;
	padding-left : 15px;
	padding-right : 15px;
}

ul.menu_h_bleu li{
	display : inline;
	float : left;
	width : 20%;
	margin-left : 0px;
}

ul.menu_h_bleu p{
	text-align : center;
	padding : 5px;
	border : thin #000080 solid;
	text-align : center;
	min-height : 35px;
	/*   #2080E0   */
	/*    #40A0F0     */
	/*background-color : #78C0F0;*/
	background-color : #D6EAF7;
	color : black;
}

ul.menu_h_bleu p#menu_h_bleu_pointeur{
	background-color : #78C0F0;
	color : white;
}

/*--- Classe manifestations ---*/
h2.manif{
	font : bold medium arial, sans-serif;
	color : #70B0F0;
	margin-top : 30px;
	margin-bottom : 0px;
	margin-left : 2%;
	border-bottom : 1px dashed #70B0F0;
	width : 90%
}

h3.manif{
	font : italic small Verdana, sans-serif;
	color : #999999;
	margin-top : 0px;
	margin-left : 2%;
	margin-bottom : 0px;
}

p.manif{
	margin-top : 0px;
	margin-left : 10%;
}

p.manif strong{
	color : #222222;
}


/*--- Classe Communes ---*/
p.comm_desc{
	margin-top : 0px;
	margin-left : 10%;
}

.colonne1{
	float : left;
	display : block;
	width : 50%;
	text-align : left;
}

.colonne2{
	float : right;
	display : block;
	text-align : right;
}