/*GRAPHISME GENERAL*/
	body{background:#cecccf;	margin:0;	padding:0px; font-family: Calibri;  text-align: center; /* pour corriger le bug de centrage IE */ }
	img{	border: 0px; }
	a{text-decoration : none; color : #000000;} a:hover {color : #747677;} 
	textarea{ background:#ffffff url('images/degtext.png') repeat-x;	border : 1px solid #000000;  width : 380px; height :150px; }
	form {padding : 0; margin : 0; display : inline;}
	input{ 	  background:#ffffff url('images/degtext.png');	border : 1px solid #3b374f;  display : inline;}
	input[type=submit]{border : 2px ridge #3b374f; padding : 1 10 1 10; 
	-moz-border-radius : 5px; 	border-radius : 5px; 	webkit-border-radius : 5px; 		
	-moz-box-shadow: 2px 2px 3px #000;-webkit-box-shadow: 2px 2px 3px #f00;box-shadow: 2px 2px 3px #000;}

/*OSSATURE DU SITE --- SITE(TITRE et FOND) / FOOT---*/
	#site{width:95%;	min-height: 400px;	margin-left: auto;   margin-right: auto;	margin-top: 10px;   	padding : 0;
	background:#f0f5f6 ; border : 2px ridge #3b374f; 
	-moz-border-radius : 10px; 	border-radius : 10px; 	webkit-border-radius : 10px; 	
	-moz-box-shadow: 0px 3pcx 5px #000;-webkit-box-shadow: 0px 3px 8px #f00;box-shadow: 0px 3px 5px #000;
	 text-align:center; }
 
 /*Zone TITRE*/
	#titre{	width:100%; 	height:80px; 	margin-left: auto;   margin-right: auto;  margin-bottom :20px; 
	font-size : large;text-align: right; }
	/*Boutons recherche et profil*/
	#boutontitre{	margin :7px;}

 /*Zone FOND (contenu du site)*/
	#fond{width:99%; min-height : 80%;display : inline-block;
	text-align : left;  }
 /*Nettoyage de div*/
	#clean{	clear:both ;}
 /*Zone PIED (credits)*/
	#foot{	width:90%;	margin-left: auto;   margin-right: auto; margin-top: 10px;   margin-bottom: 10px; padding : 0;
	font-size : small; color : #000000;   text-align:center; }


/*FORMULAIRES */
	#cadre_mdp{width : 400px; display : inline-block; padding : 1 10 1 10; margin : 2;
	font-size : large; 	color : #ffffff; text-align : center;}
	#cadre_mdp2{width : 200px; display : inline-block; 	padding : 1 10 1 10; margin : 2;
	border : 1px solid #3b374f; 	background : #000000;
	font-size : large; 	color : #ffffff; text-align : center;}
 
 
/* CONTENU EN MODE PAYSAGE ( ecran PC 16/9) */
@media screen and (orientation: landscape) {
	
	/*BANDEAUX NOIRS*/
	/*Bandeaux noir depliables*/
	#sectiontitre{width: 92%;  padding : 5 5 5 70; margin-bottom : 5px; float : left;
	border : 1px solid #3b374f;	-moz-border-radius : 5px; 	border-radius : 5px; 	webkit-border-radius :5px; 	/*La ligne gere l'arrondi du div*/
	background : #000000 url('images/gasha_bouton.png') no-repeat;background-position: 1% 50%;
	font-size : xx-large;  color : #ffffff; text-align : left;}
	/*Bandeaux noir retout arrière*/
	#sectiontitre2{width: 92%;  padding : 5 5 5 70; margin-bottom : 5px; float : left;
	border : 1px solid #3b374f;	-moz-border-radius : 5px; 	border-radius : 5px; 	webkit-border-radius :5px; 	/*La ligne gere l'arrondi du div*/
	background : #000000 url('images/gasha_retour.png') no-repeat; background-position: 1% 50%;
	font-size : xx-large;  color : #ffffff; text-align : left;}
	#sectiontitre3{width: 92%;  padding : 5 5 5 70; margin-bottom : 5px; float : left;
	border : 1px solid #3b374f;	-moz-border-radius : 5px; 	border-radius : 5px; 	webkit-border-radius :5px; 	/*La ligne gere l'arrondi du div*/
	background : #000000 url('images/gasha_recherche.png') no-repeat; background-position: 1% 50%;
	font-size : xx-large;  color : #ffffff; text-align : left;}/*Infos complementaires Bandeaux noir*/
		#sectiontitre3 input{ 	font-size : large;  background:#f0f5f6; vertical-align : middle; padding : 4px;
		border : 1px solid #000000; -moz-border-radius : 10px; 	border-radius : 10px; 	webkit-border-radius : 10px;  }
		#sectiontitre3 select{ 	font-size : large;  background:#f0f5f6; vertical-align : middle; padding : 4px; margin-left : 20px;
		border : 1px solid #000000; -moz-border-radius : 10px; 	border-radius : 10px; 	webkit-border-radius : 10px;  }

	.section_infos {font-size : x-large;  color : #ffffff; margin-left : 10px;}

#intro_site{ width :92%; position: relative; margin : 5px; display :inline-block; 
background:#cecccf;	-moz-border-radius : 10px; 	border-radius : 10px; 	webkit-border-radius : 10px;  
	font-size : large; font-weight : bold; color : #000000; text-align : center; vertical-align : top;}
	
	/*LISTES FIGURINE*/
	/*Cadre pour images dans les listes (l'image de fond est intégrée dynamiquement dans le php */
	#infos_carte{ width : 270px; height : 320px; padding : 5px; margin : 5px; display :inline-block; 
	-moz-border-radius : 10px; 	border-radius : 10px; 	webkit-border-radius : 10px;  }
	#infos_coll{ width : 270px; height : 270px; padding : 5px; margin : 5px; display :inline-block; 
	-moz-border-radius : 10px; 	border-radius : 10px; 	webkit-border-radius : 10px;  }
	/*Titre principal du cadre images dans les listes */
	#petittitre{width: 95%; display : inline-block; 
 	font-size : x-large;  color : #000000; text-align : center; font-weight : bold;}
	/*Titre secondaire du cadre images dans les listes */
	#petittitreEU{width: 95%; display : inline-block; 
 	font-size : large;  color : #000000; text-align : center; font-weight : bold;}
	/*cadre interne en bas du cadre images dans les listes */
	#descriptbas{width: 95%; display : inline-block; padding : 3px; margin-top : 220px;
	background:#f0f5f6 ; -moz-border-radius : 10px; 	border-radius : 10px; 	webkit-border-radius : 10px;  
	font-size : x-large; font-weight : bold; color : #000000; text-align : center; vertical-align : top;} 

	/*PRESENTATION FIGURINE*/
	/*Image générale - l'image de fond est intégrée dynamiquement dans le php */
	#cadrefig{ width :45%; padding-top: 45%; position: relative; margin : 5px; display :inline-block; 
	-moz-border-radius : 10px; 	border-radius : 10px; 	webkit-border-radius : 10px; }
	/*Diaporama d'images*/
	#diapofig{ width :8%; position: relative; margin : 5px; display :inline-block; 
	font-size : x-large; font-weight : bold; color : #000000; text-align : center; vertical-align : top;}
		#diapofig img{position : relative; width : 95%; height : auto; margin : 3px; } 
	/*Cadre général des Informations sur la figurine*/
	#infosfig{ width :41%; position: relative; margin : 5px; display :inline-block; 
	font-size : large; font-weight : bold; color : #000000; text-align : center; vertical-align : top;}
		#semi_colone{ width :45%; position: relative;  display :inline-block;   }
		#infos_Nomperso{width :95%; font-size : x-large;  position: relative; padding : 3px; margin : 5px; margin-bottom : 2px;  display :inline-block; 
		background:#000000; color : #ffffff;	-moz-border-radius : 10px; 	border-radius : 10px; 	webkit-border-radius : 10px;   }
			#infos_Nomperso a{color : #ffffff;} #infos_Nomperso a:hover{color : #747677;} 
		#infos_distri{ width :95%; position: relative; padding : 5px; margin : 5px; margin-bottom : 15px; display :inline-block; 
		background:#cecccf;	-moz-border-radius : 10px; 	border-radius : 10px; 	webkit-border-radius : 10px;  }
		#infos_perso{ width :95%; position: relative; padding : 5px;margin : 5px; margin-bottom :15px; display :inline-block;  
		background:#cecccf;	-moz-border-radius : 10px; 	border-radius : 10px; 	webkit-border-radius : 10px;  }
		#infos_gasha{ width :95%; position: relative;padding : 5px; margin : 5px; margin-bottom : 15px; display :inline-block; 
		background:#cecccf;	-moz-border-radius : 10px; 	border-radius : 10px; 	webkit-border-radius : 10px;  }
		#infos_inscript{ width :95%; position: relative;padding : 5px; margin : 5px; margin-bottom : 15px; display :inline-block; 
		background:#cecccf;	-moz-border-radius : 10px; 	border-radius : 10px; 	webkit-border-radius : 10px;  }
		#infos_variantes{ width :95%; position: relative; padding : 5px; margin : 5px; margin-bottom : 15px; display :inline-block; 
		background:#cecccf;	-moz-border-radius : 10px; 	border-radius : 10px; 	webkit-border-radius : 10px;  }
		#infos_commu{ width :95%; position: relative; padding : 5px; margin : 5px; margin-bottom : 15px; display :inline-block; 
		background:#cecccf;	-moz-border-radius : 10px; 	border-radius : 10px; 	webkit-border-radius : 10px;  }
	/*SECTION MON COMPTE*/
	#infosfig input{ font-size : large;  background:#f0f5f6; vertical-align : middle; padding : 4px; margin : 5 px;
	border : 2px solid #000000; -moz-border-radius : 10px; 	border-radius : 10px; 	webkit-border-radius : 10px;  }
	#infosfig input[type=submit]{background : #000000; padding : 5 10 5 10; margin : 10;
	font-size : large;  color : #ffffff;  
	-moz-border-radius : 5px; 	border-radius : 5px; 	webkit-border-radius : 5px; 		
	}	
}
	
/* CONTENU EN MODE PORTAIT ( Telephone) */
@media screen and (orientation: portrait) and (min-width :768px) {
	
	/*BANDEAUX NOIRS*/
	/*Bandeaux noir depliables*/
	#sectiontitre{width: 88%;  padding : 5 5 5 70; margin-bottom : 5px; float : left;
	border : 1px solid #3b374f;	-moz-border-radius : 5px; 	border-radius : 5px; 	webkit-border-radius :5px; 	/*La ligne gere l'arrondi du div*/
	background : #000000 url('images/gasha_bouton.png') no-repeat;background-position: 1% 50%;
	font-size : xxx-large;  color : #ffffff; text-align : left;}
	/*Bandeaux noir retout arrière*/
	#sectiontitre2{width: 88%;  padding : 5 5 5 70; margin-bottom : 5px; float : left;
	border : 1px solid #3b374f;	-moz-border-radius : 5px; 	border-radius : 5px; 	webkit-border-radius :5px; 	/*La ligne gere l'arrondi du div*/
	background : #000000 url('images/gasha_retour.png') no-repeat; background-position: 1% 50%;
	font-size : xxx-large;  color : #ffffff; text-align : left;}
	#sectiontitre3{width: 88%;  padding : 5 5 5 70; margin-bottom : 5px; float : left;
	border : 1px solid #3b374f;	-moz-border-radius : 5px; 	border-radius : 5px; 	webkit-border-radius :5px; 	/*La ligne gere l'arrondi du div*/
	background : #000000 url('images/gasha_recherche.png') no-repeat; background-position: 1% 50%;
	font-size : xx-large;  color : #ffffff; text-align : left;}/*Infos complementaires Bandeaux noir*/
		#sectiontitre3 input{ 	font-size : x-large;  background:#f0f5f6; vertical-align : middle; padding : 4px;
		border : 1px solid #000000; -moz-border-radius : 10px; 	border-radius : 10px; 	webkit-border-radius : 10px;  }
		#sectiontitre3 select{ 	font-size :x-large;  background:#f0f5f6; vertical-align : middle; padding : 4px; margin-left : 20px;
		border : 1px solid #000000; -moz-border-radius : 10px; 	border-radius : 10px; 	webkit-border-radius : 10px;  }
	
	.section_infos {font-size : xx-large;  color : #ffffff; margin-left : 10px;}
	
	#intro_site{ width :95%; position: relative; margin : 5px; display :inline-block; 
	background:#cecccf;	-moz-border-radius : 10px; 	border-radius : 10px; 	webkit-border-radius : 10px;  
	font-size : x-large; font-weight : bold; color : #000000; text-align : center; vertical-align : top;}
	/*LISTES FIGURINE*/
	/*Cadre pour images dans les listes (l'image de fond est intégrée dynamiquement dans le php */
	#infos_carte{ width : 430px; height : 480px; padding : 5px; margin : 5px; display :inline-block; 
	-moz-border-radius : 10px; 	border-radius : 10px; 	webkit-border-radius : 10px;  }
	#infos_coll{ width : 380px; height : 430px; padding : 5px; margin : 5px; display :inline-block; 
	-moz-border-radius : 10px; 	border-radius : 10px; 	webkit-border-radius : 10px;  }
	/*Titre principal du cadre images dans les listes */
	#petittitre{width: 95%; display : inline-block; padding : 3px;
 	font-size : xx-large;  color : #000000; font-weight : bold; text-align : center; vertical-align: top; }
	/*Titre secondaire du cadre images dans les listes */
	#petittitreEU{width: 95%; display : inline-block; padding : 3px; 
 	font-size : x-large;  color : #000000; text-align : center; font-weight : bold;}
	/*cadre interne en bas du cadre images dans les listes */
	#descriptbas{width: 95%; display : inline-block; padding : 3px; margin-top : 345px;
	background:#f0f5f6 ; -moz-border-radius : 10px; 	border-radius : 10px; 	webkit-border-radius : 10px;  
	font-size : xx-large; font-weight : bold; color : #000000; text-align : center; vertical-align : top;} 
		#descriptbas img{width : auto;height : 50px;}  	
	/*PRESENTATION FIGURINE*/
	/*Image générale - l'image de fond est intégrée dynamiquement dans le php */
	#cadrefig{ width :95%; padding-top: 90%; position: relative; margin : 5px; display :inline-block; 
	-moz-border-radius : 10px; 	border-radius : 10px; 	webkit-border-radius : 10px; }
	/*Diaporama d'images*/
	#diapofig{ width :95%; position: relative; margin : 5px; display :inline-block; 
	font-size : x-large; font-weight : bold; color : #000000; text-align : center; vertical-align : top;}
		#diapofig img{ position : relative;  height : 150px;width : auto; margin : 3px; }  	

	/*Cadre général des Informations sur la figurine*/
	#infosfig{ width :98%; position: relative; margin : 5px; display :inline-block; 
	font-size : xx-large; font-weight : bold;  color : #000000; text-align : center; vertical-align : top;}
		#semi_colone{ width :70%; position: relative;  display :inline-block;   }
		#colone{ width :98%; position: relative;  display :inline-block;   }
		#infos_Nomperso{width :98%; font-size : xx-large;  position: relative; padding : 3px; margin : 5px; margin-bottom : 2px;  display :inline-block; 
		background:#000000; color : #ffffff;	-moz-border-radius : 10px; 	border-radius : 10px; 	webkit-border-radius : 10px;   }
			#infos_Nomperso a{color : #ffffff;} #infos_Nomperso a:hover{color : #747677;} 
		#infos_distri{ width :98%; position: relative; padding : 5px; margin : 5px; margin-bottom : 15px; display :inline-block; 
		background:#cecccf;	-moz-border-radius : 10px; 	border-radius : 10px; 	webkit-border-radius : 10px;  }
		#infos_perso{ width :98%; position: relative; padding : 5px;margin : 5px; margin-bottom :15px; display :inline-block;  
		background:#cecccf;	-moz-border-radius : 10px; 	border-radius : 10px; 	webkit-border-radius : 10px;  }
		#infos_gasha{ width :98%; position: relative;padding : 5px; margin : 5px; margin-bottom : 15px; display :inline-block; 
		background:#cecccf;	-moz-border-radius : 10px; 	border-radius : 10px; 	webkit-border-radius : 10px;  }
		#infos_inscript{ width :98%; position: relative;padding : 5px; margin : 5px; margin-bottom : 15px; display :inline-block; 
		background:#cecccf;	-moz-border-radius : 10px; 	border-radius : 10px; 	webkit-border-radius : 10px;  }
		#infos_variantes{ width :98%; position: relative; padding : 5px; margin : 5px; margin-bottom : 15px; display :inline-block; 
		background:#cecccf;	-moz-border-radius : 10px; 	border-radius : 10px; 	webkit-border-radius : 10px;  }
		#infos_commu{ width :95%; position: relative; padding : 5px; margin : 5px; margin-bottom : 15px; display :inline-block; 
		background:#cecccf;	-moz-border-radius : 10px; 	border-radius : 10px; 	webkit-border-radius : 10px;  }
		/*SECTION MON COMPTE*/
			#infosfig input{ font-size : xx-large;  background:#f0f5f6; vertical-align : middle; padding : 4px; margin : 5 px;
			border : 2px solid #000000; -moz-border-radius : 10px; 	border-radius : 10px; 	webkit-border-radius : 10px;  }
			#infosfig input[type=submit]{background : #000000; padding : 5 10 5 10; margin : 10;
			font-size : xx-large;  color : #ffffff;  
			-moz-border-radius : 5px; 	border-radius : 5px; 	webkit-border-radius : 5px; 		
}

/* CONTENU EN MODE PORTAIT ( Tablette) */
@media screen and (orientation: portrait) and (max-width :767px) {
	
	/*BANDEAUX NOIRS*/
	/*Bandeaux noir depliables*/
	#sectiontitre{width: 88%;  padding : 5 5 5 70; margin-bottom : 5px; float : left;
	border : 1px solid #3b374f;	-moz-border-radius : 5px; 	border-radius : 5px; 	webkit-border-radius :5px; 	/*La ligne gere l'arrondi du div*/
	background : #000000 url('images/gasha_bouton.png') no-repeat;background-position: 1% 50%;
	font-size : large;  color : #ffffff; text-align : left;}
	/*Bandeaux noir retout arrière*/
	#sectiontitre2{width: 88%;  padding : 5 5 5 70; margin-bottom : 5px; float : left;
	border : 1px solid #3b374f;	-moz-border-radius : 5px; 	border-radius : 5px; 	webkit-border-radius :5px; 	/*La ligne gere l'arrondi du div*/
	background : #000000 url('images/gasha_retour.png') no-repeat; background-position: 1% 50%;
	font-size : large;  color : #ffffff; text-align : left;}
	/*Infos complementaires Bandeaux noir*/
	.section_infos {font-size : normal;  color : #ffffff; margin-left : 10px;}

	/*LISTES FIGURINE*/
	/*Cadre pour images dans les listes (l'image de fond est intégrée dynamiquement dans le php */
	#infos_carte{ width : 200px; height : 240px; padding : 2px; margin : 2px; display :inline-block; 
	-moz-border-radius : 10px; 	border-radius : 10px; 	webkit-border-radius : 10px;  }
	/*Titre principal du cadre images dans les listes */
	#petittitre{width: 95%; display : inline-block; padding : 3px;
 	font-size : normal;  color : #000000; font-weight : bold; text-align : center; vertical-align: top; }
	/*Titre secondaire du cadre images dans les listes */
	#petittitreEU{width: 95%; display : inline-block; padding : 3px; 
 	font-size : small;  color : #000000; text-align : center; font-weight : bold;}
	/*cadre interne en bas du cadre images dans les listes */
	#descriptbas{width: 95%; display : inline-block; padding : 3px; margin-top : 145px;
	background:#f0f5f6 ; -moz-border-radius : 10px; 	border-radius : 10px; 	webkit-border-radius : 10px;  
	font-size : large; font-weight : bold; color : #000000; text-align : center; vertical-align : top;} 
		#descriptbas img{width : auto;height : 32px;}  	
	/*PRESENTATION FIGURINE*/
	/*Image générale - l'image de fond est intégrée dynamiquement dans le php */
	#cadrefig{ width :95%; padding-top: 90%; position: relative; margin : 5px; display :inline-block; 
	-moz-border-radius : 10px; 	border-radius : 10px; 	webkit-border-radius : 10px; }
	/*Diaporama d'images*/
	#diapofig{ width :95%; position: relative; margin : 5px; display :inline-block; 
	font-size : normal; font-weight : bold; color : #000000; text-align : center; vertical-align : top;}
		#diapofig img{ position : relative;  height : 100px;width : auto; margin : 3px; }  	
	/*Cadre général des Informations sur la figurine*/
	#infosfig{ width :95%; position: relative; margin : 5px; display :inline-block; 
	font-size : normal; font-weight : bold; color : #000000; text-align : center; vertical-align : top;}

}