body
{
width: auto;
margin: auto;
padding: 0px;
min-width: 420px;
max-width: 970px;
height: 100%;
/*margin : 10px; */

overflow: auto;
}
div#presentation 
{
width : 970px; 
background-color: #EBF5FB ;
background-position :center ;
margin: 0px ;
}
div#WF
{
width : 970px; 
background-color: #EBF5FB ;
position :center ;
margin: 10px ;
}
div#corpcr1
{ 
width : 970px; 
background-color: #EBF5FB ;
background-position :center ;
margin: 0px ;
overflow: auto;
}
article#
{
width : 960px; 
background-color: #EBF5FB ;
}
section#bloc1
{
float: left ;	
width: 300px;
top: 5px;
left: 10px;
}
section#bloc2
{
float: left ;	
width: 300px;
top: 5px;
left: 10px;
}
section#bloc3
{
float: left ;	
width: 280px;
top: 5px;
left: 5px;
}

img#prt
{
width: 960px ;	
height: 180px ;
position: relative;	
top: 5px;
left: 5px;
margin: 5px;
}

img#str
{
width: 280px ;	
height: 250px ;
position: relative;	
top: 5px;
margin: 5px;
}
img#prs
{
width: 280px ;	
height: 250px ;
position: relative;	
top: 5px;
margin: 5px;
}

#menucr /* Ensemble du menu */
{		
		list-style: none;
		width: 970px ;	
		height: 50px ;
		position: relative;	
        font-weight : bold; /* on met le texte en gras */
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 16px; /* hauteur du texte : 18 pixels */
}

#menucr a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding-left : 5px; /* aucune marge intérieure */
        background-image : url("Images_cr/Fond-menu.png"); /* image de fond */        
        color : navy; /* couleur du texte */
        text-align: center;
		text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 160px; /* largeur */
		margin-left: 5px;
		border-style: solid;
		border-color: navy;
		border-width: 1px;
		border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 1px 1px 1px navy;
	-webkit-box-shadow: 1px 1px 1px navy;
}

#menucr li /* Elements des listes */      
{ 		width : 160px; 
		margin-left: 10px;
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
       /* border-right : 1px solid #000; /* on met une bordure blanche à droite de chaque élément */
}


#menucr li ul /* Sous-listes */
{ 
		list-style:none;
        position: absolute; /* Position absolue */
        width: 125px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
		z-index : 1;
}

#menucr li ul li                
{
        border-top : 1px solid transparent ; /* on met une bordure transparente en haut de chaque élément */
}

#menucr li ul ul 
{
        margin    : -22px 0 0 156px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #000 ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
#menucr li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}
#menucr a:hover /* Lorsque la souris passe sur un des liens */    
{
		font-size : 16px; /* hauteur du texte : 20 pixels */
        color: #000; /* On passe le texte en noir... */
        background: #fff; /* ... et au contraire, le fond en blanc */
}
#menucr li:hover ul ul, #menucr li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menucr li:hover ul, #menucr li li:hover ul, #menucr li.sfhover ul, #menucr li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        mini-height: 0px; /* Corrige un bug sous IE */
}
  div#corp1
{
height:830px;
width: auto;
margin: auto;
Margin-bottom: 20px;
padding: 5px;
background-color: lightsteelblue;
background: -moz-radial-gradient(#b0c4de, #ffffff);  
background-image: -webkit-gradient(radial,center center,5,center center,480,from(#ffffff),to(#b0c4de)); 
background-repeat: no-repeat;
border-style: solid;
border-color: navy;
border-width: 4px;
border-radius: 20px;
	-moz-border-radius: 20px navy;
	-webkit-border-radius: 20px navy;
	-moz-box-shadow: 4px 4px 4px navy;
	-webkit-box-shadow: 4px 4px 4px navy;
}