/*********************************************************
		Corps de la page - Body
*********************************************************/
/*  Page ouverture */
body {
width:100%;
height : 90%;
padding : 10;
margin:0 auto;
background-repeat : no-repeat ;
background-image : url(Images/Fond/Index.jpg) ;
background-color:#98CCFE;
}

body.acc {
width:100%;
height : 90%;
padding : 10;
margin:0 auto;
background-repeat : repeat ;
background-image : url(Images/Fond/Degrade1.jpg) ;
background-color:#197297;
}

/*  Entete */
body.entete {
width:100%;
height : 100%;
padding : 0;
margin:0 auto;
background:#010080;
background-image : url(Images/Fond/entete.jpg) ;
background-repeat : repeat ;
}

/*  Menu */
body.menu {
width:100%;
height : 90%;
padding : 10;
margin:0 auto;
background:#3166FD;
background-image : url(Images/Fond/menu.jpg) ;
background-repeat : no-repeat ;
}

/*  Contenu */
body.centre {
margin : 5;
padding : 5;
font-size :15px;
color : black ;
line-height:2em;
background:#FFFFFF;
background-repeat : repeat ;
background-position : center ;
background-image : url(Images/Fond/Fond.jpg) ;

}

/*********************************************************
		Les liens A href
*********************************************************/

a:link {color: #CCFFFF; text-decoration:underline;} 			/* lien non visité  -  souligné */
a:visited {color: #CCFFFF; text-decoration:underline;} 		/* lien visité  - souligné */
a:hover {color: red; text-decoration:none;}					/* quand on passe sur le lien */

a.corps:link {color: #993300; text-decoration:underline;}	/* lien non visité */
a.corps:visited {color: #800000; text-decoration:underline;}	/* lien visité */
a.corps:hover {color: red; text-decoration:none;}			/* quand on passe sur le lien */

a.index:link {color: #003366; text-decoration:none;} 		/* lien non visité */
a.index:visited {color: #003366; text-decoration:none;}		/* lien visité */
a.index:hover {color: #003366; text-decoration:none;}		/* quand on passe sur le lien */

a.menu:link {color: orange; text-decoration:none;} 			/* lien non visité */
a.menu:visited {color: #FF9200; text-decoration:none;}		/* lien visité */
a.menu:hover {color: #FF78FF; text-decoration:none;}			/* quand on passe sur le lien  */

a.menu1:link {color: orange; text-decoration:none;} 		/* lien non visité   souligné */
a.menu1:visited {color:#FF9200; text-decoration:none;}			/* lien visité souligné */
a.menu1:hover {color: #FF78FF; text-decoration:none;}		/* quand on passe sur le lien  */

/*********************************************************
		Menu - Entete
*********************************************************/

/*aligner les liens sur une ligne et les mettre en forme */
#menu a{
display : block;
float : left;
width : 100%;
height : 30%;
text-align : center;
background-color : #C52237;
color: #CCFFFF;
font-weight : bold;
text-decoration : none;
font-size:14px;
border-style:solid;
border-width:1px;
border-color:#993300;
}

/* au survol de lien, changer la couleur du fond */
#menu a:hover{
margin : margin-bottom;
padding : padding-bottom;
background-color : orange;
color: black;
width : 100%;
height : 30%;
}

/*********************************************************
		Div  => En cas de changement de la Page d'accueil
*********************************************************/

#colonnegauche,#colonnedoite,#colonnemilieu{
width:100%;
overflow:hidden;
display:inline-block;
text-align:left;
}

/* safari and opera need this */

#colonnegauche,#colonnemilieu, #colonnedoite {float:left;}
#colonnegauche {width:33%; }
#colonnedoite {width:33%;}
#colonnemilieu {width:33%;}

/*********************************************************
				Tableau
*********************************************************/
/* TABLE */
table {
border-style:solid; 
border-color:transparent;
width:100%;
}

table#centre {
border-style:solid; 
border-color:transparent;
width:80%;
background-image:url(Images/Fond/Fond.jpg);
}

table#service {
border-style:solid; 
border-color:transparent;
width:90%;
font-weight : bold;
background-color :  #C9C9FF;
text-align: center;
background-position : center ;
vertical-align: top;
}

table#acc{
width:100%;
background-image:url(Images/Fond/tab.jpg) ;
margin-left:auto;
margin-right:auto;
text-align:center;
color:#FFFFFF;
}

table#index {
border-style:solid ; 
border-color:#FFFFFF;
width:70%;
height : 50%;
background-position : center ;
background:#003366;
margin-left:auto;
margin-right:auto;
}
/* TD */
td#align{
vertical-align: top;
}

td#align1{
vertical-align: top;
color:#FFFFFF;
text-align:center;
}

td#rue{ 
border-style:solid; 
background-color :  orange;
color : black;
width:30%;
text-align:center;
font-weight : bold;
vertical-align: top;
}

td#assoc1{ 
border-style:solid; 
border:2px solid silver;
color : black;
text-align:center;
font-weight : bold;
border-width:1px;
}

td#assoc{ 
border-style:solid; 
border:2px solid silver;
color : black;
text-align:center;
font-weight : bold;
border-width:1px;
background-color : orange;
}

td#monument{ 
color : black;
width:20%;
}

td#FBleu{ 
vertical-align: top;
border-style:solid; 
background-color :  #9393FF;
color : black;
font-size:16px;
}

td#FRose{ 
vertical-align: top;
border-style:solid; 
background-color : pink;
color : black;
font-size:16px;
}

td#FRose1{ 
border-style:solid; 
border:2px solid silver;
color : black;
text-align:center;
font-weight : bold;
border-width:1px;
background-color : pink;
}

td#FBlanc{ 
border-style:solid; 
background-color :  #FEFEFC;
color : black;
}

/*********************************************************
				Images
*********************************************************/
img {
border:0;
}