/* CSS Document */
body
{
	background-color: #42101b;
	background-image: url("../image/fond1.jpg"); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
	background-repeat: repeat-x;	
}

.signature
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	font-style: italic;	
	color: #CCC;
	text-align: right;
	margin-right: 50px;			
}

p
{
	margin: 0px;		
}
h2 strong, h2 em
{
	font-style: normal;
	font-weight: normal;
	font-variant: small-caps;
}
h3 strong, h3 em
{
	font-style: normal;
	font-weight: normal;
	font-variant: small-caps;
}

strong, em
{
	font-style: normal;
	font-weight: normal;
	
}
.fond_ligne_1
{
	font-style: normal;
	font-weight: bold;
	font-variant: small-caps;
	background-image: url(../image/fond_ligne_1.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
.encart_menu_1
{
	color: #FFF;
	font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
	font-size: 24px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	
	
	}
.encart_menu_1 a
{
	font-size: 24px;
	
	display: block;
	text-decoration: none;
	height: 240px;
	color: #FFF;
	background-image: url(../image/00022.png);
	background-position: top;
	padding-top: 10px;
	width: 210px;
	margin-right: auto;
	margin-left: auto;
}


.encart_menu_1 a:hover
{
	font-size: 26px;
	
	text-decoration: none;
	color: #FFF;
	background-image: url(../image/00022.png);
	background-position: bottom;
}

.encart_menu_1 h2, strong
{
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	font-variant: small-caps;
	font-size: 24px;
	display: inline;
	font-weight: bold;
	color: #FFF;	
}
.encart_menu_1 p
{
	text-align: left;
	display: inline;
	
}


#conteneur
{
	width: 980px;
	margin: auto; /* Pour centrer notre page */
	margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
	margin-bottom: 20px;    /* Idem pour le bas du navigateur */
	background-color: #42101b;
	border: 3px solid #FF0000;
}

/* L'en-tête */

#en_tete
{
   width: 980px;
   height: 300px;
   background-image: url("../image/logo1.png");
   background-repeat: no-repeat;
   margin-bottom: 0px;
}

/*MENU 1*/	

.menu_1 {
	width: 980px;
	height: 35px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #F00;		
}
.menu_1 ul {
	list-style-type: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
		
}
.menu_1 ul li a {
	display: block;
	text-align: center;
	height: 28px;
	width: 238px;
	text-decoration: none;
	color: #FFF;
	background-image: url(../image/menu_1_bouton_1.jpg);
	padding-top: 8px;	
	font-size: 18px;
	font-variant: small-caps;
}
.menu_1 ul li a:hover {
	background-image: url(../image/menu_1_bouton_1.jpg);
	background-position: bottom;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-size: 20px;
}
.menu_1 ul li {
	float: left;
	padding-right: 4px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

/* Le menu */

#menu
{
	float: left; /* Le menu flottera à gauche */
	width: 220px; /* Très important : donner une taille au menu */
	padding-right: 5px;
	padding-left: 5px;
}

.element_menu
{
	background-color: #000000;
	background-image: url("../image/fond2.jpg");
	background-repeat: repeat-x;
	margin-bottom: 20px;
	border: 2px solid #FF0000;
}

/* Quelques effets sur les menus */


.element_menu h3 /* Tous les titres de menus */
{   
   color: #B3B3B3;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
	padding-left: 14px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
	margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	list-style-type: none;
}

.element_menu a /* Tous les liens se trouvant dans un menu */
{
   color: #B3B3B3;
}

.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #B3B3B3;
   color: black;
}

#corps
{
	margin-left: 230px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
	margin-bottom: 20px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
	color: #FFF;
	background-color: #000000; /* Une couleur de fond pour le corps */
	
	background-repeat: no-repeat;  /* Une bordure pour bien marquer les limites du corps et pour faire joli */
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	width: 730px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FF0000;
	border-bottom-color: #FF0000;
	border-left-color: #FF0000;
}
#corps h2 /* Tous les titres h1 du corps */
{
	text-align: left;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	color: #CCC;
	font-size: 22px;
	font-variant: small-caps;
	font-style: normal;
	font-weight: normal;
}


.fond_taille_h2_1
{
	background-image: url(../image/0000.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 550px;
	height: 50px;
	padding-left: 20px;
	padding-top: 12px;
	text-align: left;
	font-style: normal;
	font-weight: normal;
	font-variant: small-caps;
	font-size: 22px;
	margin-top: 20px;
}
.fond_taille_h2_1 em, .fond_taille_h2_1 strong
{
	font-style: normal;
	font-weight: normal;
	font-variant: small-caps;
	font-size: 22px;
	
	color: #CCC;
}

.fond_taille_h2_2
{
	background-image: url(../image/00000.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 700px;
	height: 100px;
	padding-left: 42px;
	padding-top: 25px;
	text-align: left;
	font-style: normal;
	font-weight: normal;
	font-variant: small-caps;
	font-size: 22px;
	margin-top: 20px;
}
.fond_taille_h2_2 strong,.fond_taille_h2_2 em
{
	font-style: normal;
	font-weight: normal;
	font-variant: small-caps;
	font-size: 22px;
	color: #CCC;	
}


.fond_taille_h2_3
{
	background-image: url(../image/0000.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 550px;
	height: 50px;
	padding-left: 60px;
	padding-top: 12px;
	text-align: left;
	font-style: normal;
	font-weight: normal;
	font-variant: small-caps;
	font-size: 22px;
	margin-top: 20px;
}
.fond_taille_h2_4
{
	background-image: url(../image/0stripteaseuse.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	width: 500px;
	height: 100px;
	padding-top: 45px;
	text-align: center;
	font-style: normal;
	font-weight: normal;
	font-variant: small-caps;
	font-size: 26px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
.fond_taille_h2_4 strong, .fond_taille_h2_4 em
{
	font-style: normal;
	font-weight: normal;
	font-variant: small-caps;
	font-size: 26px;
	
}

#corps .fond_taille_h2_5
{
	background-image: url(../image/0stripteaseuse.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	width: 500px;
	height: 100px;
	padding-top: 45px;
	text-align: center;
	font-style: normal;
	font-weight: normal;
	font-variant: small-caps;
	font-size: 26px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	color: #FFF;
}
.fond_taille_h2_5 strong, .fond_taille_h2_5 em
{
	font-style: normal;
	font-weight: normal;
	font-variant: small-caps;
	font-size: 26px;
	
}

#corps h3 /* Tous les titres h2 du corps */
{
	color: #CCC;
	font-weight: normal;
	font-variant: small-caps;
	font-style: normal;
}
.fond_taille_h3_1
{
	background-image: url(../image/0.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 550px;
	height: 50px;
	padding-left: 20px;
	padding-top: 12px;
	text-align: left;
	font-style: normal;
	font-weight: normal;
	font-variant: small-caps;
	font-size: 22px;
	margin-top: 20px;
}
.fond_taille_h3_1 em, .fond_taille_h3_1 strong
{
	font-style: normal;
	font-weight: normal;
	font-variant: small-caps;
	font-size: 22px;
	
	color: #CCC;
}


.fond_taille_h3_2
{
	background-image: url(../image/001.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 550px;
	height: 50px;
	padding-left: 25px;
	padding-top: 12px;
	text-align: left;
	font-style: normal;
	font-weight: normal;
	font-variant: small-caps;
	font-size: 22px;
	margin-top: 20px;
}
.fond_taille_h3_2 em, .fond_taille_h3_2 strong
{
	font-style: normal;
	font-weight: normal;
	font-variant: small-caps;
	font-size: 22px;
	
	color: #CCC;
}
.fond_taille_h3_3
{
	background-image: url(../image/002.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 550px;
	height: 50px;
	padding-left: 25px;
	padding-top: 12px;
	text-align: left;
	font-style: normal;
	font-weight: normal;
	font-variant: small-caps;
	font-size: 22px;
	margin-top: 20px;
}
.fond_taille_h3_3 em, .fond_taille_h3_3 strong
{
	font-style: normal;
	font-weight: normal;
	font-variant: small-caps;
	font-size: 22px;
	
	color: #CCC;
}


#corps h4 /* Tous les titres h3 du corps */
{
	font-style: normal;
	font-weight: bold;
	font-variant: small-caps;
	background-image: url(../image/fond_ligne_1.jpg);
	background-repeat: repeat-x;
	background-position: top;
	height: 25px;
	padding-left: 30px;
	color: #CCC;
	text-align: left;
	width: 500px;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	font-size: 18px;
}
#corps h4 strong a, #corps h4 em, #corps h4 strong, #corps h4 a  /* Tous les titres h3 du corps */
{
	font-style: normal;
	font-weight: bold;
	font-variant: small-caps;
	background-image: url(../image/fond_ligne_1.jpg);
	background-repeat: repeat-x;
	background-position: top;
	height: 25px;
	color: #CCC;
	text-align: left;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	font-size: 18px;
} 
   
  #pied_de_page
{
   
    padding: 5px;
   height: 100px; 
  
   overflow: auto;
   text-align: left; 

   color: #B3B3B3;
   background-color: #626262;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   
   border: 2px solid black;   
}
#pied_de_page h1, h2, h3
{
   font-size: small;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   text-align: center      
}

#pied_de_page p
{
   font-size: x-small;
}

#pied_de_page a
{
   text-decoration: none;
   color: #B3B3B3;
}

#pied_de_page strong, #pied_de_page strong em
{
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: x-small;
}


.imageflottante
{
	float: left;
	width: 230px;
	text-align: center;
	margin-right: 3px;
	margin-bottom: 3px;
	color: #000;
	height: 220px;
	display: block;
	text-decoration: none;
	padding-top: 10px;
	background-image: url(../image/0img_flot.jpg);
	font-weight: bold;
}
.imageflottante img
{
border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-decoration: none;
}
.imageflottante:hover
{
	float: left;
	width: 230px;
	text-align: center;
	margin-right: 3px;
	margin-bottom: 3px;
	color: #000;
	height: 220px;
	display: block;
	text-decoration: none;
	padding-top: 10px;
	background-image: url(../image/0img_flot.jpg);
	background-position: bottom;
}

.imageflottante2
{
	float: left;
	width: 230px;
	text-align: center;
	margin-right: 3px;
	margin-bottom: 3px;
	color: #FFF;
	height: 220px;
	display: block;
	text-decoration: none;
	padding-top: 10px;
	background-image: url(../image/0img_flot2.jpg);
	font-weight: bold;
}
.imageflottante2 img
{
border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-decoration: none;
}
.imageflottante2:hover
{
	float: left;
	width: 230px;
	text-align: center;
	margin-right: 3px;
	margin-bottom: 3px;
	color: #000;
	height: 220px;
	display: block;
	text-decoration: none;
	padding-top: 10px;
	background-image: url(../image/0img_flot2.jpg);
	background-position: bottom;
}
.dessous
{
   clear: both;
}

.stop_flotte
{
   clear: both;
}

.gauche
{
   float: left;
   margin: 10px;
   margin-left: 5px;  
}

.droite
{
   float: right;
   margin: 10px;
   margin-right: 5px; 
}

.flotte_gauche
{
   float: left;
  
}

.fauxtitre1
{
   font-variant: small-caps;  
}

.visu1
{
   font-style: italic;
   font-size: 20px;
   background-color: #993366  
}

.centre1
{
   text-align: center;
}

.centre1bis
{
	text-align: center;
	font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 18px;
	color: #CCC;

}

.centre1bis strong, .centre1bis em
{
	font-style: normal;
	font-weight: normal;
	font-variant: small-caps;
	font-size: 18px;	
}


.important1
{
   font-style: normal;
   font-variant: normal; 
  
}

.important2
{
   font-style: normal;
   font-variant: normal;
   font-weight: normal;       
}

.lien1
{
   text-decoration: none;
   color: #fdbb39;    
}

.paragraphe2
{
	font-size: 18px;
	font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
	color: #CCC;
	
}
.paragraphe2 strong, em
{
	font-size: 18px;
	font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
	color: #CCC;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	font-weight: normal;
}

.non
{
display: none;
   
}

.lienformulaire
{background-color:#FF00FF;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration: none;}

.lienformulaire2
{
	width: 500px;
	text-align: center;
	margin-right: auto;
	color: #FFF;
	height: 40px;
	display: block;
	text-decoration: blink;
	padding-top: 10px;
	background-image: url(../image/0img_form.jpg);
	font-weight: bold;
	margin-left: auto;
	font-size: 18px;
	margin-bottom: 15px;
	font-variant: small-caps;
}

.lienformulaire2:hover
{
	width: 500px;
	text-align: center;
	margin-right: auto;
	color: #FFF;
	height: 40px;
	display: block;
	text-decoration: none;
	padding-top: 10px;
	background-image: url(../image/0img_form.jpg);
	background-position: bottom;
	margin-left: auto;
	font-size: 18px;
}
 
.titrea
{
color: #B3B3B3;
font-size: 10px;
display: inline;
}
.titrea_bis
{
	color: #B3B3B3;
	font-size: 10px;
	
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.liste_simple
{
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

/*DEBUT CSS FORMULAIRE*/
/*DEBUT CSS FORMULAIRE*/
.formulaire
{
	width: 962px;
	padding-right: 6px;
	padding-left: 6px;
}

input, textarea
{
   font-family: "Times New Roman", Times, serif; /* On modifie la police du texte tapé l'intérieur des champs */
}
 
input:focus, textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */
{
   background-color: #BEE3FF;
}
 
label
{
	color: blue; /* Colorer en bleu tous les labels (bah oui, pourquoi pas en bleu ?) */
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
 
legend /* On met un peu plus en valeur les titres des fieldset */
{
   font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
   color: #993366;
   font-weight: bold;
   background-color:#fbc8e7;
}
 
fieldset
{
   margin-bottom: 15px; /* Une marge pour séparer les fieldset */
   background-color: #fbc8e7;
}

.ptab{
	width: 700px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 200px; /*width of left column containing the label elements*/
	border-top: 1px dashed gray;
	height: 1%;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}

.labeltab{
font-weight: bold;
float: left;
margin-left: -190px; /*width of left column*/
width: 200px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.textback
{
background-color: #fbc8e7;
}

.centre1
{
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-variant: small-caps;
}  

/*FIN CSS FORMULAIRE*/

/*FIN CSS FORMULAIRE*/
.commentaire_parti_non
{
	display: none;	
}  
.commentaire_parti_oui
{
	text-align: center;	
}