/*-----------------------------------------------------------------------------------------------------------------------------------------
PARAMETRES GLOBAUX 
*/


.button_style
{
    border:none;
    background-color:#007cb2;
    color:#ffffff;
}

form input,form select
{
    background-color:#e6f1f8;
}

body {
	margin: 0pt;
	padding: 0pt;
	/*background-repeat: repeat-y;*/
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	/*background-color: #ffffff;*/
	/*background-position: center;*/
	/*line-height: 12px;*/
	text-align:center;
}

form p{
	font-size:1em;
}

a {
	/*color: #FF9835;*/
	color:#32a044;
	text-decoration: underline;
}

a:hover {
	/*color: #FF9835;*/
	color:#32a044;
	text-decoration: none;
}

a:visited {
	/*color: #FF9835;*/
	color:#32a044;
	text-decoration: underline;
}

a:visited:hover {
	/*color: #FF9835;*/
	color:#32a044;
	text-decoration: none;
}

h1 {
	text-align:left;
	color: #0070ae;
	font-family: Verdana, Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 1em;
	border-bottom: 1px #0070ae solid;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
/*
h2 {
	color: #ffffff;
	font-family: Verdana, Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 15px;
	padding: 3px;
	margin-bottom: 5px;
	background-color: #8EC9DF;
	background-image: url(img/back_h2.gif);
	background-repeat: repeat-y;
	background-position: right; 
}

h3 {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	color: #FF6600;
	font-weight: bold;
	border-left: 5px #FF6600 solid;
	padding-left: 5px;
	background-image: url(img/back_h3.gif);
	background-repeat: repeat-y;
	background-position: left;
}

h4 {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	color: #FF6600;
	font-weight: bold;
	margin-bottom: 0px;
}
*/
.clear{
	clear:both;
}
.gras{
	font-weight:bolder;
}
.texte-noir {
	color: #000000;
}

.texte-orange {
	color: #EF591E;
	
}

.texte-orange a {
	color: #EF591E;
	text-decoration: underline; 
}

.texte-orange a:hover {
	color: #EF591E;
	text-decoration: none; 
}

.texte-vert {
	color: #387912;
}

.texte-vert a {
	color: #387912;
	text-decoration: underline; 
}

.texte-vert a:hover {
	color: #387912;
	text-decoration: none; 
}

.texte-bleu {
	color: #005B9D;
}

.texte-blanc {
	color: #ffffff;
}

.texte-rouge {
	color: #D61E2E;
}

.bloc-orange {
	margin: 0px;
	border: 1px #FF9933 solid;
	background-color: #FFF5EA;
}

.bloc-cadre-bleu {
	margin: 0px;
	border: 1px #005B9D solid;
	background-color: #ffffff;
	padding: 10px;
}


hr {
	display:block;
	height: 1px;
	margin: 0;
	_margin: -7px 0;
	padding: 0;
	color: #FF9933;
	background-color: #FF9933;
	border: 0;
	margin-top: 10px;
	margin-bottom: 10px;
 }


tbody {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 13px;
}


h3{
    margin:20px;
}
p {
	margin:0;
	padding:0;
}

li{
	list-style-type: none;
	background-image: url(img/mini_puce_orange.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 8px;
	padding-right: 20px;
	padding-bottom: 5px;
	color: #000000;
}


.message_erreur{
	color:ff0000;
	font-size:0.8em;
	font-weight:bolder;
}

#message_system{
	color:red;
	
	width:100%;
	font-weight:bolder;
	font-size:0.8em;
	text-align:center;
}

/*
FIN DES PARAMETRES GLOBAUX
-----------------------------------------------------------------------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------------------------------------------------------------------
STRUCTURE DE LA PAGE
*/

#ombrage
{
	float:left;
	height:auto;
	background-image: url(../img/background.jpg);
   background-repeat: repeat-y;
   background-position: top;
   width:auto;
   padding-left:2px;
}
#conteneur {
	margin: auto;
	width: 778px;
	height:auto;
	
	/*background-image: url(../img/background.jpg);
	background-repeat: repeat-y;
	background-position: top;*/
}
#contenu_page{
	width:778px;
	float:left;
	background-image:url(../img/background-right.jpg);
	background-repeat:repeat-y;
	background-position:left;
	
}
#contenu_gauche{
	float:left;
	width:180px;
	padding-bottom:70px;
	
	/*padding-left:3px;*/
	
}
#contenu_gauche_top{
	background-color:#0070ae;
	height:64px;
	width:100%;
}

#contenu_droit{
	float:left;
	width:588px;
	padding-top:45px;
	/*padding-left:7px;*/
	padding-left:10px;
	padding-bottom:20px;
	color:#000000;
	text-align:left;
	height:auto;
}

      
#contenu_droit form table
{
    text-align:left;
    margin-top:25px;
}

#contenu_droit form table input,#contenu_droit form table select{
   width:300px;
   
}


#contenu_gauche .module_bleu{
	background-color:#003b8a;
	/*background-color:#cde5f1;*/
	
}
#contenu_gauche .module_orange{
	/*background-color:#ff9835;*/
	background-color:#32a044;
	
	
	/*background-color:#e6f2f8;*/
	/*background-color:#ffb56d;*/
    /*background-color:#c9ced0;*/
    

}

#contenu_gauche .module_orange a:hover{
	/*background-color:#ffb56d;*/
	background-color:#32a080;
}
#contenu_gauche .module_bleu a:hover{
	background-color:#0070ae;
}


#contenu_gauche .module{
	font-size:0.8em;
	margin-bottom:2px;
	height:auto;
	width:100%;
	text-align:center;
	
}

#contenu_gauche .module a{
	font-weight:bolder;
	color:#ffffff;
	text-transform: uppercase ;
	display:block;
	height:auto;
	text-decoration:none;
	padding:5px 10px 5px 10px;
}
#contenu_gauche .module_out{
	border: 1px #EF591E solid;
}

#contenu_gauche .module_hover{
	background-color:#EF591E;
	border: 1px #EF591E solid;
}
#contenu_gauche .module_hover a{
	color:#FFFFFF;
	
}

/*
FIN DE LA STRUCTURE
-----------------------------------------------------------------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------------------------------------------------------------
HEADER ET SON CONTENU
*/

#header{
	width:778px;
	height:auto;
	
}
#header *{
	margin:0;
	padding:0;
}

#header #logo{
	float:left;
	width:628px;
	text-align:left;
}

#connexion_client{
	float:left;
	width:150px;
	height:auto;
	text-align:left;
	padding-top:20px;
}
#connexion_client a{
	display:block;
	width:148px;
	text-decoration:none;
	height:15px;
	font-weight:bolder;
	font-size:0.8em;
	text-align:center;
	background-color:#33a044;
	color:#ffffff;
	margin-top:5px;
	border:1px solid #33a044;
}
#connexion_client a:hover{
	background-color:#ffffff;
	color:#33a044;
	border:1px solid #33a044;
}

#connexion_client input{
	width:150px;
}
#connexion_client label{
	font-size:0.8em;
}
#connexion_client_top{
	text-align:center;
	width:100%;
	color:#ffffff;
	background-color:#33a044;
	padding-top:2px;
	padding-bottom:2px;
}
#filet_bleu{
	height:auto;
	clear:both;
	/*padding-left:3px;*/
}

#menu-principal {
	width:778px;
	height:auto;
	padding: 0px;
	margin-top: 1px;
	background-image: url(../img/back_menu_principal.gif);
	background-repeat: repeat-x;
	height: 26px; 
	text-align:left;
	/*margin-left:3px;*/
}

#conteneur_menu_principal{
	/*width:478px;*/
	width:548px;
	float:left;
	height:auto;
	
}

ul#menu-principal {
	/*width:478px;*/
	width:548px;
	list-style: none;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	line-height:26px;
	font-size: 10px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
}

#menu-principal li{
	display: inline;
	margin: 0px;
	padding: 0px;
	background-image: none;
}

#menu-principal a{
	color: #ffffff;
	text-decoration: none;
	padding-right: 8px;
	padding-left: 8px; 
}

#menu-principal a:hover{
	color: #E8F5FB;
}

#menu-principal a.youarehere, .menu-principal  a.youarehere:hover{
	color: #E8F5FB;
}
#header #choix_pays{
	width:230px;
	/*width:300px;*/
	float:left;
	text-align:right;
}
#header #choix_pays label {
	font-size:0.8em;
	color:#ffffff;
	font-weight:bolder;
}
#header #choix_pays select{
	width:100px;
}



/*
FIN DU HEADER
-----------------------------------------------------------------------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------------------------------------------------------------------
PAGE D'ACCUEIL -> index.php
*/

#page_accueil{
	width:778px;
	height:auto;
}

#page_accueil .module_hover{
	background-color:#EF591E;
	padding-top:10px;
	padding-bottom:10px;
	margin-right:10px;
	margin-left:10px;
	margin-bottom:10px;
	margin-top:10px;
	height:40px;
	width:198px;
	text-align:center;
	border: 1px #EF591E solid;
}
#page_accueil .module_hover p{
	color:#FFFFFF;
}



#page_accueil #presentation_module{
	display:block;
	float:left;
	margin:auto;
	height:auto;
}

#page_accueil .contenu_presentation_module{
	display:none;
	float:left;
	
}
#page_accueil .libelle_module{
	padding:20px 0px 5px 0px;
	margin-bottom:10px;
	/*color: #387912;*/
	/*border-bottom:1px solid #ff9835;*/
	border-bottom:1px solid #32a044;
	font-size:0.9em;
	font-weight:bolder;
}
#page_accueil #liste_modules{
	margin:auto;
}
#page_accueil #liste_modules td{
	vertical-align:top;
}

/*
FIN DE PAGE D'ACCUEIL -> index.php
-----------------------------------------------------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------------------------------------------------
PAGE DE PRESENTATION DE MODULE -> module.php
*/
#page_module{
	height:auto;
	width:778px;
}

#page_module .libelle_module{
	padding:20px 0px 5px 0px;
	/*border-bottom:1px solid #ff9835;*/
	border-bottom:1px solid #32a044;
	
	font-size:0.9em;
	font-weight:bolder;
}
#page_module .contenu_module{
	padding:10px 0 20px 0px;
}
#page_module #presentation_module{
	width:370px;
	float:left;
}

#page_module #menu_inscription{
	width:208px;
	margin-top:49px;
	height:auto;
	float:left;
	text-align:center;
}
#page_module #menu_inscription p{
	padding:0;
	margin:0;
	/*color:#ff9835;*/
	color:#32a044;
	font-size:0.8em;
	font-weight:bolder;
	width:208px;
}
#page_module #menu_inscription select{
	margin-top:10px;
	margin-bottom:10px;
	width:90%;
}
#page_module .nfo_session{
	text-align:left;
	display:none;
}
#page_module #p_inscrit {
	width:100%;
	text-align:right;
}
#page_module #btn_inscript{
	
}
#page_module #p_inscrit input{
	float:right;	
}
/*
FIN DE PRESENTATION DE MODULE ->module.php
-----------------------------------------------------------------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------------------------------------------------------------
PAGE D'INSCRIPTION A UN MODULE -> inscription_module.php
*/
#inscription_module{
	height:auto;
	width:100%;
}
#inscription_module table{
	width:558px;
	padding-left:30px;
}
#inscription_module table label{
	font-size:1em;
}
#inscription_module input{
	float:right;
}
/*
FIN DE  ->inscription_module.php
-----------------------------------------------------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------------------------------------------------
FOOTER
*/

#footer{
	padding-top:0;
	text-align:center;
	float:left;
	border-bottom:1px solid #dcdcdc;
	
}
#menu_footer{
	width:100%;
	height:20px;
	background-color:#007cb2;
	line-height:20px;
	text-align:left;
	/*padding-left:5px;/**/
	
}
#menu_footer a{
	/*color:#ffffff;*/

}

#footer span{
	width:100%;
}
/*
FIN DU FOOTER
-----------------------------------------------------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------------------------------------------------
PAGE DE Espace CLient -> espace_client.php
*/

 #contenu_droit #mes_sessions{
	border-collapse: collapse;
	width:100%;
 }
 #contenu_droit #mes_sessions td{
	/*border: 1px solid #ef591e;*/
	text-align:justify;
	font-size: 0.9em;
 }
 
  #contenu_droit #mes_sessions th {
  	width:25%;
	text-align:center;
 }
  
 #no_newsletter{
  width:578;
  margin-top:40px;
  text-align:center;
 }
 
 #no_newsletter img{
	border:none;
 }
/*
FIN 
-----------------------------------------------------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------------------------------------------------
PAGE INSCRIPTION NEWSLETTER ->newsletter.php
*/
#newsletter{
	width:100%;
	height:auto;
	float:left;
	
}
#newsletter form{
	margin-top:70px;
}

/*
FIN 
-----------------------------------------------------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------------------------------------------------
PAGE INSCRIPTION AU SITE ->inscription.php
*/
	table{
		width:100%;
	}
	
/*
FIN 
-----------------------------------------------------------------------------------------------------------------------------------------*/
#tbl_session{
border-collapse: collapse;
width:187px;
margin-left:10px;
color:#32A044;
}