@charset "utf-8";


html {
    font-size: 100%; /* �vite un bug d'IE 6-7 */
}
body {
 	margin: 0;
    padding: 0em; /* Remettre � z�ro si n�cessaire. */
	font-family: Tahoma, Geneva, sans-serif;
    font-size: .8em; /* � adapter pour la police choisie */
    line-height: 1.4; /* � adapter au design */
    color: black;
    background:#efefef url(../img/bgHome.png) top center no-repeat;

}
/* DIV globale positionnant l'ensemble de la page */
#global {
	padding: 0;
	margin: 0 auto;
	position: relative;
	width: 960px;
	}
/* Titres */
h1, h2, h3, h4, h5, h6 {
    margin: 1em 0 .5em 0; /* Rapproche le titre du texte */
    line-height: 1.2;
    font-weight: bold; /* Valeur par d�faut */
    font-style: normal;
}
h1 {
    font-size: 1.75em;
}
h2 {
    font-size: 1.5em;
}
h3 {
    font-size: 1.25em;
}
h4 {
    font-size: 1em;
}

/* Listes */
ul, ol {
    margin: .75em 0 .75em 32px;
    padding: 0;
}

/* Paragraphes */
p {
    margin: .75em 0; /* Marges plus faibles que par d�faut */
}
address {
    margin: .75em 0;
    font-style: normal;
}

/* Liens */
a {
    text-decoration: underline;
}
a:link {
    color: mediumblue;
}
a:link {
    color: blue;
}
a:visited {
    color: purple;
}
a:hover, a:focus, a:active {
    color: red;
}

/* Divers �l�ments de type en-ligne */
em {
    font-style: italic;
}
strong {
    font-weight: bold;
}

/* Formulaires */
form, fieldset {
    margin: 0;
    padding: 0;
    border: none;
}
input, button, select {
    vertical-align: middle; /* Solution pb. d'alignement */
}

/* --------------  les DIVs  -------------- */
#bandeau, #bandeau-eco, #bandeau-vp, #bandeau-tourisme, #bandeau-loisirs, #bandeau-sports, #bandeau-cape, #bandeau-amenagement {
	margin:0;
	padding:0;
	width:955px;
	height:187px;
	}
#bandeau {
	background-image:url(../img/bandeau.jpg);
	background-repeat: no-repeat;
	}
#bandeau-eco {
	background-image:url(../img/bandeau-eco.jpg);
	background-repeat: no-repeat;
	}
#bandeau-vp {
	background-image:url(../img/bandeau-vp.jpg);
	background-repeat: no-repeat;
	}
#bandeau-tourisme {
	background-image:url(../img/bandeau-amenagement.jpg);
	background-repeat: no-repeat;
	}
#bandeau-loisirs {
	background-image:url(../img/bandeau-loisirs.jpg);
	background-repeat: no-repeat;
	}
#bandeau-sports {
	background-image:url(../img/bandeau-sports.jpg);
	background-repeat: no-repeat;
	}
#bandeau-cape {
	background-image:url(../img/bandeau-cape.jpg);
	background-repeat: no-repeat;
	}
#bandeau-amenagement {
	background-image:url(../img/bandeau-amenagement.jpg);
	background-repeat: no-repeat;
	}
dl, dt, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
#menu {
	margin:0;
	padding:30px 0 0 26px;
	width:600px;
	display:block;
	}
#ssmenu1, #ssmenu2, #ssmenu3, #ssmenu4, #ssmenu5, #ssmenu6 {
	float: left;
	margin: 0;
	padding:0;
	}
#ssmenu1 {
	width: 106px;
	}
#ssmenu2 {
	width: 95px;
	}
#ssmenu3 {
	width: 60px;
	}
#ssmenu4 {
	width: 60px;
	}
#ssmenu5 {
	width: 72px;
	}
#ssmenu6 {
	width: 100px;
	}
#menu dl {
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #759B19;
}
#menu #ssmenu1 a, #menu #ssmenu2 a, #menu #ssmenu3 a, #menu #ssmenu4 a, #menu #ssmenu5 a, #menu #ssmenu6 a {
	color: #759B19;
	text-decoration:none;
	}
#menu #ssmenu1 a:hover, #menu #ssmenu2 a:hover, #menu #ssmenu3 a:hover, #menu #ssmenu4 a:hover, #menu #ssmenu5 a:hover, #menu #ssmenu6 a:hover {
	color: #000;
	text-decoration:none;
	}
#menu dd {
	margin:3px 0 0 0;
	border: 1px solid gray;
	background: #fff;
	}
#menu li {
	margin:0;
	padding:0;
	list-style-type: none;
	}
#menu li a, #menu dt a {
	color: #000;
	text-decoration: none;
	display: block;
	}
#menu li a:hover, #menu dt a:hover {
	color: #999;
	}
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6 {
	clear:both;
	background-color:#FFFFFF;
	padding:1px 4px 2px 6px;
	}
#smenu1 {
	width: 130px;
	margin:0;
	}
#smenu2 {
	width: 140px;
	margin:0 0 0 103px;
	}
#smenu3 {
	width: 145px;
	margin:0 0 0 196px;
	}
#smenu4 {
	width: 80px;
	margin:0 0 0 260px;
	}
#smenu5 {
	width: 90px;
	margin:0 0 0 315px;
	}
#smenu6 {
	width: 136px;
	margin:0 0 0 390px;
	}
.mp {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #759B19;
}
.mp a {
	color: #759B19;
	text-decoration:none;
	}
.mp a:hover {
	color: #000;
	text-decoration:none;
	}
.ms {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #759B19;
	display: none;
	z-index: 99;
	}
.ms a {
	color: #759B19;
	text-decoration:none;
	}
.ms a:hover {
	color: #000;
	text-decoration:none;
	}
#recherche {
	position:absolute;
	margin:160px 0 0 740px;
	padding:0;
	width:200px;
	text-align:center;
	}
.recherche  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #6C9A00;
	font-weight: bold;
	line-height:18px;
	}

.aVert  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #6C9A00;
	font-weight: bold;
	line-height:18px;
	text-decoration:none;
	}
.aVert:hover  { font-weight: bold; line-height:18px; text-decoration:underline; }

input, select, textarea {
	margin :0;
	padding:1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-style: normal;
	font-weight: normal;
	background-color: #FFFFFF;
	border:1px solid #666;
	}
.rechercher {
	margin :0;
	padding:2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	font-style: normal;
	font-weight: bold;
	background-color: #6C9A00;
	border:0;
	}
#contenu {
	margin:0;
	padding:0;
	width:955px;
	height:auto;
	background-image:url(../img/fd-cont.gif);
	}
#signature {
	margin:0;
	padding:0;
	width:955px;
	height:38px;
	background-image:url(../img/signature.jpg);
	}
#pied {
	margin:0;
	padding:0;
	width:955px;
	height:38px;
	background-image:url(../img/menu-bas.gif);
	}
/* --------------  contenu  -------------- */
.tr-g {
	width:230px;
	vertical-align:top;
	}
.tr-d {
	width:666px;
	vertical-align:top;
	}
#titre {
	margin:0;
	padding:0;
	width:213px;
	height:30px;
	background-image:url(../img/titre.jpg);
	}
#ssrub-bloc {
	margin:0;
	padding:0;
	width:213px;
	height:345px;
	background-image:url(../img/deg.jpg);
	background-repeat:no-repeat;
	}
#ssrub {
	margin:0;
	padding:0 7px 0 7px;
	width:auto;
	background-image:url(../img/deg.jpg);
	}
.ssrub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #405A03;
	border-bottom:1px solid #fff;
	}
.ssrub a {
	color: #405A03;
	text-decoration:none;
	}
.ssrub a:hover {
	color: #000;
	text-decoration:none;
}
#enEvidence {
	color: #F00;
	text-decoration: none;
	font-weight: bold;
	}
#enEvidence:hover {
	color: #F55;
	text-decoration: none;
	font-weight: bold;
}
.ssrub ul {
	margin:0;
	padding:0;
	}
.ssrub li {
	margin:0;
	list-style-type:none;
	display:block;
	padding:6px;
	border-bottom:1px solid #fff;
	}
#ssrub2 {
	margin:0;
	padding:20px 7px 0 20px;
	width:auto;
	background-image:url(../img/deg.jpg);
	}
.pict {
	width:208px;
	height:1px;
	margin:0;
	padding:0;
	}
#sstitre {
	margin:10px 0 0 0;
	padding:0;
	width:100%;
	height:25px;
	}
#cont {
	margin:10px 0 0 0;
	padding:0;
	width:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	line-height:18px;
	text-align:left;
	}
#cont a {
	color: #0851B1;
	text-decoration:none;
	}
#cont a:hover {
	color: #999;
	text-decoration:none;
	}
#colgauche {
	float:left;
	margin:0;
	padding:0;
	width:490px;
	}
.sep2 {
	width:490px;
	height:1px;
}
#ssmenu {
	float:left;
	margin:5;
	padding:0;
	width:165px;
	background-image:url(../img/deg.jpg);
	}
#ssmenu h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	background-color:#B4DB5E;
	margin:0;
	padding:1px 3px 1px 5px;
	}
#ssmenu li a {
	color: #000;
	text-decoration:none;
	}
#ssmenu li a:hover {
	color: #0C4DA2;
	text-decoration:none;
	}
#ssmenu ul {
	margin:0;
	padding:0;
	}
#ssmenu li {
	margin:0;
	list-style-type:none;
	display:block;
	padding:0x 3px 0 5px;
	border-bottom:1px solid #F1F9DD;
	}
#sommaire {
	margin:0 0 20px 0;
	padding:0;
	width:666px;
	background-color:F2FAE2;
	}
.sommaire {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #405A03;
	}
.sommaire a {
	color: #405A03;
	text-decoration:none;
	}
.sommaire a:hover {
	color: #000;
	text-decoration:none;
	}
.sommaire ul{
	margin:0;
	padding:0;
	}
.sommaire li{
	margin:0;
	padding:2px 0 2px 8px;
	list-style-type:none;
	display:block;
	}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #2F4202;
	font-weight: bold;
	margin:0;
	padding:5px 0 0 13px;
	}
h2 {
	clear:both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #2F4202;
	font-weight: normal;
	margin:0;
	padding:0;
	}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0C4DA2;
	font-weight: bolder;
	margin:0;
	padding:8px 0 8px 0;
	}
.sep {
	width:666px;
	height:1px;
	}
#arbo {
	margin:10px 0 0 0;
	padding:0;
	width:100%;
	height:20px;
	}
.arbo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	}
.arbo a {
	color: #000;
	text-decoration:none;
	}
.arbo a:hover {
	color: #666;
	text-decoration:none;
	}

a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-decoration:none;
}
a:hover {
	color: #666;
	text-decoration:none;
}

/* --------------  menu-bas  -------------- */
#mb {
	float:left;
	margin:0;
	padding:12px 0 0 150px;
	}
.mb {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000;
	}
.mb a {
	color:#000;
	text-decoration:none;

	}
.mb a:hover {
	color:#0C4DA2;
	text-decoration:none;
	}
#mb li{
	padding:0 0 0 2.5em;
	display:inline;
	background:#b5da5d url(../img/pucemb.gif) 0 50% no-repeat;
	}
#ml {
	float:left;
	margin:0;
	padding:13px 0 0 0;
	}
li{
	display:inline;
	list-style-type:none;
	padding: 0 16px 0 14px;
	margin:0;
	}
#ml {
	float:left;
	margin:0;
	padding:13px 0 0 0;
	}
.ml {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	}
.ml a {
	color:#0C4DA2;
	text-decoration:none;
	}
.ml a:hover {
	color:#999;
	text-decoration:none;
	}
.button {
	background-color: #FFFFFF;
	border :0;
	}
.envoyer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	background-color: #759B19;
	border:0;
	padding:2px;
	}
.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	font-weight: bold;
	color:#000000;
	margin:0;
	padding:0;
	}
.copyright a {
	color:#000000;
	text-decoration: none;
	}
.copyright a:hover {
	color:#CC0000;
	text-decoration: none;
	}
.champ-obligatoire {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	font-style: normal;
	font-weight: normal;
	margin:0;
	padding:0 0 0 20px;
	}
.photo {
	margin:0 0 20px 20px;
	padding:0;
	float:right;
	}
/* outils */
#outils {
	clear:both;
	width:660px;
	float:right;
	margin: 0;
	padding:0 0 2px 0;
	text-align:right;
}
.liens {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#0C4DA2;
	}
.liens a {
	color:#0C4DA2;
	text-decoration:none;
	}
.liens a:hover {
	color:#999;
	text-decoration:none;
	}
/* --------------  agenda  -------------- */
.agenda  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	}
.agenda  a {
	color: #000;
	text-decoration:none;
	}
.agenda  a:hover {
	color: #8D8D8D;
	text-decoration:none;
	}
.sep-ag {
	width:196px;
	height:1px;
	margin:5px 0 5px 0;
	padding:0;
	}
.date  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #5D7D1B;
	font-weight: bold;	
	}
/* --------------  �lus  -------------- */
#president  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	font-weight: normal;
	width:650px;
	padding:0;
	}
#pres  {
	width:201px;
	height:auto;
	padding:8px;
	margin-top:9px;
	border:1px solid #B6DA5E;
	background-color:#F7F7F7;
	}
/* --------------  �lus  -------------- */
#smenu7  {
	width:650px;
	padding:0;
	margin:0;
	background-color:#fff;
	}


.a2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	color: #000;
	text-decoration:none;
	}
.a2:hover {
	color: #666;
	text-decoration:none;
}
#elus  {
	float:left;
	width:183px;
	height:241px;
	padding:8px;
	margin:9px 11px 11px 4px;
	border:1px solid #ccc;
	background-color:#F7F7F7;
	}
#elus ul, #pres ul  {
	font:normal 11px Arial, Helvetica, sans-serif;
	color: #000;
	text-align:center;
	margin:0;
	padding:0;	
	list-style:none;
	}
#elus li, #pres li   {
	margin:0;
	padding:0;
	display:block;
	line-height:14px;
	}
.elus {
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #719B10;
	margin:0;
	padding:0;
	}
/* --------------  spectacles -------------- */
#list-spect ul {
	list-style: none;
	margin:10px 0 20px 0;
	padding:0;
	}
#list-spect ul li {
	display:block;
	padding: 0 6px 0 14px;
	margin:6px 0;
	background: url(../img/pict-spect.gif) no-repeat top left;
	font: normal 12px Arial, Helvetica, sans-serif;
	color:#405A03;
	}
#liens-programmes {
	float:right;
	font:normal 11px Arial, Helvetica, sans-serif;
	text-align:center;
	margin:10px 0 20px 20px;
	padding:0;
	width:200px;
	border-left:1px dotted #ccc;
	}

/* --------------  demarches -------------- */
#list-demarches ul {
	list-style: none;
	margin:10px 0 20px 0;
	padding:0;
	}
#list-demarches ul li {
	display:block;
	padding: 0 6px 0 14px;
	margin:6px 0;
	background: url(../img/pict-spect.gif) no-repeat top left;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000;
	}
#list-demarches ul li a {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#405A03;
	text-decoration:none;
}
#list-demarches ul li a:hover {
	color:#000;
	text-decoration:none;
}
img-cont {
	padding:10px;
}
/*-------------------------------------*/
.lienpdf {
	background:#fff url(../img/icopdf.gif) left top no-repeat;
	padding:1em 0 1em 3.5em;
	margin:0.5em 1em 1.5em 0;
	text-decoration:none;
	color:#000;
	display:block;
	}
.lienpdf:hover {
	text-decoration:underline;
	color:#000;
	}
.imgphoto{
	float:left;
	margin:1em 0.5em 0 0;
	}
.datephoto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #405A03;
	margin:0;
	}
.annulfloat {
	clear:both;
	border:0;
	color:white;
	margin:0 0 2em 0;
	}
.mentions{
	visibility:visible;
	width:955px;
	margin-left:auto;					/* gere les marge pour un centrage parfait */
	margin-right:auto;					/* n�cessite de sp�cifier le width */
	text-align:cente;					/* Bug IE: correctif */
	}
.mentions a{
	color:#719a10;
	background-color:#c2db86;
	padding:0.1em 0.2em;
	font-size:60%;
	}
.listrecrut {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:60%
	}
.titrliste{
	color:#0C4DA2;
	font-weight:bold;
	
	}
.titrliste td{
	padding:0.5em 0;
	border-bottom:1px solid #0C4DA2;
	}