body
{
   width: 950px;
   margin: auto; /* Pour centrer notre page */
   
   background-image: url("images/fond1013.jpg");

   
}
     
#conteneur                                /* ---------------------bloc conteneur--------------------------------*/
{
   height:1550px;
 
   position: relative; 
   background-color:white;
   border: 2px solid #7ff123;
   margin-top: 15px;  
   
} 

#conteneurbis
{
   height:1170px;
 
   position: relative; 
   background-color:white;
   border: 2px solid #7ff123;
   margin-top: 15px;           
}



                                               /*----------------------------------------------------------------------------*/

#en_tete                                /*------------------------entete---------------------------------------------*/
{
   height: 150px;
   background-image:url("images/logovierge.jpg");
   background-repeat:no-repeat;
   font-family:trebuchet ms;
   font-size:20px;
   padding-top:15px;
  
   margin-top: 10px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-right:25px;
   margin-left:35px;
   border-bottom:2px solid #d452f4;
   
}                       /*-------------------------------------------------------------------------------*/


ul#menu_horizontal li           /*-----------------------------------menu---------------------------------------*/
{
border: 1px solid black;
display : inline;
padding : 0 0.5em; /* Pour espacer les boutons entre eux */
margin-right:20px;
}
ul#menu_horizontal 
{
list-style-type : none; /* Car sinon les puces se placent n'importe où */
}

li.bouton_gauche 
{
float : left;
background-color:#d452f4;
}
li.bouton_droit
{
background-color:#7ff123;
float: right;
}


.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{ 
 font-size: large;  
}
.element_menu a /* Tous les liens se trouvant dans un menu */
{
   text-decoration:none;
   color: black;
   font-weight:bold;
   
}
.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
   color:#fe8000
}                          /*-----------------------------------------------------------------------------------------*/

   
#bloc_principal                     /*------------------------------bloc principal------------------------------------------------*/
{
   float:left;
   border-top:2px solid #d452f4;
   margin-top: 25px;
    margin-bottom:10px;
   padding:15px;
   font-family:trebuchet ms;
   font-size:15px;
   text-align:justify;
   
}                           /*--------------------------------------------------------------------------------------------------*/


.p1                                                   /*--------------------------------page principale-----------------------------*/
{
font-size: 18px;
text-align:center;
margin-top:40px;
}
.imageflottanteg
{
float:left;
margin-right:100px;
margin-left:20px;
}

.p2
{
padding-top:50px;
font-size: 17px;
text-align:justify;
padding-left:70px;
}
.imageflottanted
{
float:right;
margin-left:5px;
} 
.p3
{
padding-top:40px;
font-size:17px;
margin-bottom:20px;
margin-top:10px;
}                              /*---------------------------------------------------------------------*/

                               /*---------------------page tarifs---------------------------------*/
.p4
{
margin-top:50px;
padding-right:10px;
}
.p5
{
padding-left:10px;
padding-right:250px;
}

table /* Le tableau en lui-même */
{
   margin:auto;
   border: 4px outset #d452f4; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
   margin-top:15px;
}
td /* Les cellules normales */
{
   border: 1px solid black;
   font-family: "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
   font-weight:bold;
   font-size:15px;
}
th
{
  border: 1px solid black;
  font-family:trebuchet ms;
  text-align:center;
  padding:10px;
  font-size:17px;
}
   
.activite
{
height: 190px;
width: 280px;
border:2px solid #7ff123;
margin:20px;
float:left;
padding-left:5px;
padding-bottom:2px;
font-family:trebuchet ms;
font-size:15px;
text-align:left;
}
#colonned
{
float:right;
width:400px;
}
#colonneg
{
float:left;
width:400px;
margin-left:30px;
}




#pied_de_page            /*---------------------pied de page--------------------------------------------*/
{
  font-size:10px; 
  
   text-align: center;
   font-family:arial;
   border-top:2px solid black;
   color: black;
  position: absolute;
	bottom: 0; left: 0;
	width: 100%;
}              /*-------------------------------------------------------------------------------------*/


.clign
{
text-decoration: blink;
}
a
{
color:#d452f4;
text-decoration: none;
}
img
{
border:none;
}

h6
{
color:#7ff123;
font-size:17px;
}

h2
{
font-size:16px;
color:#d452f4;
text-align:left;
}
h3
{
font-size:15px;
color:white;
background-color:#d452f4;
}
h4
{
color:#7ff123;
font-size:20px;
}
h5
{
font-size:15px;
font-family:trebuchet ms;
text-align:left;
}
h1
{
font-size: 19px;
font-family:trebuchet ms;
text-align:center;
border: 2px solid #7ff123;
}
small
{
font-size: 12px;
}