

a.info:hover/* info désigne les infobulles exemples*/
{
z-index:25;
background-color:white;
}
a.info{
position:relative;
z-index:24;
color:#999900;
font-size: 12px; 
	font-family: "Arial black", Verdana, sans-serif,Impact;
text-decoration:none
}
 
a.info:hover span{
display:block;
position:absolute;
top:2em; left:2em; width:15em;
border:1px solid #000;
background-color:#FFF;
color:#777;
text-align: justify;
font-weight:none;
padding:3%;
}
a.info span{
display: none
}

a.info_bulle span /* info_bulle désigne les infobulles point d'interrogation */
{
display: none
}

a.info_bulle 
{ 
position:relative;
z-index:24;
font-size: 12px; 
    padding:3%; /*Définition des marges intérieures de notre lien */ 
    /* Définition de l'arrière plan de notre lien */ 
    background:#fffff
}
/* Rend visible tout notre bloc span et lui attribue une taille */ 

a.info_bulle:hover span 
{
display:block;
position:absolute;
top:2em; left:2em; width:15em;
border:1px solid #777;
border-radius: 10px;
background-color:#FFF;
text-align: letf;
font-weight:none;
font-size:12px;
color:#777;
padding:3%;
}

a.info_bulle:hover 
{
z-index:25;
background-color:#FFF;
}




	
#container:hover{
  padding: 20px;
  background: #999900;
}


/* SPECIAL GENERATEUR D'INTRO*/


.texte_long {
width:450px;
height:150px;

}

.phrase {
width:450px;
height:50px;

}
.texte_court{
width:200px;
height:20px;

}

#hiddenactualite { display: none; margin-left:130px;}
#hiddendeja { display: none; margin-left:130px;}
#hiddendomaine { display: none; margin-left:130px;} 
#hiddenautre_raison { display: none; margin-left:130px;}

.verif {
color : #666666;
	font-size: 11px; /* Paragraphes de 12 pixels */
	font-family: Arial, Verdana, sans-serif,Impact;
	line-height:11px;
	}
	
.titre_verif {
font-size: 16px; /* Titres de 16 pixels */
line-height:25px;
	color: #999900; 
	font-family: Arial, Verdana, sans-serif,Impact;
	text-align: center;
	font-weight:bold;}	
	
	/* Form */

	form label {
		font-weight: 600;
		color: #888;
		display: block;
		margin: 0 0 1em 0;
	}

	form input[type="text"],
	form select,
	form textarea,
		{
		-moz-transition: background-color 0.25s ease-in-out;
		-webkit-transition: background-color 0.25s ease-in-out;
		-ms-transition: background-color 0.25s ease-in-out;
		transition: background-color 0.25s ease-in-out;
		-webkit-appearance: none;
		display: block;
		border: 0;
		background: #e8e8e8;
		
		box-shadow: inset 2px 2px 0px 0px rgba(0, 0, 0, 0.1);
		border-radius: 4px;
		line-height: 1.25em;
		padding: 0.75em 1em 0.75em 1em;
	}
	
	
	form textarea.phrase {
		width: 100%;
		min-height: 3em;
	}
	
	form textarea.texte_long {
		width: 100%;
		min-height: 15em;
	}
	
	form textarea.texte_court {
		width: 30%;
		min-height: 3em;
	}
	

	form ::-webkit-input-placeholder {
		color: #555 !important;
		line-height: 1.35em;
	}

	form :-moz-placeholder {
		color: #555 !important;
	}

	form ::-moz-placeholder {
		color: #555 !important;
	}

	form :-ms-input-placeholder {
		color: #555 !important;
	}

	form ::-moz-focus-inner {
		border: 0;
	}

.feuille_intro{
	text-align: justify;
	font-size: 1,2em; 
	color :black;
	font-family: Arial;
	width: 80%;
	page-break-inside: avoid;
	 border-width:2px;
	 border-style:solid ;
	 border-color:#777;
	 border-radius:10px;
	 padding:5%;
	 margin-left:10%;
	 margin-top:3%;
}


