/*************************************************
© http://www.ergologique.com                     *
Written by Emeric Thoa & Nicolas Hoffman         *
*************************************************/

html, body {
height: 100%;
margin:0;
padding:0;
}
img{
border:0;
}
p {
margin: 1em 0 1em 0;
padding: 0;
}

/* =body ****************************************/
body{
background-color:#446D83;
/*background-color:#456E84;*/
color:#3B3B3B;
margin:0;
padding:0;
border:0;
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:70%;
text-align:left;
line-height:150%; 
}

/* =bandeau (bandeau du haut) ******************/
#bandeau{
background-image:url("../images/background_titre.jpg");
background-repeat:repeat-x;
height:92px;
margin:0;
padding:0;
}
#retouraccueil{
display:block;
background-image:url("../images/logo_ergologique.jpg");
background-repeat:no-repeat;
height:92px;
width:283px;
}
#retouraccueil span{
display:none;
}
#retouraccueil:hover{
display:block;
/*background-image:url("../images/logo_ergologique_r.jpg");*/
background-repeat:no-repeat;
height:92px;
width:283px;
background-color:transparent;
}

/* =recherche (RSS + champ recherche) **********/
#recherche {
text-align:right;
background-color:#FBFBFB;
color:#3B3B3B;
margin:0;
padding:0;
border:0;
height:36px;
}
#recherche #rss{
float:left;
/*display:block; */
margin:7px 0 4px 55px;
}
#rss:hover {
background-color:transparent; 
}
#recherche #questcequerss{
font-size:90%;
}
#recherche a{
float:left;
/*position: absolute; */
/*background-color:transparent;
color:#3D80C4;
text-decoration:none;*/
margin:10px 0 4px 23px;
padding:0;
}
#formrecherche{
position: absolute;
top:93px;
left:455px;
margin:0;
background-color:#FBFBFB;
color:#3B3B3B;
margin:0;
padding:0;
}
#formrecherche #idrecherche{
float:left;
margin:7px 0 0 0;
border:#333333 inset 1px; /*border:#AAAAAA solid 1px;*/
background:#FFFFFF;
}
/*
#formrecherche #idrecherche:hover{
background:#D9E3EA;
}*/
#formrecherche #idsubmit{
/*position: absolute; marche pas sur SAFARI */
margin:6px 0 0 1em;
padding:0;
}

/*
#haut{
background-image:url("haut.gif");
background-repeat:no-repeat;
background-position:bottom left;
width:100%;
height:4px;
margin:0;
padding:0;
font-size:4px;
background-color:#FBFBFB;
color:#3B3B3B;
}*/

/* =navigation (navigation globale gauche) *****/
#liensnavigation{
position:absolute;
top:178px;
left:0;
list-style-type:none;
display:block;
margin:0;
padding:0;
width:147px;
/*border:1px solid #f00; ça c'était pour les tests, si ça déconne
encore décommente cette ligne et envoie moi un snapshot sous le
browser qui fait chier...*/
}
#liensnavigation li{
padding:0;
margin:0;
}
#liensnavigation span{
/*display:none; Fait foire l'espacement vertical entre les onglets sur Safari */
margin:-999px; /*Pour cacher les intitulés (et remplacer le display:none*/
padding:0;
}
#liensnavigation a{
display:block;
padding:0;
margin:0 0 0 4px;
background-position: 0px 0%;
width:145px;
height:36px;
}
#liensnavigation a:hover{
background-position: -154px 0%;
}
#accueil{
background:url("../images/accueil.gif") no-repeat;
}
#presentation{
background:url("../images/presentation.gif") no-repeat;
}
#actualites{
background:url("../images/actualites.gif") no-repeat;
}
#conseils{
background:url("../images/conseils.gif") no-repeat;
}
#lexique{
background:url("../images/lexique.gif") no-repeat;
}
#liens{
background:url("../images/liens.gif") no-repeat;
}
#equipe{
background:url("../images/equipe.gif") no-repeat;
}
#accueil_s{
background:url("../images/accueil_s.gif") no-repeat;
z-index:3;
}
#presentation_s{
background:url("../images/presentation_s.gif") no-repeat;
z-index:3;
}
#actualites_s{
background:url("../images/actualites_s.gif") no-repeat;
z-index:3;
}
#conseils_s{
background:url("../images/conseils_s.gif") no-repeat;
z-index:3;
}
#lexique_s{
background:url("../images/lexique_s.gif") no-repeat;
z-index:3;
}
#liens_s{
background:url("../images/liens_s.gif") no-repeat;
z-index:3;
}
#equipe_s{
background:url("../images/equipe_s.gif") no-repeat;
z-index:3;
}

/* =contenu (contenu + navigation droite) ******/
#contenu{
background-color:#FBFBFB;
color:#3B3B3B;
margin:0 0 0 147px;
background-image:url("../images/fond_courante.gif");
background-repeat:repeat-y;
background-position:top left;
padding:0 0 0 3px;
z-index:2;

}

/* =categories (colonne de droite) *********************/
#colonneinfo{
position:absolute;
top:115px;
left:810px;
background-color:#FBFBFB;
color:#3B3B3B;
margin:0;
padding:0;
text-align:left;
font-size:100%;
width:170px;
}
#colonneinfo h2{
font-size:115%;
background-color:transparent;
color:#000;
margin:20px 0 3px 0;
}
#colonneinfo p{ 
padding:0;
margin:0.5em 0 0 0;
}
#colonneinfo ul{
padding-bottom:0;
margin-bottom:0;
}
#tailletitre {
color:#5C6D7E;
font-size:115%;
font-weight:bold;
margin:20px 0 3px 0;
padding:0;
}
#tailletexte {
margin:0.5em 0 0.5em 0;
height:19px;
}
#tailletexte a,#tailletexte2 a{
float:left;
}
#tailletexte img,#tailletexte2 img{ 
float:left;
margin:0 15px 0 0;
background-color:transparent; 
}
#tailletexte a.lienimage:hover,#tailletexte2 a.lienimage:hover{ 
float:left;
margin:0;
background-color:transparent; 
}
#tailletexte #lientextenormal{
display:block;
margin:0 0 0 0;
}
#tailletexte2{
clear:both;
margin:0.5em 0 0.5em 0;
font-size:110%;
height:19px;
}
#tailletexte2 #lientexteplusgrand{
display:block;
margin:0 0 0 0;
}

#colonneinfo #formsondage label{
display:block;
margin:0.5em 0 0 0;
}
#colonneinfo #formsondage #submitsondage{
margin:0.5em 0 0 0;
}
#listetypesarticles{
margin:0;
padding:0 0 1em 1.5em;
list-style-image: url("../images/list_item.gif");
}
#listetypesarticles span{
font-size:80%;
}

/* =centre (zone de contenu du centre) ***************/
#courante{
padding:7px 23px 1em 23px;
width:590px;
border-right:1px solid #E9E9E9;
min-height:600px;
}
* html #courante {
height:600px; /* Pour IE */
}
#courante h2{
font-size:180%;
line-height:140%; 
font-weight: normal;
color:#922731;
margin:13px 0 10px 0;
border-bottom:1px solid #4D4D4D;
}
#courante h3{
margin:0.75em 0 1em 0;
font-size:110%;
color:#E28548;
}
#courante h3 span.date{
color:#ABABAB;
font-size:100%;
font-weight:100;
}
#courante h3 span.normal{
color:#3B3B3B;
font-size:100%;
font-weight:100;
}
#courante strong{
color:#5C6D7E;
font-size:100%;
font-weight:bold;
}

/* =homeactu (affichage des actus sur la home) *******/
#imageactu{
float:right;
margin:-5px 0 0 5px;
/*border:#AAAAAA dotted 1px;*/
border-top:#EEEEEE solid 5px;
border-bottom:#EEEEEE solid 5px;
}
#imageactu:hover{
/*border:#3282BF dotted 1px;*/
border-top:#D9E3EA solid 5px;
border-bottom:#D9E3EA solid 5px;
}
#texteactu{
margin:0.5em 225px 2em 0;
}
#texteactu p{
font-weight:bold; 
}
#listelastactus{
list-style-type:none;
margin:0;
padding:0;
font-weight:bold; 
}

/* =liens ********************************************/
a{
color:#3282BF;
background-color:transparent;
text-decoration:none;
}
a:hover{
background-color:#D9E3EA;
}
/*a:visited{
color:#8C6C7E;
background-color:transparent;
text-decoration:none;
}*/
a:link img, a:visited img {
border-style: none;
background-color:transparent; /* Ajout Mrik **********/
}
a.nohover:hover{
background-color:transparent;
}
a.liennormal {  
text-decoration: underline;
color: #0000CC;
}
a.liennormal:visited {  
text-decoration: underline;
color: #0000CC;
}
a.liennormal:hover {  
text-decoration: underline;
color: #0000CC;
background-color:transparent;
}

/* =homevoirtous (liens "voir tout" de la home *******/
p.voirtous{
text-align:right;
font-size:90%;
height:19px;
margin:5px 0 0 0;
padding:0;
}
p.voirtous a{
float:right;
margin:3px 0.5em 0 0;
}
p.voirtous a.lienimage:hover{
background-color:transparent; 
}
p.voirtous a.lienimage{
margin:0 0.5em 0 0;
}

/* =homelisteconseils ********************************/
#listederniersconseils{
float:left;
list-style-type:none;
margin:0;
padding:0;
width:300px;
font-weight:bold;
}
#listederniersconseilssuite{
margin:0 0 0 300px;
list-style-type:none;
padding:0;

font-weight:bold; 
}
/* =listeconseils ********************************/
#listecolonnegauche{
float:left;
list-style-type:none;
margin:0 0 1em 0;
padding:0 1em 0 0;
width:300px;
}
#listecolonnedroite{
margin:0 0 1em 300px;
list-style-type:none;
padding:0 1em 0 0;
}
#listecolonnegauche strong{
color:#922731;
font-weight:bold;
padding:0 1em 0 0;
margin:0;
width:300px;
}
#listecolonnedroite strong{
color:#922731;
font-weight:bold;
padding:0;
margin:0;
width:300px;
}

/* =actualités ***********************************/
#formarchives{
margin:0;
padding:0;
}
.boxarchives{
float:left;
margin:7px 1em 0 0;
border:#333333 inset 1px; /*border:#AAAAAA solid 1px;*/
background:#FFFFFF;
}
#formarchives #idaccess{
/*position: absolute; marche pas sur SAFARI */
margin:7px 0 0 0;
padding:0;
}
.suivante{
float:right;
font-weight:bold;
}
.precedente{
float:left;
font-weight:bold;
}
h4 span.date, span.date{
color:#ABABAB;
font-weight:normal;
}
#listeactus{
padding:0;
margin:0 0 2em 0;
}
#texteinterview {
margin:0.5em 210px 2em 0;
}
#imageinterview{
float:right;
margin:-5px 0 0 5px;
/*border:#AAAAAA dotted 1px;
border-top:#EEEEEE solid 5px;
border-bottom:#EEEEEE solid 5px;*/
}

/* =lignesseparatrices *******************************/
hr.separactus{
height:1px;
color:#E8E8E8;
background-color:#E8E8E8;
border:0;
}
hr.separliens{
height:1px;
color:#E8E8E8;
background-color:#E8E8E8;
margin:1.5em 0 1.5em 0;
padding:0;
border:0;
}
hr.separcitations{
height:1px;
color:#E8E8E8;
background-color:#E8E8E8;
margin:1em 0 1em 0;
padding:0;
border:0;
}
hr.espace{
height:0;
color:#FBFBFB;
background-color:#FBFBFB;
border:0;
padding:1em;
margin:0;
}
hr.separ{
clear:both;
display:none;
}
hr.separcomments{
height:1px;
color:#E8E8E8;
background-color:#E8E8E8;
border:0;
margin:1.5em 0 1.5em 0;
padding:0;
}

/* =equipe *******************************************/
#pageequipe{
padding:20px 0 0 0;
}
.imageequipe{
float:left;
margin:0 15px 0 0;
}
.texteequipe{
margin:0.5em 0 20px 105px;
}
.texteequipe p{
margin:1em 0 0 0;
padding:0 0 1em 0;
}
#pageequipe h3 span.roleequipe{
color:#ABABAB;
font-size:100%;
font-weight:100;
}
#pageequipe h3{
font-size:130%;
line-height:130%;
font-weight: bold;
color:#922731;
margin:0;
border-bottom:0;
}
#pageequipe ul{
list-style-type:none;
margin:0;
padding:0;
}
.texteequipe p.emailequipe{
float:left;
margin:0 2em 0 0;
padding:0;
}
.texteequipe p.sitewebequipe{
text-align:right;
height:21px;
margin:0 0 0 0;
padding:0;
}
.texteequipe p.sitewebequipe a{
float:right;
margin:0 0.5em 0 0;
}
.texteequipe p.sitewebequipe img{
margin:0 0 0 0;
}
.texteequipe p.sitewebequipe a.lienimage:hover{
background-color:transparent;
}
.texteequipe p.sitewebequipe a.lienimage{
margin:0 0.5em 0 0;
}
.texteequipe p.collaboration{
margin:2em 0 0 0;
padding:0 0 0.5em 0;
font-weight:bold;
}


/* =lexique ******************************************/
a.lexique:hover {  
color:#922731;
text-decoration: none;
background-color:transparent;
}
a.lexique {  
color:#922731;
text-decoration: none;
}
a.lexique:visited {  
color:#922731;
text-decoration: none;
}
#lexiqueanglais{
margin:0;
padding:0;
}

/* =pageliens ******************************************/
a.catliens{  
color:#922731;
font-weight:bold;
font-size:110%;
padding:0;
margin:0;
}
a.catliens:hover {  
color:#922731;
font-weight:bold;
font-size:110%;
background-color:transparent;
}
a.catliens:visited {  
color:#922731;
font-weight:bold;
font-size:110%;
}
p.descliens{
margin:0 0 0.5em 0;
padding:0;
}
.blogsliens{
margin:0;
font-weight:bold;
font-size:110%;
color:#E28548;
}

/* =miseenforme **************************************/
p.auteur{
margin:0.5em 0 0 0;
font-weight:bold;
}
p.citation{
margin:0 2em 0 2em;
padding:0.5em 1em 0.5em 1em;
background-color:#F4F4F4;
}
blockquote{
margin:1em 2em 1em 2em;
padding:0.5em 3em 0.5em 3em;
background-color:#F4F4F4;
border-top:1px solid #E8E8E8;
border-bottom:1px solid #E8E8E8;
text-align:left;
}
p.citation span.auteur{
font-weight:bold;
}
strong{
color:#5C6D7E;
font-weight:bold;
}
span.gras{
color:#5C6D7E;
font-size:100%;
font-weight:bold;
}
span.pasgras{
font-weight:normal;
}
span.grosgras{
color:#5C6D7E;
font-size:125%;
font-weight:bold;
}
span.chapeauclair{
color:#A9A9A9;
}
.form{
border:#333333 inset 1px; /*border:#AAAAAA solid 1px;*/
background:#FFFFFF;
}
#clear{
clear:both;
}
h4{
color:#922731;
font-weight:bold;
font-size:110%;
padding:0;
margin:0;
}
h4 span.normaltxt{
color:#3B3B3B;
font-weight:normal;
font-size:90%;
padding:0;
margin:0;
}
.source{
color:#ABABAB;
font-weight:normal;
}
.source a{
color:#A9A9A9;
text-decoration:underline;
}
.source a:hover{
background-color:#F4F4F4;
text-decoration:underline;
}
h5{
color:#000000;
font-weight:bold;
font-size:100%;
padding:0;
margin:2em 0 -0.5em 0;
}
#bloc-centre{
text-align:center;
margin:0;
padding:0;
}
#bloc-centregris{
text-align:center;
background-color:#F4F4F4;
margin:0;
padding:0.15em 0 0.15em 0;
}
#listepuce ul{
margin:0 0 1em 3em;
padding:0;
}
#listepuce li{
display: list-item;
list-style-position: outside;
color:#3B3B3B;
margin:0;
padding:0.15em 0 0.15em 0;
}
span.code{
color:#006600;
font-size:100%;
font-family:"Courier New", Courier, mono;
}
#bloc-code{
text-align:left;
background-color:#FFFFFF;
border:#DDDDDD solid 1px;
margin:0 2em 0 2em;
padding:0.5em 1em 0.5em 1em;
}
acronym {
  border-bottom: 1px dotted #3B3B3B;
}
.imagelien, .imagecadre {
/*border:#AAAAAA dotted 1px;*/
padding:0;
margin:0;
border-top:#EEEEEE solid 5px;
border-bottom:#EEEEEE solid 5px;
}
.imagelien:hover{
/*border:#3282BF dotted 1px;*/
padding:0;
margin:0;
border-top:#D9E3EA solid 5px;
border-bottom:#D9E3EA solid 5px;
}
#bloc-centre a.lienimage:hover{ 
background-color:transparent; 
}
/*#listepuce ul{
margin:0 0 1em 3em;
padding:0;
}
#listepuce li{
display: list-item;
list-style-image: url("../images/list_item.gif");
margin:0;
padding:0.15em 0 0.15em 0;
}*/

/* =commentaires *************************************/
#checkbox_ct{
/*position: absolute;  marche pas sur SAFARI */
margin:6px 0 0 1em;
padding:0;
}
#bg_ct{
margin:0;
padding:1.5em 1em 1.5em 1em;
}
#bg_ctbis{
background-color:#F4F4F4;
border-top:#E8E8E8 solid 1px;
border-bottom:#E8E8E8 solid 1px;
margin:0.5em 0 0.5em 0;
padding:1.5em 1em 1.5em 1em;
}
#bg_ctteam{
background-color:#E5EFF7;
margin:0;
padding:1.5em 1em 1.5em 1em;
}
/* deuxième présentation */
#bg_ct2{
background-color:#F4F4F4;
border-top:#E8E8E8 solid 1px;
border-bottom:#E8E8E8 solid 1px;
margin:1em 0 1em 0;
padding:1em 1em 1em 1em;
}
#bg_ct2user{
margin:1em 0 1em 0;
padding:1em 1em 1em 1em;
background-color:#E5EFF7;
border-top:#D9E3EA solid 1px;
border-bottom:#D9E3EA solid 1px;
}
#bg_ct2team{
margin:1em 0 1em 0;
padding:1em 1em 1em 1em;
}

/* =footer *******************************************/
#zonebas{
padding:2em 23px 0 23px;
/*margin:0 0 0 147px;
position: absolute;
bottom: 0 !important;
bottom: -1px; /* For Certain IE widths */
}
#separfooter{
margin:4px 0 0 0;
height:1px;
color:#E8E8E8;
width: 590px;
background-color:#E9E9E9;
border:0;
}
#footer{
font-size:90%;
margin:0.5em 0 1em 0;
text-align:left;
color:#A9A9A9;
height:40px;
}
#footer img{
float:left;
margin:5px 0 0 3px;
position: relative;
min-height: 100%;
}
#footer a{
color:#A9A9A9;
text-decoration:underline;
}
#footer a:hover{
background-color:#F4F4F4;
text-decoration:underline;
}

/* =hautdepage ***************************************/
#hautdepage { 
font-size:90%;
margin:0.5em 0 0 0;
color:#A9A9A9;
}
#hautdepage img{ 
float:left;
margin:2px 5px 0 0;
}
#hautdepage a{ 
color:#A9A9A9;
text-decoration:underline;
}
#hautdepage a:hover{ 
background-color:#F4F4F4;
text-decoration:underline;
}
p.vertcentre{
float:left;
margin:0 0 10px 15px;
line-height:15px;
padding:0;
}