/*
design de la page d'accueil avec log ou inscription
*/

html
{
   cursor: url("plume.cur"), auto;
}

body
{
   width: 800px;
   margin: auto;
   padding: 10px;
   background-color: #ffffff;
   background-image: url("images/parch.png");
}

a
{
   color: rgb(63,72,204);
   text-decoration: none;
   cursor: url("plume.cur"), auto;
}

a:hover
{
   color: dimgrey;
}

img
{
   border: none;
}

/* L'en-tête */

#en_tete
{
   width: 100%;
   background-color: #f7e1bd;
   background-image: url("images/page.png");
   color: #222222;
   font-family: 'Tangerine', cursive;
   text-align: center;
   margin-bottom: 10px;
   padding-top : 10px;
   padding-bottom : 10px;
}

#en_tete h1
{
   text-align: center;
   font-size: 75px;
   margin-top : 0px;
   margin-bottom : 0px;
}

#en_tete h2
{
   text-align: center;
   font-size: 50px;
   margin-top : -10px;
   margin-bottom : 0px;
}

#bloclogo
{
   width : 100%;
   display : block;
   margin-left: auto;
   margin-right: auto;
}

.blocnavig
{
   width : 50%;
   display : block;
   margin-left: auto;
   margin-right: auto;
   margin-top : 30px;
   margin-bottom: 10px;
}

.blocplanche
{
   width : 90%;
   margin-left: auto;
   margin-right: auto;
}

.illustr
{
   margin-left: auto;
   margin-right: auto;
}

.illustr img
{
   border: 1px solid black;
}

.icono img
{
   width: 100px;
   border: 1px solid dimgrey;
}

.legendg
{
   float: left;
}

.legendd
{
   float: right;
}

/* La barre de navigation entre la bannière et le corps */

#barrenavig
{
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 20px;
   padding-right: 20px;
   margin-bottom: 10px;

   color: black;
   background-color: #f7e1bd;
   background-image: url("images/page.png");
   
   border-top: 1px solid #faf1c8;
   border-left: 1px solid #f7e1bd;
   border-right: 1px solid #f7e1bd;
   border-bottom: 1px solid #e6cfae;
}

#barrenavig p
{
   text-align: justify;
   font-family: "Trebuchet MS", Arial, "Times New Roman", Times, serif;
   font-size: 16px;
}

/* Le corps de la page */

#corps
{
   padding-top: 10px;
   padding-bottom: 35px;
   padding-left: 20px;
   padding-right: 20px;
   margin-bottom: 10px;

   color: black;
   background-color: #f7e1bd;
   background-image: url("images/page.png");
   
   border-top: 1px solid #faf1c8;
   border-left: 1px solid #f7e1bd;
   border-right: 1px solid #f7e1bd;
   border-bottom: 1px solid #e6cfae;
}

#corps p
{
   text-align: justify;
   font-family: "Trebuchet MS", Arial, "Times New Roman", Times, serif;
   font-size: 16px;
}

.tabul
{
   text-indent: 30px;
}

#corps h1
{
   text-align: left;
   font-size: 75px;
   margin-top : 0px;
   margin-bottom : 0px;
}

#corps h2
{
   font-family: 'Tangerine', cursive;
   text-align: center;
   font-size: 50px;
   margin-top : 0px;
   margin-bottom : 0px;
}

#corps h3
{
   font-family: 'Tangerine', cursive;
   text-align: center;
   font-size: 35px;
   margin-top : 0px;
   margin-bottom : 0px;
}

#corps table
{
	border: none;
}

#corps table td
{
	vertical-align: center;
	padding-left: 10px;
}

#corps table .formulaire
{
	width: auto;
}

#corps table .formulaire td
{
	padding: 0px;
}

.sanssaut
{
	display : inline;
}

.imagflot
{
   float: left;
   margin-left: 5px;
   margin-right: 10px;
}

.imagcentr
{
   text-align: center;
}
   
.imagcentr img
{
   width : 95%;
   display : block;
   margin-left: auto;
   margin-right: auto;
}

.imagmiddle img
{
   display : block;
   margin-left: auto;
   margin-right: auto;
}

.transcritpion
{
   overflow: auto;
   height: 250px;
   border: 2px ridge grey;
}

.quest:before
{
   content: url("images/que.png");
   margin-right: 4px;
}

.idee:before
{
   content: url("images/ide.png");
   margin-right: 4px;
}

.citat
{
   font-style: italic;
}

.citat:before
{
   content: open-quote;
}

.citat:after
{
   content: close-quote;
}

.legendeimage
{
   font-style: italic;
}

.avert
{
   color: red;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

.avert:before
{
   content: url("images/att.gif");
   margin-right: 4px;
}

/* Le pied de page*/

#pied_de_page
{
   clear: both;

   text-align: center;
   color: #444444;
   background-color: #f7e1bd;
   background-image: url("images/page.png");
   background-repeat: repeat-x;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: 1em;
   border-top: 1px solid #faf1c8;
   border-left: 1px solid #f7e1bd;
   border-right: 1px solid #f7e1bd;
   border-bottom: 1px solid #e6cfae;
}

.mentleg /* mentions légales de bas de page */
{
   color: #222;
   font-size: 0.8em;
}