/* CSS Document */
html{font-family: Geneva, Arial, Helvetica, sans-serif; color:#666666; font-size:0.9em;}
h1, h2, h3, h4{font-family: Geneva, Arial, Helvetica, sans-serif;}
strong{color:#333333}
a {color:#0c53e3;}
a:hover, li a:hover{color:#006600;}
img a, img{border:none;}
#menu li, #menu-secondaire li, #menu-bas-page li{display:inline;}
ul{list-style:none;}
#conteneur{width:800px; margin: 0 auto;}
#contenu{margin-bottom:50px;}
#slogan{font-size:1em; font-weight:bold; text-align:center; width:800px; position:absolute; top:168px; color:#FFFFFF;}
/*---------------------------------------------------------------------------------------*/
/* MENU */
#menu{font-size:0.8em; position:absolute; top:5px; margin-left:20px;}
#menu a, #ariane a, #menu-secondaire a{color:#666666;}
#menu a:hover, #menu-secondaire a:hover{color:#006600;}
#menu-secondaire{ font-size:0.7em; margin-top:-20px; margin-bottom:50px; padding-left:0px;}
/*---------------------------------------------------------------------------------------*/
/* ARIANE */
#ariane{font-size:0.8em; margin-top:-20px; margin-left:-30px;}
#ariane li{display:inline;}
#ariane li a:hover{color:#006600;}
/*---------------------------------------------------------------------------------------*/
/* CONTENU */
#description-de-la-page{float:left; width:280px; }
#description-de-la-page h2 {color:#666666; margin-top:0; padding-top:0;}
#description-de-la-page h3 {font-size:0.9em;}
#description-de-la-page .lire-la-suite{text-align:left;}
#chic {font-size:0.8em; color:#3366CC;}
#liste-articles, .article, .article-petition, #article, .categorie h2{width:480px; margin-left:280px;}
#signatures{background:url(../img/petition.jpg) 0 0px no-repeat; }
#presentation-territoire{background:url(../img/prensentation-chic-choc.jpg) 0 0px no-repeat; }
#activite-humaine-sur-le-territoire{background:url(../img/Activites-humaines.jpg) 0 0px no-repeat;}
#type-daire-a-proteger{background:url(../img/type-daire-a-proteger.jpg) 0 0px no-repeat;}
#pourquoi-proteger-ce-territoire{background:url(../img/proteger-territoire.jpg) 0 0px no-repeat;}
.section{padding-left:160px; margin-bottom:20px; border-bottom:1px solid #666666; }
.section h2{font-size:1.1em;}
.lire-la-suite{text-align:right; font-size:0.8em;}
/*---------------------------------------------------------------------------------------*/
/* PIED DE PAGE */
#pied-de-page{font-size:0.8em; margin:0; text-align:center; }/*---------------------------------------------------------------------------------------*/
/* ARTICLES */
.article, .article-petition, #article{text-align:justify;}
.article-petition{margin-left:320px; min-height:450px;}
#titre-petition{margin-left:0px; width:100px; position:relative; left:-300px; margin:0; padding:0;}
q{font-style:italic;}
#page{ }
#article h2{font-size:1.2em;}
/*---------------------------------------------------------------------------------------*/
/* COURRIEL */
#form-contact .champs{width:250px; background-color:#e2e4ea;}/*c3d1f4*/
#com-nom label{margin-left:29px; margin-right:5px;}
#com-prenom label{margin-left:8px; margin-right:5px;}
#com-rue label{margin-left:35px; margin-right:5px;}
#com-ville label{margin-left:32px; margin-right:5px;}
#com-courriel label{margin-left:7px; margin-right:5px;}
#com-sujet label{margin-left:25px; margin-right:5px;}
#com-message label{display:block; float:left; margin-right:-10px;}
#com-securite{text-align:left; margin-left:55px;}
#com-securite label{margin-left:25px; margin-right:5px;}
#com-securite input{margin-left:25px; margin-top:10px;}
#com-code-postal{margin-left:-20px; padding-left:5px;}
#com-message #message{height:100px; float:left; margin-left:19px;background-color:#e2e4ea;}
#validation, #num-code, #com-confirme{margin-left:75px;}
.h3-contact{font-size:1.1em;}
/*---------------------------------------------------------------------------------------*/
/* PETITION */
#form-petition{margin-top:50px; margin-left:40px; }
#com-securite-petition{width:280px; text-align:left; }
#com-securite-petition input{margin-left:75px; margin-right:5px;}
#com-confirme label{display:block;}
/*---------------------------------------------------------------------------------------*/
/* PETITION */
.txt-petition, .txt-petition-img { width:400px; margin-left:50px; text-align:justify;}
.txt-petition-img{text-align:center;}
.article-petition h3, .article-petition ul{margin-left:50px;}
.article-petition li{list-style:circle;}
#nbr_signature{margin-top:30px; margin-bottom:-10px; text-align:right;}
/*---------------------------------------------------------------------------------------*/
/* LISTE */
#liste, #liste tr{border:solid;}
.galerie, .galerie-index{ width:200px; }
.galerie li, #galerie-photo li{ float:left; margin-right:10px; background:url(../img/bordure.jpg) no-repeat; padding-top:15px; width:60px; height:60px; padding-left:12px;}
.galerie-index{ width:250px; margin-left:0; padding-left:0px;}
.galerie-index li{ width:100px; margin-right:10px; padding:0px; margin-bottom:20px; margin-left:50px;}
.galerie-actualite{ width:200px; margin-left:0; padding-left:0px;}
.galerie-actualite li{ width:100px; margin-right:10px; padding:0px; margin-bottom:20px; margin-left:50px; padding-bottom:5px;}
/*---------------------------------------------------------------------------------------*/
/* GALERIE PHOTO*/
#galerie-photo{padding-left:0px; margin-left:0px;}
#galerie-photo li{ float:left; margin-right:10px; background:url(../img/bordure.jpg) no-repeat; padding-top:15px; width:60px; height:60px; padding-left:12px;}
/*LIVRE D'OR*/
#liste-des-commentaires{ margin-bottom:50px;}
#liste-des-commentaires{ padding-left:0px;}
#liste-des-commentaires li{ }
#liste-des-commentaires li h3{ background:#999; padding:3px; color:#FFF;}
#liste-des-commentaires li .commentaire-date{ font-style:italic; font-size:0.8em; margin-top:-10px;}
#message{ margin-bottom:40px; width:360px; float:right;}
#form-ajout-commentaire{ width:400px;}
#form-ajout-commentaire label{display:block; float:left; width:100px; margin-right:10px; text-align:right;}
#form-ajout-commentaire #p-notification-ajouter-un-commentaire{ margin-top:40px;}
#form-ajout-commentaire .notification{ margin-top:-10px; font-size:0.8em;}
#form-ajout-commentaire #p-commentaire-ajouter-un-commentaire label{ clear:both; width:auto;}
#form-ajout-commentaire .obligatoire{ color:#F00;}
.categorie ul li{ list-style:circle;}
#PhenixMP3Mini{ text-align:right; margin-top:-70px; margin-left:600px; width:200px; }
/*actualite*/
.date{ font-size:0.8em; font-style:italic; margin-top:-10px;}
.actualite {margin-bottom:20px; border-bottom:1px solid #666666;}
/*ARTISTES*/
.url{font-size:13px; padding-left:15px;}
#galerie-photo-artistes {margin:0; padding:0;}
#galerie-photo-artistes li {display:inline; margin:2px;}