@charset "UTF-8";
/* CSS Document */
/*E.Meyer Reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  	margin: 0;
  	padding: 0;
	border: 0;
 	outline: 0;
  	font-size: 100%;
  	vertical-align: baseline;
  	background: transparent;
	}
body {
  	font:0.9em/1em "Arial","Helvetica",sans-serif;
	/*font: 1em/1em "Times New Roman", "Times", "Nimbus Roman No9 L", sans-serif;*/
	}
ol, ul {
  	list-style: none;
	}
blockquote, q {
  	quotes: none;
	}
// remember to define focus styles! :focus { outline: 0; }
// remember to highlight inserts somehow! ins { text-decoration: none; } del { text-decoration: line-through; }
// tables still need 'cellspacing="0"' in the markup table { border-collapse: collapse; border-spacing: 0; }

/*-----------------------------------------------------------------------*/
/* PNGFIX 
img ou id ou class { behavior: url(iepngfix.htc)}
*/
/*-----------------------------------------------------------------------*/

/*MY RESET*/
a img{
	border:none;
	}

a{
	outline:none;
	text-decoration:none;
	}

a:hover{
	outline:none;
	text-decoration:none;
	}

embed, object{
	margin:0;
	padding:0;
	}

*{
	margin:0;
	padding:0;
	}
article, section, aside, header, footer{
	display:block
}
/*----------POUSS-POUSS------------*/
.clear{
	clear:both;
	visibility:hidden;
	padding:0;
	margin:0;
	}
/*-----------------------------------------------------------------------*/
/*-----------------------------------------------------------------------*/
/*-----------------------------------------------------------------------*/

/* BODY */
/** CONTAINER */
#container{
width:100%; /*  modifier*/
}
/*** COL GAUCHE */
#colGauche {
float:left;
position:relative;
width:30%;
padding:0 0 30px 0;
min-height:640px
}
#colGauche section#section1{
float:right;
width:220px
}
#colGauche header{
float:right;
width:220px
}
/**** NAV */
#colGauche nav{
width:220px;
display:block;
padding-top:20px;
margin-bottom:15px
}
#colGauche nav h6{
position:absolute;
left:-9999px
}
#colGauche nav ul li{
padding-bottom:1px
}
#colGauche nav ul li.borderBottom{
background:url(../gifs/separateurNav.gif) bottom right no-repeat;
}
#colGauche nav ul li a{
width:210px;
font-weight:700;
font-size:0.9em;
padding:10px 0 10px 10px;
margin-right:0;
background:url(../gifs/fleche.gif) 200px center no-repeat;
display:block
}
#colGauche nav ul li a:hover{
color:black;
}
ul.ulNiv2{
display:none
}
ul.sousMenuVisible{
display:block
}
#colGauche ul.ulNiv2 li a{
background:none;
font-size:0.8em;
width:197px;
padding:6px 6px 6px 18px;
}
#colGauche section#dlPlaquette{
width:215px;
height:115px;
margin-bottom:20px;
display:block
}
#colGauche section#dlPlaquette h2{
margin:-85px 0 0 85px;
}
#colGauche section#dlPlaquette h2 a{
color:#6a5728;
text-decoration:underline;
line-height:1.1em
}
#colGauche section#dlPlaquette h2 a:hover{
color:#473424
}
#colGauche section#newsletter{
padding-left:15px;
display:block
}
#colGauche section#newsletter h2 a{
padding-left:40px;
color:#6a5728;
font-size:0.9em;
line-height:1.1em;
text-decoration:underline
}
#colGauche section#newsletter h2 a:hover{
color:#473424
}
/*** CONTENT */
#content{
position:relative;
width:781px;
background:url(../gifs/backDroiteMiddle.gif) left top repeat-y
}
#content #backTop{
width:781px;
height:13px;
background:url(../gifs/backDroiteTop.gif) left top no-repeat
}
#content #topFooterLeft{
position:absolute;
bottom:0;
left:-207px;
width:207px;
height:8px;

}
#content #topFooterRight{
position:absolute;
bottom:0px;
left:0px;
width:776px;
height:8px;
}
/*** COL DROITE */
#colDroite {
float:left;
width:70%; /*  modifier*/
background:#ececec
}
#colDroite h1{
color:#489eaf;
padding:10px 0 10px 10px 
}
/**** COL DROITE gauche */
#colDroite #gauche{
float:left;
background:white;
width:545px;
padding:0 015px 30px 20px
}
#colDroite #gauche .artIndex{
position:relative;
padding:20px 0 0 15px;
width:545px;
}
#colDroite #gauche .artIndex .lien a{
color:#636464;
font-weight:700;
text-decoration:underline
}
#colDroite #gauche .artIndex .lien a:hover{
color:#333333
}
#colDroite #gauche .artIndex h2{
margin-bottom:30px
}
#colDroite #gauche .artIndex h2 a{
color:#00350F;
width:450px
}
#colDroite #gauche .artIndex h2 a:hover{
color:black
}
#colDroite #gauche .artIndex div.lien2{
position:absolute;
right:35px;
width:100px;
height:100px;
}
#colDroite #gauche .artIndex div.lien2 a{
width:100px;
height:100px;
display:block
}
#colDroite #gauche .artIndex div#lien2art2{
top:5px;
}
#colDroite #gauche .artIndex div#lien2art3{
top:90px;
}
#colDroite #gauche #art1{
position:relative;
background:url(../gifs/encartEcole.gif) left top no-repeat;
height:89px;
margin-bottom:10px
}
#colDroite #gauche #art1 img{
position:absolute;
right:25px;
top:13px
}
#colDroite #gauche #art2{
background:url(../gifs/encartPro.jpg) left top no-repeat;
height:89px;
margin-bottom:10px
}
#colDroite #gauche #art3{
background:url(../gifs/encartPsycho.jpg) left top no-repeat;
height:168px;
margin-bottom:30px
}
#colDroite #gauche #art3 p{
width:450px;
font-size:0.8em
}
#colDroite #gauche footer{
padding-top:30px;
font-size:0.9em
}
#colDroite #gauche footer p{
line-height:1.1em;
text-align:center;
font-weight:700;
}
#colDroite #gauche footer p a{
text-decoration:underline
}
#colDroite #gauche footer address, #colDroite #gauche footer p#num{
float:left
}
#colDroite #gauche footer#height1{
padding-top:180px
}
#colDroite #gauche footer#height2{
padding-top:270px
}
#colDroite #gauche footer#height3{
padding-top:350px
}
/** mise en forme du texte **/
h2.titrePage{
width:534px;
height:27px;
padding:7px 0 20px 15px;
font-size:1em;
line-height:1em
}
h2.titreLong{
width:534px;
height:50px;
padding:7px 0 20px 15px;
line-height:1.2em
}
h2.titreVeryLong{
width:534px;
height:73px;
padding:7px 0 20px 15px;
line-height:1.2em
}
#colDroite #gauche p{
font-size:0.9em;
text-align:justify;
margin-bottom:5px
}
#colDroite #gauche p.listing{
padding-left:15px;
margin-bottom:5px
}
#colDroite #gauche h3{
margin-bottom:15px;
padding-top:15px;
}
#colDroite #gauche h4{
font-size:0.9em;
margin-bottom:5px
}
#colDroite #gauche h4.rappel{
text-align:center;
font-size:1.2em;
font-style:italic;
margin:15px 0
}
#colDroite #gauche h5{
font-size:0.8em;
}
#colDroite #gauche p.last{
margin-bottom:20px
}
article.fiche{
padding:15px 0
}
table{
width:100%;
}
tr{
font-size:0.9em;
background-color:#ededed
}
tr.impair{
background-color:#f7f7f7
}
td.tabColUne{
width:30%;
padding:4px 0 4px 10px;
}
td.gras{
font-weight:700
}
td.titre{
color:white;
font-weight:700
}
td.tabColDeux{
width:50%;
padding:4px 10px;
text-align:left
}
td.tabColTrois{
width:20%;
padding:4px 10px;
text-align:right
}
aside.asideDlpdf{display:block
}
aside.asideDlpdf p{
padding-top:5px
}
aside.asideDlpdf a{
float:left;
font-style:italic;
text-decoration:underline;
display:block
}
aside.asideDlpdf .texteDlpdf a{
font-weight:700;
padding-left:10px
}
aside.asideDlpdf a.icoPdf{
width:25px;
height:26px
}
#colDroite #gauche p.mention{
font-size:0.8em;
}
hgroup#elements{
margin-bottom:20px;
display:block
}
hgroup#elements h4{
height:19px;
padding:6px 0 0 20px;
font-size:1.1em
}
h4#metal{background:url(../gifs/metal.jpg) left top no-repeat}
h4#eau{background:url(../gifs/eau.jpg) left top no-repeat}
h4#bois{background:url(../gifs/bois.jpg) left top no-repeat}
h4#terre{background:url(../gifs/terre.jpg) left top no-repeat}
h4#feu{background:url(../gifs/feu.jpg) left top no-repeat}

article.bouquin{
margin-bottom:15px
}
article.bouquin img{
float:left;
margin-right:15px
}
#colDroite #gauche article.bouquin p{
font-size:0.8em
}
#constance{
float:right;
margin:0 0 15px 15px
}
/**** COL DROITE droite */
#colDroite #droite{
float:left;
width:87px;
padding-bottom:20px
}
#colDroite #droite article{
margin-left:1px
}
#colDroite #droite #aside1{
background:url(../gifs/encartContact.gif) left top no-repeat;
height:148px;
width:180px;
font-weight:700;
font-size:0.8em;
padding:15px 0 0 15px
}
#colDroite #droite #aside1 p#texte1{
margin-bottom:8px
}
#colDroite #droite #aside1 p#texte2{
font-size:2.1em;
color:#da9f2a;
margin-bottom:15px;
margin-top:20px;
}
#colDroite #droite #aside1 p#texte3 a{
color:#da9f2a;
text-decoration:underline
}
#colDroite #droite #aside1 p#texte4 a{
color:black;
text-decoration:underline;
padding-left:33px
}
#colDroite #droite #aside1 p#texte4 a:hover{
color:white
}
#colDroite #droite #aside1 p#texte3{
margin-bottom:20px
}
#colDroite #droite #aside2{
background:url(../gifs/encartBlog.gif) left top no-repeat;
height:154px;
width:195px
}
#colDroite #droite #aside2 h2 a{
color:#4fb07d;
font-size:1.1em;
padding:15px 0 0 22px;
display:block;
width:173px;
height:132px
}
#colDroite #droite #aside3{
background:url(../gifs/encartActu.gif) left top no-repeat;
width:175px;
height:182px;
padding:45px 10px 0 10px;
}
/******************************************************************** diaporama */
#slider{
width:175px;
height:182px;
}
#slider, #slider li{
position:relative;
width:175px;
overflow:hidden;
color:white;
}
#prevBtn, #nextBtn{
display:none;
}
/********************************************************************* CSS associé à l'encart actu
*/
#encart_actualite{
position:relative;
width:175px;
height:182px;
}
#encart_actualite ul{
height:150px;
height:182px;
}
#encart_actualite ul li{
font-size:0.9em;
height:182px;
color:black;
}
#encart_actualite ul li a{
font-size:0.8em;
font-weight:700;
color:black;
border-bottom:solid 1px black;
display:block
}
#encart_actualite ul li a:hover{
text-decoration:underline
}
#encart_actualite ul li p{
font-size:0.8em;
}
.all_actu{
position:absolute;
top:120px;
}
.all_actu a{
color:black;
font-size:0.9em
}
/*** FOOTER */
footer#gen{
margin:0 auto;
clear:both;
height:250px;
}
footer#gen div{
margin:0 auto;
width:970px;
padding:25px 0 0 100px
}
footer#gen div ul{
float:left;
height:155px;
list-style-type:circle;
}
footer#gen div ul.marginLeft{
margin-left:20px;
padding-left:40px;
border-left:solid 1px black
}
footer#gen div ul li a{
font-size:0.8em;
color:black;
padding-bottom:4px
}
footer#gen div ul li a:hover{
text-decoration:underline
}
footer#gen div ul li a.titre{
color:white
}
footer#gen div ul li a.titre:hover{
text-decoration:underline
}
#conseiller{
margin-top:25px;
}
.ie6 #conseiller{
margin-top:7px
}
/********************************************************************* CSS associé à la page contact
*/
#sentence01{
margin-bottom:15px
}
#sentence01 a{
color:#4fb07d
}
#sentence01 a:hover{
color:#00350f
}
section#secContact{
padding-bottom:12px;
margin-bottom:15px;
display:block
}
section#secContact div#mesCoordonnees{
color:black;
}
section#secContact div#mesCoordonnees{
margin-right:15px
}
section#secContact div address{
font-style:normal;
font-size:0.9em
}
article#form{
border:solid 2px #eaeaea;
padding:8px 0;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
display:block;
}
#formulaire_1{
padding:0 50px;
}
#formulaire_1 p label{
font-size:0.9em
}
.divGenerateurRequired{
margin-left:150px;
color:red;
font-size:0.9em
}
.validation{
display:none
}
.erreur{
background-color:none !important
}
#artPlan{
margin-bottom:20px;
display:block
}

/********************************************************************* CSS associé à la page actualités
*/
#listing_calendrier{
display:none
}
.categorie a{
display:none
}
#categorie_listing{
display:none;
margin:0 !important
}
.selected{
padding:0 !important;
}
.selected a{
color:#333333 !important
}
#categorie_listing li:hover{
background:none !important;
}
.categorie span{
font-style:italic !important;
font-weight:700 !important
}
.container_actualite{
width:545px
}
#recherche_actualite{
margin-bottom:10px !important
}
#container_actualite{
width:545px;
padding:0 !important;
}
.actualite{
margin:0 0 15px 0 !important;
}
.actualite .categorie{
padding-top:5px !important;
border-top:solid 2px black !important;
}
.actualite h2{
border-bottom:none !important;
margin-bottom:5px !important
}
.actualite h2 a{
color:black !important;
}
.contenu_resume{
margin-bottom:0 !important
}
.link{
color:#666666 !important
}
.link:hover{
color:#333333 !important
}
/********************************************************************* CSS associé aux box d'inscription à la newsletter
*/
#newsletter_iframe {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
/********************************************************************* CSS associé à la page 404
*/
#content .redirection{
display:block;
color:#00350F
}
.redirection h1{
font-size:1.2em;
}
.redirection ul{
margin-bottom:20px
}
.redirection ul li{
color:#00350F
}
.redirection p a{
color:#00350F;
text-decoration:underline;
}
.redirection p a:hover{
color:#00350F;
text-decoration:underline;
}
.redirection ul li a:visited{
color:#00350F
}


.cache {
font-weight:normal;
}

#colDroite p.couleur {
color:#489EAF;
padding:10px 0 10px 10px!important;
}

.h1b {
background:transparent url(../gifs/bleu/backTitreBleu.gif) no-repeat scroll left top;
color:#000000!important;
padding:7px 0 20px 15px!important;
}

.h1bg {
background:transparent url(../gifs/bleu/backTitreBigBleu.gif) no-repeat scroll left top;
color:#000000!important;
padding:7px 0 20px 15px!important;
}

.h2b{
border-bottom:1px solid #003333;
color:#003333;
margin-bottom:15px;
padding-top:15px;
}
#colDroite #gauche h3.h3b {
font-weight:bold!important;
text-decoration:none!important;
border:none;
}
.h4b {
font-size:0.8em;
}

.h1o {
background:transparent url(../gifs/orange/backTitreOrange.gif) no-repeat scroll left top;
color:#996600!important;
height:27px;
padding:7px 0 20px 15px!important;
width:534px;
}

.h1bo {
background:transparent url(../gifs/orange/backTitreBigOrange.gif) no-repeat scroll left top;
color:#996600!important;
height:27px;
padding:7px 0 20px 15px!important;
width:534px;
}

.h2o{
border-bottom:1px solid #EBB03B;
color:#5D3604;
margin-bottom:15px;
padding-top:15px;
}
#colDroite #gauche h3.h3o {
font-weight:bold!important;
text-decoration:none!important;
color:#000000!important;
border:none;
}
.h4o {
font-size:0.8em;
color:#5D3604;
}

.h1v {
background:transparent url(../gifs/vert/backTitreVert.gif) no-repeat scroll left top;
height:27px;
padding:7px 0 20px 15px!important;
width:534px;
color:#000000!important;
}
.h2v{
border-bottom:1px solid #00350F;
color:#00350F;
margin-bottom:15px;
padding-top:15px;
}
#colDroite #gauche h3.h3v {
font-weight:bold!important;
text-decoration:none!important;
color:#000000!important;
border:none;
}
.h4v {
font-size:0.8em;
color:#5D3604;
}