/* CSS Document */

body
{
	color: black;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	background-image:url(image/fond.jpg);
	background-position:center;
	background-position:top;
	background-repeat:no-repeat;
	overflow-y:scroll;
}
h1     /* caractéristiques du titre */
{
	color:black;
	font-family:"Times New Roman", Times, serif;
	font-size: 36px;
	text-decoration: none;
	text-align:center;
}
h2     /* caractéristiques du sous-titre */
{
	color: black;
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
}
h3     /* caractéristiques du titre de l'evenement*/
{
	color: black;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	text-decoration: none;
}
p     /* caractéristiques de la rubrique */
{
	color:black;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
}
.chapitre     /* caractéristiques du nom de section */
{
	color:black;
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	text-decoration: none;
	font-weight: bold;
}
.important
{
	color:#FF0000;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
}
.texte
{
    color:#000000;
	font-size: 16px;
	font-family:"Times New Roman", Times, serif;
	text-indent: 30px;
	text-align:justify;
}
.piedpage
{
    color:#000000;
	font-family:"Times New Roman", Times, serif;
	font-size: 12px;
	text-indent: -50px;
	text-align:right;
}
.newsletter
{
	color:#A6A6A6;
	font-family:"Arial", Helvetica, sans-serif;
	font-weight: bolder;
}
.petit
{
	text-indent: 12px;
}
.pagesactuelle
{
	color: #000000;
	background-color:#FF0000;
	font-weight: bold;
}
.image {
	float: left; padding: 10px; margin: 0 6px 6px 0;
	}
.image2 {
	float: right; padding: 10px; margin: 0 6px 6px 0;
	}
.imageactu {
	float: right;
	margin: 0 6px 0 0;
	padding-left: 30px;
	padding-bottom: 20px;
	margin: 0;
	}
.imageactu2 {
	float: left;
	margin: 0 6px 0 0;
	padding-right: 30px;
	padding-bottom: 20px;
	margin: 0;
	}
a:link { /* Lien normal */
    color: red;
	text-decoration: none;
	border:none;
}
a:hover /* Quand le visiteur pointe sur le lien */
{
	color: black;
	text-decoration: underline;
}
a:focus /* Quand le visiteur sélectionne le lien */
{
	color:#FFFF00;
	font-size: 18px;
}
a:visited /* Quand le visiteur a déjà vu la page concernée */
{
	color:#CC0000;
	text-decoration: none;
}
a.archive:visited
{
 color: #999;
}
a.archive:link { 
 color: #999;
} 
a.archive:hover
{
 color: #999;
}
a.archive:focus
{
 color: #999;
}
div#banniere {
	width:100%;
	height:150px;
	padding: 0px;
	border: 0px;
	background-image:url(image/fondtricol.png);
	}
div#entete {
	width:1000px;
	height:150px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(image/LV_Prestige.png);
	}
div#titre {
	float:right;
	width:1000px;
	height:75px;
	border:0px;
	texte-align:left;
	padding-bottom:25px;
	}
div#barremenu {
	float:left;
	width:1000px;
	height:30px;
	margin:0px;
	padding:0px;
	border:0px;
	}
div#like {
	float:right;
	padding-top:5px;
	}
div.left {
	float:left;
	}
div.right {
	float:right;
	}
div#conteneur {
	width:1000px;
	height:auto;
	margin-left: auto;
	margin-right: auto;
	padding-top:150px;
	}
div#pieddepage {
	width:100%;
	height:25px;
	padding: 0px;
	border: 0px;
	margin:0px;
	color:#FFFFFF;
	font-size:8px;
	line-height:1%;
	background-color:#7b7b7b;
	}
div#actu {
	width:450px;
	height:auto;
	float:left;
	background-image:url(image/fondblanc.png);
	background-repeat:repeat;
	padding:10px;
	margin-bottom:20px;
	}
div#contenu {
	width:800px;
	height:auto;
	min-height:500px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(image/fondblanc.png);
	background-repeat:repeat;
	padding:10px;
	margin-bottom:10px;
	}
div#formulaire {
	width:800px;
	height:500px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(image/fondblanc.png);
	background-repeat:repeat;
	padding:10px;
	margin-bottom:10px;
	}
div#presentation {
	min-height:250px;
	}
div#partenaire {
	min-height:250px;
	border-bottom-color:#999999;
	border-bottom-style:dotted;
	}
div#fblive {
	width:450px;
	height:60%;
	float:right;
	background-image:url(image/fondblanc.png);
	background-repeat:repeat;
	padding:10px;
	margin-bottom:20px;
}
div#fb-root {
	height:0px;
	margin: 0px;
	padding:0px;
	border:0px;
	}
div.floating-menu {
	position:fixed;
	width:100%;
	top:0;
	left:0;
}
div.floating-menu a, div.floating-menu h3 {
	display:block;
	margin:0;
}
div.floating-pieddepage {
	position:fixed;
	width:100%;
	bottom:0;
	left:0;
}
div.floating-pieddepage a, div.floating-pieddepage h3 {
	display:block;
	margin:0;
}
ul {
	list-style-type: none;
} 
ul li#bouton a {
	display: block;
	height: 30px;
	background: url(image/bouton.png) top;
	background-repeat:repeat-x;
	padding-left: 5px;
	padding-right: 5px;
}
ul li#bouton a:hover {
	background-position: bottom;
}
ul li#bouton2 a {
	display: block;
	height: 30px;
    background : white;
	padding-left: 5px;
	padding-right: 5px;
    border-right : 10px solid white; /* on met une bordure blanche à droite de chaque élément */
}
ul li#bouton2 a:hover {
    background : white; /* couleur de fond */        
    border-right : 10px solid white; /* on met une bordure blanche à droite de chaque élément */
}
#menu, #menu ul /* Liste */     
{
    padding : 0; /* pas de marge intérieure */
    list-style : none; /* on supprime le style par défaut de la liste */
    line-height : 30px; /* on définit une hauteur pour chaque élément */
    text-align : center; /* on centre le texte qui se trouve dans la liste */
	width: 800px;
	color: black;
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight : bold;
}

#menu /* Ensemble du menu */
{
	color: black;
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight : bold;
	padding-left:10px;
}

#menu a /* Contenu des listes */
{
    display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
    background : #7b7b7b; /* couleur de fond */        
    color : #000; /* couleur du texte */
	height: 30px;
	text-align: left;
	text-decoration: none;
	border-spacing: 10px;
	padding: 0px;
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
}

#menu li /* Elements des listes */      
{ 
      float : left; 
}
#menu li ul /* Sous-listes */
{ 
      position: absolute; /* Position absolue */
      left: -999em; /* Hop, on envoie loin du champ de vision */
      float : left; 
}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}
