/* supression des marges par défaut */

#body {
margin: 0;
padding: 0;
background-color: black;
font-family: Comic Sans MS;
color: white;
}



/* soulignement des titres */

.sousligne
{
text-decoration: underline;
}


/* dessoulignement des titres */


.sanssousligne

{text-decoration: none;
color: white;
}

/* Centrage et soulignement des titres h2 */


#positionphoto
{
width: 940px;
position: absolute;
top: 100px;
left: 30%;
}

h2
{
text-decoration: underline;
width: 850px;
color: white;
}



/* supression des bordures des images */

img {
border-width: 0;
border-style: none;
}



/* supression des puces*/

li {
text-decoration: none;
list-style-type: none;
font-family: Comic Sans MS;
font-size: 20px;
line-height: 25px;
}


/* conteneur page accueil */

#cadreaccueil {
width: 940px;
position: absolute;
left: 50%;
margin-left: -480px;
background-image: url(image/sable.gif);
}


/* conteneur pour  pages */


#cadrecentre {
width: 740px;
position: absolute;  
top: 200px;
left: 220px;
}


/* conteneur bannière */

#conteneurbanniere {
width: 900px;
top: 10px;
position: absolute;
height: 140px;
background-repeat: no-repeat;
background-position: center;
}

h3 {
text-decoration: none;
}


/* menu */

#menu {
text-decoration: none;
border-right: 1px solid white;
position: absolute;
top: 210px;
width: 180px;
}

#menu h3 {
text-decoration: none;
color: white;
}

#menu li {
color: white;
}

#menu a {
text-decoration: none;
color: brown;
}


/* vignettes*/

.vignette {float: left; padding: 0 15px; margin: 5px 3px;}
.vignette ul {margin: 0.25em 0 0; padding: 0; font: bold small Arial, Verdana, sans-serif;}
.title li{display: block; text-align: center;}

/* trait sous les vignettes*/

.trait { clear: both;}  


/* Emplacement des portrait*/

.imageagauche 
{
	               /* A utiliser pour mettre le texte a droite et une image a gauche*/
  	text-align: left;         /* Aligne le texte à droite */
	margin-top: 5px;           /* crée une marge externe en haut du bloc */
	margin-left: 2%;          /* crée une marge externe à gauche du bloc */
    margin-right: 2%;         /* crée une marge externe à droite du bloc */
    margin-bottom: 5px;        /* crée une marge externe en bas du bloc */
    vertical-align: middle;    /* censé aligner le texte verticalement eu centre  */
    }
    
    
.imageagauche img               /* assigne l'image dans le bord gauche du bloc */
{
    float: left;               /* L'image est positionnée à gauche sans "bloquer "la partie gauche */    	margin-left: 4%;
    margin-right: 4%;            /* Crée une marge interne à gauche de l'image */
    margin-bottom: 5px;           /* Crée une marge interne en dessous de l'image */    
margin-color: black;
}