/* ====================================================================
PAGE : apropos.php
-------------------------------------------------------------------*/
#bloc_pst_haut {
 float:left;
 color: white;
 width: 350px;
}
#page_presentation_ent {
 width: 350px;
 height: 228px;
 display: block;
 margin: 10px 0 0 15px;
 padding: 0;
 font-family: arial;
 font-size: 14px;
 text-align: center;
 float:left;
}
#bloc_presentation {
 padding: 40px 0 0 15px;
 color: white;
 height: 228px;
}
#titre {
 position: relative;
 top: -238px;
 padding : 20px 10px 10px 10px;
 font-weight: bold;
 color:white;
 font-size: 18px;
 font-family: verdana;
}
#libelle {
 position: relative;
 top: -245px;
 padding : 10px 10px 0 10px;
 font-family: verdana;
 font-size: 11px;
}
#libelle p {
	margin: 10px 0 5px 0;
	padding: 0;

}
/* ====================================================================
PAGE : bloc NEWSLETTER
-------------------------------------------------------------------*/
#bloc_newsletter {
 margin: 10px 0 0 15px;
 color: white;
 height: 85px;
}
#titre_newsletter {
 position: relative;
 top: -85px;
 padding : 5px 5px 0 10px;
 font-family: verdana;
 font-weight:bold;
 font-size: 13px;
}
#libelle_newsletter {
 position: relative;
 top: -85px;
 margin : 0px 5px 0 10px;
 font-family: verdana;
 font-size: 11px;
}
#bloc_newsletter form {
	padding: 0;
	margin: 10px 0 0 0 ;
}
#bloc_newsletter input {
	padding: 0;
	margin: 0;
	overflow:hidden;
	width: 200px;
	border:0px;
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: normal;
	font-family: arial;
	color: black;
	background-color: white;
}

#bloc_newsletter input[type=submit] {
	padding: 0 5px ;
	margin: 0 0 0 10px;
	text-align: right;
	width: 100px;
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: normal;
	font-family: arial;
	color: white;
	background-color: #7D62BC;
	border:0px ;
}
/* ====================================================================
PAGE : fin - bloc NEWSLETTER
-------------------------------------------------------------------*/
/* ====================================================================
PAGE : AGENDA
-------------------------------------------------------------------*/
#bloc_agenda_haut {
 float:left;
 color: white;
 width: 266px;
}
#bloc_agenda {
 text-align: center;
 margin: 45px 0 0 45px;
 color: white;
 height: 312px;
}
#agenda_titre p {
 text-align: center;
}
#agenda_titre {
 position: relative;
 height: 50px;
 display: block;
 top: -312px;
 padding : 30px 10px 0px 10px;
 font-weight: bold;
 color:white;
 font-size: 13px;
 font-family: verdana;
}
#agenda_descriptif p {
 text-align: center;
}
#agenda_descriptif {
 display: block;
 height: 150px;
 position: relative;
 top: -312px;
 padding : 0 5px 0 10px;
 font-family: verdana;
 font-size: 11px;
}
#agenda_tarif p {
 text-align: center;
}
#agenda_tarif {
 text-align: center;
 position: relative;
 top: -312px;
 padding : 15px 10px 0 10px;
 font-family: verdana;
 font-size: 13px;
}

#bloc_agenda_img img {
 margin: 45px 0 0 15px;
 border: 1px solid transparent;
}

#bloc_agenda_img img:hover {
 margin: 45px 0 0 15px;
 border: 1px solid #FF00FF;
}

/* ====================================================================
PAGE : GALERIE
-------------------------------------------------------------------*/
#bloc_galerie_haut {
 float:left;
 color: white;
 width: 120px;
}
#bloc_galerie {
 text-align: center;
 margin: 45px 0 0 15px;
 color: white;
 height: 326px;
}
#galerie_annee {
 position: relative;
 top: -326px;
 padding : 20px 0 0 0;
 font-weight: bold;
 color:white;
 font-size: 13px;
 font-family: verdana;
}
#galerie_annee ul {
 text-align: left;
 margin: 0 0 0 5px;
 padding: 0 0 0 0;
 list-style-type: none;
 font-size: 13px;
 font-family: verdana;
}
#galerie_annee a {
 margin: 0;
 padding: 0;
}

#galerie_annee a:hover {
 list-style-image: url(../images/triangle_bleu.png);
 margin: 0 0 0 0;
 color: #00FFFF;
 cursor: pointer;
}

#galerie_annee li {
 padding: 0 0 0 0;
 margin: 0 0 0 0;
 list-style-image: url(../images/triangle_rien.png);
 list-style-position:outside;
}

#galerie_annee li:hover,li:focus{
 list-style-image: url(../images/triangle_bleu.png);
 color: #00FFFF;
}


#galerie_mois {
 position: relative;
 top: -326px;
 padding : 20px 0 0 0;
 font-weight: bold;
 color:white;
 font-size: 11px;
 font-family: verdana;
}
#galerie_mois ul {
 text-align: left;
 margin: 0 0 0 5px;
 padding: 0 0 0 0;
 list-style-type: none;
}
#galerie_mois a {
 margin: 0 0 0 0;
 color: white;

}
#galerie_mois a:hover {
 color: #00FFFF;
 cursor: pointer;
}
#galerie_mois li {
 padding: 0 0 0 0;
 margin: 0 0 0 0;
 list-style-image: url(../images/triangle_rien.png);
 list-style-position:outside;
}
#galerie_mois li:hover,li:focus{
 padding: 0 0 0 0;
 margin: 0 0 0 0;
 color: #00FFFF;
 list-style-image: url(../images/triangle_bleu.png);
}
#bloc_galerie_lst_img {
 display: block;
 width: 740px;
 float: left;
}
#bloc_galerie_img {
 float: left;
}
#bloc_galerie_img img {
 width: 431px;
 height: 324px;
 border: 1px solid #FF00FF;
 margin: 45px 0 0 10px;
}
#bloc_galerie_img_petite {
 text-align: right;
 float: left;
 margin: 55px 0 0 0px;
 display: block;
 height: 200px;
 width: 290px;
}
#bloc_galerie_img_petite img {
 width: 61px;
 height: 41px;
 margin: 5px 0 0 5px;
 border: 1px solid black;
}
#bloc_galerie_img_petite a:hover img {
 width: 61px;
 height: 41px;
 margin: 5px 0 0 5px;
 border: 1px solid #FF00FF;

}
#bloc_galerie_img_compteur {
 float: left;
 text-align: right;
 margin: 20px 0 0 10px;
 display: block;
 height: 15px;
 width: 280px;
}
a.bloc_galerie_img_compteur_ns {
 text-transform: uppercase;
 display: inline;
 background-color: white;
 color: #FF00FF;
 padding: 0px 1px 0px 1px;
 font-family: verdana;
 font-weight:bold;
 cursor: pointer;
}
a.bloc_galerie_img_compteur_ns:hover {
 text-transform: uppercase;
 display: inline;
 background-color: #FF00FF;
 color: white;
 font-family: verdana;
}
a.bloc_galerie_img_compteur_selected {
 text-transform: uppercase;
 display: inline;
 background-color: #FF00FF;
 color: white;
 padding: 0px 1px 0px 1px;
 font-family: verdana;
 font-weight:bold;
 cursor: pointer;
}
a.bloc_galerie_img_compteur_selected:hover {
 text-transform: uppercase;
 display: inline;
 background-color: white;
 color: #FF00FF;
 font-family: verdana;
}
#bloc_galerie_img_message {
 float: left;
 text-align: center;
 margin: 15px 0 0 0px;
 display: block;
 height: 20px;
 width: 290px;
 font-size: 9px;
 font-family: verdana;
}
#bloc_galerie_lst_intitule {
 float: left;
 margin: 45px 0 0 5px;
 display: block;
 height: 326px;
 width: 130px;
 font-size: 13px;
 font-family: verdana;
}
#galerie_lst_intitule {
 position: relative;
 top: -326px;
 padding : 10px 5px 0 0;
 text-align: right;
 font-size: 13px;
 font-family: verdana;
}
#galerie_lst_intitule ul {
 text-align: right;
 margin: 0 5px 0 0;
 padding: 0;
 list-style-type: none;
}
#galerie_lst_intitule a {
	color: white;
	cursor: pointer;
}
#galerie_lst_intitule a:hover {
	color: #00FFFF;
}
#galerie_lst_intitule li:hover,li:focus{
 color: #00FFFF;
}
/* ====================================================================
PAGE : bloc INFOS
-------------------------------------------------------------------*/
#info_bandeau_bas {
 text-align:center;
 float: left;
 margin: 317px 10px 0 10px;
 display: block;
 width: 643px;
 height: 55px;
}
#info_bandeau_bas_l1 {
 position: relative;
 top: -50px;
 padding : 0 0 0 0;
 color:white;
 font-size: 14px;
 font-family: Verdana;
}
#info_bandeau_bas_l2 {
 position: relative;
 top: -50px;
 padding : 0 0 0 0;
 color: #FD68F8;
 font-size: 13px;
 font-family: Verdana;
}
#info_bandeau_bas_l3 {
 position: relative;
 top: -50px;
 padding : 0 0 0 0;
 color: white;
 font-size: 13px;
 font-family: Verdana;
 font-weight: bold;
}
#info_bandeau_carte {
 float: left;
 padding: 10px 0 0 0;
}
.titre_info {
 font-family: verdana;
 font-size: 18px;
}
.lbl_info {
 font-family: verdana;
 font-size: 11px;
}

td a { margin: 5px }
#nav {
 width: 50px;
 top: -10px;
 right: -266px;
 position: relative;
 margin: 0 0 0 0;
}
#nav img {
 cursor: pointer;
 border:0px;
}

#bloc_s2 {
 float: left;
 margin: 0 0 0 0;
 display: block;
 width: 310px;
 height: 298px;
}
/*
#s2 {
 width: 280px;
 height: 310px;
 position: relative;
 top: -280px;
 padding : 5px 5px 0 5px;
 font-family: verdana;
 font-size: 13px;
	overflow:hidden;
}
------------------
*/
#s2{
 position: relative;
 top: -305px;
 width: 275px;
 height: 270px;
 overflow:hidden;
 margin:20px;
 font-family: verdana;
 font-size: 11px;
}
#s2 h4{
 margin:0;
 padding: 0 0 5px 0;
 font-size: 13px;
 color:#FD68F8;
}
#s2 div{
  width: 270px;
	border:0px black solid;
	padding: 0px 0 10px 0;
	margin-top:-1px;
}
#s2 div.first{
	margin-top:0;
}
		
#s2 p{
 font-family: 'Courier New';
	font-size:11px;
	margin-left: 0 !important;
	margin-left: 5px;
	display:inline;
}
.s2_euro {
 font-family: verdana;
 font-size:11px;
 margin-left: 0 !important;
}
	

/* ====================================================================
PAGE : bloc CONTACT
-------------------------------------------------------------------*/
#bloc_coord_ent {
 padding: 10px 0 0 15px;
 color: white;
 height: 75px;
}
#titre_coord_ent {
 text-align: center;
 position: relative;
 top: -75px;
 padding : 5px 5px 0 10px;
 font-family: verdana;
 font-size: 11px;
}
.titre_coord_ent_bold {
 text-align: center;
 margin: 0 0 5px 0;
 font-weight:bold;
 font-size: 13px;
}
#bloc_contact {
 padding: 10px 0 0 15px;
 margin: 0;
 color: white;
 width: 335px;
 height: 185px;
 float: left;
}
#contact_gauche {
 margin: 0 0 0 10px;
 padding: 0;
 position: relative;
 top: -178px;
 width: 115px;
 line-height: 21px;
 float: left;
 font-size: 12px;
 /*letter-spacing: 1px;*/
 font-family: verdana;
 line-height: 18px;
}
#contact_droite {
 position: relative;
 margin:0;
 padding: 0 0 0 10px;
 top: -178px;
 width: 194px;
 float: left;
}
#contact_droite form {
 margin: 0;
 padding: 0;
}

#contact_droite input,
#contact_droite textarea {
	padding: 0;
	margin: 0 0 5px 0;
	overflow: hidden;
	width: 189px;
	border:0px solid;
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: normal;
  font-family: verdana;
	color: black;
	background-color: white;
	border: 0px solid;
}
#contact_droite textarea {
	overflow-y: scroll;
}
#contact_droite input[type=submit] {
	padding: 0 5px 0 0;
	margin: 0;
	text-align: right;
	width: 189px;
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: normal;
  font-family: verdana;
	color: white;
	background-color: #7D62BC;
	border:0px;
}
#page_contact_google {
 float: left;
 margin: 12px 0 0 10px;
}
#page_contact_fin {
 float: left;
 margin: 40px 0 0 15px;
 padding: 0;
 font-family: arial;
 font-size: 14px;
 text-align: center;
}
/* ====================================================================
PAGE : fin - bloc CONTACT
-------------------------------------------------------------------*/
#mentions_legales_bandeau_bas {
 text-align:center;
 float: left;
 margin: 10px 10px 0 550px;
 display: block;
 width: 430px;
 height: 370px;
 color:white;
}
#mentions_legales_bandeau_l1 {
 position: relative;
 top: -350px;

 color:white;
 font-size: 12px;
 font-family: Arial;
}
#mentions_legales_bandeau_l1 p {
 padding : 0 10px 0 10px;
 text-align: center;
}
#mentions_legales_bandeau_l2 {
 position: relative;
 top: -350px;
 padding : 0 10px 0 10px;
 color: white;
 font-size: 12px;
 font-family: Arial;
}
#mentions_legales_bandeau_l2 p {
	padding : 0 10px 0 10px;
  text-align: center;
}
#mentions_legales_bandeau_l2 a:link, a:visited, a:active, a:hover {
	color:white;
}
#mentions_legales_bandeau_l3 {
 position: relative;
 top: -350px;
 color: white;
 font-size: 10px;
 font-family: Arial;
}
#mentions_legales_bandeau_l3 p {
 padding: 0 15px 0 15px;
 text-align: center;
}
#contact_texte {
 top: -350px;
 padding: 0 15px 0 15px;
 text-align: justify;
 font-size: 10px;
 font-family: Arial;
 position: relative;

 clear: left;
}

/* ====================================================================
PAGE : fin - bloc Mentions Legales
-------------------------------------------------------------------*/






/* ====================================================================
PAGE : presentation.php
-------------------------------------------------------------------*/
#presentation_detail_fade {
 float: left;
 width: 520px;
 height: 319px;
 padding: 0;
 margin: 20px 0 0 20px;
}
#presentation_detail {
 display: block;
 float: left;
}

#presentation_detail img {
	border: 1px solid #FF00FF;
	margin: 20px 0 0 30px;
	
}
#discotheque_lst_image {
 float: left;
 margin: 40px 0 0 10px;
 width: 90px;
 height: 319px;
}
#discotheque_lst_image img {
 padding: 0;
 margin: 0;
 margin: 2px 1px 2px 5px;
 cursor: pointer;
}
#discotheque_lst_image a:hover img  {
 padding: 0;
 margin: 0;
 margin: 1px 0px 1px 4px;
 cursor: pointer;
 border: 1px solid #FF00FF;
}

/* ====================================================================
PAGE : fin - presentation.php
-------------------------------------------------------------------*/


/* ====================================================================
PAGE : methode.php
-------------------------------------------------------------------*/


/*
.monbloc img {
	border: 0.5px solid #A6F103;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
	
	/* pour IE 7 */
/*	min-height: 1px;*/

	/* pour IE 6 */
/*	height: auto !important;
	height: 1px;
	z-index: 1;
	margin: 0;

}
*/
/*
.monbloc_selec img {
	filter:alpha(opacity=10);
	-moz-opacity:.10;
	opacity:.10;*/
	/* pour IE 7 */
/*	min-height: 1px;
*/
	/* pour IE 6 */
/*	height: auto !important;
	height: 1px;
	z-index: 1;
	margin: 0;
	color:#A6F103;
}
*/
/*
.bloc,
.bloc a:hover {
	display: block;
	float:left;
	width: 62px;
	height: 43px;
	margin: 5px 5px 5px 5px;
	z-index: 1;
}
.bloc a:hover  {
	z-index: 5;
	display: block;
	float:left;
	width: 62px;
	height: 43px;
	margin: 2px;
	filter:alpha(opacity=100);
	-moz-opacity:1.00;
	opacity:1.00;
}
*/
#bloc_grand  {
	margin: 15px 0 0 3px;	
	width: 500px;
	height: 340px;
}

#bloc_grand  img {
	margin: 5px 0 0 3px;
	width: 494px;
	height: 335px;
}

#methode_suivante a:link,
#methode_suivante a:visited,
#methode_suivante a:active {
	margin: 0 0 0 250px;
	position: absolute;
	top: 520px;
	color: white;
	font-size: 14px;
	font-family: arial;
}
#methode_suivante a:hover {
	margin: 0 0 0 250px;
	position: absolute;
	top: 520px;
	color:#A6F103;
	font-size: 14px;
	font-family: arial;
}

#methode_precedente a:link,
#methode_precedente a:visited,
#methode_precedente a:active {
	margin: 0 0 0 10px;
	position: absolute;
	top: 520px;
	color: white;
	font-size: 14px;
	font-family: arial;
}
#methode_precedente  a:hover {
	margin: 0 0 0 10px;
	position: absolute;
	top: 520px;
	color:#A6F103;
	font-size: 14px;
	font-family: arial;
}


/* ====================================================================
PAGE : creations.php
-------------------------------------------------------------------*/
.bloc_total_creation {
	float: left;
	text-align: center;
	width: 200px;
	height: 275px;
  margin: 0;
  padding: 0;
}
.bloc_total_entete {
	font-family: Times;
	padding : 45px 0px 0px;
	font-weight: bold;
	color:#A6F103;
	font-size: 24px;
	text-align: center;
}
.bloc_total_libelle  {
	font-family: Times;
	margin : 0px 0px 10px;
	font-family: verdana;
	font-size: 12px;
	color: white;
	text-align: center;
}

.bloc_total_creation img  {
	width: 200px;
  border: 0px;
}


.bloc_total_creation_text a:link,
.bloc_total_creation_text a:visited,
.bloc_total_creation_text a:active,
.bloc_total_creation_text a:hover {
	font-family: Times;
	padding : 5px 5px 0px 5px;
	font-weight: bold;
	color:#A6F103;
	font-size: 20px;
}

.bloc_total_creation_libelle a:link,
.bloc_total_creation_libelle a:visited,
.bloc_total_creation_libelle a:active,
.bloc_total_creation_libelle a:hover {
	font-family: Arial;
	font-size: 12px;
	margin : 0px 5px 0px 5px;
	color: white;
}
/* ====================================================================
PAGE : creations_type.php
-------------------------------------------------------------------*/

#bloc_produit_gauche {
	float: left;
	width: 320px;
	height: 416px;
  margin: 0;
  padding: 0;
  background: #252525;
}


#bloc_produit_gauche img {
	text-align: center;
  margin: 0;
  padding: 0 0 0 50px;
}


.bloc_produit_creation_text a:link,
.bloc_produit_creation_text a:visited,
.bloc_produit_creation_text a:active,
.bloc_produit_creation_text a:hover {
	font-family: arial;
  color: white;
  margin: 0 0 0 0;
  padding: 0 0 0 50px;
	font-size: 14px;
}
.bloc_produit_creation_annee_selec a:link,
.bloc_produit_creation_annee_selec a:visited,
.bloc_produit_creation_annee_selec a:active {
	font-family: Times;
	font-size: 20px;
  color: #A6F103;
  margin: 0 0 0 0;
  padding: 0 0 0 50px;
}
.bloc_produit_creation_annee_selec a:hover {
	font-family: Times;
	font-size: 20px;
  color: white;
  margin: 0 0 0 0;
  padding: 0 0 0 50px;
}
.bloc_produit_creation_text_selec a:link,
.bloc_produit_creation_text_selec a:visited,
.bloc_produit_creation_text_selec a:active {
	font-family: arial;
	font-size: 12px;
  color: #B5B5B5;
  margin: 0 0 0 0;
  padding: 0 0 0 50px;
}
.bloc_produit_creation_text_selec a:hover {
	font-family: arial;
	font-size: 12px;
  color: white;
  margin: 0 0 0 0;
  padding: 0 0 0 50px;
}

.bloc_produit_creation_text_libelle {
	font-family: Times;
	font-size: 20px;
  color: #A6F103;
  margin: 0 0 0 0;
  padding: 0 0 0 50px;
}

.bloc_produit_creation_menu a:link,
.bloc_produit_creation_menu a:visited,
.bloc_produit_creation_menu a:active {
	font-family: arial;
	font-size: 12px;
	display: block;
	width: 330px;
  margin: 0 0 0 0;
  padding: 0 0 0 70px;
  color: #B5B5B5;
}
.bloc_produit_creation_menu a:hover {
	font-family: arial;
	font-size: 12px;
	display: block;
	width: 330px;
  margin: 0 0 0 0;
  padding: 0 0 0 70px;
  color: white;
}

.bloc_produit_creation_menu_selec a:link,
.bloc_produit_creation_menu_selec a:visited,
.bloc_produit_creation_menu_selec a:active,
.bloc_produit_creation_menu_selec a:hover {
	font-family: arial;
	font-size: 12px;
	display: block;
	width: 330px;
  margin: 0 0 0 0;
  padding: 0 0 0 70px;
  color: white;
}

#bloc_produit_droit {
  float: left;
	width: 680px;
  height: 416px;
  margin: 0;
  padding: 0;
}
#bloc_produit_droit_clique {
  margin: -12px 0 0 90px;
  font-family: arial;
  font-size: 12px;
  color: white;
}


#liste_lst_image {
	text-align: center;
	float: left;
	width: 570px;
	height: 72px;
  margin: 0;
  padding: 0;
  background: #252525;
}
/*.liste_image_aff {
	border: 0px;
	display: block;
	float: left;
	width: 17px;
	height: 70px;
	margin: 0 5px 0 0px;
}
*/

.liste_image img {
	border: 2px solid #B5B5B5;
	display: block;
	float: left;
	width: 81px;
	height: 61px;
	margin: 0px;
}

.liste_image_aff img {
	border: 2px solid #B5B5B5;
	display: block;
	float: left;
	height: 61px;
	margin: 0;
}

/* ====================================================================
PAGE : memoires.php
-------------------------------------------------------------------*/
.bloc_produit_presentation0 {
  font-weight:bold;
  font-size: 26px;
}
.bloc_produit_presentation {
  font-family: Times;
  color: white;
  margin:  50px 0 25px 50px;
  padding:0 0 0 0;
  font-size: 18px;
}

.bloc_produit_presentation1 {
  font-family: Arial;
  color: white;
  margin: 0px 0 25px 50px;
  padding: 0;
  font-size: 12px;
}
/* ====================================================================
PAGE : presse.php
-------------------------------------------------------------------*/
#pp_img_gauche {
  text-align: center;
  float: left;
  width: 550px;
  height: 330px;
  border: 0;
  margin: 30px 0 0 0;
}
.pp_bloc_droite {
  text-align: center;
  float: left;
  width: 300px;
  height: 200px;
  border: 0;
  margin: 5px 0px 0 60px;
}
#pp_texte {
  text-align: center;
  color: #a6f103;
  font-family: Times;
  font-size: 20px;
  margin: 40px 0 10px;
}
#pp_texte_bas {
  float: left;
  text-align: left;
  line-height: 1em;
  color: white;
  font-family: Arial;
  font-size: 10px;
  margin: 70px 0 0 110px;
}

.lettrine {
	float: left;
	margin-right: 3px;
}

.pp_img_droite img,
.pp_img_droite a:link img,
.pp_img_droite a:visited img ,
.pp_img_droite a:active img ,
.pp_img_droite a:hover img {
  width: 132px;
  height: 112px;
	margin: 5px 5px 5px 5px;
	float: left;
	border: 0;
}



/* ====================================================================
Corps page 
-------------------------------------------------------------------*/
/*#page_centre {
	height: 50%;
	position: absolute;
	top: 25%;
}*/
#page {
/* ajout
  top: 50%;
  margin: -10px auto 0px auto;
 fin ajout */  
  text-align: left;
  width: 998px;
  height: 570px;
	margin: 0px auto 0px auto;
  padding: 0;
  background-color: #13011F;
  /*background-color: #111111;*/
}
/* ====================================================================

Menu arrondi

	border: 1px solid #CFCFCF;
	-moz-border-radius:6px;
	border-radius:6px;
-------------------------------------------------------------------- */


#bloc_bandeau {
	float: left;
	width: 998px;
	height: 134px;
  margin: 0;
  padding: 0;
  background-color: #25FF25;
}

#bloc_gauche {
	float: left;
	width: 575px;
	height: 416px;
  margin: 0;
  padding: 0;
  background-color: #252525;
}

#bloc_gauche_methode {
	float: left;
	width: 550px;
	height: 406px;
  /*margin: 10px 0px 0px 25px;*/
  padding: 10px 0px 0px 25px;
  background-color: #252525;
}

#bloc_droite {
	float: left;
	width: 425px;
	height: 416px;
  margin: 0;
  padding: 0;
  background-color: #252525;
}

#bloc_total {
	float: left;
	width: 1000px;
	height: 416px;
  margin: 0;
  padding: 0;
  background-color: #252525;
}

/* ====================================================================
BLOC MILIEUX
-------------------------------------------------------------------*/
#bloc_milieux {
 clear: left;
 width: 998px;
 height: 385px;
 background-image : url("../images/fond/fond_general.jpg");
}


/* ====================================================================
Fin - BLOC MILIEUX
-------------------------------------------------------------------*/


/* ====================================================================
Pied de page
-------------------------------------------------------------------*/
#bloc_bandeau_bas {
 background-image : url("../images/bloc_bandeau_bas.jpg");
 width: 998px;
 clear: left;
 height: 50px;
}
#copyright {
 float: left;
 line-height: 13px;
 width: 432px;
 margin: 0px;
 padding: 5px 0 0 16px;
 text-align: left;
 font-size: 8px;
 letter-spacing: 1px;
 /*text-transform: uppercase;*/
 font-weight: normal;
 font-family: arial;
 color: white;
}
#copyright a {
 color: white;
 cursor: pointer;
}

#menu {
 float: left;
 width: 550px;
 overflow: hidden;
 cursor: pointer;
}
#menu1 { background-image : url("../images/bande_presentation.jpg"); 	width: 92px; }
#menu2 { background-image : url("../images/bande_agenda.jpg"); 	width: 65px; }
#menu3 { background-image : url("../images/bande_galerie_photo.jpg"); 	width: 70px;}
#menu4 { background-image : url("../images/bande_info_pratique.jpg"); width: 70px; }
#menu5 { background-image : url("../images/bande_contact.jpg"); width: 80px;}

#menu div {
	font-size: 14px;
	font-family: Arial;
	float: right;
	padding: 10px 0 5px 7px;
	border: none;
}
#menu a {
	color: white;
}
#menu a:hover {
	color: #FD68F8;
}
.transparent_class {
 width:100%;
 height:100%;
 background-color:#000000;
   /* Pour IE, il faut absolument mettre une largeur, alors soit width=100%,
      soit c'est un div positionné et dimensionné comme dans cet exemple.*/
   filter:alpha(opacity=80);
   -moz-opacity:0.8;
   opacity: 0.8;
}