@charset "UTF-8";
/* reset.css */
/* Initialise les marges des elements bloc */
html, body, div, 
dl, dt, dd, ul, ol, li, 
h1, h2, h3, h4, h5, h6, 
pre, form, fieldset, input, 
p, blockquote, th, td { margin: 0; padding: 0; }
/* Initialise la taille des titres */
h1,h2,h3,h4,h5,h6 { font-size: 100%; }
/* Enleve les puces aux listes */
ol, ul { list-style: none; }
/* Initalise le style du texte */
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
/* Enleve les bordures aux images et aux fieldset */
fieldset, img { border: 0; }



/* CSS Document */
html{background:url(../images/design/fond-html.jpg) repeat-x #FFFFFF top; margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif;}
body{margin:0; padding:0;}
.contenu{ width:940px; margin:auto; margin-top:-25px; position:relative; z-index:2; }


strong{font-weight:bold;}

a{}
a:hover{}
a img:hover{border:none;}
a, a:hover, img, a img{border:none;}
h1 a img, h1 a:hover{background:none; }
h1{ position:relative; z-index:4; height:149px; margin:auto; text-align: center; }


#entete{position:relative; z-index:8; background: url(../images/design/fond-html.png) repeat-x; height:156px; margin:auto; }
/*=====================================================================================*/
/*===================================== MENU PRINCIPAL ================================*/
/*=====================================================================================*/
.contenu #menu{background:url(../images/design/fond-menu-principal.png) no-repeat; height:89px; width:967px; position:relative; z-index:3; margin-left:-1px; }
.contenu #menu li{font-family:"Times New Roman", Times, serif; padding-left:25px; }
.contenu #menu li a{text-decoration:none; display:block; width:122px; height:55px; float:left; text-align:center; padding-right:5px;margin-top:5px;}
.contenu #menu li a:hover{background:url(../images/design/btn-menu-principal.png) no-repeat; width:122px; height:55px; margin-top:5px; }
.contenu #menu li a:hover, .contenu #menu li a:visited,.contenu #menu li a:link,.contenu #menu li a:active{color:#000000; line-height:90%; padding-top:5px;}
.contenu #menu li p{padding-top:20px;}

.contenu #menu #selected{background:url(../images/design/btn-menu-principal.png) no-repeat; width:122px; height:55px; margin-top:5px; }

/*=====================================================================================*/
/*======================================== ARIANE =====================================*/
/*=====================================================================================*/
#ariane{font-size:0.8em;}
#ariane li{display:inline; }
#ariane #ariane-accueil{background:none;}

/*======================================== COLONNE ====================================*/
.contenu #blog{float:left; width:660px;  background:
url(../images/design/bord-boby-left.png) no-repeat top left; margin-left:9px; height:100%;min-height:500px;}
.contenu #galerie-et-partenaires{float:right; width:242px; min-height:580px;}
.contenu #cadre-droite{position:absolute; background:url(../images/design/bord-boby-right.png) no-repeat top right; height:363px; width:17px; margin-left:926px;}
/*======================================== CONTENU ====================================*/
.contenu{left:50px; }
.contenu #blog a{text-decoration:none;color:#3c6cd8;}
.contenu #blog a:hover {color:#3c6cd8;}
.contenu #blog .article{padding-left:30px; padding-top:30px; margin-bottom:30px;}
.contenu #blog .date{margin-left:-102px;background:url(../images/design/fond-date.png) no-repeat; width:92px; height:112px; position:absolute;  z-index:-1; padding-top:7px; }
.contenu #blog .date p{text-align:center; padding-top:2px; padding:0;}
.contenu #blog .date .jour, .contenu #blog .date .mois{ font-size:1em;}
.contenu #blog .date .date-numerique{font-size:3em; color:#FFFFFF;}
.contenu #blog p { color:#404040; text-align:justify;font-size:0.8em; padding-top:15px; padding-bottom:10px; padding-right:20px; padding-left:20px;}
.contenu #blog h2{font-size:1.4em; padding-left:25px;}
.contenu #blog {}
.contenu #blog img{float:right; margin-top:-30px; padding-left:10px; margin-right:20px;}
.contenu #blog ul .reaction-et-commentaire li{display:inline;font-size:0.7em; padding-left:40px;}
.contenu #blog .lire-suite, .commentaires{color:#75b4f0;}
.contenu #blog .lire-suite a:hover{ text-decoration:underline; color:#75b4f0;}
.contenu #blog .lire-suite .lienImg{float:none; padding:0; margin:0; margin-left:380px; padding-right:5px;}
.contenu #blog .lire-suite p{text-align:left;}

/*mise en forme de la colonne de droite galerie et partenaires*/
.contenu h6#image-fond-galerie-et-partenaires { background:url(../images/design/fond-dune.png) no-repeat ; height:600px; width:199px; text-indent:-9999em; margin-top:-22px; position:absolute; z-index:-10;}
.contenu  #galerie-et-partenaires #cadre-galerie { padding-left:10px; margin-top:30px;}
.contenu  #galerie-et-partenaires #cadre-partenaire {padding-left:10px;}
/*cette ligne est utilisé pour la page galerie*/
.contenu  #galerie-et-partenaires .cadre-partenaire { padding-left:10px;}
.contenu  #galerie-et-partenaires #cadre-galerie h2, .contenu #galerie-et-partenaires #cadre-partenaire h2{font-size:1.2em; background: url(../images/design/fond-titre-gal-part.png) no-repeat; width:220px; height:37px; padding-left:10px; margin-left:-20px; margin-right:0; margin-bottom:0; }

/*Trait séparateur entre les articles*/
.contenu #blog .article .trait-sepateur-article{ border-bottom: #FFCC66 solid 2px; width:400px; margin-left:100px; }
/*===================================== cadre GALERIE =================================*/
.contenu #galerie-et-partenaires #cadre-galerie ul{margin:0; margin-left:-8px; margin-bottom:10px; margin-top:10px;}
.contenu #galerie-et-partenaires #cadre-galerie li{float:left; padding:6px;}
.contenu #galerie-et-partenaires #cadre-galerie img{border: #FFCC66 solid 2px;}
/*===================================== cadre PARTENAIRES =============================*/
.contenu #galerie-et-partenaires #cadre-partenaire h2 {margin-top:170px;}
.contenu #galerie-et-partenaires #cadre-partenaire p {margin-right:55px; margin-top:20px; margin-bottom:20px; background: #FFFFFF; border:#FFCC66 solid 2px; text-decoration:none; color:#000000;padding-left:4px;}
.contenu #galerie-et-partenaires #cadre-partenaire a#txtPat, .contenu #galerie-et-partenaires #cadre-partenaire a#txtPat:hover,.contenu #galerie-et-partenaires #cadre-partenaire a#txtPat:link, .contenu #galerie-et-partenaires #cadre-partenaire a#txtPat:visited{text-decoration:none; color:#000000; font-size:12px;}

/*mise en forme du lien Voir la liste*/
.contenu #cadre-partenaire a#lien-partenaire {line-height:12px; font-size:12px; text-decoration:none; color:#3c6cd8; padding-left:4px;}
.contenu #cadre-partenaire a#lien-partenaire:hover{text-decoration:underline; color:#75b4f0;}
.contenu #cadre-partenaire .lienPat{margin-right:5px;}

/*lien des pages partenaires*/
.contenu #partenaire-acces{margin-left:50px; text-align:center;}
.contenu #partenaire-acces li{display:inline;}
.contenu #partenaire-acces #separateur-partenaire{border-left:#FFCC66 solid 4px; padding-left:5px;}
.contenu #partenaire-acces a:hover{text-decoration:underline; color:#3c6cd8;}

/*===================================== CONTENU PAGE ACTUALITES =======================*/
#actualites #blog .article img{margin-top:18px;}
#actualites #blog li.article ul{font-size:0.8em; list-style: inside; padding-left:20px; padding-top:5px;}
#finColonne p {margin-left:60px;}
#finColonne a { text-decoration:none; color:#3c6cd8;}
#finColonne a:hover{text-decoration:underline; color:#3c6cd8;}
#actualites #liste-page {display:none;}

/*===================================== CONTENU PAGE CAUSE PROJET =====================*/
.contenu #blog #texte-projet {font-size:0.8em;padding-top:20px;padding-left:20px;}
.contenu #blog .cause-et-projet {padding-left:30px; padding-top:30px; margin-bottom:30px;font-size:0.8em;}
.contenu #blog .cause-et-projet h2{font-size:1.4em;}
.contenu #blog #texte-projet ul{list-style: inside; padding-left:20px; padding-top:5px;}
#cause-et-projet #blog img{margin-top:20px;}

/*===================================== CONTENU PAGE PARTENAIRE =======================*/
#partenaires #blog img{float:right; margin-top:-20px; padding-left:10px; margin-right:20px;}

/*===================================== CONTENU PAGE PARTENAIRE SUITE =================*/
#partenaires-suite #blog img{float:right; margin-top:-20px; padding-left:10px; margin-right:20px;}
#partenaires-suite #blog p{padding:0;}
#partenaires-suite #blog .internet{padding-bottom:10px;}
#partenaires-suite #blog #liste-commanditaires{margin-top:20px;}
#partenaires-suite #blog li.article{margin:0; padding:0; margin-left:50px; padding-top:10px;}
#partenaires-suite #blog .article h2{padding-bottom:10px; margin-left:-20px;}

/*===================================== CONTENU PAGE PARTENAIRE MEDIA =================*/
#partenaires-media #blog img{margin:0; padding:0; margin-top:-30px;}
#partenaires-media #blog .trait-sepateur-article{margin-top:50px;}

/*===================================== CONTENU PAGE EQUIPE ===========================*/
#equipe #blog .article{margin-bottom:40px;}
#equipe #blog img{float:right; margin-top:-25px; padding-left:10px;}
#equipe #blog .article .trait-sepateur-article{ border-bottom: #FFCC66 solid 2px; width:400px; margin-left:100px; margin-top: 50px;}

/*===================================== CONTENU PAGE GALERIE ==========================*/
#galerie #blog h2{margin-top:30px; margin-left:30px;}
#galerie #blog ul#galerie-image {margin-top:20px; margin-left:30px; padding-left:0; min-height:500px;}
#galerie #blog ul#galerie-image img{border:#FFCC66 solid 2px;padding:0; margin:0; margin:5px;}
#galerie #blog ul#galerie-image li{float: left; }
/*réhausse la position des partenaires*/
#galerie #galerie-et-partenaires #cadre-partenaire {margin-top:-140px;}

/*===================================== CONTENU PAGE PARCOURS =========================*/
#parcours #blog img{ float:none; margin-top:40px;}
#parcours #blog .no-img{ float:none; margin-top:40px; display:block; width:10010px; height:110px;}
/*===================================== CONTENU PAGE VOS MESSAGES =====================*/
#vos-messages #blog h2{margin-top:30px; margin-left:30px;}
#vos-messages #blog #form-ajout-commentaire{margin-left:40px;}
#vos-messages #blog #form-ajout-commentaire fieldset{border-color:#FFCC66;}
#vos-messages #blog #form-ajout-commentaire legend{background:#fff; color:#FFFFFF; width:300px;}
.trait-sepateur-form{border-bottom:#FF0000 solid 4px; width:300px; margin-left:200px;}
#vos-messages #blog .article{margin:0; padding:0;}
#vos-messages #blog .article h3 { margin:0; padding:0; margin-left:40px; margin-top:20px;}
#vos-messages #blog .article .date-commentaire p{ padding:0; margin:0; font-size:10px; margin-left:40px;}
#vos-messages #blog .article .texte{margin-left:60px;}

/*=====================================================================================*/
/*===================================== MENU BAS ======================================*/
/*=====================================================================================*/
#pied-page ul#menu-bas{ text-align:center; margin-right:10px;}

#pied-page .menu-bas a{color:#FFFFFF; }
#pied-page .menu-bas a:hover{color:#FFFFFF; }
#pied-page #menu-bas li{ display:inline; color:#FFFFFF; font-size:0.7em;}
/*=====================================================================================*/
/*===================================== SEPARATEUR ====================================*/
/*=====================================================================================*/
.contenu #finColonne{clear:both;}
/*=====================================================================================*/
/*===================================== PIED DE PAGE ==================================*/
/*=====================================================================================*/
#pied-page{clear:both; background:url(../images/design/pied-de-page.png) no-repeat; height:43px; width:897px; margin-left:30px; margin-top:50px; }
#pied-page li{ list-style:none; }
#pied-page #logo-phenix-creation{ }
#pied-page #copyright li{display: inline;}
#pied-page #copyright{ font-size:0.7em; color:#FFFFFF; text-align:center;}
#mediarun{float:right; margin-right:20px; margin-top:-30px;/*position:relative;text-align:right; padding:0; padding-right:20px; margin:0; top:-30px;*/}
/*=====================================================================================*/
/*===================================== FORMULAIRE ====================================*/
/*=====================================================================================*/
.obligatoire{color:#FF0000;}

/*=====================================================================================*/
/*===================================== numérotation pages =============================*/
/*=====================================================================================*/
div#finColonne div#liste-page ul{margin:0; padding:0; margin-left: 260px;}
div#liste-page li{display: inline; padding:0; color:#000000;padding-left:3px; padding-right:3px; margin:0}

ul#numerotation-pages{}
ul#numerotation-pages a.acces-page{background:url(../images/design/fond-page-lien.jpg) no-repeat center; padding-left:7px; padding-right:7px; padding-top:4px; padding-bottom:4px;}
#numerotation-pages a:hover, #numerotation-pages a:link, #numerotation-pages a:active,#numerotation-pages a:visited{color:#000000; text-decoration:none; }
#numerotation-pages #selected{background:url(../images/design/fond-page-lien-actif.jpg) no-repeat center; padding-left:7px; padding-right:7px;}
.move-to-page img{position:relative;margin-top:10px; top:4px;}

#numerotation-pages img{}
#numerotation-pages #pagination-fastLeft{margin:0; margin-right:-8px;}
#numerotation-pages #pagination-left{margin:0; margin-right:10px;}
#numerotation-pages #pagination-fastRight{margin:0; margin-left:-8px;}
#numerotation-pages #pagination-right{margin:0; margin-left:10px;}

#numerotation-pages li.masquer{display:none;}

/*=====================================================================================*/
/*===================================== numérotation pages =============================*/
/*=====================================================================================*/
#blog #plan-site {margin-left:40px; margin-top:20px;}