/*ceci est mon fichier css appelé page.css  utilisé avec index pleintrafic page de l'annuaire*/


body
{
   width: 760px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;    
   background-color : #eeffff;
      background-image : url("fond1.png");
}

/* L'en-tête */

#en_tete

{
font-family: "Arial Black", Arial, Verdana, serif;
    font-size : 18px;
 margin-bottom : 10px;
   }

 #en_tete p
{
margin-left : 35px; /*aligne la bannière google */
 margin-bottom : 5px;
}

#en_tete h1
{
color : red;
font-family: "Arial Black", Arial, Verdana, serif;
font-size : 20px;
text-decoration : blink;
text-align : center;
 margin-bottom : 10px;
 margin-top : 5px;
}
#en_tete h2
{
color : Black;
font-family: Arial, "Arial black", Verdana, serif;
font-size : 20px;
text-align : center;
margin-top : 1px;
margin-bottom : 1px;
}

#choix 
{
width : 760px;
font-family: Arial, "Arial Black" , Verdana, serif;
    font-size : 15px;
	font-weight : normal;
border-width : 3px;

margin-bottom : 10px; /*marge du bas bandeau*/
   background-color : #ccffff;
margin-top : 2px;
padding : 12px;
border: 2px solid black;
	  border: 1px solid blue;  /*cadre de la barre*/
       border-style : outset; /*cadre barre relief*/
}
#choix p
{
margin-top : 10px; /*marge du choix*/
padding : 1px;
text-align : center;

font-weight : normal;
font-variant : small-caps;
}
#choix a
{
   color: blue;
         font-size : 13px;
	   font-family: Arial, "Arial black", Verdana, serif;
	  
}

#choix a:hover
{
    text-align : center;
   background-color: black;
   color: yellow;
}

#choix h6
{
font-size : 18 px;
}


/* Le corps de la page */

#corps
{
  width : 760px;
   padding: 15px;
     text-align: center;
}


#corps h4  /*texte à droite */
{
    font-family: "Arial", Arial black, Verdana, serif; 
   padding-left: 5px; /*aligne le texte */
   color: black;
   text-align: left;
   font-weight : lighter;  
}


. cadre img  /* bannière de 468px 60*/
{
margin-left : 146px;
width : 468px;   /*largeur des bannières*/
height : 60px;
margin-top : 1px;

}


 a
{
   color: blue; /*couleur autour des bannières  et du texte*/
       font-size : 14px;
	   font-family:  "Arial", Verdana, serif;
	  	   font-weight : bold;
		text-decoration : underline; 
	
}

 a:hover
{
   background-color: black;
   color: yellow;
 }
 .liens h4 /*liens pixel */
{

width : 8px;
height : 4px;
display : inline;
 font-family:  "Arial", Verdana, serif;
}
 .cadre1 img  /*bannière de 86px 40 */
{
margin : 20px;
width : 86px;
height : 40px;
}
.cadre2 img  /*bannière de 250px 60 */
{
margin : 20px;
width : 250px;
height : 60px;
}

.cadrecolor a  /*bannière de couleur bleu et jaune */
{
display : block;
margin-left : 146px;
margin-top : 10px;
width : 468px;
height : 60px;
border-color : 5px;
color : yellow;
background-color : blue;
font-size : 23px;
text-align : center;
}
.cadrecolorjaune a  /*bannière de couleur  jaume et rouge*/
{
display : block;
margin-left : 146px;
margin-top : 10px;
width : 468px;
height : 60px;
border-color : 5px;
color : red;
background-color : yellow;

text-align : center;
}


.cadrepetit p /*bannière de 100px 30 */
{
display : inline;
border-width : 50px;
margin-left : 10px;
margin-top : 10px;
margin-bottom : 10px;
border-color : 5px;
color : orange;
background-color : yellow;
font-size : 20px;
text-align : center;
}