body
{background:rgb(241,241,241) url("images/chattransparent.png")  center;
color: black;
font-size: 1em;
margin:auto; /*pour centrer la page*/
font-weight:bold;
margin-top:20px; /*pour éviter de coller le haut de la page*/
margin-bottom: 20px /*id pour le bas*/
}
/*banniere*/
#banniere
{width:100%;
font-size:3em;
height:120px;
margin:auto;/*pour centrer la bannière*/
text-align:center; 
margin-bottom:10px;
}
#menu
{float:left; /*flottera à gauche*/
width:180px; /*important de fixer une taille*/
height:600px;
left:25px;
bottom:190px}
#menu_horizontal 
{text-align: justify;
margin-left:200px;
margin-bottom:15px;
padding:5px;
color: black;
font-size: 1em;
text-align:center; 
border:2;/* rajoute une bordure */
}
#menu_horizontal ul li
{list-style-type:none;
}
#menu_horizontal h1
{color:rgb(220,15,20);
font-size:2em;
text-align:center;
font-weight:bold;
text-decoration:underline;
margin:0px
}
#definition
{position:absolute;
Top:150px;
left:200px; 
width:998px; /*important de fixer une taille*/
height:450px;
}
#definition h1
{color:rgb(220,15,20);
font-size:2em;
text-align:center;
font-weight:bold;
text-decoration:underline;
margin:0px
}
#definition h4
{color:rgb(59,59,61);
font-size:1.3em;
font-weight:bold;
margin:0px}
#definition dt
{background-color: rgb(219,214,214);
color:rgb(185,8,58);
font-size:1.5em;
}
#definition dd
{width:978px;
height:60px;
overflow:auto;
}
#definition  ul
{margin:0px;
padding:0px;
margin-left:60px
}
#image-actualite
{position:absolute;
Top:1000px;
left:200px; 
width:998px; /*important de fixer une taille*/
height:800px;
background: url("images/davos_en_coop.jpg"); 
background-repeat:no-repeat;
}
#image-expe
{position:absolute;
Top:600px;
left:200px; 
width:998px; /*important de fixer une taille*/
height:800px;
background: url("images/liberalisme_merde.jpg"); 
background-repeat:no-repeat;
}
#image-histoire
{position:absolute;
Top:400px;
left:200px; 
width:998px; /*important de fixer une taille*/
height:800px;
background: url("images/personne_voix.jpg"); 
background-repeat:no-repeat;
}

.element_menu
{background-color: rgb(219,214,214);
border:2px solid black;
margin-bottom:20px;/*pour pas que les éléments du menu soient trop collés*/
text-align:left
}
.element_menu a
{color:rgb(61,59,60);
font-weight:bold;
font-size:1em;text-align:left}
.element_menu h3
{color:rgb(185,8,58);
font-size:1em;
font-weight:bold;text-align:left}
.element_menu ul
{font-weight:bold;
font-size:1em;
padding:0px;
padding-left: 20px;
margin:0px;
margin-bottom:5px}
.element_menu li
{list-style-type:none;
}
#corps
{margin-left:140px;
margin-bottom:20px;
padding:5px;
color: black;
font-size: 1em;
border:0/* rajoute une bordure */
}
#corps p
{ text-align: justify ;
 text-indent:30px;/*retrait début paragraphe*/
 letter-spacing:0.9px;
 width:90%;/*largeur du block*/
 overflow:auto;/*adapte dérouleur si besoin*/
 margin:auto;/*c'est la marge extérieure*/
}
 /* Et chacun des paragraphes aura en plus une valeur d'overflow différente */
#corps  h1
{color:rgb(220,15,20);
font-size:2em;
text-align:center;
font-weight:bold;
text-decoration:underline
}

#corps h2 a
{color:rgb(74,71,73);
font-size:1.5em;
font-weight:bold;
}
#corps h3
{color:purple;
font-size:1.2em}
#corps h6
{color:rgb(175,0,6);
font-size:1.1em
}
#blocimage
{width:920px; /*important de fixer une taille*/
height:125px;
position:absolute;
left:200px;
top:600px;
color: white;
font-size:1.4em;
background-color:rgb(189,0,6);
font-weight:bold;
text-align: left;
padding:30px;
}
#blocimage p
{text-align: justify ;
 text-indent:0px;/*retrait début paragraphe*/
 letter-spacing:0.9px;
 width:90%;/*largeur du block*/
 overflow:auto;/*adapte dérouleur si besoin*/
 margin:auto;/*c'est la marge extérieure*/}
a
{color:red;
font-size:1em;
text-decoration:none;
 font-style: italic}
a:hover/*quand la souris passe*/
{text-decoration:blink;
color:rgb(195,45,12)
}

a:focus , a:active /* Quand le visiteur sélectionne le lien et ou clic*/
{background-color: rgb(135,132,132);
}
a:visited /* Quand le visiteur a déjà vu la page concernée */
{color:rgb(185,8,58);
}
.surligne
{color: white;
font-size:3em;
background-color:rgb(160,0,6);
font-weight:bold;
text-align: center
}
q/*citation inline*/
{color:black;
font-size:1em;
text-decoration:none;
 font-style: italic
}
p,h1,h2,h3,h4,h5,h6,a,blockquote,div,ul
{ font-family: georgia,Verdana,"Comic Sans MS", Arial,serif;
text-align: justify ;
}
h2
{text-decoration:underline}
blockquote
{
 text-align: justify ;
 text-indent:30px;
 letter-spacing:0.9px;
 width:90%;
 overflow:auto;
 margin:auto;/*centre le block*/
 margin-bottom: 20px;
 font-style:italic
}
 p
 {
 text-align: justify ;
 text-indent:30px;/*retrait début paragraphe*/
 letter-spacing:0.9px;
 width:90%;/*largeur du block*/
 overflow:auto;/*adapte dérouleur si besoin*/
 margin:auto;/*c'est la marge extérieure*/
 margin-bottom: 20px;}
 /* Et chacun des paragraphes aura en plus une valeur d'overflow différente */
.visible{
   overflow: visible;}/*coupe le texte si plus que prévu par le block*/
.barres_defilement{
   overflow: scroll;}/*dérouleur*/
.auto{
   overflow: auto;}/*choisit si besoin le ou les dérouleurs*/
em
{text-decoration:blink}/*clignotant*/
.border_trait
{border-bottom:6px groove gray}
.border_cadre
{border:5px ridge rgb(219,214,214)
}
.image_big/*illustration Arnaud*/
{width:300px;
display:block;
float:right;
border:solid rgb(189,0,6) 5px
}
.imageflottante
{float:left}
.imageflottantedt
{float:right;
margin-right:5px;
margin-left:5px}
.italic
{font-style:italic;
}
.notes
{text-align:left;
font-style:italic;
font-size:0.9em;
text-indent:0;
color:rgb(190,39,0)}
.signature
{text-align:right;}
.italicnoir
{font-style:italic; color:black
}
.petit 
{text-align:left;
letter-spacing:0.6px;
text-indent:0px;
padding:0;
font-size:0.7em;
color:black}