*{
margin:0;
padding:0;
}


div.visualClear{
clear:both;
height:1px;
}
div.visualClear hr{
display:none;
}

/*----------------------------------------------------------------------------*/

ul#outilsZoom{
display: none;

}
div#postit{
display: none;
}

div#gauche {
display:none;
}

div#header {
display:none;
}

div#menu{
display:none;
}

div#footer {
display:none;
}

div#grandCentre {
padding:0;
margin:15px;
}

/*----------------------------------------------------------------------------*/
acronym {
border-bottom:1px dotted #D28442;
}

body {
font-family : "Lucida Sans Unicode", Arial, Helvetica, Verdana;
font-size : 11px;
background: none;
}

a{
text-decoration: underline;
color:#6A7F8D;
}

a img{
border:none;
}

div#article h2 {
font-size : 14px;
font-family : "Lucida Sans Unicode", Arial, Helvetica, Verdana;
background : none;
font-weight : bold;
color : #5f5e53;
}

div#article h3 {
font-size: 12px;
color: #A72026;
}

div#article h4 {
font-size: 11px;
color: #5f5e53;
font-weight: bold;
}

div#article h6, div#article p{
font-family : "Lucida Sans Unicode", Arial, Helvetica, Verdana;
font-size : 11px;
font-weight : normal;
color : #5f5e53;
line-height: 16px;
margin:10px 0;
}

div#article ul {
margin: 0 0 0 10px;
}

div#article ul li{
background : url(../images/liste_puce_rouge_article.gif) no-repeat  0 5px ;
margin: 0 0 0 25px;
padding: 0 0 0 10px;
list-style-type : none;
list-style-image : none;
}




img.right {
float:right;
display:inline;
margin-left:13px;
border:1px solid #A5ACA8;
padding:1px;
}
img.signature {
float:right;
display:inline;
margin-left:13px;
padding:1px;
}
img.left{
float:left;
display:inline;
margin-right:13px;
border:1px solid #A5ACA8;
padding:1px;
}



fieldset{
margin : 0;
padding : 0;
border: 0;
}
input, select{
border: 1px solid #fff;
color:#000;
height: 20px;
font-size:11px;
}
input.case{
border: 0px;
background: transparent;
font-size:11px;
}
input.submit, input.inscrire{
background: #66766C ;
color:#fff;
height: 20px;
border:none;
font-size:11px;
font-family: Verdana, Arial, sans-serif;
}
.left{
text-align: left;
}
.right{
text-align: right;
}
.center{
text-align: center;
}

/*----------------------------------------------------------------------------*/
div#article table {
     margin: 25px 0 25px 0px;
     border-collapse:collapse;
}
div#article table td {
     padding: 4px;
     border: 1px solid #EEE;
     color: #5f5e53;
     font-weight: normal;
     font-size: 11px;
	 vertical-align:top;
}



div#article table thead tr th {
	background-color:#acac96;
	color:#fff;
	text-align:center;
	padding:2px 5px;
    border: 1px solid #EEE;
	vertical-align:top;
}


div#article table td h6, div#article table td p {
     padding: 0 2px 2px 2px;
     margin: 0;
}


label{
padding: 0;
margin: 0;
padding-right: 5px;
}
div.lignetableau1, div.lignetableau2{
display: block;
width: 100%;
clear: both;
border-bottom: 5px solid #fff;
}
div.lignetableau1{
background: #F5F3EB;
color: #66766C;
}


/*-----------------------------------------------------------------------------*/
div#agenda{
padding-top:4px;
width:165px;
height:92px;
margin-left:2px;
margin-right:0px;
float:left;
display:inline;
margin-top:4px;
background: url(../images/actus.jpg) no-repeat 0 0;
}


div#agenda p a{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
display:block;
line-height:13px;
}
div#agenda a:hover{
text-decoration: underline;
}
div#agenda h3{
margin:0;
padding:0;
margin-bottom:3px;
margin-left:3px;


}
div#agenda p{
width:112px;
height:78px;
margin:0;
padding:0;
margin-left:8px;
}

ul.calend, ul.calend li{
list-style-position: outside;
list-style-type: none;
}
ul.calend {
width:28px;
height:41px;
text-align: center;
float:left;
margin-top:8px;
display:inline;
margin-left:0px;
}

ul.calend li span.date{
color:#90C500;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: bold;
text-decoration: none;
}
ul.calend li acronym{
color:#6A7F8D;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
position:relative;
top:-5px;
left:3px;
border:none;
text-decoration: none;
cursor:help;
border-bottom:1px solid #6A7F8D;
}
ul.calend li.annee{
color:#6A7F8D;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
position:relative;
top:-6px;
text-decoration: none;
}

div.agendadet{
margin-left:10px;
display:inline;
height:50px;
}

html>body div.agendadet{
float : left;
}

* html div.agendadet{
clear:both;
}


div.agendadet p{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
width:120px;
float:left;
display:inline;
margin-left:13px;
line-height: 12px;
margin-top:0;
}
div.agendadet a.lienSpe{
color:#E63E97;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: none;
display:block;
width:64px;
height:11px;
float:right;
display:inline;
margin-top:7px;
margin-right:18px;
margin-bottom:10px;
}
div.agendadet a.lienSpe:hover{
text-decoration: underline;
}

div.agendadet a{
text-decoration: none;
}




/*----------------------------------------------------------------------------*/
div#actualites{
width:165px;
height:96px;
background: url(../images/agendaf.jpg) no-repeat 0 0;
float:left;
margin-top:4px;
padding-top:4px;
margin-left:0px;
}

div#actualites img{
float:left;
display:inline;
margin-right:4px;
margin-left:2px;
}


* html div#actualites{
top:-1px;
position:relative;
padding-left:5px;

}

body.pageAccueil div#actualites h3{
margin-left:10px;
margin-bottom:2px;
color:#FFF;
}
body.pageAccueil div#actualites p{
color:#FFF;
}
body.pageAccueil div#actualites p a {
color:#FFF;
text-decoration:none;
}
body.pageAccueil div#actualites p a:hover {
color:#FFF;
text-decoration:underline;
}

/*----------------------------------------------------------------------------*/
div#colonneDroite div#smenu{
background: #fff url(../images/choixPrintemps.jpg) no-repeat 0px 0;
display:inline;
position:relative;
float:left;
width:549px;
margin-top:24px;

}


div#colonneDroite div.colonne{
width:170px;
min-height:312px;
float:left;
display:inline;
margin-right:18px;
}

* html div#colonneDroite div.colonne{
height:312px;
}




div#colonneDroite div.colonne#colonne1{
/*margin-left:15px;*/
}
div#colonneDroite div.colonne#colonne3{
margin-right:0;
}

div#colonneDroite div.colonne h3{
width:170px;
height:125px;
color:#fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight:normal;
margin-left:1px;
line-height:21px;

}

div#colonneDroite div.colonne a{
text-decoration:none;
}


div#colonneDroite div.colonne h3 span{
font-weight:normal;
display:block;
padding-left:4px;
padding-top:2px;
color:#FFF;
}
div#colonneDroite div.colonne#colonne1 h3{
background:  url(../images/colonne1.jpg) no-repeat 0 0;
}
div#colonneDroite div.colonne#colonne2 h3{
background:  url(../images/colonne2.jpg) no-repeat 0 0;
}
div#colonneDroite div.colonne#colonne3 h3{
background:  url(../images/colonne3.jpg) no-repeat 0 0;
}




div#colonneDroite div.colonne ul, div#colonneDroite div.colonne ul li{
list-style-position: outside;
list-style-type: none;
}

div.colonne a.lienSpeBienv1, div.colonne a.lienSpeBienv2, div.colonne a.lienSpeBienv3{
color:#fff;
text-align: right;
margin-right:13px;
margin-top:5px;
margin-bottom:15px;
display:block;
}
div.colonne span.pointille{
color:#fff;
margin-left:10px;
font-weight: bold;
}

div#colonneDroite div.colonne ul{
margin:7px 9px 0 11px;
}
div#colonneDroite div.colonne ul li{
display:inline;
margin: 0;
padding: 0;
}
div#colonneDroite div.colonne ul li a{
color:#fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: none;
line-height:12px;
display:block;
padding-bottom:5px;
border-bottom:1px solid #C4E39F;
margin-bottom:5px;
}
div#colonneDroite div.colonne ul li a.last{
padding-bottom:0;
border:none;
margin-bottom:0;
}
div#colonneDroite div.colonne ul li a:hover{
text-decoration: underline;
}
div#colonneDroite div.colonne p{
/* background:  url(../images/angleColonne.gif) no-repeat 0 100%; */
margin: 0;
padding: 0;
}

div#colonneDroite div.colonne p.sous{
/* background:  url(../images/angleColonne.gif) no-repeat 0 100%; */
margin: 0;
padding: 0;
font-size:10px;
padding-left:2px;
padding-right:2px;
padding-top:3px;
height:45px;
margin-bottom:4px;

}

div#colonneDroite div.colonne p a.lienSpe{
color:#fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration: underline;
float:right;
display:inline;
margin-right:13px;
}
div#colonneDroite div.colonne p a.lienSpe:hover{
text-decoration: none;
}



*+html div#basdroite{
top:31px;
}

div#basdroite div#tresor{
width:366px;
height:96px;
background:  url(../images/agendaf.jpg) repeat-x 0 0;
float:left;
display:inline;
}

div#basdroite div#tresor img{
margin-top:5px;
margin-left:5px;
margin-right:5px;
}



div#basdroite h3{
font-size:15px;
}

div#basdroite div#tresor h3{
margin-top:2px;
}

div#basdroite div#souscolonneD{
float:left;
width:179px;
}

div#basdroite div#meteo{
width:174px;
background:#A6B3BE;
height:61px;
margin-left:1px;
padding-top:5px;
padding-left:5px;
color:#FFF;
}
div#basdroite div#meteo img{
margin-left:0px;
margin-right:5px;
}
div#basdroite div#meteo h3{
margin-top:0px;
}
div#basdroite div#meteo h3 span{
font-size:11px;
margin-left:10px;
}
div#basdroite div#meteo h5{
font-size : 11px;
}
div#basdroite div#meteo h4{
font-size : 12px;
}

div#basdroite div#organisme{
width:174px;
margin-top:1px;
margin-left:1px;
height:24px;
background:  url(../images/fondorga.jpg) repeat-x 0 0;
padding-top:5px;
padding-left:5px;

}


div#basdroite img{
float:left;
display:inline;
margin-left:7px;
}
div#basdroite h3{
margin-bottom:2px;
}

div#basdroite h3 a{
text-decoration: none;
}

div#basdroite p{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;

line-height: 13px;
margin-right:50px;
}
div#basdroite a.lienSpe{
text-decoration: underline;

font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
float:right;
display:inline;
margin-right:18px;
margin-top:0px;
}
div#basdroite a.lienSpe:hover{
text-decoration: none;
}

/*----------------------------------------------------------------------------*/
div#contenu{
min-height:390px;
float:left;
display:inline;
padding-left:18px;
padding-right:18px;
font-family:Arial, Helvetica, sans-serif ;
font-size:11px;
line-height:18px;
text-align: justify;
}


h1{
font-family:Arial, Helvetica, sans-serif ;
font-size:24px;
color:#aa4b0d;
font-weight: normal;
margin-top:10px;
text-align: left;
line-height:24px;
}

p#chemin {
font-family:Arial, Helvetica, sans-serif ;
font-size:10px;
color:#888888;
margin-top:17px;
text-align: left;
margin-left:2px;

}
p#chemin a{
text-decoration: underline;
color:#627c13;
}
p#chemin a:hover{
text-decoration: none;
}




div#blocThema{
float:left;

color:#6A7F8D;
text-align:left;
margin-top:10px;
}

div#blocThema div#sanspub{
border:1px solid #E63E97;

padding:0px;
float:left;
}

div#blocThema div#agenda{
float:left;
height:auto;
width:180px;
display:inline;
background:none;
height:112px;
border:1px solid red;
}
div#blocThema div#agenda a{
color:#AAA;
}


div#blocThema div#agenda p{
text-align: left;
padding-right:5px;
overflow:hidden;
width:auto;
}
div#blocThema div#agenda img{
width:100px;
height:40px;
}



div#blocThema div.agendadet{
margin:0;
height:110px;
width:170px;
float:left;
padding-left:5px;
padding-right:5px;
margin-top:5px;
margin-bottom:5px;
border-left:1px solid green;

}

div#blocThema div#sanspub div.agendadet h4{
background: none;
border:none;
margin:0;
padding:0;
margin-left:12px;
}


div#blocThema h3.titre{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
background: none;
padding:0;
margin:0;
margin-bottom:2px;

}

div#blocThema div#actualites{
float:left;
height:110px;
display:inline;
padding:0;
background: none;
margin:0px;
width:175px;
padding-left:5px;
padding-right:5px;
margin-top:5px;
margin-bottom:5px;
line-height:12px;
}

div#blocThema div#actualites ul.calend, div#blocThema div#agendadet ul.calend li{
list-style-position: outside;
list-style-type: none;
padding:0;
margin:0;
background: none;
}


div#blocThema div#actualites{
text-align:left;
}
div#blocThema div#actualites a{
text-decoration:none;
}

div#blocThema div#actualites h3.titre{
margin-top:3px;
color:#6A7F8D;
}









div#blocThema div#agendadet ul.calend{
margin-top:10px;
margin-left:10px;
}
div#blocThema div#agendadet h4{
border:none;
padding:0;
text-decoration: none;
margin-left:10px;
}
div#blocThema div#agendadet p{
text-align: left;
margin-left:10px;
}
div#blocThema .pub{

display:inline;
float:right;
}

img.imageThema{
float:left;
display:inline;
margin-top:10px;
margin-right:7px;
}


div#rechercheBlock{
width:167px;
height:28px;
background: url(../images/recherche.jpg) no-repeat 0 0;
display:block;
}

div#rechercheBlock input#recherche{
background: none;
border:none;
color:#5A5A5C;
font-family:Arial, Helvetica, sans-serif ;
font-size:10px;
width:113px;
height:16px;
margin-left:25px;
top:3px;
position:relative;
}
div#rechercheBlock input#recherche_submit{
background: none;
border:none;
color:#fff;
font-family:Arial, Helvetica, sans-serif ;
font-size:11px;
font-weight: bold;
top:3px;
left:3px;
position:relative;

}
div#rechercheBlock fieldset{
border:none;
}


div#colonneDroite div#footersmenu a.lienSpeBienv1 {
color: #FFF;
margin-left: 35px;
}
div#colonneDroite div#footersmenu a.lienSpeBienv2 {
color: #FFF;
margin-left: 73px;
}
div#colonneDroite div#footersmenu a.lienSpeBienv3 {
color: #FFF;
margin-left: 79px;
}


div#article div.evenement{
clear:both;
padding-bottom:10px;
margin-bottom:10px;
border-bottom:1px solid #ddd;
min-height:90px;
}
div#article div.evenement ul.calend li{
list-style-position: outside;
list-style-type: none;
background: none;
padding:0;
}
div#article div.evenement ul.calend{
float:left;
display:inline;
margin-top:15px;
}
div#article div.evenement p{
float:left;
display:inline;

margin-top:15px;
margin-left:10px;
min-height:60px;
}

* html div#article div.evenement p{
height:60px;
}

div.rss{
margin-top:15px;
}
div.actu{
margin-bottom:10px;
}

div.actu img{
float:left;
margin-right:5px;
}

hr{
visibility:hidden;
}

/*------------------------------------pagination------------------------------*/

div#pagination{
padding-bottom:5px;
margin-top:10px;
clear: both;
height:20px;
}
div.rechercheDiv{
border-bottom:1px solid #ddd;
padding-bottom:10px;
}
div.rechercheDiv b{
color:#000;
}
div#pagination ul{
float: right;
margin:0;
padding:0;
}
div#pagination ul li{
list-style-type:none;
display:inline;
background: none ;
padding:0;
margin:0;
}
div#pagination ul li a, div#pagination ul li strong{
display:inline;
float:left;
background: none;
padding:0;
margin:0;
color:#6E6E6E;
margin-right:10px;
}

div#pagination ul li strong{
color:#6E6E6E;
}

form.classicForm
{
margin : 30px 0;
}

form.classicForm label{
width:150px;
display:block;
float:left;
white-space: nowrap;

}
form.classicForm input, form#contactForm textarea{
display:block;
float:left;
}
form.classicForm div{
border-bottom:1px solid #DFDFDF;
width:100%;
margin-bottom:2px;
float:left;
padding: 3px 0;
}
form.classicForm input{

background: #f9f9f9;
border:1px solid #bbb;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
padding:0 2px;
color:#555;
}
form.classicForm textarea{
background: #f9f9f9;
border:1px solid #bbb;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
padding:0 2px;
color:#555;
overflow:auto;
}
form.classicForm div.cnil{
margin-top: 10px;
margin-bottom: 10px;
}
form.classicForm div.cnil input.case{
border: 0px;
background: transparent;
}

form.classicForm input.valider{
background: #F1EEE7 ;
color:#555;
height: 20px;
border:1px outset #809617;
font-size:11px;
font-family: Verdana, Arial, sans-serif;
float: right;
padding:0 10px;

}

form.classicForm input.case#diffusion{
margin-right:5px;
}

form.classicForm div img{
border:0;
padding:0;
}

form.classicForm div label span.oblig{
color : #f00;
}

/** Messages d'erreur **/
span.messageErreur
{
margin-left:150px;
display:block;
clear : both;
font-size:10px;
color:#CB5A45;
padding-top:3px;
padding-bottom:5px;
}
span.messageErreur img{
vertical-align:bottom;
}


div.thema {
padding:3px;
}
div.thema h4{
padding-left:17px;
font-size:15px;
}
div.colonne#colonne1 div.thema h4{
background: url(../images/thema1.jpg) no-repeat 2px 3px;
}
div.colonne#colonne2 div.thema h4{
background: url(../images/thema2.jpg) no-repeat 2px 3px;
}
div.colonne#colonne3 div.thema h4{
background: url(../images/thema3.jpg) no-repeat 2px 3px;
}
div.thema a{
text-decoration:none;
}
div.thema a:hover{
text-decoration:underline;
}
div#colonneDroite div#footersmenu a.lienSpeBienv1 {
color: #FFF;
}
div#colonneDroite div#footersmenu a.lienSpeBienv2 {
color: #FFF;
}
div#colonneDroite div#footersmenu a.lienSpeBienv3 {
color: #FFF;
}