html 
{
  height: 100%;
}

* Pied
{
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
}

body
{
    min-height: 100%;
    position: relative;	
    margin: 0;
    padding: 0;	
	margin:auto;	
	padding-bottom : 100px; 
}



/* =========== BANNIERE  **/

#Banniere
{
	/* background-image:url(Images/Logo/LOGO-OFFICIEL_400x100.png);
	background-repeat:no-repeat;
	background-position:center;*/
	width:100%;
	/* height:170px; */
	/* border:2px solid yellow; */
	border:1px solid #999;
	box-shadow:0px 0px 8px #CCCCCC;
	
}
 #Banniere a
 {	 
	 text-decoration:none;
 }
  #banniere_contact
  {
	  color:#FFFFFF;
	  background-color:#999;
  }
   #tableau_banniere_contact
   {  
	   /*height:25px; */
	   color:#FFF;
	   width:80%;
	   table-layout: fixed;
   }  
   #tableau_banniere_contact td
   {
	   height:20px;
	   vertical-align:middle;
	   text-align:center	   
   }     
   






/* =========== CORPS  **/

#Corps
{
	color:#666;
	width:1000px;	
	margin:auto;
	margin-top:50px;
	margin-bottom:50px;
	border:#999999;
	/*  border:1px solid black;	 */
}



/* =========== Page accueil  **/

#accueil_bloc_principal
{
	width:800px;
	margin:auto;
	/* background-color:#CCC; */
	/* border:1px solid red; */
	
}
  #accueil_bloc_principal a
  {
	  text-decoration:none;
  }


  #accueil_inscription_connexion
  {
	  width:90%;
	  margin:auto;
	  border-collapse:collapse;
  }
  
  .inter_cellule
  {
	  background-color:#666666;
  }  
  
	.titre_inscription_connexion
	{
		width:50%;
		font-size:22px;
		font-weight:bold;
		text-align:center;	
		/* border:1px solid green; */
	}
	
	.bloc_inscription	
	{
		background-color:#FFFFFF;
		/* border:1px solid red; */
	}
	
	.bloc_connexion	
	{
		background-color:#FFFFE1;
		/* border:1px solid red; */
	}	

.bouton_acces_form_inscription
{
	width:90%;
	margin:auto;
	padding:5px;
	color:#FFF;
	background-color:#06F;
	text-align:center;
}
  .bouton_acces_form_inscription:hover
  {
	  cursor:pointer;
	  color:#06F;	  	  
	  background-color:#FFFF15;
  }
			   

 
#form_acces_espace_client
{
	text-align:center;
}

  #form_acces_espace_client input
  {
	  width:90%;
	  height:30px;
	  text-indent:5px;
  } 
     
.acces_espace_client_bouton_se_connecter
{
	width:90%;
	padding:5px;
	margin:auto;
    text-align:center;
	background-color:#333333;
	color:#FFFFFF;
	font-size:18px;
	border:2px solid #333333;
}
        
  .acces_espace_client_bouton_se_connecter:hover
  {
	  cursor:pointer;
	  background-color:#FFFFFF;
	  color:#333333;	  
  }
                 





/* =========== FORM INSCRIPTION  **/

#form_inscription
{
	width:50%;
	margin:auto;
	border:1px solid #999;
	border-radius: 10px;
	text-align:center;
	padding:30px;
	/*background-color:#FFFFB9;	*/
	border:1px solid #999;
	box-shadow:0px 0px 15px #CCCCCC;	
}

.champs_form_inscription
{
	display:block;
	width:90%;
	margin:auto;
	font-size:18px;
	padding:5px;
	text-indent:2px;
	border:2px solid #CCCCCC;	
	margin-bottom:10px;

}

.champs_form_inscription:hover
{
	border:2px solid #09F;
	box-shadow:0px 0px 5px #0099FF;		
}




#form_inscription_tableau_phrase_verif
{
	width:90%;
	margin:auto;
	border:1px solid orange;
}

  #form_inscription_tableau_phrase_verif:hover
  {
	border:1px solid #09F;
	box-shadow:0px 0px 5px #0099FF;		  	  
  }

input[type=checkbox] 
{
    height: 20px;
    width: 20px;
}
input[type=checkbox]:hover 
{
	cursor:pointer;
}

#cbox_phrase_verif
{
	height:30px;
}
  #cbox_phrase_verif:hover
  {
	  cursor:pointer;
  }



#bouton_form_inscription_valider
{
	margin-top:10px;
	width:90%;
	padding:5px;
	color:#FFFFFF;
	font-size:20px;
	text-align:center;	
	background-color:#0066FF;
}
  #bouton_form_inscription_valider:hover
  {
	  background-color:#09F;
	  cursor:pointer;
  }


.erreur_saisie
{
	width:90%;
	margin:auto;
	padding:5px;
	background-color:#FFB7B7;
	text-align:left;
	color:#666;
	background-color:1px solid #F00;
}

.ferm_message_erreur
{
	width:90%;
	padding:2px;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	background-color:#FFA6A6;
	border:1px solid #F00;
	color:#FFF;
}
  .ferm_message_erreur:hover
  {
	  cursor:pointer;
	  background-color:#FFF;
	  border:1px solid #F00;
	  color:#FFA6A6;	  
  }


/* =========== ESPACE CLIENT  **/


#escpace_client_bouton_deconnexion
{
	/*display:block;
	margin:auto; */
	padding:4px;
	font-size:14px;
	color:#333333;
	background-color:#FFFFFF;
	border:1px solid #333;
	border-radius:30px;
}

  #escpace_client_bouton_deconnexion:hover
  {
	  cursor:pointer;
	  color:#FFFFFF;
	  background-color:#333333;  
  }

#bloc_espace_client_connexion
{
	width:50%;
	margin:auto;
	text-align:center;
}


.bloc_espace_client
{
	margin:auto;
	border:1px solid #333;
	border-radius:10px;
	margin-top:20px;
	margin-bottom:20px;	
}

  .bloc_espace_client_titre
  {
	  background-color:#333;
	  color:#FFF;
	  border-bottom:1px solid #333;
	  border-radius:10px;
	  text-align:center;
	  font-size:24px;
	  font-weight:bold;
  }
  
  .bloc_espace_client_contenu
  {
	  padding:10px;
  }



.message_confirmation_maj_donnees
{
	width:90%;
	padding:5px;
	margin:auto;
	margin-top:5px;
	margin-bottom:5px;
	background-color:#DFFFDF;
	color:#005E00;
	border:1px solid #005E00;	
}

.fermer_message_confirmation_maj_donnees
{
	width:50%;
	margin:auto;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	color:#006C36;
	background-color:#FFF;
	border:1px solid #005E00;
	margin-top:5px;		
}
  .fermer_message_confirmation_maj_donnees:hover
  {
	  cursor:pointer;
	  color:#FFF;
	  background-color:#006C36;	  
  }


.espace_client_bloc_entete
{
	text-align:center;
	color:#333333;
}



#tableau_espace_client_bloc_entete_infos
{
	margin:auto;
	margin-bottom:5px;
	/* border: 1px solid red; */
}

#tableau_espace_client_bloc_entete_infos td
{
	/* border: 1px solid red; */
}
            
#espace_client_cellule_avatar_mini
{
	vertical-align:middle;
}

#espace_client_cellule_nom_id
{
	vertical-align:middle;
	text-align:left;
	padding:2px;	
}



#grandtableau_infosetmotdepasse_presentationavatar
{
	width:100%;
	table-layout:fixed;
}

#grandtableau_infosetmotdepasse_presentationavatar td
{
	border-collapse:collapse;
	/* border:1px solid purple; */
	vertical-align:top;
}




#form_espace_client_gestion_infos
{
	width:90%;
	margin:auto;
	padding:2px;
	text-align:center;
	background-color:#FFFFDF;
}

.champs_gestion_infos
{
	display:block;
	width:90%;
	margin:auto;
	height:20px;
	margin-bottom:5px;
	margin-top:5px;
}

.bouton_gestion_infos
{
	width:70%;
	margin:auto;
	background-color:#999;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	padding:2px;
	margin-bottom :5px;
}
  .bouton_gestion_infos:hover
  {
	  background-color:#CCC;
	  cursor:pointer;
  }



#espace_client_cellule_affichage_infos
{
	padding:5px;
	width:90%;
	min-height:150px;
	margin:auto;
	border:1px solid #CCC ;
}



#tableau_infos_mdp
{
	width:100%;
}

  #tableau_infos_mdp td
  {
	  /* border-top:2px solid #999; */
	  border-collapse:collapse;
  }



.champs_gestion_mdp
{
	width:90%;
	height:16px;	
}

.bouton_espace_client_valider
{
	display:block;
	width:90%;
	margin:auto;
	margin-bottom:5px;	
	margin-top:5px;
	padding:2px;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	background-color:#09F;
}
  .bouton_espace_client_valider
  {
	  background-color:#0066FF;
	  cursor:pointer;
  }



#tableau_presentation_avatar
{
	width:100%;	
}

  #tableau_presentation_avatar td
  {
	 /* border-top:2px solid #999; */
	  border-collapse:collapse;	  
  }


#tableau_presentation_avatar
{
	width:100%;
}



.espace_client_champs_presentation
{
	padding:5px;	
	display:block;
	width:90%;	
	margin:auto;
	height:150px;
	background-color:#FFFFFF;
}

.champs_ajout_photo_enctype
{
	display:block;
	width:60%;
	margin:auto;
	background-color:#FFB895;
	color:#333333;
}

.champs_ajout_photo_enctype_omis
{
	display:block;
	width:60%;
	margin:auto;
	background-color:#FD0000;
	color:#FFF;
}


.bouton_espace_client_supprimer
{
	display:block;
	width:90%;
	margin:auto;
	margin-bottom:5px;	
	margin-top:5px;	
	padding:2px;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	background-color:#FF7171;
}
  .bouton_espace_client_supprimer
  {
	  background-color:#F00;
	  cursor:pointer;
  }



#message_alerte_fin_abonnement
{
	color:#FF0000;
	background-color:#FFCE9D;
	padding:5px;
	margin:auto;
	margin-bottom:10px;
	text-align:center;
}




.bloc_infos_expedition
{
	width:90%;
	margin:auto;
	margin-bottom:10px;
	border:2px solid #09F;
	padding:5px;
}


.bloc_infos_expedition_shown
{
	display:block;	
}

.bloc_infos_expedition_hidden
{
	display:none;	
}






.bloc_lien_bordereau
{
	
}

.input_file_hidden
{
	display:none;
}





/*  ABONNEMENT */


.message_alerte
{
	width:70%;
	margin:auto;
	margin-bottom:20px;
	padding:15px;
	background-color:#C9E9F8;
	border:1px solid orange;
	text-align:center;
	font-size:18px;
	font-weight:bold;
}

.fermer_message_alerte
{
	width:50%;
	margin:auto;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	color:#orange;
	background-color:orange;
	border:1px solid #FFF;
	margin-top:5px;				
}
  .fermer_message_alerte:hover
  {
	  cursor:pointer;
	  background-color:#FFFFFF;
	  border:1px solid orange;
  }



#en_tete_page_abonnement
{
	width:70%;
	margin:auto;
	padding:5px;
	background-color:#333333;
	text-align:center;
	color:#FFF;
	font-size:20px;
	font-weight:bold;
}

#rappel_date_fin_abonnement
{
	width:70%;
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;	
	padding:10px;
	color:#333333;
	font-size:18px;		
}

#form_abonnement
{
	width:70%;
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;	
	padding:10px;
	color:#333333;
	font-size:18px;
	text-align:center;
	box-shadow:0px 0px 5px  #CCCCCC;
}

#form_abonnement select
{
	padding:5px;
	font-size:18px;
	color:#333333;
	border-radius:5px;	
}

#form_abonnement select:hover
{
	cursor:pointer;
	border:1px solid #2F97FF;
}

#escpace_client_bouton_valider_abonnement
{
	padding:5px;
	font-size:18px;
	background-color:#2F97FF;
	color:#FFF;
	text-align:center;
	font-weight:bold;
}
  #escpace_client_bouton_valider_abonnement:hover
  {
	  cursor:pointer;
	  background-color:#00E100;
  }



.titre_tableau_abonnement_recapitulatif
{
	width:70%;
	margin:auto;
	margin-bottom:10px;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	color:#0076EC;
}


#tableau_abonnement_recapitulatif
{
	width:70%;
	margin:auto;
	border:2px solid #0076EC;
	table-layout:fixed;
	border-collapse:collapse;
	font-size:18px;
}

.tableau_abonnement_recapitulatif_titre
{
	padding:10px;
	background-color:#333333;
	color:#FFFFFF;
	border:2px solid #0076EC;		
}

.tableau_abonnement_recapitulatif_info
{
	padding:10px;
	color:#333333;
	border:2px solid #0076EC;		
}



#boutons_options_commande
{
	width:70%;
	margin:auto;
}



.bouton_achat_form_paiement
{
	display:block;
	width:50%;
	margin:auto;
	margin-top:15px;
	padding:5px;
	font-size:18px;
	background-color:#2F97FF;
	color:#FFF;
	text-align:center;
	font-weight:bold;		
}

  .bouton_achat_form_paiement:hover
  {
	  cursor:pointer;
	  background-color:#00E100;
  }



.bouton_form_abonnement_annuler
{
	display:block;
	width:50%;
	margin:auto;
	margin-top:15px;	
	padding:5px;
	font-size:18px;
	background-color:#999;
	color:#FFF;
	text-align:center;
	font-weight:bold;			
}
  .bouton_form_abonnement_annuler:hover
  {
	  cursor:pointer;
	  background-color:#666666;
	  color:#FFF;	  
  }





.titre_tableau_collaboration
{
	font-size:18px;
	font-weight:bold;
	background-color:#CCC;
	padding:2px;
	margin-bottom:10px;	
	margin-bottom:10px;
}

.tableau_collaborations  
{
	border-collapse:collapse;
	width:95%;
	margin:auto;
	margin-bottom:15px;
}

  .tableau_collaborations td 
  {
	  border:1px solid #000;
	  padding:5px;
  }
  
  
  

.grand_titre_page
{
	padding:2px;
	font-size:26px;
	font-weight:bold;
	text-align:center;
	border-bottom:2px solid #333;
	margin-bottom:20px;
}

.tableau_liste_cosender
{
	width:100%;
	table-layout:fixed;		
	border:1px solid #666;
	margin:auto;
}

.tableau_liste_cosender td
{
	border:1px solid #333;
	padding:5px;
}

.tableau_liste_cosender_titre
{
	background-color:#666;
	color:#FFF;
}

.liste_cosender_ligne_plusinfos
{
	display:none;
}
  
.pas_de_collaboration
{
	font-weight:bold;
}

.collaboration_att
{
	color:#D96C00;
}

.collaboration_ok
{
	color:#009D00;
}



.liste_cosender_ligne_infosprincipales
{
	font-size:16px;
}

  .liste_cosender_ligne_infosprincipales:hover
  {
	  cursor:pointer;
  }
  
.ligne_infosprincipales_select
{
	background-color:#FFFFCE;
}
.ligne_infosprincipales_deselect
{
	background-color:#FFFFFF;
}
  
.liste_cosender_titre_avatar
{
	text-align:center;
}

.affichage_presentation
{
	vertical-align:top;
}
  
.bouton_dd_collaboration
{
	text-align:center;
}

  

/* =========== PIED  **/

#Pied
{
	color:#FFF;
	position: absolute; 
	bottom: 0; 
	left: 0; 
	right: 0;	
	text-align:center;
	background-color:#999;
	border-top:2px solid #FF0;	
}


.paragraphe_CG
{
	width:90%;
	margin:auto;
}

.titres_CG
{
	font-weight:bold;
}

.pages_admin
{
	padding:5px;
	background-color:#999;	  
}

.pages_admin a
{
	text-decoration:none;
	color:#FFFFFF;
}
.pages_admin a:hover
{
	text-decoration:underline;
}


.bloc_badges_securite
{
	padding:5px;
}