/*DESIGN PAGE D'ACCUEIL*/

									 
									 

#cps
{
margin-left:auto;
margin-right:auto;
width: 100%;
border-style: none; 
background-color: #EFEFEF;
}

									 
									 
									 
									 

#haut  
{
margin-left:auto;
margin-right:auto;
width: 100%;
border-style: none; 
background-color: white;
}


#haut img
{
border-style: none;
}


#centrer  /* On a le menu du site ici */
{
margin-left:auto;
margin-right:auto;
width: 100%;
border-style: none; 
text-align: justify;
background-color: ;
}

#centrer tr td
{
height: 30px;
background-image: url("logo/gris.png");
background-repeat: repeat-x;
}


#centrer img
{
border-style: none;
}


#EXT  /* On a le sous-menu du site ici */
{
margin-left:auto;
margin-right:auto;
width: 100%;
border-style: none; 
text-align: left;
background-color: none;
padding-top: px;
background-image: url("logo/gris2.png");
background-repeat: repeat-x;
border-collapse: collapse;
}

#EXT  tr td
{
height: 100px;
}

#EXT img
{
border-style: none;
}


#EXT a:hover
{
font-size: 67%; 
font-family: Georgia, Arial, "Times New Roman", serif;
font-style: normal; 
font-weight: bold;
text-decoration: underline; 
color: black;
background-color: ;
}

#EXT a
{
font-size: 67%; 
font-family: Georgia, Arial, "Times New Roman", serif;
font-style: normal; 
font-weight: bolder;
text-decoration: none; 
color: 	white;
margin-left: 15%;
background-color: ;
}



#sous_chapitres  /* On a ici les sous-chapitres qui se trouvent tout à gauche*/
{
float: left;
width: 205px;
border-style: solid; 
border-width: 2px; 
border-color: #A9A9A9; 
}

#sous_chapitres table
{
border-collapse: separate;
border-style: solid; 
border-width: 1px; 
border-color: #A9A9A9; 
}

#sous_chapitres tr th
{
width: 205px;
}

#sous_chapitres tr td
{
width: 205px;
text-align: left;
font-size: 12px; 
color:green;
padding-top: 0px;
background-image: url("logo/services_td.png");
background-repeat: no-repeat;
height: 210px;
}


#sous_chapitres tr td p
{
text-align: left;
margin-left: 12px;
margin-top: 0px;
}



#sous_chapitres tr td p a:active
{
font-size: 12px; 
font-family: Arial, Georgia, "Times New Roman", serif;
font-style: normal; 
font-weight: bold;
text-decoration: none; 
color: #9200ff;
}

#sous_chapitres tr td p a:hover
{
font-size: 12px; 
font-family: Arial, Georgia, "Times New Roman", serif;
font-style: normal; 
font-weight: bold;
text-decoration: underline; 
color: #9200ff;
}

#sous_chapitres tr td p a
{
font-size: 12px; 
font-family: Arial, Georgia, "Times New Roman", serif;
font-style: normal; 
font-weight: bold;
text-decoration: none; 
color: #6A5ACD;
}




#sous_chapitres ul li 
{
text-align: left;
color: #A9A9A9;
list-style-type: square;
}


#sous_chapitres table .services a:active
{
font-size: 17px; 
font-family: Arial, Georgia, "Times New Roman", serif;
font-style: normal; 
font-weight: bold;
text-decoration: none; 
color: #9200ff;
}

#sous_chapitres table .services a:hover
{
font-size: 17px; 
font-family: Arial, Georgia, "Times New Roman", serif;
font-style: normal; 
font-weight: bold;
text-decoration: underline; 
color: #9200ff;
}

#sous_chapitres table .services a
{
font-size: 17px; 
font-family: Arial, Georgia, "Times New Roman", serif;
font-style: italic; 
font-weight: bold;
text-decoration: none; 
color: #05bdbd;
}



#bas  /* Ici on a le bas du site */
{
width: 100%;
height: 154px;
border-style: none; 
background-image: url("logo/gris3.png");
background-repeat: repeat-x;
border-collapse: collapse;
text-align: center;
}

#bas .ba1 td a:active
{
font-size: 90%; 
font-family: Arial, Georgia, "Times New Roman", serif;
font-style: normal; 
font-weight: bold;
text-decoration: none; 
color: #9200ff;
}

#bas .ba1 td a:hover
{
font-size: 90%; 
font-family: Arial, Georgia, "Times New Roman", serif;
font-style: normal; 
font-weight: bold;
text-decoration: underline; 
color: #9200ff;
}

#bas .ba1 td a
{
font-size: 90%; 
font-family: Arial, Georgia, "Times New Roman", serif;
font-style: normal; 
font-weight: bold;
text-decoration: none; 
color: #0041ff;
}




#bas .ba2 td a:active
{
font-size: 80%; 
font-family: Arial, Georgia, "Times New Roman", serif;
font-style: normal; 
font-weight: normal;
text-decoration: none; 
color: #9200ff;
}

#bas .ba2 td a:hover
{
font-size: 80%; 
font-family: Arial, Georgia, "Times New Roman", serif;
font-style: normal; 
font-weight: normal;
text-decoration: underline; 
color: #9200ff;
}

#bas .ba2 td a
{
font-size: 80%; 
font-family: Arial, Georgia, "Times New Roman", serif;
font-style: normal; 
font-weight: normal;
text-decoration: none; 
color: #0041ff;
}




#bas .ba3
{
text-align: center;
font-weight: bold;
font-size: 70%; 
font-family: Arial, Georgia, "Times New Roman", serif;
font-style: normal; 
color: white;
}













#corps  /* Là se trouve le corps de la page d'accueil */
{
background-color: #EFEFEF;
}


#presentation
{
width:;
border : 4px ridge grey;
border-collapse: collapse;
padding: 5px;
background-color: #DCDCDC;
}



#presentation tr td h1
{
font-size: 13px; 
font-family: Arial, Georgia, "Times New Roman", serif;
font-style: normal; 
font-weight: bold;
color: black;
}


#presentation tr td a:hover
{
font-size: 12px; 
font-family: Arial, Georgia, "Times New Roman", serif;
font-style: normal; 
font-weight: normal;
text-decoration: underline; 
color: #C71585;
}

#presentation tr td a
{
font-size: 12px; 
font-family: Arial, Georgia, "Times New Roman", serif;
font-style: normal; 
font-weight: normal;
text-decoration: none; 
color: #0000CD;
}




#corps p
{
font-size: 75%; 
font-family: Georgia, Arial, "Times New Roman", serif;
font-style: normal; 
font-weight: bolder;
color: #6a0096;
}

#corps table
{
border-collapse: separate;
}

#corps table caption
{
font-size: 14px; 
font-family: Arial, Georgia, "Times New Roman", serif;
font-style: normal; 
font-weight: bold;
color: black;
}

#corps table tr th
{
font-size: 90%; 
font-family: Arial, Georgia, "Times New Roman", serif;
font-style: normal; 
font-weight: bold;
color: black;
height: 10px;
}

#corps table tr td
{
font-size: 8O%; 
font-family: Arial, Georgia, "Times New Roman", serif;
font-style: normal; 
font-weight: normal;
color: #060064;
}

#corps table tr 
{
border-color: #28f10d;
}


#boutique
{
width: 380px;
height: 240px;
font-size: 65%; 
font-family: Arial, Georgia, "Times New Roman", serif;
border-style: none;
border-color: red;
color: #656565;
}


#pub_cd
{
width: 300px;
height: 260px;
}

#pub_cd tr th
{
height: 10px;
}


#pub_cd tr td
{
height: 250px;
}

#pub_cd img
{
border-color: white;
}


#evenement
{
width: 510px;
height: 100px;
}


#evenement tr th
{
height: 10px;
}


#evenement tr td
{
height: 90px;
border-color: white;
}


#evenement img
{
border-color: #72cbef;
}

#annonces
{
width: 380px;
height: 310px;
border-style: solid; 
border-width: 2px; 
border-color: #1bffff; 
border-collapse: separate;
}

#annonces caption
{
height: 23px;
background-color: #1bffff;
}


#annonces tr td
{
height: 60px;
border-style: solid; 
border-width: 1px; 
border-color: #1bffff; 
border-collapse: separate;
background-color: #cdcdcd;
}

#annonces tr td img
{
border-color: white; 
}

#annonces tr td a:active
{
font-size: 70%; 
font-family: Arial, Georgia, "Times New Roman", serif;
font-style: normal; 
font-weight: bold;
text-decoration: underline;
color: blue;
text-align: justify;
}									  
			
#annonces tr td a:hover
{
font-size: 70%; 
font-family: Arial, Georgia, "Times New Roman", serif;
font-style: normal; 
font-weight: bold;
text-decoration: underline;
color: blue;
text-align: justify;
}									  
									  
#annonces tr td a
{
font-size: 70%; 
font-family: Arial, Georgia, "Times New Roman", serif;
font-style: normal; 
font-weight: bold;
text-decoration: none;
color: #477def;
text-align: justify;
}				



#pub_cd_2
{
width: 300px;
height: 260px;
}


#pub_cd_2 tr th
{
height: 10px;
}


#pub_cd_2 tr td
{
height: 250px;
}

#pub_cd_2 img
{
border-color: white;
}


#offre
{
width: 665px;
border-style: solid; 
border-width: 2px; 
border-color: #28f10d; 
border-collapse: separate;
}

#offre tr th
{
height: 10px;
border-style: solid; 
border-width: 2px; 
border-color: #28f10d; 
background-color: #28f10d;
}


#offre tr td
{
background-color: #b6f8bf;
padding: 3px;
}


#offre a:active
{
font-size: 13px; 
font-family: Arial, Georgia, "Times New Roman", serif;
font-style: normal; 
font-weight: bold;
text-decoration: none; 
color: #05bdbd;
}

#offre a:hover
{
font-size: 13px; 
font-family: Arial, Georgia, "Times New Roman", serif;
font-style: normal; 
font-weight: bold;
text-decoration: none; 
color: #fb1606;
}

#offre a
{
font-size: 13px; 
font-family: Arial, Georgia, "Times New Roman", serif;
font-style: normal; 
font-weight: bold;
text-decoration: none; 
color: #7a06b8;
}


#offre .page
{
font-size: 110%; 
font-weight: bolder;
}





#pub_centre
{
width: 468px;
height: 70px;
}


#pub_centre tr th
{
height: 10px;
}


#pub_centre tr td
{
height: 60px;
}

#pub_centre img
{
border-color: white;
}


#occasions
{
width: 665px;
border-style: solid; 
border-width: 2px; 
border-color: #28f10d; 
border-collapse: separate;
}

#occasions tr th
{
height: 10px;
border-color: white;
border-style: solid; 
border-width: 2px; 
border-color: #28f10d; 
background-color: #28f10d;
}


#occasions tr td
{
background-color: #b6f8bf;
padding: 3px;
}

#occasions a:active
{
font-size: 13px; 
font-family: Arial, Georgia, "Times New Roman", serif;
font-style: normal; 
font-weight: bold;
text-decoration: none; 
color: #05bdbd;
}

#occasions a:hover
{
font-size: 13px; 
font-family: Arial, Georgia, "Times New Roman", serif;
font-style: normal; 
font-weight: bold;
text-decoration: none; 
color: #fb1606;
}

#occasions a
{
font-size: 13px; 
font-family: Arial, Georgia, "Times New Roman", serif;
font-style: normal; 
font-weight: bold;
text-decoration: none; 
color: #7a06b8;
}


#occasions img
{
border-color: white;
}



#occasions .page
{
font-size: 110%; 
font-weight: bolder;
}




#bloc 
{
width: 155px;
height: 30px;
}


#bloc .a:active
{
background-image: white;
}

#bloc .a:hover
{
background-image: url("logo/accueille2.png");
}

#bloc .a
{
background-image: url("logo/accueille1.png");
}





#corps_autres  /* corps des autres pages */
{
background-color: #EFEFEF;
border : 1px solid grey;
padding: 5px;
}
									  

#corps_autres p
{
font-size: 100%; 
font-family: "Times New Roman", Georgia, Arial, serif;
font-style: normal; 
font-weight: bold;
color: #0a0a87;
}

#corps_autres h1
{
background-color: #b3e5f8;
font-size: 90%; 
font-family: Arial, Georgia, "Times New Roman", serif;
font-style: normal; 
font-weight: bold;
color: black;
text-align: center;
}

#corps_autres img
{
margin-top: 10px;
margin-left: 140px;
}									  

#corps_autres .l
{
margin-left: 60px;
}		
									  
#corps_autres h2
{
font-size: 90%; 
font-family: Arial, Georgia, "Times New Roman", serif;
font-style: normal; 
font-weight: bold;
text-decoration: underline;
color: #c100e4;
text-align: center;
}									  
									  
#corps_autres h3
{
font-size: 90%; 
font-family: Arial, Georgia, "Times New Roman", serif;
font-style: normal; 
font-weight: bold;
text-decoration: underline;
color: blue;
text-align: center;
}									  
									  
#corps_autres a:hover
{
font-size: 80%; 
font-family: Arial, Georgia, "Times New Roman", serif;
font-style: normal; 
font-weight: bold;
text-decoration: underline;
color: #c100e4;
text-align: justify;
}									  
									  
#corps_autres a
{
font-size: 80%; 
font-family: Arial, Georgia, "Times New Roman", serif;
font-style: normal; 
font-weight: bold;
text-decoration: none;
color: blue;
text-align: justify;
}															  
									  
#corps_autres .titre
{
width: 200px;
height: 30px;
margin-left: 250px;
margin-top: 10px;
padding-top: 5px; 
border-width: 2px; 
border-color: #0e87f8; 
border-style: solid; 
font-size: 120%; 
font-family: Arial, Georgia, "Times New Roman", serif;
font-style: normal; 
font-weight: bolder;
text-decoration: none; 
text-align: center;
color: #0e87f8;
background-color: #e3f3f8;
}

									  
#corps_autres h4
{
font-size: 70%; 
font-family: Arial, Georgia, "Times New Roman", serif;
font-style: normal; 
font-weight: bold;
text-decoration: none;
color: #656668;
text-align: justify;
}			
									  
#corps_autres h5
{
font-size: 70%; 
font-family: Arial, Georgia, "Times New Roman", serif;
font-style: normal; 
font-weight: bold;
text-decoration: none;
color: red;
text-align: justify;
}												  
									  
#corps_autres h6
{
font-size: 65%; 
font-family: Georgia, Arial, "Times New Roman", serif;
font-style: normal; 
font-weight: bolder;
text-decoration: underline;
color: #570cdf;
text-align: justify;
border-left: 30px;
}												  


#corps_autres .contacts
{
font-size: 90%; 
font-family: Georgia, Arial, "Times New Roman", serif;
font-style: normal; 
font-weight: normal;
text-decoration: none;
color: black;
text-align: justify;
border-left: 30px;
margin-top: 0px,
}													  
									  
#corps_autres form      /*Formulaire */									  
{
font-family: Georgia, Arial, "Times New Roman", serif;
font-size: 0.8em;
color: #002a52;
margin-top: 10px;
}			

									  
#corps_autres form legend
{
font-family: Georgia, Arial, "Times New Roman", serif;
font-style: italic; 
font-weight: bolder;
text-decoration: none;
color: #ff640f;
font-size: 1.3em;
} 									  
									  
#corps_autres form label
{
font-family: Georgia, Arial, "Times New Roman", serif;
font-style: normal; 
font-weight: bold;
text-decoration: none;
color: #4f93cb;
margin-left: 100px;
} 											  
									  
									  
#corps_autres form input textarea
{
font-family: Arial, Georgia, "Times New Roman", serif;
font-style: normal; 
font-weight: normal;
text-decoration: none;
color: black;
} 	

#corps_autres form em
{
visibility: hidden;
} 

#corps_autres form p .bouton
{
color: black;
background-color: #5cbdeb;
margin-top: 0px;
margin-bottom: 20px;
margin-left: 453px;
font-family: "Times New Roman", Arial, Georgia, serif;
font-weight: bold;
font-size: 1.3em;
} 
									  
#corps_autres form p .envoi
{
color: black;
background-color: #5cbdeb;
font-family: "Times New Roman", Arial, Georgia, serif;
font-weight: bold;
font-size: 1.3em;
} 

#corps_autres a:hover
{
font-size: 80%; 
font-family: Arial, Georgia, "Times New Roman", serif;
font-style: normal; 
font-weight: bold;
text-decoration: underline;
color: #c100e4;
text-align: justify;
}									  
									  
#corps_autres a
{
font-size: 80%; 
font-family: Arial, Georgia, "Times New Roman", serif;
font-style: normal; 
font-weight: bold;
text-decoration: none;
color: blue;
text-align: justify;
}						


#corps_autres table tr th  /*Page PUBLICITE */
{
border-style: solid; 
border-width: 1px; 
border-collapse: separate;
border-color: grey;
font-size: 90%; 
font-family: Arial, Georgia, "Times New Roman", serif;
font-style: normal; 
font-weight: bold;
color: #40c1f8;
height: 10px;
padding-top: 10px;
padding-bottom: 10px;
background-color: #eaeaea;
}

#corps_autres table tr td
{
border-style: solid; 
border-width: 1px; 
border-collapse: separate;
border-color: grey;
background-color: white;
font-size: 8O%; 
font-family: Calibri, Arial, Georgia, "Times New Roman", serif;
font-style: normal; 
font-weight: normal;
color: black;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
background-color: #bdc3c0;
}

#corps_autres table tr td em
{
color: #d50693;
}


#corps_autres .sv    /*SERVICES*/
{
background-color: ;
}		


#corps_autres .sv p   /*SERVICES*/
{
font-size: 80%; 
font-family: Arial, Georgia, "Times New Roman", serif;
font-style: normal; 
font-weight: normal;
text-decoration: none;
color: black;
text-align: justify;
}					

#corps_autres .sv a:hover
{
font-size: 90%; 
font-family: Arial, Georgia, "Times New Roman", serif;
font-style: normal; 
font-weight: bold;
text-decoration: underline;
color: #c100e4;
text-align: justify;
}									  
									  
#corps_autres .sv a
{
font-size: 90%; 
font-family: Arial, Georgia, "Times New Roman", serif;
font-style: normal; 
font-weight: bold;
text-decoration: none;
color: blue;
text-align: justify;
}						



#corps_autres .sv em
{
font-size: 90%; 
font-family: Arial, Georgia, "Times New Roman", serif;
font-style: normal; 
font-weight: bold;
text-decoration: none;
color: #ff180e;
text-align: justify;
}	

#corps_autres .sv img
{
margin-left: 10px;
}