/* CSS pour pages LVT   */
 

body{
	max-width: 1200px;
	min-width: 980px;
	margin: auto; /* Pour centrer la page  */
	margin-top: 10px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur.  */
    margin-bottom: 15px; /* Pour éviter de coller avec le bas de la fenêtre du navigateur. */
	padding-left: 10px; /* Pour éviter de coller avec la gauche de la fenêtre du navigateur. */
	padding-right: 10px; /* Pour éviter de coller avec la gauche de la fenêtre du navigateur. */
	font-family:Arial, Helvetica, sans-serif;
}


/*balise HTML*/


a
{
	color:#103097;
	text-decoration: none;
}


/*
a:link{
	color:#103097;;
	text-decoration: none;
}

a:visited{
	color:#103097;
	text-decoration: none;
}

*/

a:hover
{
	background-color: #EBF8DE;
	font-weight: bold;
	text-decoration: none;
}


h1
{
	font-size: 200%;
	text-align: left;
	color: #000099;
	margin-top: 37px;
	background-color: #EBF8DE;
	padding-top: 15px;
	border-bottom-color: #000099;
	border-bottom-style: solid;
}


h2
{
	font-size: 120%;
	text-align: left;
	color: #000099;
	padding-top: 5px;
	padding-bottom: 2px;
	background-color:#EBF8DE;
}


h3
{
 	font-size: 120%;
	text-align: left;
	color: #000099;
	margin-top: 1em;
	margin-bottom: 0.25em;	
}

h4
{
 	font-size: 100%;
	font-style: italic;
	color: #000099;
	margin-top: 1em;
	margin-bottom: 0.25em;
}


h5
{
 	font-size: 150%;
	color: #000099;
	padding-top: 7px;
	padding-bottom: 5px;
    margin-top: 15px;
	margin-bottom: 15px;
	background-color:#EBF8DE;
}

h6
{
 	font-size: 125%;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 5px;
}

hr /*pour menu addiction au jeu*/
{
	margin: 3px 0px 3px -11px;
	color: #000099;
	height: 1px;
}

label /*définit les labels des formulaires comme un bloc pour permettre d'aligner les champs de formulaire*/
{
 	display:block;
	width:100px;
	float:left;
	font-size: 100%;
	color: #000099;
}


table
{
    margin: auto;  /*Centre le tableau*/
	border-collapse: collapse; /*les bordures seront collées entre elles*/
	border: none;
/*	width: auto;*/
}

th
{
	font-size: 120%;
	color: #000099;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #EBF8DE;
}

td
{
	font-size: 95%;
	vertical-align: top;
	padding-top: 10px;
}



/*ul
{
   	list-style-image: url(Library/img_modeles/puce_bleu.gif);
}*/

ul li
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;	
}

dd
{
	margin-top: 0.2em;
}

a img
{
	border: none;/*enlève la bordure bleue de l'image utilisée comme lien*/
}


/* Définition de l'en-tête   */

#en_tete_gauche
{
   float: left; /* La première partie sera à gauche*/
   width:778px; /* On définit la largeur de l'image */
   height: 155px; /* On définit la hauteur */
   background-image: url(Library/img_modeles/en_tete_gauche.gif);
   background-repeat: no-repeat;
   margin-right: -3px; /*Pour que la partie 1 se colle à la 2 sous IE6.*/
}

#en_tete_centre
{
   width:auto; /* occupe tut l'espace disponible. */
   height: 155px; /* On définit la hauteur */
   background-image: url(Library/img_modeles/en_tete_centre_r.gif);
   background-repeat: repeat; /*empêche l'image principale de se répéter*/
}


#en_tete_droite
{
   float: right; /* La dernière partie est à droite */
   width:188px; /* On définit la hauteur */
   height: 155px; /* On définit la hauteur */
/*   background-image: url(Library/img_modeles/en_tete_droite.gif);*/
   background-repeat: no-repeat;
   margin-left : -3px; /*Pour que la partie 3 se colle à la 2 sous IE6*/
}

/*Définition de la barre gauche (menu) */

#page
{
}

#barre_gauche
{
	float: left;
	width: 150px;
	text-align:left;
	padding-top:5px;
}

.element_menu
{
	font-size: 80%;
	padding: 5px 0px 15px 10px;
	background-color:#EBF8DE;
}


.element_menu a:hover
{
	text-decoration:none;
	font-weight:bold;
	background-color:#FFFFFF;
}

.element_menu a /*permet que le fond du texte survolé par la souris remplisse toute la largeur du block*/
{
	text-decoration:none;
	display: block;
} 


.titre_menu
{
	/*margin-top:10px;
	padding-bottom: 10px;3/*/
	background-color:#EBF8DE;
}

/*Définition du corps du texte*/

#corps
{		
	margin-left:200px; /* Pour pousser le corps, afin qu'il ne passe pas sous la barre gauche */
	margin-right:200px; /* Pour pousser le corps, afin qu'il ne passe pas sous la barre droite */
	margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
	text-align:justify;
	font-size:80%;
}

#corps p /*diminue l'espace entre les paragraphes : moins qu'une ligne entière*/
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-family: Arial, Helvetica, sans-serif;
}


.form
{
   	margin-left: 75px;
}
	

.text ul
{
	list-style-image: url(Library/img_modeles/puce_bleu.gif);
}

.text_lien table
{
	margin-left: 0px;
	border-collapse: collapse; /*les bordures seront collées entre elles*/
	border: none;
	margin-top: -0.3em;
	margin-bottom: 0.5em;
}

.text_prevention ul
{
	list-style-image: url(Library/img_modeles/puce_mouton.gif);
	margin-top: -1px;
	margin-bottom: -3px;
}

.text_prevention li
{
	margin-top: 0.1em;
	margin-bottom: 0.2em;
	margin-left: -15px;
}

.text_prevention img
{
	float: left;
	padding: 10px 20px 10px 0px;
}

.text_prevention table
{
	margin-left: 0px;
	border-collapse: collapse; /*les bordures seront collées entre elles*/
	border: none;
	margin-top: -0.3em;
	margin-bottom: 0.5em;
}

.text_prevention td
{
	padding-bottom: 0.3em;
	padding-top: 0.3em;
}


.text_aide ul
{
	margin-top: -3px;
	list-style-image: url(Library/img_modeles/puce_feuille.gif);
}

.text_proche ul
{
	list-style-image: url(Library/img_modeles/puce_serrure.gif);
}

.text_reseau ul
{
	list-style-image: url(Library/img_modeles/puce_horloge.gif);
}

.text_jeu img
{
/*	float: left;*/
}

.text_jeu ul
{
	margin-top: -3px;
	list-style-image: url(Library/img_modeles/puce_de.gif);
}

.text_jeu form 
{
   	margin-left: 0px;
}

.text_jeu label /*définit les labels des formulaires comme un bloc pour permettre d'aligner les champs de formulaire*/
{
	margin-left: 19px;
	width:550px;
	font-size: 100%;
	color: #000;
}
.text_jeu table
{
	margin-left: 0px;
	border-collapse: collapse; /*les bordures seront collées entre elles*/
	border: none;
	margin-top: -0.3em;
	margin-bottom: 0.5em;
}

.text_img_gauche /* définit un corps de texte dans lequel une image se positionne à gauche*/
{
	font-size: 100%;
}

.text_img_gauche img
{
	float: left;
	padding: 10px 20px 10px 0px;
}

.text_img_droite /* définit un corps de texte dans lequel une image se positionne à droite*/
{	
	font-size: 100%;
}

.text_img_droite img
{
	float: right;
	padding: 10px 0px 10px 20px;
}


.boutique table
{
	margin-left: 0px;
}

.boutique table th
{
	font-size: 90%;
	font-weight: bold;
/*	text-align: right;*/
	color: #000099;
	background-color: #EBF8DE;
	border-bottom-color: #000099;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}


.boutique img
{
	margin-right: 5px;
}

.boutique_total
{
	font-size: 110%;
	text-align: left;
	font-weight: bold;
	color: #000099;
	background-color: #EBF8DE;
	border-bottom-color: #000099;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}

.boutique_sous_total
{
	font-size: 110%;
	font-weight: normal;
	text-align: left;
	color: #000099;
	background-color: #EBF8DE;
	border-top-color: #000099;
	border-top-style: solid;
	border-top-width: 1px;
}

.boutique_couleur
{
	font-size: 100%;
	font-weight: bold;
	color: #000099;
}

.boutique_souris
{
	background-color: #EBF8DE;
	cursor: pointer;
}

.boutique_clic
{
	background-color: #EBF8DE;
	font-weight: bold;
}	

.boutique label /*définit les labels des formulaires comme un bloc pour permettre d'aligner les champs de formulaire*/
{
	display:block;
	width:250px;
	float:left;
	font-size: 100%;
	color:#000000;
}

.boutique input
{
	font-size: 90%;
	text-align: right;
}

.boutique_adresse label
{
	display:block;
	width:175px;
	float:left;
}

.boutique_adresse input
{
	text-align: left;
	font-size: 100%;
}

.boutique_bouton input
{
	font-size: 110%;
	text-align: left;
}

.tableau table
{
	margin-left: 0px;
}

.carte
{
	border:none;
	text-align:center;
}

.carte img
{
	border: none;
}

.mail ul
{
	 list-style-image: url(Library/img_modeles/puce_mail.gif);
}


.text_img_centre img
{
	float: inherit;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.titre_libre
{
 	font-size: 110%;
	font-style: italic;
	font-weight: bold;
	color: #000099;
	text-align: left;
}

.titre_doc
{
 	font-size: 100%;
	color: #000099;
	font-style: italic;
	font-weight: bold;
}

.ouvrir_windows /*formatage des commandes permettant d'ouvrir une fenêtre de commentaires*/
{
	padding-top: 5px;	
	text-align: left;
	color: #000099;
	font-size: 95%;
	display: block;	
}

.ouvrir_windows a:hover
{
	background-color: #EBF8DE;
	font-weight: bold;
	text-decoration: none;
}	

.notice_date /*formatage de la date du titre des news*/
{
	font-size: 100%;
	font-weight: bold;
	color: #000099;
	text-align: left;
	font-style: normal;
	background-color: #EBF8DE;
}

.notice table
{
	margin-left: 0px;
	width: 99%;
	border-collapse: collapse; 
	border: none;
}

.notice_ital /*formatage de la date de tous les forums*/
{
	font-style: italic;
	font-size: 95%;
}

.notice_titre /*formatage du titre des news et docs recherceh*/
{
 	font-size: 110%;
	font-style: italic;
	font-weight: bold;
	color: #000099;
	text-align: left;
	background-color: #EBF8DE;
	display: block;
}

.notice_texte /*formatage du texte des news et docs recherceh*/
{
	margin-top: 5px;
	font-size: 100%;
	font-weight: normal;
	color: #000000;
}

.notice_mi_espace
{
	font-size:xx-small;
}

.notice_comments /*formatage des commandes de commentaires*/
{
	text-align: right;
	color: #000099;
	font-size: 85%;
	display: block;	
}

.notice_comments a:hover
{
	background-color: #EBF8DE;
	font-weight: bold;
	text-decoration: none;
}

.doc_projet
{
}

.doc_projet ul
{
	list-style-image: url(Library/img_modeles/acrobat_ico.gif);
}

.doc_presse
{
	padding-left: 37px;
}

.doc_projet_titre
{
	font-style: italic;
	font-weight: bold;
	color: #000099;
	text-align: left;
}

.th_titre_ligne
{
 	font-size: 100%;
	color: #000099;
	font-style: italic;
	font-weight: bold;
	margin-left: 40px;
}

.td_retrait
{
	margin-left: 27px;
	width: 400px;
	display: block;
}

.menu /*alignement du menu (nous contacter, conseil anonyme, mon opinion) à droite*/
{
	text-align:right;
}

.menu_page /*formatage et alignement du menu de chaque page qui se situe sous le titre principal*/
{
	text-align:right;
	font-size: 90%;
	color: #000099;
}

.menu_couleur /*couleur de fond de mneu_page pour éviter que la couleur de fond ne prenne toute la largeur de la page*/
{
	background-color: #EBF8DE;
}

.menu_page a /*comportement des liens du menu_page*/
{
	text-decoration: none;
}

.menu_page a:hover 
{
	font-weight: bold;
}

.menu_hor /*positionnement du menu horizontal déroulant àà droite*/
{
	float: right;
}

/*Définition de la barre de droite (jeu, recherche, campagnes,)*/

#barre_droite
{
	float: right;
	width: 188px;
	padding-top:5px;
	text-align:right;
	font-size: 100%;
}

.rechercher
{
	font-size: 100%;
	margin-left:36px;
	padding: 0px 0px 5px 2px;
	background-color:#EBF8DE;
	text-align: left;
}

.titre_menu_droite
{
	/*margin-top:10px;
	padding-bottom: 10px;*/
	background-color:#FFFFFF;
}

.rechercher form
{
	margin: 0px 0px 0px 0px;
}

.rechercher table
{
	font-size: 80%;
	text-align: left;

}

.communiquer
{
	background-color:#FFFFFF;
	/*font-size: 80%;
	text-align: left;
	margin-left:39px;
	padding: 5px 0px 10px 10px;*/
}

.communiquer img
{
	float:right;
	margin-top:5px;;
	margin-bottom:5px;
	margin-left:39px;
	border-style:solid;
	border-color:#CCCCCC;
	border-width:1px;
}

.element_menu_D
{
	font-size: 80%;
	text-align: left;
	margin-left:39px;
	padding: 5px 0px 10px 10px;
	background-color:#EBF8DE;
}

.element_menu_D a
{
	text-decoration:none;
	display: block;
}

.element_menu_D a:hover
{
	text-decoration:none;
	font-weight:bold;
	background-color:#FFFFFF;
}

.points_forts
{
	/*text-align:right;
	font-size: 80%;
	text-align: left;*/
	margin-left:39px;
	padding: 5px 0px 5px 5px;
}

.points_forts img
{
	float:right;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* pied de page */


#pied_page
{
	clear: both;
	/*padding-left: 10px; /* Pour éviter de coller avec la gauche de la fenêtre du navigateur. */
	/*text-indent:200px;*/
	font-size: 80%;
	color: #000099;
	line-height: 30px;
}

.text_retrait
{
	padding-left: 200px; /* Pour pousser le texte du pied de page à droite afin de l'aligner sur le corps de la page */
}

.copyright
{
	font-size: 90%;
}

.extrait
{
	font-size: 75%;
	color: #000099;
}

.pied_page_gauche
{
	float: left; /* La première partie sera à gauche*/
	width:778px; /* On définit la largeur de l'image */
	height: 30px; /* On définit la hauteur de l'image */
   	background-image: url(Library/img_modeles/pied_page_gauche.gif);
   	background-repeat: no-repeat;
  	margin-right: -3px; /*Pour que la partie 1 se colle à la 2 sous IE6.*/
}

.pied_page_gauche a:hover /*comportement des liens du menu_page*/
{
	text-align: left;
	font-weight: bold;
}
	

.pied_page_centre
{
   	width:auto; /* occupe tut l'espace disponible. */
	height: 30px; /* On définit la hauteur de l'image */
   	background-image: url(Library/img_modeles/pied_page_centre_r.gif);
   	background-repeat: repeat;
}

.pied_page_droite
{
	float: right; /* La dernière partie est à droite */
	height: 30px; /* On définit la hauteur de l'image */
   	width:188px;/* On définit la largeur de l'image */
   	background-image: url(Library/img_modeles/pied_page_droite.gif);
   	background-repeat: no-repeat;
  	margin-right: -3px; /*Pour que la partie 1 se colle à la 2 sous IE6.*/
}

/*fenêtre popup*/

#popup
{	
	width : 350px;
	text-align:justify;
	font-size:80%;
}

#popup2
{	
	width : 500px;
	text-align:justify;
	font-size:80%;
}