body {
    margin: 0px;
    padding: 0px;
    background-color:#EDEDE9;}
    
    
/* -----------------------  DIV ----------------------- */
div.global {
/*aspect*/
border: 0px solid #333;
background-color: #EDEDE9;

/*géométrie*/
position:absolute;
left: 50%;
top: 0%;
width: 750px;
height: 100%;
margin-top: 0px; /* moitié de la hauteur */
margin-left: -375px; /* moitié de la largeur */
}

div.menu {
    background-image:url(../images/fondombre.gif);
    background-repeat:repeat-y;
	position:relative;
	left:0px;
	top:0px;
	width:750px;
/*	height:32px;*/
	background-color:#fff;
	float:left;
}

div.menuflash {
    background-image:url(../images/fondombre.gif);
    background-repeat:repeat-y;
	position:relative;
	right:0px;
/*	top:32px;*/
	width:750px;
	height:300px;
	background-color:#4A669F;
	float:left;
	z-index:10;
	}

div.gestionmenuflash {
	position:relative;
/*    background-image:url(../images/fondombre.gif);
    background-repeat:repeat-y;
/*	left:0px;
	top:331px; */
	width:750px;
	height:64px;
	float:right;
}

div.titrepage {
	position:relative;
    background-image:url(../images/fondombre.gif);
    background-repeat:repeat-y;
	left:0px;
	top:0px;
	width:750px;
/*	height:43px;*/
	background-color:#D8C9C9;
	float:left;

	}

div.sousmenu {
	position:relative;	
    background-image:url(../images/fondombre.gif);
    background-repeat:repeat-y;
    
	left:0px;
/*	top:398px;*/
	width:750px;
/*	height:31px;*/
	background-color:#B8ACAC;
	float:left;
	}

div.ombregauche {
    border: 0px solid #ff9900;
	position:relative;
    background-image:url(../images/ombregauche.gif);
    background-repeat:repeat-y;
/*	left:0px;
	top:429px;*/
	width:57px;
	height:100px;
	background-color:#000;
	float:left;
}

div.blocgauche {
border: 0px solid #000000;
	position:relative;
	left:0px;
/*	top:429px;*/
	width:330px;
	height:50%;
	background-color:#fff;
	float:left;
}

div.blocdroite {
border: 0px solid #ff0000;
	position:relative;
/*	left:410px;
	top:429px;*/
	width:300px;
	height:100%;
	background-color:#fff;
	float:left;
}
div.blocconteneurcentral {
    border: 0px solid #ff0000;
    position:relative;	
    background-image:url(../images/fondombre.gif);
    background-repeat:repeat-y;
	left:0px;
	width:750px;
	background-color:#EDEDE9;
	float:left;
    margin: 0px;
    padding: 0px;
}
div.bloccentral {
    border: 0px dashed #ff0000;
    position:relative;	
   	left:0px;
	right:60px;
	width:630px;
	background-color:transparent;
	float:left;
    margin: 0px;
    padding: 0px;
}
div.ombredroite {
    border: 0px solid #ff9900;
	position:relative;
    background-image:url(../images/ombredroite.gif);
    background-repeat:repeat-y;
    
/*	left:702px;
	top:429px;*/
	width:38px;

	background-color:#F0F0ED;
	float:left;
}

div.footer {
	position:relative;
    background-image: url("../images/bottomombre.gif");
    background-repeat: repeat-x;
	width:750px;
	height:40px;
/*    margin-top:720px;*/
	background-color:#EDEDE9;
	float:left;
}
    #blocminiaturephoto {
    position: relative;
        border: 0px solid #595959;
        margin-left: 0px;
        margin-top: -5px;
        width: 110px;
        height: 110px;    
        z-index: 200;
        float: left;
        }
#bulleresumeprojet{
/*   border: 1px solid blue;      */
    position: relative;
    margin-top: 5%;
    margin-right: 10%;
    float: right;
    width: 75% ;
    font-family: Verdana, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color:#595959;
    z-index: 1000;   }
    
/*-- La miniature avant d'ouvrir un projet --*/
    #blocminiature {
/*        border: 1px solid red;*/
        margin-top: -5px;
        width: 110px;
        height: 110px;    
        z-index: 200;
        float: left;
        }
  
/*-- La vignette pour les rubriques actualité et pédagogie --*/
    #divvignette {
        border: 5px solid white;
        background-image: url("../images/fondvignetteactu.jpg");
        background-repeat: repeat-x;
        position: relative;
        margin-top: 0px;
        margin-right: 0px;
        height: 200px;    
        z-index: 00;
        float: right;
        }
    
    div.ligne{
    border: 0px solid #ff0000;
    position:relative;	
    background-image:url(../images/filet.gif);
	left:0px;
	height:8px;
	width:750px;
	background-color:#fff;
	float:left;
    margin: 0px;
    padding: 0px;
}      
              
/* -----------------------  SPAN ----------------------- */
.couleur1{
    background-color: white;
    margin-top: 7%;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    position: relative;
    margin-top: 0px;
    float: left;
    }
.couleur2{
    background-color: #FFCC99;
    margin-left: 7%;
    margin-right: 7%;
    width: 80%;
    position: relative;
    margin-top: 0px;
    float: left;
    }

.dateslegendes{
    color: #595959;
    font-family: Verdana, sans-serif;
    font-size: 10px;
    font-style: italic;
    letter-spacing: .0em;
    font-weight: lighter;   
    }


.alert{ 
    color: #FF0000;
    text-align: left;
    font-family: Verdana, sans-serif;
    font-size: 9px;
    font-style: normal;
    letter-spacing: .0em;
    }

.alert2{ 
    color: #FF0000;
    background-color:#fff;
    text-align: left;
    font-family:"trebuchet ms",sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
    font-style: normal;
    letter-spacing: .05em;
    text-shadow: #c7c7c7 1px 1px 1px;
    }
    
    
    
/// textes ///
/* -----------------  Paragraphes (p)----------------------- */
p {
}
p.titre {
    text-align: left;
    margin-left: 50px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #595959;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: .1em;
    text-shadow: #c7c7c7 2px 2px 2px;
    z-index:20;
}
p.titrebulle {
    text-align: left;
    margin-left: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #595959;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: .0em;
    text-shadow: #c7c7c7 2px 2px 2px;
    z-index:20;
}
p.soustitre{ 
    border: 0px solid #fff000;
    margin-left: 30px;
    color: #595959;
    text-align: left;
    font-family: Verdana, sans-serif;
    font-size: 10px;
    font-style: italic;
    letter-spacing: .0em;
    }
    
p.legende{ 
    border: 0px solid #fff000;
    color: #595959;
    text-align: left;
    width:80%;
    font-family: Verdana, sans-serif;
    font-size: 10px;
    font-style: italic;
    letter-spacing: .0em;
    float:left;
    }
        
p.basique{ 
    color: #595959;
    text-align: left;
    font-family: Verdana, sans-serif;
    font-size: 12px;
    font-style: normal;
    letter-spacing: .0em;
    }
    
p.commentaire{ 
    color: #595959;
    text-align: left;
    margin-left: 50px;
    margin-right: 40px;
    font-family: Verdana, sans-serif;
    font-size: 11px;
    font-style: italic;
    letter-spacing: .0em;
    border: 0px solid #333;
    }
    
p.signature{ 
    color: #595959;
    margin-top:-4px;
    text-align: center;
    font-family: Verdana, sans-serif;
    font-size: 9px;
    font-style: normal;
    letter-spacing: .0em;

    }

hr {
      border: 1px solid #EDEDE9;}
      
      /// fin des textes ///
            
      /// listes ///
      
/*thanx Fat Erikt*/
#navlist
{

    color : #595959;
    list-style: none;
    padding: 40;
    margin: 40;
}

#navlist li
{
     margin-left:10px;
    font-family: Verdana, sans-serif;
    font-size: 11px;
    font-style: normal;
    letter-spacing: .0em;
    display: inline;
    padding: 0;
    margin: 0;
    }

#navlist li:before { content: "| "; }
#navlist li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html #navlist li
{
border-left: 1px solid black;
border-color : #595959;
padding: 0 0.4em 0 1em;
margin: 0 0.1em 0 -0.3em;
height: 10px;
}

/*Win IE browsers - hide from Mac IE\*/
* html #navlist { height: 1%; }

* html #navlist li
{
display: block;
float: left;
}

/*End hide*/
/*Mac IE 5*/
* html #navlist li:first-child { border-left: 0; }

/// fin des listes ///



/* -----------------  les liens (a)----------------------- */
a{
    text-decoration:none;

    }
/* menu en cours */
a.menucours:link, a.menucours:visited, a.menucours:hover {
    text-decoration:none;
    font-size: 10px;
    color:#FF0000;}

/* menutop */
a.menutop:link, a.menutop:visited {
    text-decoration:none;
        font-family: Verdana, sans-serif;
    font-size: 10px;
    color:#595959;}
a.menutop:hover {
    text-decoration:none;
        font-family: Verdana, sans-serif;
    font-size: 10px;
    color:#FF0000;}

/* sousmenu */
a.sousmenu:link, a.sousmenu:visited {
    text-decoration:none;
    font-weight: bold;
    color:#595959;}
a.sousmenu:hover {
    background-image:url(../images/carre.gif);
    background-color:#FF0000;
    background-repeat:repeat;
    color:#FFFFFF;}
    
/* sousmenu en cours */
a.ssmenucours:link, a.ssmenucours:visited, a.ssmenucours:hover {
    font-weight: bold;
    background-color:#FF0000;
    color:#FFFFFF;}

/* liens dans le corps du texte */
a.liencorps:link, a.liencorps:visited {
    font-size: 10px;
    color:#FF0000;}
a.liencorps:hover {
    font-size: 10px;
    font-weight: bold;
    color:#FF0000;}

/* liens en général */
a.liens:link, a.liens:visited {
    text-decoration:none;
        font-weight: bold;color:#595959;}
a.liens:hover {
    text-decoration:none;
        font-weight: bold;color:#FF0000;}

/* liens sur les images */
a.liensimg:link, a.liensimg:visited {
    text-decoration:none;
/*   border: 1px solid red;    */
    position: relative;
    float: left;
z-index: 100;}

a.liensimg:hover {
    text-decoration:none;
   border: 0 solid red;
    position: relative;
    background-image: url("../images/fondminiature.gif");
    background-repeat: repeat-y;
    margin-top: -5px;
    float: left;
    height: 110px;
    width: 110px;
    z-index: 500;      
}


a.liensimg span { /* définition de la balise <span> inclue dans <a> */
    text-decoration:none;
    display: none;
}
a.liensimg:hover span { /* définition de la balise <span> au survol */
    text-decoration:none;
    display: inline;
background-image: url("../images/bulle.gif");
background-repeat: no-repeat;
position: absolute;
margin-top: 50px; /* positions et dimensions du calque, que vous pouvez changer à loisir */
margin-left: -50px;
width: 290px;
height: 128px;
text-align: left;
color: white;
z-index: 500;
}