/*--------------------------------------------------------- divers --------------------------------------------------------------*/
*{padding: 0; margin: 0;}
a{text-decoration: none;}
img{border: none;}

a{
color: #0035c9;
}

a:hover{
color:#d21517;
}

.bloc_droite, .bloc_gauche{
overflow: auto;
padding-bottom: 20px;
}

.droite{
text-align: right;
}

.gras{
font-weight: bold;
}

.centre{
text-align: center;
}

#contenu  .souligne{
text-decoration: underline;

}


#quali img{
margin: 0 15px;
}

.img_droite{
float: right;
}

.img_gauche{
float: left;
}

h1{
position: absolute;
top: -9999px;
left: -9999px
}

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

body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
color: #393939;
}

#accueil{
width: 960px;
margin: 0 auto;
position: relative;
z-index: 10;
}

#global{
width: 960px;
margin: 0 auto;
background: url(images/fond_global.jpg);
background-repeat: no-repeat;
overflow: hidden;
}

#tete{
width: 960px;
height: 286px;
background: url(images/fond_tete.jpg);


}

#gauche{
width: 250px;
float: left;
overflow: auto;
}

#page{
width: 655px;
overflow: hidden;
padding-left: 20px;
margin-top: 15px;
}

#page_haut{
height: 25px;
background: url(images/fond_page_haut.png);
}

#page_centre{
background: url(images/fond_page_centre.png);
padding-bottom: 30px;
}

#page_centre h2{
color: #c94943;
font-size: 1.2em;
padding: 0 0 30px 50px;
}

#page_centre h3{
color: #066604;
font-size: 1em;
padding: 30px 20px 30px 20px;
}

#page_centre h4 {
    color: #F70F1B;
    font-size: 0.85em;
    padding: 5px 20px 0;
}

#page_centre p{
padding: 10px 30px;
}

#page_bas{
height: 29px;
background: url(images/fond_page_bas.png);
}

#pied{/*--------------------------------------------------------- Pied -----------------------------------------------------------------*/
color: #393939;
font-size: 0.7em;
clear: both;
}

#adresse{
width: 350px;
float: right;
margin-right: 50px;
}

#copy{
width: 300px;
margin-left: 50px;
}

#copy a{
color: #006700;
}

#copy a:hover{
text-decoration: underline;
}

#sous_bas{/*-------------------------------------------------- sous bas ---------------------------------------------*/
text-align: center;
color: #dce0fc;
margin-top: 200px;
}

#sous_bas a{
color: #cdcdcd;
font-size: 0.7em;
}


/*----------------------------------------------------------- Galerie -----------------------------------------------------------------*/


ul.pagelist {
	clear: both;
	padding: 0;
	margin: 20px 0 0 0;
	list-style-type: none;
}

ul.pagelist li {
	display: inline;
}

ul.pagelist li a, ul.pagelist span.disabledlink {
	padding: 4px;
}

ul.pagelist li.current a {
	font-weight: bold;
	text-decoration: none;
	cursor: default;
	color: #0b640f;
}

ul.pagelist li a {
	color: #c94943;
}

ul.pagelist li.prev {
	margin-right: 10px;
}

ul.pagelist li.next {
	margin-left: 10px;
}

.disabledlink {
	color: #fff;
	cursor: default;
}

.pagenav {
	clear: both;
}


/* AJAX

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

#albumDescEditable {
	margin-bottom: 12px;
}

#imageDescEditable {
	margin-top: 24px;
}


/* Album-------------------------------*/
#albums, #images{
width: 90%;
margin: 0 auto;
margin-top: 30px;
}

#albums h3{
padding-left: 25px;

}

#albums img{
border: 1px solid #066604;
padding: 5px;

}

#albums a:hover img{
background: #e1ede0;
border: 1px solid #d90403;
}

#albums h3 a, #images h3  {
color: #066604;
font-size: .9em;
font-weight: normal;
}


/* Individual Image

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


#images img {
border: none;
padding: 5px 5px 20px 5px;
}

#images a {
display: block;
float: left;
position: relative;
text-align: center;
margin: 25px 30px;
border: 1px solid #066604;
}

#images a:hover {
background: #e1ede0;
border: 1px solid #d90403;
}

#images a  em{
display: block;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
color: #066604;
font-size: 0.7em;
}

#page_centre #retour{
overflow: auto;
}

#retour span{
float: right;
}

#retour img{
border: none;
vertical-align: middle;
margin-right: 7px;
}

#retour a{
color: #066604;
}

form{  /*-------------------- formulaire contact --------------------------------------*/

}					

 fieldset{
width: 80%;
margin: 0 auto;
border: 0;
background: transparent;
} 

 label{
font-size: 1em;
font-weight: normal;
}

 input, textarea{
border: 1px solid #b6d2ac;

}

.envoyer{
border: 1px solid #000;
background: #066604;
color: #fff;
font-weight: bold;
margin-bottom: 30px;
}

.erreur{
margin-left: 20px;
text-align: center;
border: 1px solid #000;
background: red;
color: #fff;
font-weight: bold;
}

.reessayer{
text-decoration: none; 
font-weight: bold; 
color: #F7723B;;
}

 legend{
font-weight: bold; 
padding-top: 20px;

}

 #form p{
margin: 0;

}

/* ------------------------------------------------ partenaire -------------------------------------------*/
#partenaire{
margin-right: 10px;

}

.col3{
width: 25%;
padding-top: 15px;
}

.col4{
text-align: left; 
width: 75%;
font-size: 0.9em;
font-style: italic;
}

.col5{
text-align: right; 
margin-right: 15px;
border-bottom: 1px dashed #e4270c;
padding-bottom: 3px;
}

.col5 span{
margin-right: 15px;
font-size: 0.85em;
color: #e4270c;
}

.col5 span a{
color: #066604;
}

.col3  img{
display: block;
border: none;
padding-left: 10px;
margin: 0 auto;
}

#commune a {/*----------------------------------------------------------- communes ----------------------------------------------*/
margin-right: 5px;
text-decoration: none;
}

#commune {
position: relative;
}

.liste_commune{
border: 0;
margin: 10px 10px 0pt 140px;
vertical-align: middle;
}

#commune a span{
display: none;
}

#commune a:hover span{
display: block;
width: 90%;
position: absolute;
left: 0;
bottom: -280px;
font-weight: normal;
font-size: 90%;
margin-left: 5%;
border: 2px solid #066604;
padding: 5px;
background: #e4ece0;
color:#506743;

}

#lien  {/*----------------------------------------------------------- lien ----------------------------------------------*/
width: 90%;
margin: 0 auto;
}

.logo_lien{
width: 200px;
}

.texte_lien a{
margin: 15px;
display: block;
}

.liste{
list-style-type: circle;
margin: 15px 15px 70px 70px;
}

.liste li{
margin-bottom: 10px;
}