/* ====================================================================
Page principale
pb de positionnement
-------------------------------------------------------------------- 
*/
a:link,
a:visited,
a:active,
a:hover {
	text-decoration: none;
} 
html {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #111111;
  text-align: center;
  font-family: Times;
  color: white;
/* ====================================================================
pb sur body
  scrollbar-face-color: #3333ff;
  scrollbar-shadow-color: #3333ff;
  scrollbar-highlight-color: #3333ff;
  scrollbar-3dlight-color: #3333ff;
  scrollbar-darkshadow-color: #000066;
  scrollbar-track-color: #ffffff;
  scrollbar-arrow-color: #ffffff;
-------------------------------------------------------------------------*/
}
p {
	text-align: justify;
	margin: 0;
	padding: 0;
}
/* ====================================================================
PAGE : apropos.php
-------------------------------------------------------------------*/

#titre {
	padding : 50px 10px 10px 10px;
	font-weight: bold;
	color:#A6F103;
	font-size: 18px;
	font-family: times;
}
#sous_titre {
	padding : 0px 10px 0px 10px;
	font-weight: bold;
	color:#A6F103;
	font-size: 11px;
	font-family: verdana;
}
#libelle {
	padding : 10px 10px 0 10px;
	font-family: verdana;
	font-size: 11px;
}
#img_superposition {
	margin: 0 0 0 10px;
	position: absolute;
	z-index:3;
}

.img_diaporama_ombre img {
	width: 495px;
	height: 335px;
	position: absolute;
  margin: 45px 0 0px 46px;
  padding: 0;
  z-index:2;
}

#img_diaporama img {
	position: absolute;
	padding: 0;
	margin: 40px 0 40px 40px;
	width: 495px;
	height: 335px;
	z-index:1;
}


/* ====================================================================
PAGE : methode.php
-------------------------------------------------------------------*/
#mtd_bloc_haut {
	list-style-type: none;
	margin: 5px 0 -20px 5px;	
	width: 500px;
	height: 51px;
	padding: 0;
}
#mtd_bloc_haut li {
	float: left;
	padding: 0;
	margin: 0;
}
#mtd_bloc_haut a,
#mtd_bloc_haut a:hover {
	display: block; height: 41px; border: 0; width: 60px; margin: 5px 5px 5px 5px; }

#mtd_1 a { background: url('../images/methode/vignette_01_off_methode.jpg')}
#mtd_1 a:hover { background: url('../images/methode/vignette_01_on_methode.jpg')}
#mtd_2 a { background: url('../images/methode/vignette_02_off_methode.jpg')}
#mtd_2 a:hover { background: url('../images/methode/vignette_02_on_methode.jpg')}
#mtd_3 a { background: url('../images/methode/vignette_03_off_methode.jpg')}
#mtd_3 a:hover { background: url('../images/methode/vignette_03_on_methode.jpg')}
#mtd_4 a { background: url('../images/methode/vignette_04_off_methode.jpg')}
#mtd_4 a:hover { background: url('../images/methode/vignette_04_on_methode.jpg')}
#mtd_5 a { background: url('../images/methode/vignette_05_off_methode.jpg')}
#mtd_5 a:hover { background: url('../images/methode/vignette_05_on_methode.jpg')}
#mtd_6 a { background: url('../images/methode/vignette_06_off_methode.jpg')}
#mtd_6 a:hover { background: url('../images/methode/vignette_06_on_methode.jpg')}
#mtd_7 a { background: url('../images/methode/vignette_07_off_methode.jpg')}
#mtd_7 a:hover { background: url('../images/methode/vignette_07_on_methode.jpg')}
#mtd_selec_1 a { background: url('../images/methode/vignette_01_on_methode.jpg')}
#mtd_selec_1 a:hover { background: url('../images/methode/vignette_01_off_methode.jpg')}
#mtd_selec_2 a { background: url('../images/methode/vignette_02_on_methode.jpg')}
#mtd_selec_2 a:hover { background: url('../images/methode/vignette_02_off_methode.jpg')}
#mtd_selec_3 a { background: url('../images/methode/vignette_03_on_methode.jpg')}
#mtd_selec_3 a:hover { background: url('../images/methode/vignette_03_off_methode.jpg')}
#mtd_selec_4 a { background: url('../images/methode/vignette_04_on_methode.jpg')}
#mtd_selec_4 a:hover { background: url('../images/methode/vignette_04_off_methode.jpg')}
#mtd_selec_5 a { background: url('../images/methode/vignette_05_on_methode.jpg')}
#mtd_selec_5 a:hover { background: url('../images/methode/vignette_05_off_methode.jpg')}
#mtd_selec_6 a { background: url('../images/methode/vignette_06_on_methode.jpg')}
#mtd_selec_6 a:hover { background: url('../images/methode/vignette_06_off_methode.jpg')}
#mtd_selec_7 a { background: url('../images/methode/vignette_07_on_methode.jpg')}
#mtd_selec_7 a:hover { background: url('../images/methode/vignette_07_off_methode.jpg')}

/*
.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 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 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 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 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 0;
  padding: 0 0 0 50px;
}

.bloc_produit_creation_text_libelle {
	font-family: Times;
	font-size: 20px;
  color: #A6F103;
  margin: 0 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 0;
  padding: 0 0 0 70px;
  color: white;
}

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

#produit_image {
	display: block;
	float: left;
	padding : 5px 5px 0 5px;
	font-weight: bold;
	color:#A6F103;
	font-size: 18px;
}
#produit_image img {
	margin: 15px 10px 0 0;
	border: 0;
}
#produit_titre {
	display: block;
	height: 20px;
	padding : 15px 0px;
	font-weight: bold;
	font-family: arial;
	color:#A6F103;
	font-size: 16px;
}
#produit_libelle {
	display: block;
	height: 240px;	/* changement position du div "liste_image" */
	margin : 15px 0px;
	font-family: verdana;
	font-size: 11px;
}


#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 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;
}

/* ====================================================================
PAGE : contact.php
-------------------------------------------------------------------*/
#bloc_produit_gauche form {
	margin: 80px 0 0 10px;
}
#contact_gauche {
	width: 110px;
	height: 200px;
	line-height: 21px;
	float: left;
	font-size: 12px;
	/*letter-spacing: 1px;*/
	font-family: arial;
	color: #b5b5b5;
}

#contact_confid {
 padding: 15px 0;
 text-align: justify;
 font-size: 9px;
 /*letter-spacing: 1px;*/
 font-family: arial;
 color:  #7b7b7b;
}

#contact_droite {
	width: 200px;
	float: left;
}

#contact_droite input,
#contact_droite textarea {
	padding: 0;
	margin: 0 0 5px 0;
	overflow:hidden;
	width: 199px;
	border:0px;
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: normal;
	font-family: arial;
	color: gray;
	background-color: #e7fabe;
}

#contact_droite input[type=submit] {
	padding: 0 5px ;
	margin: 0 0 20px 0;
	text-align: right;
	width: 201px;
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: normal;
	font-family: arial;
	color: white;
	background-color: #6e6e6e;
	border:0px ;
}


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

#bloc_contact_droit img {
	margin: 15px 0 15px;
}

#bloc_contact_fin {
	text-align: center;
	float: left;
	width: 250px;
	height: 416px;
  margin: 0;
  padding: 0;
	font-size: 12px;
	font-family: arial;
  color: #a6f103;
  background: #252525;
}
#bloc_contact_fin img {
  margin: 15px 0 15px;
}

#bloc_contact_fin p {
	text-align: center;
	text-transform: uppercase;
  margin: 0;
  padding: 0;
  font-size: 18px;
	font-family: Times New Roman;
}


/* ====================================================================
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: 1000px;
  height: 570px;
	margin: 0px auto 0px auto;
  padding: 0;
}
/* ====================================================================

Menu arrondi

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


#bloc_bandeau {
	float: left;
	width: 1000px;
	height: 140px;
  margin: 0;
  padding: 0;
  background: #252525;
}

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

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

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

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

/* ====================================================================
Pied de page
-------------------------------------------------------------------*/
#copyright a {
 color: white;
}

#copyright {
 line-height: 13px;
 float : left;
 width: 1000px;
 height: 15px;
 margin: 0;
 padding: 0px;
 text-align: right;
 font-size: 8px;
 letter-spacing: 1px;
 /*text-transform: uppercase;*/
 font-weight: normal;
 font-family: arial;
 color: white;
 background-color: #000000;
}