/* 
il ne faut pas oublier d'ecrire sur la page html 
<link rel="stylesheet" href="pages/style.css" type="text/css" />
dans le head apres title
*/


/*on met # quand on a donne un identifiant dans la feuille html
 <div id="container">*/
 
#container
{
          width:800px;/*sert a fixer la largeur*/
          /* on peut ecrire le margin en une fois
          margin:top right bottom left;
          margin:10px 100px  20px 100px;
          pour padding on peut faire la meme chose
          */
          
          margin-left:auto;/*les marges automatiques sont centrees*/
          margin-right:auto;/*les marges automatiques sont centrees*/
          /*border:5px ridge #759377;bord qui se met tout autour */
          border-left:5px groove #E9D7A7;/*bord sur la gauche*/
          border-right:5px groove #E9D7A7;/*bord sur la droite*/
          border-top:5px dashed #E9D7A7;
          border-bottom:5px dashed #E9D7A7;
          /* solid (ligne) dashed(-----) dotted(......) a partir
           de 3 px ridge groove*/
           background-color:#E5FAFB; 
           /*padding-left:100px;/*donner un espace qui separe */
          /* padding-right:10px;/*donner un espace qui separe */
          position:absolute;
          top:0;
          left:100px;
}

h1
{
          font-size:20px;/*taille du texte*/
          color:#0544b5;/* couleur du texte avec # et code hexadecimal*/
          background-color:#cc6633;
          font-family:papyrus;
          border:1px ridge #026AFE;
          /*pour souligner on va utiliser ub border-bottom*/
}

p
{
        font-size:10px;
        color:#666699;
        font-family:verdana;
        /*padding-left:100px;/*donner un espace qui separe */
        /*padding-right:10px;/*donner un espace qui separe */
}

#bandeau
{
	background-image:url(../images/nouveaubandeaugroupe.jpg);
	width:700px;
	height:100px;
	background-repeat: no-repeat;
	margin-left: 50px;
        /*
        background-repeat:no-repeat; l'image ne vas pas se repeter
        background-repeat:repeat-x;l'image se repete sur la largeur
        background-repeat:repeat-y;l'image se repete sur la hauteur
        */
}

body
{
        background-color:#D6E7FF;
        margin:0;

}

.red
{
        border:1px solid #800000;
        background-color:#ff8f78;
        font-size:15px;
}
#texte
{
        padding-left:10px;/*donner un espace qui separe */
        padding-right:200px;/*donner un espace qui separe */
        text-align:justify;/*justifier le texte*/
}

#menu
{
        /*faire un positionnement absolu*/
        /*si il est contenu dans un autre bloc qui est positionne
        il va se positionner par rapport a lui aussi non il se positionne
        par rapport au body*/
        /*float:left;/*va se positionner a gauche*/
        /*par rapport a la page*/
        width:800px;
        /*height:150px;*/
        background-color:#E5FAFB;
        /*border:3px groove #4f53bc;*/
}

#footer
{
        height:20 px;
        background-color:#ababab;
        clear:both;/*s'utilise pour ne pas tenir compte des float des 2 cote*/
}

ul.menuliste
{
        padding:0px;
        list-style-type:none;/*square,circle,none*/


}
ul.menuliste li
{
		display:inline;
}
a.bouton1
{
      float:left;
      display:block;
      background-color:#aaaaaa;
      width:100px;
      height:25px;
			font-size:10px;
      text-decoration:none;/*pas de soulignement du texte*/
      text-align:center;
			border-top:2px solid #196752;
			border-left:2px solid #196752;
			border-right:2px solid #196752;
			border-bottom:2px solid #196752;
			padding:0;
			margin:1px;
			
}
a.bouton2
{
font-size:10px;
float:left;
display:block;
background-color:#aaaaaa;
width:100px;
				       height:25px;
					  text-decoration:none;/*pas de soulignement du texte*/
					  text-align:center;
							border-top:2px solid #196752;
							border-left:2px solid #196752;
							border-right:2px solid #196752;
							border-bottom:2px solid #196752;
			
}
a.bouton3
{
			font-size:10px;
			float:left;
      display:block;
      background-color:#aaaaaa;
      width:100px;
      height:25px;
      text-decoration:none;/*pas de soulignement du texte*/
      text-align:center;
			border-top:2px solid #196752;
			border-left:2px solid #196752;
			border-right:2px solid #196752;
			border-bottom:2px solid #196752;
			
}
a.bouton4
{
			float:left;
			font-size:10px;
      display:block;
      background-color:#aaaaaa;
      width:100px;
      height:25px;
      text-decoration:none;/*pas de soulignement du texte*/
      text-align:center;
			border-top:2px solid #196752;
			border-left:2px solid #196752;
			border-right:2px solid #196752;
			border-bottom:2px solid #196752;
			
}
a.bouton5
{
			font-size:10px;
			float:left;
      display:block;
      background-color:#aaaaaa;
      width:100px;
      height:25px;
      text-decoration:none;/*pas de soulignement du texte*/
      text-align:center;
			border-top:2px solid #196752;
			border-left:2px solid #196752;
			border-right:2px solid #196752;
			border-bottom:2px solid #196752;
			
}
a.bouton6
{
			float:left;
			font-size:10px;
      display:block;
      background-color:#aaaaaa;
      width:100px;
      height:25px;
      text-decoration:none;/*pas de soulignement du texte*/
      text-align:center;
			border-bottom:2px solid #196752;
			border-left:2px solid #196752;
			border-right:2px solid #196752;
			border-top:2px solid #196752;
			
}

a.bouton1:hover
{
      background-color:#456123;
      font-family:helvetica;
      font-size:10px;
      color:blue;
			
}

a.bouton2:hover
{
      background-color:#456123;
      font-family:helvetica;
      font-size:16px;
      color:blue;
			
			
			
}
a.bouton3:hover
{
      background-color:#456123;
      font-family:helvetica;
      font-size:16px;
      color:blue;
			
			
}
a.bouton4:hover
{
      background-color:#456123;
      font-family:helvetica;
      font-size:16px;
      color:blue;
			
			
}
a.bouton5:hover
{
      background-color:#456123;
      font-family:helvetica;
      font-size:16px;
      color:blue;
			
			
			
}
a.bouton6:hover
{
      background-color:#456123;
      font-family:helvetica;
      font-size:16px;
      color:blue;
			
			
}