@charset "utf-8";
/** {margin: 0; padding: 0;}*/
body{
	background-color:#414564;
	margin: 0; 
}
#style_page {
	position:absolute;
	width:860px;
	height:637px;
	margin-left: -430px;
	left: 50%;
	background-color:#FFE653;
}
#cadre {
	position:absolute;
	width:1190px;
	height:637px;
	margin-left: -595px;
	left: 50%;
}
#page {
	background-color:#eae8e8;
/*	float:left;*/
	
/*	width:860px;
	height:781px;*/
	font: 900 14px "Arial", Helvetica, sans-serif;
 	color: #ffffff;		
}
.ChampExpo{
	font-weight:normal;
	font-size: 14px;
}
#bordure_intro {
	border: 1px solid #990033;
}
#degrader_gauche {
	background-image: url(../media/images/degrader_gauche.png);
	background-repeat: repeat-y;
	background-position:left;
	background-color:#FF00ff;
	padding-left:165px;
/*	float:left;
	width:165px;
	height:781px;*/
}

#degrader_droit {
	background-image: url(../media/images/degrader_droit.png);
	background-repeat: repeat-y;
	background-position:right;
	background-color:#00ff00;
	padding-right:165px;
/*	float:right;
	width:165px;
	height:781px;*/
}
a.button {
	background: transparent url('../media/images/but_fleche_droite.png') no-repeat scroll top right; 
    display: block;
    float: left;
    height: 36px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
    margin-right: 8px;
    padding-right: 30px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
    /* FONT PROPERTIES */
    text-decoration: none;
    color: #ffffff;
    font-size:16px;
    font-weight:bold;
}

a.button span{    
    background: transparent url('../media/images/but_fleche_gauche.png') no-repeat;
	display: block;
    line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
    padding: 7px 10px 5px 18px;
} 

a.button:hover span{
    text-decoration:underline;
}

a.bouton_simple {
	background: transparent url('../media/images/sous_menu_bouton.png');	
	background-repeat:no-repeat;
	text-align:center;
	padding-top:14px;
	display: block;
    height: 28px;
    text-decoration: none;
    color: #ffffff;
    font-size:14px;
    font-weight:bold;
}
a.bouton_simple:hover {
 	color: #0d5f83;
}

#separation_rep{
	float: right;
	width:300px;
	height:36px;
	background-image: url(../media/images/separation_rep.png);	
	background-repeat: repeat-x;
}
#separation_fin{
	float: right;
}
#sous_menu{
	clear:both;
	float:left;
	width:158px;
}
#sous_menu_cadre{
/*	height:304px;*/
}
#sous_menu_cadre a{
	text-decoration: none;
}
#bordure_gauche{
	clear:both;
	float:left;
	background-image: url(../media/images/bordure_gauche.png) ;	
	background-repeat: repeat-y;
	background-position:left;
}
#bordure_droite{
	float:right;
	background-image: url(../media/images/bordure_droite.png);	
	background-repeat: repeat-y;
	background-position:right;
/*	background-color:#0055fF;*/
}
#video{
	position:relative;
	top:10px;
	float:left;
	width:550px;
	margin-left: auto; 
	margin-right: auto; 	
/*  background-color:#0055fF;*/
/*	height:304px;*/
}
.important{
	font-size:15px;
	text-align:center;
	color:#414564;
} 

#formulaire_inscr{
	padding-top:28px;
	padding-left:21px;
	padding-right:21px;
	padding-bottom:41px;
	color:#414564;
}
#formulaire_inscr label{
	float:left;
	width:175px;	
	text-align:right;
	font-size:13px;
	font-weight:normal;
}
#formulaire_inscr label.oblig{
    font-weight:bold;
/*	 background-color:#0055fF;*/
}
#formulaire_inscr input{
	float:left;
	width:160px;
}
#formulaire_inscr .indentlabel{
	float:left;
	width:175px;
	height:1px;
}
#formulaire_inscr select{
	float:left;
	width:165px;
}

#formulaire_inscr p{
	height:20px;
}
#formulaire_inscr a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
	float:left;
}
.form_info{
	width:710px;
    font-size:11px;
    font-weight:normal;
	text-align:center;
}
.FormCol{
	float:left;
	width:360px;	
	background-color:#0055fF;
}
#form_pos{
/*	clear:both;*/
/*	width:780px;*/
	margin-top:30px;
	margin-left:40px;
	margin-right:40px;
/*	text-align:center;*/
}
#contenu_page{
	clear:both;
	width:860px;
	margin-left: auto; 
  	margin-right: auto; 		
	color:#414564;
}
#form_haut_gauche{
	background-image: url(../media/images/formulaire_haut_gauche.png);	
	background-repeat: no-repeat;
	background-position:top left;
}
#form_haut_gauche #form_titre{
	position:relative;
	left:150px;
	top:3px;
	color:#ffffff;
}

#form_haut_droit{
	background-image: url(../media/images/formulaire_haut_droit.png);	
	background-repeat: no-repeat;
	background-position:top right;
}
#form_bas_gauche{
	background-image: url(../media/images/formulaire_bas_gauche.png);	
	background-repeat: no-repeat;
	background-position:bottom left;
}
#form_bas_droit{
	background-image: url(../media/images/formulaire_bas_droit.png);	
	background-repeat: no-repeat;
	background-position:bottom right;
}
#form_haut_rep{
	background-image: url(../media/images/formulaire_hori_haut_rep.png);	
	background-repeat: repeat-x;
	background-position:top;
}
#form_bas_rep{
	background-image: url(../media/images/formulaire_hori_bas_rep.png);	
	background-repeat: repeat-x;
	background-position:bottom;
}
#form_vert_gauche_rep{
	background-image: url(../media/images/formulaire_vert_gauche_rep.png);	
	background-repeat: repeat-y;
	background-position:left;
}
#form_vert_droit_rep{
	background-image: url(../media/images/formulaire_vert_droit_rep.png);	
	background-repeat: repeat-y;
	background-position:right;
}
#formulaire_ident{
	clear:both;
	width:860px;
	height:209px;
	background-image: url(../media/images/formulaire_fond.png);	
	background-repeat: no-repeat;
	color:#FFFFFF;
/*	font-family: "Arial", Helvetica, sans-serif;*/
	font-size: 14px;
/*	font-weight: bolder;*/
	
}
#formulaire_ident #form_nouv_client{
	float:left;
	position:relative;	
	width:380px;
	height:185px;
	top:13px;
	left:45px;
/*	background-color:#09F000;*/
}
#formulaire_ident #nouv_client_txt{
	position:relative;
	left:120px;
	top:5px;
}
#formulaire_ident #deja_client_txt{
	position:relative;
	left:100px;
	top:5px;
}
#formulaire_ident #nouv_client_info{
	position:relative;
	left:10px;
	top:30px;
	color:#414564;
	width:360px;
	text-align:center;	
}
.centrer{
	margin-left: auto; 
  	margin-right: auto; 		
}
.centrertext{
	text-align:center;
}
#formulaire_ident #form_deja_client{
	float:left;
	position:relative;	
	width:380px;
	height:185px;
	left:50px;
	top:13px;
/*	background-color:#FFF000;*/
}
#deja_client_form_ident{
	position:relative;	
	width:330px;
	left:20px;
/*	right:0px;*/
	top:15px;	
	color:#414564;
	text-align:right;
/*	background-color:#FFF000;*/
}
#deja_client_form_ident input{
	width:150px;	
}
#oublie_passe {
	clear:both;
	width:280px;
	padding-top:0px;
	margin-left: auto; 
  	margin-right: auto; 		
/*	background-color:#FFF000;*/
}
form label{
	color:#414564;
	font-size: 14px;
}
a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
}
a.aide img {	/*** Mise en forme de l'image des bulles d'aide ***/
	margin: 3px 0px 0 2px;
	padding: 0;
	border: 0;/*	border:2px solid #00FF00;*/
}
a.aide:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
	cursor: help;
}
.focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: beige;
	color: black;
	border:2px solid red;
}
.normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: white;
	color: black;
}

#oublie_passe a{
	color:#414564;
}
.erreur{
	color:#ff0000;
	text-align: center;
}
#pied_page{
	clear:both;
	width:860px;
	height:102px;
	background-image: url(../media/images/pied_page.png);	
	background-repeat: no-repeat;
}
.txtbleu{
	color:#414564;
}
.tabbleu{
	background-color:#414564;
	color:#FFFFFF;
	text-align:center;
}

#pied_page_signature{
	position:relative;
	left:160px;
	top:35px;	
	color:#414564;
}
.centrer{
	width:400px;
 	margin-left: auto; 
  	margin-right: auto; 	
}
.centrerbouton{
	width:150px;
	padding-top:8px;
 	margin-left: auto; 
  	margin-right: auto; 		
}
ul.menu {
	position:absolute;
	left:338px;
	top:113px;
	padding: 0px;
	margin: 0px;
	list-style: none;
/*	background-color: #ff0000;*/
}

ul.menu li {
	float: left;

}

ul.menu li a {
	float: left;
	text-decoration: none;
	color: #ccc;
	padding: 6px 20px 0 0;
/*	margin-right: 1px;*/
/*	font: 900 14px "Arial", Helvetica, sans-serif;*/
	font-size: 13px;
	color: #ffffff;	
}

ul.menu li a span {
	float: left;
	padding-right: 20px;
	display: block;
	margin-top: -6px;
	height: 36px;
	
}
/*
ul.blue li a:hover {
 	color: #0d5f83;
	background: url(../media/images/but_jaune.png) no-repeat top right;
}

ul.blue li a:hover span {
	background: url(../media/images/but_jaune.png) no-repeat top left;
}
*/
ul.menu li a.butrouge {
	background: url(../media/images/but_rouge.png) no-repeat top right;
}
ul.menu li a.butrouge_sel {
	color:#FFFF00;
	background: url(../media/images/but_rouge_sel.png) no-repeat top right;
}
ul.menu li a:hover {
 	color: #fffd56;
/*	background: url(../media/images/but_jaune.png) no-repeat top right;*/
}
ul.menu li a.butorange {
	background: url(../media/images/but_orange.png) no-repeat top right;
}
ul.menu li a.butjaune {
	background: url(../media/images/but_jaune.png) no-repeat top right;
}
ul.menu li a.butvert {
	background: url(../media/images/but_vert.png) no-repeat top right;
}
ul.menu li a.butvertbleu {
	background: url(../media/images/but_vert_bleu.png) no-repeat top right;
}
ul.menu li a.butbleu {
	background: url(../media/images/but_bleu.png) no-repeat top right;
}
ul.menu li a.butbleufonce {
	background: url(../media/images/but_bleu_fonce.png) no-repeat top right;
}
ul.menu li a.butrose {
	background: url(../media/images/but_rose.png) no-repeat top right;
}
/*
ul.blue li a.butrouge span {
	background: url(../media/images/but_rouge.png) no-repeat top left;
}
*/