html
{
font-size: 13px;
font-family: "Comic Sans MS", Corbel, arial, sans-serif;
background-color: rgb(140,105,135);
font-weight: bold;
}

html *
{
margin: 0em;
padding: 0em;
}

div#header
{
background-image: url("../img/header.jpg");
background-position: center;
width: 100%;
height: 21%;
font-weight: normal;
}

div#header>p
{
float: right;
margin-top: 172px;
margin-right: 1.5%;
color: white;
background-color: black;
}

div#corps>p>a
{
text-decoration: none;
color: rgb(155,120,150);
font-size: 13.5px;
}

div#conteneurGlobal
{
background-color: rgb(230,210,225);
margin-left: 10%;
margin-right: 10%;
height: 70em;
}

div#corps
{
background-color: white;
overflow:auto;
float: left;
width: 78%;
height: 56%;
margin-top: 4%;
margin-left: 2%;
margin-right: 1%;
}

div#corps>p
{
margin-top: 2%;
margin-bottom: 2%;
margin-left: 8%;
margin-right: 8%;
text-align: justify;
font-size: 13px;
font-weight: normal;
font-family: "Trebuchet MS";
}

div#menu
{
background-image: url("../img/motifQuad.png");
float: right;
width: 15%;
height: 20%;
margin-top: 4%;
margin-right: 2%;
text-align: center;
padding-top: 1%;
}

div#googleAds
{
width: 120px;
height: 240px;
float: right;
margin-top: 2%;
margin-right: 2%;
}

div#googleAdsIndex
{
width: 468px;
height: 15px;
margin-top: 5%;
margin-right: auto;
margin-left: auto;
}

div#logoBas
{
float: right;
width: 130px;
margin-top: 10%;
}

div#colonneGauche
{
float: left;
padding-left: 5%;
width: 28%;
}

div#colonneMilieu
{
float: left;
padding-left: 5%;
width: 28%;
}

div#colonneDroite
{
float: right;
padding-right: 3%;
width: 27%;
}

p#sousListeRecit
{
padding-top: 25%;
display: block;
}

div#weborama
{
visibility: hidden;
}
img
{
border: none;
}

h1
{
background-image: url("../img/trous.png");
background-position: center;
background-repeat: no-repeat;
margin-top: 2%;
text-indent: 11%;
color: rgb(155,120,150);
font-size: 16px;
text-decoration: underline;
}

h2
{
font-size: 15px;
color: rgb(140,105,135);
margin-bottom: 5px;
}

h3
{
margin-top: 5%;
text-align: center;
color: rgb(155,120,150);
font-size: 14px;
text-decoration: underline;
}

h4
{
margin-bottom: 50%;
text-indent: 10%;
color: rgb(155,120,150);
font-size: 13px;
padding-bottom:2%;
}

h5
{
text-indent: 10%;
color: rgb(155,120,150);
font-size: 12px;
}

h5.h5Liens
{
text-indent: 8%;
color: rgb(155,120,150);
font-size: 12px;
padding-top: 4%;
padding-bottom: 4%;
text-align: left;
}

ul
{
list-style-type: none;
}

ol
{
margin-left: 8%;
margin-right: 8%;
text-align: justify;
font-size: 13px;
font-weight: normal;
font-family: "Trebuchet MS";
}
ul.listeRecit
{
list-style-type: square;
padding-left: 15%;
padding-bottom: 10%;
}

ul.liens
{
list-style-type: square;
padding-left: 15%;
}

a
{
text-decoration: none;
color: black;
}

a.auteur
{
text-decoration: none;
color: rgb(155,120,150);
}

a.auteur:hover
{
text-decoration: none;
color: blue;
}

a:hover
{
text-decoration: none;
color: black;
}
 /*
a:active
{
text-decoration: none;
color: black;
}
*/
li.lienCourant
{
color: blue;
}

 /*Le formulaire de envoiRecit:*/
 
input, textarea
{
font-family: Corbel, arial;
font-size: 12px;
margin-left: 2%;
}
 
input:focus, textarea:focus /* Quand le curseur est sur un champ */
{
background-color: rgb(245,240,255);
}
 
label
{
font-weight: bold;
color: rgb(110,65,100);
display: block;
float: left;
text-align: right;
width: 25%;
}
 
legend /* On met un peu plus en valeur les titres des fieldset */
{
color: rgb(140,105,135);
font-weight: bold;
}
 
fieldset
{
background-color: rgb(240,230,240);   
width: 85%;
padding-left: 1%;
border-style:dashed;
border-width:2px;
border-color: rgb(140,105,135);
}

form
{
padding-left: 3%;
padding-top: 2%;
}

div#boutonEnvoi
{
width: 10%;
margin-left: auto;
margin-right: auto;
margin-top: 1%;
margin-bottom: 1%;
}