body
{
width:760px;
height:700px;
margin:auto;
margin-top:none; /*pour eviter de coller avec le haut du navigateur*/
margin-bottom:20px; /*idem pour le bas de la page*/
background-color:#cbe0ef;
background-image:url("imfond.png");
background-repeat:repeat;
}

/*en_tête*/

#en_tete
{
width:760px;
height:138px;
background-image:url("tetecafinal.jpg");
background-repeat:no-repeat;
}

/*le menu*/

#menu
{
float:left;/*le menu flottera à gauche*/
width:186px;/*Très important: donner une taille au menu*/
margin-top:10px;  
background-image:url("blanc.png");
background-repeat:no-repeat;
}

.element_monprojet
{
width:186px;
background-color:#88b5d4;
border:1px;
text-align:center;
padding:none;
padding-top:0px; /*pour que le menu colle à l'en-tête*/
position:absolute;
top:128px;
left:122px!important;
left:121px;
background-color:#e8f0f4
}
.element_flash
{
position:absolute;
top:158px;
right:699px!important;
right:698px;
}

.element_menu
{
width:186px;
line-height:23px;/*permet d'agrandire l'interligne*/
background-color:#ffffff;
border:1px;

margin-top:25px;
margin-bottom:20px;/*pour éviter que les éléments du menu ne soient trop collés*/
position:absolute;
top:178px!important;
top:200px;
left:122px!important;
left:121px;
background-color:#e8f0f4
}

/*Quelques effets sur les menus*/

.element_menu ul /*tout les listes à puces se trouvant dans le menu*/
{
list-style-image:url("puceca.png");/*on change l'apparence des puces*/
padding:0px;/*tous les cotés ont une marge intérieure de 0pixels*/
padding-left:20px;/*sauf la marge de gauche qui fera 20px*/
margin:0px;/*idem pourmargin, ca nous évite d'avoie à en écrire 4 (margin-left, margin-right...)*/
margin-bottom: 5px;/*sauf margin-bottom*/
}

.element_menu a /*Tous les liens se trouvant dans un menu*/
{
color:#003399;
font-family:Arial,Veranda,"Truchet MS","Times New Roman",Times,serif;
text-decoration:none; /*les liens ne seront pas soulignés*/
}

.element_menu a:hover /*quand on pointe sur un lien du menu*/
{
color:#f87c00;
}

.element_menu1
{
width:186px;
background-color:#ffffff;
border:1px;
margin-bottom:30px;/*pour éviter que les éléments du menu ne soient trop collés*/
position:absolute;
top:460px!important;
top:470px;
left:122px!important;
left:121px;
background-color:#e8f0f4
}

.element_menu1 ul
{
list-style-image:url("pucetri.png");/*on change l'apparence des puces*/
padding:0px;/*tous les cotés ont une marge intérieure de 0pixels*/
padding-left:20px;/*sauf la marge de gauche qui fera 20px*/
margin:0px;/*idem pourmargin, ca nous évite d'avoie à en écrire 4 (margin-left, margin-right...)*/
margin-bottom: 5px;/*sauf margin-bottom*/
}
.element_menu1 a
{
color:#003399;
font-family:Arial,Veranda,"Truchet MS","Times New Roman",Times,serif;
text-decoration:none; /*les liens ne seront pas soulignés*/
}

.element_menu1 a:hover
{
color:#f87c00;
}

.deroulant
{
position:absolue;
top:495px;
margin-left:4px;
}

.element_menu2
{
height:1688px!important;/* IE ne le comprend pas*/
height:1732px;
width:186px;
background-color:#ffffff;
border:1px;
margin-bottom:20px;/*pour éviter que les éléments du menu ne soient trop collés*/
position:absolute;
top:520px!important;
top:530px;
left:122px!important;
left:121px;
background-color:#e8f0f4;
}

.element_menu2 ul
{
line-height:20px;/*permet d'agrandire l'interligne*/
padding-top:10px;/*tous les cotés ont une marge intérieure de 0pixels*/
padding-left:10px;/*sauf la marge de gauche qui fera 10px*/
margin:0px;/*idem pourmargin, ca nous évite d'avoie à en écrire 4 (margin-left, margin-right...)*/
margin-bottom: 5px;/*sauf margin-bottom*/
list-style-type:none;
}

.element_menu2 a /*lorsque la souris n'est pas sur le lien*/
{
color:#003399;
font-family:Arial,Veranda,"Truchet MS","Times New Roman",Times,serif;
text-decoration:none; /*les liens ne seront pas soulignés*/
}

.element_menu2 a:hover /*lorsqque la souris est sur le lien*/
{
text-decoration:underline;/*les liens seront soulignés*/
}

.exeption
{
padding-left:10px;
}

.exeption a
{
color:#cc6600;
font-family:Arial,Veranda,"Truchet MS","Times New Roman",Times,serif;
text-decoration:underline;/*les liens seront soulignés*/
}

.exeption a:hover
{
color:#cc6600;
text-decoration:none;/*les liens seront soulignés*/
}

/*le corps de la page*/

#corps
{
height:2040px!important;
height:2093px;
width:529px;
margin-left:186px!important;/*Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu*/
margin-left:187px;
margin-bottom:20px;/*ca c'est pour éviter que le corps colle trop au pied de page en-dessous*/
margin-top:10px; 
padding:20px;/*pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure*/


color:#383838;
background-color:#fdfdfd;
font-family:Verdana,Arial,"Times New Roman","Truchet MS",Times,serif;
font-size:12px;
text-align:justify;
border:1px solid #bababa;
background-image:url("borhori.png");
background-repeat:repeat-x;
position:relative;
right:2px!important;
right:4px;
bottom:20px!important;
bottom:20px;
}
.imageflottante1
{
float:left;
}

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

.centrer
{
color:#000097;
text-align:center;
font-size:15px;
}

.citation2
{
float:right;
position:relative;
right:20px;
top:5px;

color:#c41021;
font-size:18px;
text-align:center;
font-family:Arial,verdana,"Times New Roman","Truchet MS",Times,serif;
}

.lien_reagir
{
position:absolute;
left:20px;
bottom:190px!important;
bottom:170px;
}

.lire_reactions
{
position:absolute;
left:175px;
bottom:190px!important;
bottom:170px;
}

.imagesuivant
{
float:right;
position:absolute;
right:30px;
bottom:102px;
}

.imageavant
{
float:left;
position:absolute;
bottom:100px;
left:300px;
}

.haut
{
float:left;
position:absolute;
bottom:100px;
left:10px;
}

.imprimable
{
position:absolute;
bottom:60px;
left:10px;
}

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

.image76
{
float:left;
margin-right:10px;
margin-bottom:5px!important;
margin-bottom:0px;
}

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

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

.image79
{
float:left;
margin-right:10px;
margin-bottom:5px!important;
margin-bottom:0px;
position:relative;
top:8px!important;
top:5px;
}

.image80
{
float:right;
margin-left:10px;
position:relative;
top:6px!important;
top:3px;
}

.image81
{
float:left;
position:relative;
top:20px!important;
top:0px;
}

.image82
{
float:right;
position:relative;
top:20px!important;
top:0px;
}

.sigle3
{
color:white;
position:absolute;
top:515px;
left:465px;
font-size:10px;
font-weight:bold;
}

.print
{
position:absolute;
bottom:63px;
left:45px;
color:#0114d0;
}

a img /* Toutes les images contenues dans un lien */
{
border: none; /* Pas de bordure */
}

/*Le pied de page*/

#pied_de_page
{
height:20px;
width:754px;
background-color:#79a6d3;
position:absolute;
top:2188px!important;
top:2250px;
left:122px!important;
left:120px;
}
.texte
{
color:white;
font-family:"Times New Roman",Arial,Veranda,"Truchet MS",Times,serif;
font-size:medium;
position:absolute;
left:400px;
bottom:0px;
}