a:hover
{	background-color: #e1aa24;
}

a
{	color: #797aad;
	text-decoration : none;
}

img
{	border: 0;
	max-width: 100%
}

h2
{	color: #FFFFFF;
	text-decoration : none;
	font-size: 14px;
}

h4
{	color: green;
	font-size: 10px;
}



#menu
{	float: right;
	z-index:1;	

	width: 21%; /* taille du menu */
	background-color: #f9ebd5;
	margin-top: 5px;
	margin-right: 1%;
	padding: 0px; /* coller au cadre */
}

#frise_photos
{	height: 35px;  
	margin-top: 2px;
	background-image: url("../album.photos/photosfrise.jpg");
	background-repeat: no-repeat;
	text-align: right;
	padding: 1px;
	border: 1px solid black;
	background-color: #FFFFFF;
	font-weight: bolder;
	font-size: 18px;
}

.navigationphoto
{	text-align: center;
	font-size: 10px;
	color: ##0000FF;
}

.titre_cadres
{	background:url(http://jogginglaverune.com/blog/wp-content/themes/arjuna-x/images/heading.png);
	background-repeat: no-repeat;
	margin-bottom: 0px; /* Pour ... ne soient trop collés */
	color: #5f5f5f;
	font-weight:bold;
	font-size:16px;
	font-family:Verdana, Geneva, sans-serif;
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 17px;
}


.anniversaire
{	background-color: #000000;
	text-align: center;   
	font-size: 12px;
	font-weight:bold;
	color: #FFFFFF;
	text-align: center;
	width: 370px; 
	padding: auto;
	margin: auto;
	background-image: url("../adherents/anniversaire.jpg"); 	
}

.element_menu
{	border: 1px black;
	margin-bottom: 0px; /* Pour ... ne soient trop collés */
	font-size: 12px;
}

.element_menu_google
{	background-color: #FFFFFF;
	border: 1px black;
	padding:2px;
}

/* Quelques effets sur les menus */

.element_menu h3 /*  les titres  */
{	color: #B3B3B3;
	text-align: left;
	margin : 2px; padding : 0;
	margin-left: 10px;
}

.element_menu a /*  les liens  dans un menu */
{	color: #797aad;
	font-size: 12px;
	text-decoration : none;
}

.element_logo   /* image colone menu */
{	text-align: center;
}
.element_logo img  /* image colone menu */
{	margin-right: 0px;
	margin-left: 0px;
	margin-top: 15px;
	margin-bottom: 15px;
}

/* Le corps de la page */
#corps, #corps_2, #corps_3
{	float: left;
	z-index:1;
	margin-left: 1%;
	margin-bottom: 20px;
	margin-top: 5px;
	padding: 0;
	padding-bottom:5px;
	color: #3f3f3f;
	background-color: #f9ebd5;
}

#corps
{width: 76%;}
	
#corps_2, #corps_3
{width: 97%;}


#corps h1, #corps_2 h1, #corps_3 h1
{	color: #B3B3B3;
	text-align: center;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps p, #corps_2 p, #corps_3 p
{	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	margin : 3px 3px 3px 3px;
}

#corps h2, #corps_2 h2
{	height: 30px;
	padding-left: 20px;
	color: #FF8040;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	text-align: left;
}

.cadre_cadre /* encadre les cadres de façon à les centrer... */
{ 	padding: auto; margin:auto;}

.cadre_corps, .cadre_corps2, .cadre_corps4  /* pour page adhérents... */
{	float: left;
	width: 220px;
	border: 0px; 
	margin: 5px;
	padding: 4px; 
	text-align: justify;
	font-size: 13px;
	color: #000000;
	z-index:10;
}

.cadre_corps4
{	height: 180px;  }

.cadre_corps, .cadre_corps2
{	height: 140px;  }

.cadre_corps3 img  /* pour page adhérents... */
{	margin : auto; }

.photo_cadre_corps, .photo_cadre_corps2, .photo_cadre_corps3, .photo_anniversaire
{	float: left;
	border: 0px ;
	margin:5px; }
	
.photo_cadre_corps
{	width:120px; }

.photo_cadre_corps2
{	width:90px; }

.photo_cadre_corps3
{	width:125px; }

.photo_anniversaire
{	height: 35px; }
	
.cadre_apresphoto {}

.dessous2
{   clear: both;
}

.corps_paraph1
{	background-color: #f9ebd5;
	border: 0px ;
	padding: 10px; 
	text-align: right;
	font-size: 12px;
	color: #000000;
	font-weight : bold;
	margin-left:10px;
	clear: right;
}

.corps_paraph3, .corps_paraph4, .corps_paraph2
{	background-color: #f9ebd5;
	border: 0px ;
	font-size: 13px;
	color: #000000;
}

.corps_paraph2, .corps_paraph5
{	padding: 5px; 
	text-align: justify;
	margin-left:10px;
	margin-right:10px;
	margin-top:0px;
}

.corps_paraph5
{	font-size: 11px;
	border: 1px ;
}


.corps_paraph3, .corps_paraph4
{	padding-left: 30px; 
	padding-right: 30px;
}

.corps_paraph2 h2
{	padding: 0px; 
	color: #888888;
	margin-left:0;
}

.corps_paraph2 ul, .element_menu ul /* Toutes les listes à puces  */
{	list-style-image: url("../images/pucecoureur.gif"); /* On change l'apparence des puces */
	padding: 0px;
	padding-left: 25px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 25 pixels */
	margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
	margin-bottom: 0px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}

.corps_paraph2 ul 
{	margin: 0px;
	margin-bottom: 0px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}

.element_menu ul
{	margin: 10px;
	margin-bottom: 10px;
	text-align: left;
}

.corps_identite
{	background-color: #FFFFFF;
	border: 0px;
	text-align: center;
	font-size: 12px;
	color: #000000;
}

.corps_paraph3
{	text-align: justify ;
}

.corps_paraph4
{	text-align: center;
}

.imageflottante
{	float: right;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}

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

.dessousflottant
{   clear: right;
}

.dessous
{	text-align: right;
}

#image_compteur  /* cadre avec image et compteur */
{	margin-left: 175px;
	margin-bottom: 20px;
	padding: 10px;
	text-align: center;
}


#pied_de_page
{	padding: 5px;
	text-align: center;
	font-size: 13px;
	color: #336600;
	background-image: url("../images/teeshirtjaune.gif");
	background-repeat: repeat-x;
}

.menu_droite
{	float: right;
	margin-right: 10px;
	padding-left : 20px;
	width: 275px;
}

.center_
{	text-align: center;
	margin:auto;}

.menuhaut
{	text-align: right;
	font-size: 11px;
	clear: right;
}

.titre_news
{	color: #000000;
	text-align: left;
	font-size: 13px;
}

#corps_etroit 
{	width: 590px;
	margin : auto; 
}
.bordure
{	color: #000000;
	text-align: justify;
	font-size: 11px;
	border: 1px solid black;
	padding-left : 3px;
	padding-right : 3px;
}
/* propriétés du quizz */
.quizz {
	font-size: 12px;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	background: #f5f5f5;
	border-right: 1px solid #0000FF;
	border-left: 1px solid #0000FF;
	border-top: 1px solid #0000FF;
	border-bottom: 1px solid #0000FF;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 2%;
	margin-bottom: 2%;
}

.titre {
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	background-color: #D0DCE0;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-left: 20%;
	margin-right: 20%;
	margin-top: 2%;
	margin-bottom: 5%;
}

.question {
	font-size:11px;
	color:#0000FF;
	text-decoration: none;
	background: #dadada;
	margin-left: 0.1%;
	margin-right: 0.1%;
	border-top: 1px solid #0000FF;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 99.8%;
	float: left;*/
}

.propositions {
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	text-align: left;
}

.resultats {
	font-size: 16px;
	color: #000000;
	text-decoration: none;
	text-align: center;
	padding-bottom: 20px;
}

.verif {
	font-size: 11px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	text-align: left;
	padding-top:30px;
	padding-bottom:10px;
}
.commentaire {
	font-size: 11px;
	font-style: italic;
	color: #8080F0;
	text-decoration: none;
	text-align: left;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 5px;
}
.felicitations {
	font-size: 16px;
	font-weight: bold;
	color: #0000FF;
	text-decoration: blink;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
.points {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

input.bouton {
	background-color:#9cf;
	color:#000;
	cursor:pointer;
	font-weight:700;
	text-align:center;
	border:1px solid #000;
	margin-left: 45%;
}

input.bouton:hover{
	background-color:#f93;
	border-color:#fff;
	border-style:solid;
	border-width:1px;
	color:#fff;
	border:1px solid #fff;
}