body {

     margin: 0; /* pour éviter les marges */     

	 font-family: verdana, arial, sans-serif; /* on définit la police de base dans la page */

	 font-size: 12px; /* on définit la taille de police de base dans la page */

	 background-color: #fff;

     }

.contenant{

margin: 4px 0 0 4px;

padding: 0;

}

.entete{

	position: relative;

margin: 4px 0 0 0 ;

padding: 0;

}

#photo1 img{

float: left;

margin: 0px 0px 0px 150px;

z-index: 3;

position: absolute;

}

.gris{

position: relative;

float: left;

margin: 0 0 4px 0;

height: 150px;

width: 150px;

background-color: #e1e1e1;

background-image: url(images/logo_ICP_V2.jpg);

background-repeat: no-repeat;

background-position: 50% 50%

}

.vert{

position: relative;

float: left;

margin: 0 0 0 4px;

height: 150px;

width: 150px;

background-color: #70a32d;

}

.jaune {

position: relative;

float: left;

margin: 0 0 0 4px;

height: 150px;

width: 150px;

background-color: #f6a90d;

}    

.rouge {

position: relative;

float: left;

margin: 0 0 0 4px;

height: 150px;

width: 150px;

background-color: #980e11;

}     

#bleu {

text-align: right;

color: #fff;

position: relative;

float: left;

margin: 0 0 0 4px;

height: 150px;

width: 150px;

background-color: #006699;

}  

#bleu h2 { 

margin: 4px 4px 4px 4px;

font-size: 22px;	

}





/***************************/

/*menu                     */

/***************************/



.cadreMenu {

clear: left;

float: left;

position: relative;

margin: 0 0 0 0;

padding: 10px 0 0 0px ;

height: 500px;

width: 150px;

background-color: #666666;

}   



ul {list-style-type: none;

margin: 0 0 0 0;

padding: 0;}



.menu{

margin: 0 0 0 10px;

}

.menu a{

display: block;

min-height: 20px;

_height: 20px;

width: 140px;

text-decoration: none;

color: #000;

text-indent: 20px;

background-image:url(images/puceGrise.jpg);

background-repeat: no-repeat;

}

#menu1:hover{

  top: 0px;

  background-image:url(images/puceVerte.jpg);

  color: #fff;

}	 

#menu2:hover{

  top: 0px;

  background-image:url(images/puceJaune.jpg);

  color: #fff;

}	

#menu3:hover{

  top: 0px;

  background-image:url(images/puceRouge.jpg);

  color: #fff;

}	

#menu4:hover{

  top: 0px;

  background-image:url(images/puceBleu.jpg);

  color: #fff;

}	

a.test {text-decoration: none;

color: #222;

}

a.test:hover{text-decoration: underline;

}



/***************************/

/*centre                   */

/***************************/

.centre{

float: left;

margin: 0 0 0 4px;

text-align: center;

width:612px;

}
.gauche{
float: left;
}


.titreJaune{

font-size: 18px;

line-height: 24px;

color: #fff;

font-weight: bold;

text-align: center;

background-color: #f6a90d;

padding: 2px 4px 2px 4px;	

}

.titreRouge{

font-size: 18px;

line-height: 24px;

color: #fff;

font-weight: bold;

text-align: center;

background-color: #980e11;

padding: 2px 4px 2px 4px;	

}

.titreVert{

font-size: 18px;

line-height: 24px;

color: #fff;

font-weight: bold;

text-align: center;

background-color: #70a32d;

padding: 2px 4px 2px 4px;	

}
.titreBleu{

font-size: 18px;

line-height: 24px;

color: #fff;

font-weight: bold;

text-align: center;

background-color: #006699;

padding: 2px 4px 2px 4px;	

}