/*
###################################################
# 	Webmaster: Corentin Claus									#
# 	Mail: &achille24&[at]-gmail-/./(com) enlevez les &[-/(						#
# 	Me contacter pour tous renseignements ou même pour seulement kiffer la wibe	# 
###################################################
*/

/*####################__ __####################*/



/*####################__ Body de la page index (Pour la galerie de photos, avec l'utilisation des Iframe, d'autre Body seront modifié, d'ou la nécéssité de les différentier) __####################*/
#body_index
{
	width: 760px;
	background-color: rgb(108, 163, 10);
	margin: auto;
	font-family: "arial";
	padding-bottom: 15px;
}

h1 /*Valable pour tous les gros titres de chaques rubriques, sauf exceptions*/
{
	text-align: center;
	border: 2px dotted rgb(41, 91, 38);
}


th /* Il sert surtout pour le tableu de nos activites*/
{
	border: 3px solid rgb(41, 91, 38);
}



iframe/*C'est pour la galerie de photos que j'utilise des iframe*/
{
	border: none;
}

/*###################__ En tête __####################*/
#en_tete
{
	width: 756px;
	height: 110px;
	background-image: url("images/icones/banniere.jpg");
	border: solid rgb(41, 91, 38) 2px;
	margin-top: 15px;
	margin-bottom: 10px;
}

/*####################__ Menu __####################*/
#menu
{
	width: 140px;
	background-color: rgb(147, 190, 40);
	//border: 2px solid rgb(41, 91, 38);
	font-size: 80%;
	margin-bottom: 10px;
	margin-top: -10px;
	-moz-border-radius: 15px 15px 15px 15px;
}

#menu p
{
	font-weight: bold;
}

.liste_menu
{
	margin-top: 20px;
	list-style-image: url('images/icones/drapeau.gif');
}

#titre_menu
{
	text-align: center;
	text-decoration: underline;
	margin-top: 20px;/*Je met un margin top sur "Menu" plutot qu'un padding-bottom sur le bloc du menu car ce dernier n'est pas aumatiquement collé en haut du block sous firefox et que sinon ca le descendrais trop*/
}

#smenu2 /*C'est le <dd> </dd> de la liste des holas dans le menu*/
{
	position: absolute;
	z-index: 100;
	left: 200px;
	margin-top: -1.4em;
	width: 110px;
	background: yellow;
	border: 2px solid black;
	padding-top: 5px;
	padding-bottom: 5px;
	padding: auto;
}

/*####################__ Le corps __####################*/

#corps
{
		background-color: white;
        //border: 2px solid rgb(41, 91, 38);
        width: 562px;
		float: right;
		padding: 20px;
		margin-bottom: 10px;
        -moz-border-radius: 15px 15px 15px 15px;
        -khtml-border-radius: 15px 15px 15px 15px;
}
	/*####################__ Le pied de page__####################*/

#pied_de_page
{
	clear: both;
	background-color: rgb(147, 190, 40);
	border: 2px solid rgb(41, 91, 38);
	-moz-border-radius: 15px 15px 15px 15px;
	-khtml-border-radius: 15px 15px 15px 15px;
	text-align: center;
}


/*####################__ Accueil__####################*/

#accueil_photo_marie
{
	display: block;
	margin: auto;
	margin-bottom: 15px;
	border: 2px solid rgb(41, 91, 38);
}

#accueil_bienvenue_fr
{
	clear: both;
	text-align: center;
	border: 2px dotted rgb(41, 91, 38);
	display: block;
}

#titre_accueil
{
	text-align: center;
	border: 2px dotted rgb(41, 91, 38);
	font-size: 1.4em;
}

.sous_titre_accueil
{
	font-weight: bold;
}

#comment_accueil
{
	text-align: center;
	font-weight: bold;
}


/*####################__ News __####################*/

#news
{
float: right;
margin-bottom: 10px;
}

#news_h1
{
	margin-top: 0px;
	width: 602px;
	text-align: center;
	border: 2px dotted rgb(41, 91, 38);

}

.news_titre
{
	width: 602px;
	border: 2px solid black;
	border-bottom: none;
	text-align: center;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 20px;
	-moz-border-radius: 15px 15px 0px 0px;
	-khtml-border-radius: 15px 15px 0px 0px;
}

.news_contenu
{
	width: 582px;
	background-color: rgb(147, 190, 40);
	border: 2px solid black;
	padding: 10px;
	-moz-border-radius: 0px 0px 15px 15px;
	-khtml-border-radius: 0px 0px 15px 15px;
}

/*####################__ Qui sommes nous? __####################*/

#qui_photo_bureau
{
	display: block;
	margin: auto;
	border: 2px solid rgb(41, 91, 38);
	margin-bottom: 20px;
}

#qui_photo_identite_marie
{
	float: right;
	border: 2px solid rgb(41, 91, 38);
	margin-left: 15px;
}

.statut_bureau
{
	color: red;
	text-decoration: underline;
}

/*####################__ Nos activites __####################*/

#activites_2005, #activites_2006, #activites_2007
{
text-align: center;
text-decoration: underline;
}

.activites_table
{
	border-collapse: collapse;
	margin: auto;
	margin-bottom: 20px;
}

.date
{
margin-top: 20px;
text-align: center;
padding-top: 15px;
padding-bottom: 15px;
border: 3px solid rgb(41, 91, 38);
width: 90px
}

.activites
{
padding: 5px;
padding-top: 15px;
padding-bottom: 15px;
font-size: 80%;
font-family: arial;
font-weight: bold;
border: 3px solid rgb(41, 91, 38);
}

/*####################__ Notre bulletin d'information __####################*/

#hola
{
	display: bloc;
	border: 2px solid black;
	float: right;
	margin-bottom: 10px;
}

/*####################__ Galerie_photos __####################*/

#galerie_photo_table
{
	float: right;
	border-collapse: collapse;
	background-color: yellow;
	margin-bottom: 10px;
	
}

#miniatures
{
	border: solid 2px black;
	height: 300px;
	width: 150px;
	margin-bottom

}

#evenements
{
	border: solid 2px black;
	border-right: solid 1px yellow;
	height: 300px;
	width: 446px;
}

#grande_photo
{
	border: solid 2px black;
	width: 598px;
	height: 598px;
}

/*######################__ Dosier presse __###################*/
.dossier_presse_tableau{
	text-align: center;
	margin: auto;
}

/*######################__Parseur__###################*/

a{
	text-decoration: none;
}

#prev{
	background-color: yellow;
}

.img{
	margin: 10px;
}

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

.droite{
	text-align: right;
	float: right;
}

.gauche{
	text-align: left;
	float: left;
}
	
.img_droite{
	display: block;
	float: right;
}

/*.................. Couleur du texte ..........................*/
.argent{
	color: silver;
}
	
.gris{
	color: gray;
}

.rouge{
	color: red;
	}

.marron{
	color: maroon;
	}
	
.vert_clair{
	color: lime;
	}
	
.vert{
	color: green;
	}
	
.jaune{
	color: yellow;
	}
	
.olive{
	color: olive;
	}
	
.bleu{
	color: blue;
	}
	
.bleu_marine{
	color: navy;
	}
	
.fuchsia{
	color: fuchsia;
	}

.violet{
	color: purple;
	}
	
.turquoise{
	color: aqua;
	}
	
.teal{
	color: teal;
	}
	
/*.......................... Couleur de surlignement .........................*/

.s_argent{
	background-color: silver;
}

.s_gris{
	background-color: gray;
}

.s_rouge{
	background-color: red;
}

.s_marron{
	background-color: maroon;
}

.s_vert_clair{
	background-color: lime;
}

.s_vert{
	background-color: green;
}

.s_jaune{
	background-color: yellow;
}

.s_olive{
	background-color: olive;
}

.s_bleu{
	background-color: blue;
}

.s_bleu_marine{
	background-color: navy;
}

.s_fuchsia{
	background-color: fuchsia;
}

.s_violet{
	background-color: purple;
}

.s_turquoise{
	background-color: aqua;
}

.s_teal{
	background-color: teal;
}

.xxl{
	font-size: xx-large;
}

.xl{
	font-size: x-large;
}

.l{
	font-size: large;
}

.m{
	font-size: medium;
}

.s{
	font-size: small;
}

.xs{
	font-size: x-small;
}

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