html { width: 100%; height: 100%;}
body {
	margin: 0;
	padding: 0;
	background-color: #FFF;/*F0F0F0;*/
	font-family: Verdana;
	font-size: 11px;
	color: #003300;
	height: 100%;
	width: 100%;	
}
body.connected {
	background-color: #FFF;
	/*background-image: url(images/fond-head-connected.jpg);
	background-position: right top;
	background-repeat: repeat-y;*/
}
input, textarea {
	/*border: 1px solid #003300;*/
	margin: 1px;
}
input.checkbox, span.checkbox input  {
	border-style: none;
}
input.bouton {
	color:#FA002C;
	background-color:#D2DEDE;
	border-style: solid;
	border-width: 1px;
	border-color: #000;
}
form { margin: 0; padding: 0; }
p, td, span, ul, li, div {	
	font-family: Verdana;
	font-size: 11px;
	color: #003300;
	line-height: 120%;
}
input, select, textarea {
	font-family: Verdana;
	font-size: 11px;
	color: #003300;
}
/* STYLE GENERAL DES PUCES */
ul li {
	MARGIN-TOP: 0px; 
	list-style-image: url(pictos/puce_point.gif);	
}
/*ul span {
	DISPLAY: block; PADDING-LEFT: 2px; BORDER-LEFT: #fa002c 1px dashed;
}*/

#conteneur {
	position: relative;
	width: 100%;
	padding : 0; margin: 0; 
	border: 0px solid #000;
	/*background-image: url(images/bordure-droite.gif);
	background-repeat: repeat-y;
	background-position: top right;*/
}
#conteneur_connected {
	position: relative;
	width: 100%;
	padding : 0; margin: 0; border: 0;
	border: 0px solid #000;
	/*background-image: url(images/fond-head-connected.jpg);
	background-repeat: repeat-y;
	background-position: top right;*/
}

/* --------------- FOOTER------------------ */
#footer {
	position: relative;
	background-color: #FA002C;
	width: 100%;
	line-height: 20px;
	text-align: center;
	color: #FFF;
}
#footer a {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
/* --------------- HEADER ------------------ */
#header {
	margin: 0 0 0 0; padding: 0 0 0 0;
	background-color: #D2DEDE;
	width: 100%;
	text-align: right;
	height: 40px;
}
#header-fond-blanc {
	position: absolute;
	background-color: #FFF;
	left: 0px; top: 0px; height: 40px; width: 700px;
	padding: 0 0 0 0; margin: 0 0 0 0; border: 0;
}
#header-fond-degrade {
	position: absolute;
	background-image: url(images/fond-head.jpg);
	background-repeat:repeat-y;
	left: 30%; top: 0px; height: 40px; width: 476px;
	padding: 0 0 0 0; margin: 0 0 0 0; border: 0;
}
#header-fond-menu-gauche {
	position: absolute;
	background-image: url(images/arrondi-haut-head.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	left: 0px; top: 1px; height: 39px; width: 179px;
	padding: 0 0 0 0; margin: 0 0 0 0; border: 0;
}
#header-langue {
	position: absolute;
	right: 15px; top : 10px;
}
#header-langue img {
	border:none;
}

#header-Popup {
	margin: 0 0 0 0; padding: 0 0 0 0;
	background-color: #D2DEDE;
	width: 100%;
	text-align: right;
	height: 16px;border: 0;
}

#header-Popup #header-langue {
	position: absolute;
	right: 15px; top : 17px;
}



#header-Popup #barre-rouge {
	position: absolute;
	left: 0px; top: 0px; width: 100%; height: 16px;
	background-color: #FA002C;
	margin: 0 0 0 0; padding: 0 0 0 0; border: 0;
}


/* MAIN */
#main {
	margin: 0px 0 0 0px;
	padding: 0 0 0 0;
	width: 100%;
	border: 0px solid green;
	background-image: url(images/bordure-gauche.gif);
	background-repeat: repeat-y;
}
#main tr td {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* --------------- COLONNE GAUCHE ------------------ */
#td_gauche {width: 181px;}
#cadre_graphique_gauche {
	margin: -39px 0px 0px 0px; padding: 0px 0px 0px 0px;
	border: 0px solid #000;
	/*background-image: url(images/skieur.gif);*/
	background-image: url(images/skieur.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	width: 181px; height: 241px;
}

#cadre_Espace{
	margin: -30px 0px 0px 28px;
	
	background-color:#fa002c;
	border-bottom: 1px solid #fff;
	font-size: 14px;
	color:#fff;
	font-weight:bold;
	width:140px;
	height: 26px;
	text-align:center;
	/*display: none;*/
}
#colonne_gauche {
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	border: 0px solid red;
	background-image: url(images/bordure-gauche.gif);
	background-repeat: repeat-y;
	visibility: visible;
	z-index: 2;
}
/*#colonne_gauche li.notallowed a { color: #9b9494; text-decoration: none; font-weight: normal;}
#colonne_gauche li.notallowed a:hover { color: #9b9494; text-decoration: underline; font-weight: normal;}
#colonne_gauche li.notallowed a:visited { color: #9b9494; text-decoration: none; font-weight: normal;}
#colonne_gauche li.selected a {
	color: #FA002C; text-decoration: none; font-weight: bold;
}*/
/* --------------- COLONNE CENTRE ------------------ */
#colonne_centre {
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	border: 0px solid green;
	width: 100%;
	z-index: 1;
}
/* --------------- COLONNE DROITE ------------------ */
#td_droit {width: 181px;height:100%;
	background-image: url(images/bordure-droite.gif);
	background-repeat: repeat-y;
	
}
#colonne_droite {
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	border: 0px solid #000;
	visibility: visible;
	width: 181px;
	z-index: 2;
	
	
}
#colonne_droite .haut_rouge {
	background-color: #FA002C;
	line-height: 26px; margin: 0px; padding: 0px;
	border: 0px solid #000;
	width: 100%;
}
#colonne_droite .haut_rouge .aide {
	display:block;
	padding: 0px; margin: 0 5px 0 0;
	background-image: url(pictos/bulle_aide-relief.jpg);	
	background-position: right 2px;
	text-decoration: none;
	background-repeat: no-repeat;
	width: 98%;
}
#colonne_droite .contenu_html {
	width: 173px; padding: 0 0 0 0px;
	margin: 0 0 0 8px;
	border: 0px solid #000;
}

#encart_b2c {
	width: 173px;
	height: 176px;
	background-color: Red;
	background-image: url(images/encart-b2c.gif);
	background-repeat: no-repeat;
	background-position: top left;
	cursor: pointer;
}
/* --------------- MENU DEROULANT ------------------ */
#menu {
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	border: 0px solid #000;
	line-height: 26px;
	width: 100%;
}
/* -> BARRE DES BESOINS */
#besoins {
	margin: 0px 0 0 0; padding: 0px 0 0 0;
	text-align: center;
	background-color:#FA002C;
	width: 100%;
	height: 26px;
	border: 0px solid #000;	
}
#besoins table {
	height: 23px;
	margin-top: 3px;
}
#besoins .separator {color: #FFF;}
#besoins td { padding: 0; margin : 0; }
#besoins td a { font-family: Arial; padding: 0 2px 0 2px; margin: 0 0px 0 0px; border: 0px solid #000;}
#besoins td.notallowed a { color: #CCC; text-decoration: none; font-weight: bold;}
#besoins td.notallowed a:hover { color: #CCC; text-decoration: underline; font-weight: bold;}
#besoins td.notallowed a:visited { color: #CCC; text-decoration: none; font-weight: bold;}
#besoins td.normal a { color: #fed8a2; text-decoration: none; font-weight: bold;}
#besoins td.normal a:hover { color: #fed8a2; text-decoration: underline; font-weight: bold;}
#besoins td.normal a:visited { color: #fed8a2; font-weight: bold;}
#besoins td.selected { background-color: #FEB343;}
#besoins td.selected a { color: #FFF; text-decoration: none; font-weight: bold; }
#besoins td.selected a:hover { color: #FFF; text-decoration: underline; font-weight: bold;}
#besoins td.selected a:visited { color: #FFF; font-weight: bold;}
#besoins td.coin_gauche {
	background-image: url(images/arrondi-menu-haut-gauche.gif);
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #FEB343;
}
#besoins td.coin_droit {
	background-image: url(images/arrondi-menu-haut-droit.gif);
	background-position: right top;
	background-repeat: no-repeat;
	background-color: #FEB343;
}
#besoins .aide {
	display:block;
	float: right;
	padding: 0px; margin: 0 5px 0 0px;
	background-image: url(pictos/bulle_aide-relief.jpg);
	background-position: right 2px;
	text-decoration: none;
	background-repeat: no-repeat;
	width: 20px;
	height: 24px;
}
/* --> Actions */
#actions {
	background-color: #FEB343;
	margin: 0 0 10px 0; padding: 0;
	text-align: center;
	border: 0px solid #000;	
	height: 20px;
	width: 100%;
}
#actions .separator {color: #000;}
#actions a {
	padding-right: 10px; padding-left: 10px;
	color: #000; text-decoration: underline;
	font-size: 11px;
	font-family: Arial;
	border: 0px solid #000;	
}
#actions a:hover { color: #000; text-decoration: underline; font-size: 11px;}
#actions a:visited { color: #000; font-size: 11px;}

#actions a.notallowed { color: #CCC; text-decoration: none; font-weight: normal;}
#actions a.notallowed:hover { color: #CCC; text-decoration: underline; font-weight: normal;}
#actions a.notallowed:visited { color: #CCC; text-decoration: none; font-weight: normal;}

#actions a.selected {  font-size: 11px; color: #FA002C; text-decoration: none; font-weight: normal; }
#actions a.selected:hover {  font-size: 11px; color: #FA002C; text-decoration: underline; font-weight: normal;}
#actions a.selected:visited {  font-size: 11px; color: #FA002C; font-weight: normal;}

#actions td.coin_gauche {
	background-image: url(images/arrondi-menu-bas-gauche.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color: #FEB343;
}
#actions td.coin_droit {
	background-image: url(images/arrondi-menu-bas-droit.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	background-color: #FEB343;
}

/* --------------- CONNEXION ----------------------------- */
#connexion {
	background-color: #FA002C;
	width: 142px; margin: 0 0 20px 21px;
	border: 0px solid #000;
	padding: 0px 0 0 10px;
	color: #FFF;	
	height: 170px;
	background-color: #FA002C;
	background-image: url(images/arrondi-bas-rouge.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

#connexion span { color: #FFF; }
#connexion input {
	width: 130px;
	margin: 6px 0 0 0; padding: 0;
	border: 2px inset #D2DEDE;
}
#connexion .checkbox {
	margin: 6px 0 0 0; padding: 0;
	border: 0;
	width: 15px;
}
#connexion .bouton {
	border: 0; padding: 0 0 4px 0; /*padding pour alignement */
	width: 19px;
	background-color: #FA002C;
}
#connexion .oubli {
	display: block;
	color: #fff;
	text-decoration: underline;
	border-top: 1px solid #FFF;
	width:140px;
	text-align: center;
	padding-top: 10px;
	margin-top: 10px;
	font-weight:bold;
}
/* --------------- CONNECTED -------------------------------- */
#connected {
	background-color: #FA002C;
	width: 142px; margin: 0 0 20px 21px;
	border: 0px solid #000;
	padding: 5px 0 0 10px;
	color: #FFF;	
	height: 130px;
	background-color: #FA002C;
	background-image: url(images/arrondi-bas-rouge.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	text-align: center;
}
#connected .texte_gras {
	font-size: 13px; font-weight: bold; color: #FFF;
}
#connected .utilisateur {
	margin-top: 8px;
	display: block;
	font-size: 11px; font-weight: bold; color: #FFF;
}
#connected .deconnexion {
	font-size: 10px; color: #FFF; font-weight:normal;
}
#part_FormField {
	text-align: center;
	margin-top: 5px;
}
/* --------------- ENCART JAUNE ----------------------------- */
.encart_jaune {	
	width: 173px;
	margin: 0 0 30px 0;
	border: 0px solid #000;
}
.encart_jaune h1 {
	color: #000; font-weight: bold;
	padding: 4px 4px 12px 4px; margin: 0;
	font-size: 12px;
	background-color: #FEB343;
	background-image: url(images/arrondi-bas-jaune.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	text-align:center;
}
.encart_jaune .contenu 
{
	padding: 0px; margin: 5px 0 0 0;
	text-align: left;
}
.encart_jaune .contenu p 
{
	padding: 0 4px 0 4px; margin: 0;
}
.encart_jaune .texte_gros_rouge {
	color: #000; font-weight: bold;
	font-size: 14px;
}
.encart_jaune .texte_gros_rouge br {
	line-height: 8px;
}
.encart_jaune .gras_noir {
	color: #000; font-weight: bold;
	font-size: 12px;
}
.encart_jaune .gras_noir a {
	color: #000; font-weight: bold;
	font-size: 12px;
}
.encart_jaune .contenu .photo_flottante {
	float: right;
	border: 0px solid #000;
	margin-bottom: -15px;
}
.encart_jaune .contenu .encart_jaune h1 .finition {/*pour le cas de la photo*/
	display: block;
	float: right;
	background-image: url(images/arrondi-bas-rouge-photo.gif);
	background-position: top right;
	height: 10px; width: 74px;
	line-height: 10px;
	margin-top: -4px; padding: 0;
	border: 0px solid #000;
}

.encart_jaune .contenu ul
{
	padding-left: 10px;	
	margin-left: 10px;	
	margin-bottom: 0px;
}
.encart_jaune .contenu ul li
{
	text-align: left;
	margin-bottom: 10px;
	
}

/* --------------- PARTIE CENTRALE ----------------------------- */
#service {
	padding: 0 3px 3px 3px;
	margin-bottom: 10px;
}

#service, #service p{
	font-size:12px;
}

#service_connected {
	padding: 0px 2px 2px 2px;
	margin-bottom: 10px;
}
#service #titre_page {
	margin: 2px 0 0px 0; padding: 0;
}
#service #titre_page h1 {
	font-size: 18px; font-weight:bold; display: block;	
	border: 0px solid #000;
	margin: 0 0 5px 0; padding: 0 0 5px 0;
	font-family: Arial;
	border-bottom: 1px solid #000;
}
#service_connected #titre_page h1 {
	margin: 0 0 10px 0; padding: 2px 2px 2px 0px;
	border-bottom: 1px solid #FA002C;
	font-size: 14px;
	line-height: 15px;
	color: #FA002C;
}





#service .description, #service_connected .description {
	margin: 5 0 5 0;
	padding: 1px;
}
#service .message, #service_connected .message {
	border: 1px outset #CCC;
	background-color: #FFFFFF;
	margin: 10px 0 10px 0;
	padding: 1px;
}

#service_connected h2{
	font-size: 12px;
	font-weight: bold;
	border-bottom: 2px solid #FA002C;
	border-left: 1px solid #FA002C;
	padding-left: 3px;
	margin-left: 0px;
	margin-bottom: 5px;
	margin-right: 2%;
	margin-top: 5px;
	display: block;	
	color: #000;
}

#service h2{
	FONT-SIZE: 14px; 
	PADDING-BOTTOM: 2px; 
	COLOR: #FA002C; 
	BORDER-BOTTOM: #FA002C 1px solid;
	font-family: Verdana;
	margin-top:10px;
	margin-bottom:5px;
	

}

/* STYLE POUR FAIRE RESSORTIR UN SOUS_SERVICE DE LA PAGE */
#service .sous_service, #service_connected .sous_service {
	margin: 10px 0 0px 15px; 
	padding: 0 0 0 0;
}
#service .sous_service .titre
{
	font-weight: bold;
	FONT-SIZE: 14px; 
	PADDING-BOTTOM: 2px; 
	COLOR: #FA002C; 
	BORDER-BOTTOM: #FA002C 1px solid;
	font-family: Verdana;
	margin-top:10px;
	margin-bottom:5px;
	display: block;
}

#service_connected .sous_service .titre 
{
	font-size: 12px;
	font-weight: bold;
	border-bottom: 2px solid #FA002C;
	border-left: 1px solid #FA002C;
	padding-left: 3px;
	margin-left: -10px;
	margin-bottom: 0px;
	margin-right: 2%;
	display: block;
}
#service .Formulaire, #service_connected .Formulaire {
	margin-top: 5px;
	border-spacing: 3px;
	border-collapse: collapse;
	
}

#service .Formulaire td, #service_connected .Formulaire td {padding: 1px;
	padding-bottom: 5px;margin-top: 5px;}
#service .Formulaire td.legende,#service_connected .Formulaire td.legende {
	border-bottom: 5px solid #FFFFFF;
	/*margin:10px 0px 0px 10px;*/
	padding:5px 0px 5px 5px;
	font-weight: bold;
	background-color: #EDF2F2;	
}
#service .Formulaire td.legende2,#service_connected .Formulaire td.legende2 {
	/*margin:10px 0px 0px 10px;*/
	padding:5px 0px 0px 5px;
	font-weight: bold;
	background-color: #EDF2F2;	
}

#service .Formulaire .o, #service_connected .Formulaire .o 
{
	color: #fa002c; font-weight: bold;
	font-size: 12px;
}

#service .Formulaire td.field, #service_connected .Formulaire td.field {
	border-bottom: 5px solid #FFFFFF;	
	padding:5px 0px 0px 5px;
	background-color: #EDF2F2;
	font-weight: normal;	
}
#service .Formulaire td.field2, #service_connected .Formulaire td.field2 {
	padding:5px 0px 5px 5px;
	background-color: #EDF2F2;
	font-weight: normal;	
}

#service .Formulaire td.fieldEnabled, #service_connected .Formulaire td.fieldEnabled {
	border-bottom: 5px solid #EDF2F2;	
	padding:5px 0px 5px 5px;
	background-color: #fff;
	font-weight: normal;	
	padding-left: 10px;
	font-weight: bold;
}

/*Gestion des erreurs*/
div.page_MessageErreur 
{
	border: 2px solid #FA002C;	
	margin-right: 5px;
	background-color: #d2dede;
	margin-top: 10px;
	margin-bottom: 5px;
}
div.page_MessageErreur  div.texte{
	display: block;
	visibility: visible;
	background-image: url(pictos/gris_fonce/erreur.gif);
	background-position: left top;
	background-repeat: no-repeat;
	margin-left: 5px;
	padding-top: 2px;
	padding-bottom: 5px;
	padding-left: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	color:#FA002C;
	font-weight: bold;
}

div.page_MessageInformation 
{
	border: 2px solid #08b36d;	
	margin-right: 5px;
	background-color: #edf2f2;
	margin-top: 10px;
	margin-bottom: 5px;
}
div.page_MessageInformation  div.texte{
	display: block;
	visibility: visible;
	background-image: url(pictos/gris_clair/accepter.gif);
	background-position: left top;
	background-repeat: no-repeat;
	margin-left: 5px;
	padding-top: 2px;
	padding-bottom: 5px;
	padding-left: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	color:#000;
	font-weight: bold;
}




#service .Formulaire div.ErreurOui, #service_connected .Formulaire div.ErreurOui {
	border: 2px solid #FA002C;	
	margin-right: 5px;
	background-color: #d2dede;	
}
#service .Formulaire div.ErreurNon, #service_connected .Formulaire div.ErreurNon {
	border: 0px solid #FA002C;		
}
#service .Formulaire div.ErreurOui div.texte, #service_connected .Formulaire div.ErreurOui div.texte{
	display: block;
	visibility: visible;
	background-image: url(pictos/gris_fonce/erreur.gif);
	background-position: left top;
	background-repeat: no-repeat;
	margin-left: 5px;
	padding-top: 2px;
	padding-bottom: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#service .Formulaire div.ErreurOui div.texte span, #service_connected .Formulaire div.ErreurOui div.texte span{
	margin-left: 22px;
	color:#FA002C;
	font-weight: bold;
	display:block;
}
#service .Formulaire div.ErreurNon div.texte, #service_connected .Formulaire div.ErreurNon div.texte{
	display: none;
	visibility: hidden;
}



#service .explication, #service_connected .explication {	
	font-style: italic;
	font-weight: normal;
}
/* STYLE UTILISE DANS LE B2B PUBLIC */
#service .sous_service h3, #service_connected .sous_service h3 {
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	font-style: italic;
	border-bottom: 1px solid #000;
	margin: 8px 0 4px 30px;
}
#service .sous_service p, #service_connected .sous_service p {
	margin: 0 0 0 30px;
	padding: 0 0 0 0;
}


/* style de tableau */

.ModelTableau1  {
	
}
.ModelTableau1 TR TD {
	
}
.ModelTableau1 TR.entete TD {
	BORDER-BOTTOM: solid 1px #777;
	BORDER-top: solid 1px #777;
	/*border-style: */
	BACKGROUND-COLOR: #EDF2F2;
	font-weight: bold;
	margin-top:10px;
	
	
}

.ModelTableau1 TR.entete TH {
	BORDER-BOTTOM: solid 1px #777;
	BORDER-top: solid 1px #777;
	/*border-style: */
	BACKGROUND-COLOR: #EDF2F2;
	font-weight: bold;
	margin-top:10px;
	
	
}
.ModelTableau1 TR.data TD {
	BORDER-BOTTOM: #ccc 1px solid;
	BACKGROUND-COLOR: #FFF;
	
}
.ModelTableau1 TR.selectdata TD {
	BORDER-BOTTOM: #ccc 1px solid;
	BACKGROUND-COLOR: #FED8A2;
	
}

/* CHARTE DU MENU */

.menu_droite {
	float: right;
	width: 170px;
	margin: 0px 0px 0px -3px; padding: 0;
}
.menu {
	margin-bottom: 0px; /*width: 140px; */
	border-left: 1px solid #FA002C; 
	/*border-right: 1px solid #FA002C;*/
}
.menu h1 {
	line-height: 16px;
	font-size: 12px;
	font-weight: bold;
	background-color: #FFF;/*FA002C;*/
	border-bottom: 1px solid #FA002C;
	border-top: 1px solid #FA002C;
	color: #000;
	margin: 0; padding: 2px;
	text-align: center;
}
.menu div {
	margin: 0; padding: 2px;
	background-color: #F0F0F0;
}
.menu a:hover {text-decoration: underline;}
.menu a:visited {color: #003300;}
.menu a {color: #003300; text-decoration: none;}
.menu ul {
	/*list-style-type: none;*/
	padding: 0 0 0 16; margin: 0;
	list-style-image: url(..pictos/puce_point.gif);
}
.menu ul li {padding: 1px 1px 1px 3px;}

#page_description .aide_contextuelle { 
	background-color: #ffffe6;
	display: block;
	font-weight: bold;
}



/* ENCART VISUEL DU PARTENAIRE */
#visuel_connecte {
	margin: 2px; padding: 2px;
	text-align: right;
	color: #FFFFFF;
}
#visuel_connecte a:visited {}
#visuel_connecte a { color: #FFFFFF; text-decoration: none; font-style: italic; font-size: 9px; }
#visuel_connecte a:hover { text-decoration: underline; }
/* STYLE DE L'ENCART DONNANT LE CHEMIN */
#chemin {	
	margin: 4px 0 10px 175px;
	font-weight: bold;
	border: 0px solid #000;
}
.frise {
	border: 0px solid #FA002C;
	margin: 0; padding: 0;
	line-height: 10px;
}
.frise table {
	margin: 0; padding: 0;
	line-height: 10px;
}
.frise table tr {
	margin: 0; padding: 0;
	line-height: 10px;
}
.frise table tr td {
	margin: 0; padding: 0;
	line-height: 10px;
}
#chemin a { font-size: 10px; color: #003300; text-decoration: underline; font-weight: bold;}

#chemin a:visited {font-size: 10px; color: #003300; font-weight: bold;}
#chemin a:hover {font-size: 10px;  text-decoration: none; font-weight: bold;}
#chemin .actif {background-color: #FA002C;}
#chemin .noactif {background-color: #ffeaee;}
#chemin .actif a:hover, #chemin .actif a:visited, #chemin .actif a {color: White; text-decoration: none;}
#chemin .noactif a:hover, #chemin .noactif a:visited, #chemin .noactif a {font-weight: normal; color: #fa002c; text-decoration: none;}



/* ON IMPORTE LA FEUILLE DE STYLE DE L'APPLICATION */


.spacer {
	clear:both;
}

/* AJOUT POUR MENU TABLEAU DE BORD */
h2.TitreAlerte {
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	border-bottom: 0px solid #FA002C;
	margin: 0 2 0 2px;
	padding-top: 10px;
	margin-bottom: 0px;
}
a.LienAlerte {
	font-size: 11px;
	color: blue;
	text-decoration: underline;
}
a.LienAlerte:hover, a.LienAlerte:visited {
	font-size: 11px;
	color: blue;
	text-decoration: underline;
}

/* HOME PAGE*/
table.Bloc4 
{
	width:100%;
}

table.Bloc4 td.coinHG 
{
	border-top: solid 2px #d2dede;
	border-left: solid 2px #d2dede;
	background-color: #FEB343;
	
}
table.Bloc4 td.centreHaut 
{
	border-top: solid 2px #d2dede;
	background-color: #FEB343;
	text-align: center;	
}

table.Bloc4 td.centreHaut a
{
	color: #000;
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
	text-decoration: none;
}

table.Bloc4 td.centreHaut a:hover
{
	color: #000;
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
	text-decoration: underline;
}

table.Bloc4 td.centreHaut a:visited
{
	color: #000;
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
	text-decoration: none;
}

table.Bloc4 td.coinHD 
{
	background-image: url(HomePage/bloc4/coinHD.gif);
	background-position: top right;
	background-repeat: no-repeat;
	width: 16px;
	height: 28px;
	
}

table.Bloc4 td.coteG
{
	border-left: solid 2px #d2dede;	
	border-top: solid 2px #d2dede;	
}
table.Bloc4 td.coteD
{
	border-right: solid 2px #d2dede;
	border-top: solid 2px #d2dede;		
}

table.Bloc4 td.centreMilieu
{
	border-top: solid 2px #d2dede;	
	text-align:center;	
}

table.Bloc4 td.centreBas div.action
{
	text-align:right;	
	height:15px;
	
}

table.Bloc4 td.centreBas div.action a
{
	color: #000;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
}

table.Bloc4 td.centreBas div.action img
{
	vertical-align: middle;
	height:14px;
}

	

table.Bloc4 td.coinBG
{
	background-image: url(HomePage/bloc4/coinBG.gif);
	background-position: top right;
	background-repeat: no-repeat;
	width: 16px;
	height: 17px;
}

table.Bloc4 td.centreBas
{
	border-bottom: solid 2px #d2dede;

	
}

table.Bloc4 td.coinBD
{
	background-image: url(HomePage/bloc4/coinBD.gif);
	background-position: top right;
	background-repeat: no-repeat;
	width: 16px;
	height: 17px;
	
}

Table.ListePartenaire 
{
	margin-top: 10px;
	width: 90%;
}
Table.ListePartenaire td
{
	text-align:center;
}
Table.ListePartenaire img
{
	margin-top: 4px;
}

/*bloc5*/
table.Bloc5 
{
	width:100%;
}

table.Bloc5 td.coinHG
{
	background-image: url(HomePage/bloc5/coinHG.gif);
	background-position: top right;
	background-repeat: no-repeat;
	width: 16px;
	height: 17px;
}

table.Bloc5 td.centreHaut
{
	border-top: solid 2px #d2dede;
}

table.Bloc5 td.coinHD
{
	background-image: url(HomePage/bloc5/coinHD.gif);
	background-position: top right;
	background-repeat: no-repeat;
	width: 16px;
	height: 17px;
	
}

table.Bloc5 td.coteG
{
	border-left: solid 2px #d2dede;	
}
table.Bloc5 td.coteD
{
	border-right: solid 2px #d2dede;	
}

table.Bloc5 td.centreMilieu
{
	text-align:center;	
}

table.Bloc5 td.coinBG
{
	background-image: url(HomePage/bloc4/coinBG.gif);
	background-position: top right;
	background-repeat: no-repeat;
	width: 16px;
	height: 17px;
}

table.Bloc5 td.centreBas
{
	border-bottom: solid 2px #d2dede;

	
}

table.Bloc5 td.coinBD
{
	background-image: url(HomePage/bloc4/coinBD.gif);
	background-position: top right;
	background-repeat: no-repeat;
	width: 16px;
	height: 17px;
	
}

table.Bloc5 span
{
	font-size:14px;
	font-weight:normal;
	
}

table.Bloc5  img
{
	border:0;
	
}
/*fin bloc5*/
table.Bloc1 
{
	width:100%;
	margin: 0;
	background-color: #fff;	
}

table.Bloc1 td.coinHG
{
	background-image: url(HomePage/bloc1/coinHG.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 20px;
	height: 17px;
}
table.Bloc1 td.coinHD
{
	background-image: url(HomePage/bloc1/coinHD.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 6px;
	height: 7px;
}

table.Bloc1 td.centreHaut
{
	background-image: url(HomePage/bloc1/coteH.gif);
	background-position: top left;
	background-repeat: repeat-x;
	
}
table.Bloc1 td.coteG 
{
	background-image: url(HomePage/bloc1/coteG.gif);
	background-position: top left;
	background-repeat: repeat-y;
	
}

table.Bloc1 td.contenu
{
	height: 276px;	
	
}


table.Bloc1 div.divContenu
{
	position: relative;
	left: -5px; 
}


table.Bloc1 div.divContenu div.titre
{
	text-align : center;
	
}


table.Bloc1 div.divContenu div.titre span 
{
	margin-left: 6px;
	font-size: 14px;
	font-weight: bold;
}

table.Bloc1 div.divContenu div.titre img 
{
	vertical-align: middle;
}

table.Bloc1 div.divContenu div.texte
{
	margin-right:10px;
	margin-left:5px;
	
}
table.Bloc1 div.divContenu div.texte span 
{
	font-size: 14px;
}
table.Bloc1 div.divContenu a 
{
	font-size: 14px;
	color : #FA002C;
	font-weight: bold;
	text-decoration: none;
}

table.Bloc1 div.divContenu a:hover 
{
	font-size: 14px;
	color : #FA002C;
	font-weight: bold;
	text-decoration: underline;
}

table.Bloc1 div.divContenu a:visited 
{
	font-size: 14px;
	color : #FA002C;
	font-weight: bold;
	text-decoration: none;
}

table.Bloc1 td.coteD 
{
	background-image: url(HomePage/bloc1/coteD.gif);
	background-position: top left;
	background-repeat: repeat-y;
	
}
table.Bloc1 td.coinBG
{
	background-image: url(HomePage/bloc1/coinBG.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 20px;
	height: 18px;
}
table.Bloc1 td.centreBas
{
	background-image: url(HomePage/bloc1/coteB.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	
}
table.Bloc1 td.coinBD
{
	background-image: url(HomePage/bloc1/coinBD.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

td.Bloc3 
{
	background-image: url(HomePage/bloc3/bloc3.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	width: 469px;
	height: 99px;
		
}

td.Bloc3  div.titre 
{
	text-align: center;
	margin-top: 6px;
}

td.Bloc3  div.titre span 
{
	font-size: 14px;
	font-weight: bold;
	color:#FA002C;
	
}
td.Bloc3  div.bouton 
{
	margin-top: 22px;
}

td.Bloc3  img
{
	border:0;
	
}


table.Bloc2 
{
	height:188px;
	width: 469px;
	background-color: #fff;	
	
}

table.Bloc2 td.coinHG
{
	background-image: url(HomePage/bloc2/coinHG.gif);
	background-position: top right;
	background-repeat: no-repeat;
	width: 1px;
	height: 18px;
}
table.Bloc2 td.coinHD
{
	background-image: url(HomePage/bloc2/coinHD.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 10px;
	height: 18px;
}

table.Bloc2 td.centreHaut
{
	background-image: url(HomePage/bloc2/coteH.gif);
	background-position: top left;
	background-repeat: repeat-x;
	
}
table.Bloc2 td.coteG 
{
	background-image: url(HomePage/bloc2/coteG.gif);
	background-position: top left;
	background-repeat: repeat-y;
	height: 100%;
	width: 10px;	
	
}

table.Bloc2 td.contenu div.titre
{
	position: relative;
	top: -12px; 
}

table.Bloc2 td.contenu div.titre a 
{
	font-size: 14px;
	font-weight: bold;
	color:#FA002C;
	text-decoration: none;
}

table.Bloc2 td.contenu div.titre a:hover 
{
	font-size: 14px;
	font-weight: bold;
	color:#FA002C;
	text-decoration: underline;
}

table.Bloc2 td.contenu div.titre a:underline 
{
	font-size: 14px;
	font-weight: bold;
	color:#FA002C;
	text-decoration: none;
}

table.Bloc2 td.contenu div.texte
{
	position: relative;
	top: -10px; 
	background-image: url(HomePage/bloc2/fleche.gif);
	background-position: top center;
	background-repeat: no-repeat;
	padding-top: 20px;
	margin-left: 10px;
	
}

table.Bloc2 td.contenu div.texte span 
{
	font-size: 14px;
	font-weight: normal;
}

table.Bloc2 td.contenu div.texte a 
{
	color : #FA002C;
	font-weight: bold;
	text-decoration: none;
}
table.Bloc2 td.contenu div.texte a:hover
{
	color : #FA002C;
	font-weight: bold;
	text-decoration: underline;
}
table.Bloc2 td.contenu div.texte a:visited
{
	color : #FA002C;
	font-weight: bold;
	text-decoration: none;
}

table.Bloc2 td.contenu img
{
	border:0;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
}

table.Bloc2 td.coteD 
{
	background-image: url(HomePage/bloc2/coteD.gif);
	background-position: top right;
	background-repeat: repeat-y;
	height: 100%;
	width: 18px;
}
table.Bloc2 td.coinBG
{
	background-image: url(HomePage/bloc2/coinBG.gif);
	background-position: top right;
	background-repeat: no-repeat;
	width: 10px;
	height: 6px;
}
table.Bloc2 td.centreBas
{
	background-image: url(HomePage/bloc2/coteB.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	
}
table.Bloc2 td.coinBD
{
	background-image: url(HomePage/bloc2/coinBD.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	height: 6px;
	width: 18px;
}

/* ACTION SUR UNE PAGE*/
div.actionValidation
{
	margin-top: 10px;
	padding-bottom : 1px;
}

div.actionValidation a
{
	color: #000;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}

div.actionValidation a:hover
{
	color: #000;
	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;
}

div.actionValidation input, div.actionValidation img 
{
	vertical-align: middle;
	margin-left: 10px;
	cursor: pointer;
}

/* FAQ*/


 #FAQ ul{ margin-left:35px; margin-top:0px; margin-bottom:10px;}
 #FAQ li{ font-size:12px; padding-bottom:1px;}
 #FAQ h3 { font-size:13px;  font-style:italic;margin-top:5px; margin-bottom:2px;margin-left:20px;}
 #FAQ a { color: #000000; }
 #FAQ a:hover { color: #000000;}
 #FAQ span.Question 
 { 
	background-image: url(pictos/puce_point.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 15px;
	font-weight: bold;
	font-size: 13px;
 }
 #FAQ div.Reponse 
 { 
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 12px;
	text-align: justify;
 }
  #FAQ p.retour 
 {
	text-align:right;
}
 #FAQ p.retour a
 {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10px; 
	TEXT-DECORATION: none;
}

/* pages nos offres*/

td.bande-grise
{
	background-color: #D2DEDE;
	text-align:center;
	height: 28px;
	
}
td.bande-grise span
{
	color: #000;
	font-size: 18px;
	font-style: italic;
	text-align:center;
	
}

Table.Bloc6
{
	
}
Table.Bloc6 TD.coinHG 
{ 
	BACKGROUND-POSITION: right bottom; 
	BACKGROUND-IMAGE: url(notreoffre/coinHGorange.gif); 
	WIDTH: 6px; 
	BACKGROUND-REPEAT: no-repeat; 
	HEIGHT: 18px 
}
Table.Bloc6 TD.coinHD { BACKGROUND-POSITION: left bottom; BACKGROUND-IMAGE: url(notreoffre/coinHDorange.gif); WIDTH: 9px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 18px }
Table.Bloc6 TD.coinBG { BACKGROUND-POSITION: right top; BACKGROUND-IMAGE: url(notreoffre/coinBGorange.gif); WIDTH: 6px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 9px }
Table.Bloc6 TD.coinBD { BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: url(notreoffre/coinBDorange.gif); WIDTH: 9px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 9px }
Table.Bloc6 TD.centreH { BACKGROUND-POSITION: left bottom; BACKGROUND-IMAGE: url(notreoffre/bande_horiontale_haut.gif); BACKGROUND-REPEAT: repeat-x; TEXT-ALIGN: center }
Table.Bloc6 TD.centreH SPAN { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000; FONT-STYLE: normal }
Table.Bloc6 TD.centreB { BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: url(notreoffre/bande_horiontale_bas.gif); BACKGROUND-REPEAT: repeat-x }
Table.Bloc6 TD.coteG { BACKGROUND-POSITION: right top; BACKGROUND-IMAGE: url(notreoffre/bande_verticale_gauche.gif); BACKGROUND-REPEAT: repeat-y }
Table.Bloc6 TD.coteD { BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: url(notreoffre/bande_verticale_droite.gif); BACKGROUND-REPEAT: repeat-y }

Table.Bloc6 ul
{
	margin-top: 5px;
	margin-bottom: 0px;
}

Table.Bloc6 li 
{
	list-style-image: url(pictos/puce_point.gif);	
	padding-bottom: 5px;
	
	margin-left:-25px;
}

div#podium1 
{
	BACKGROUND-IMAGE: url(notreoffre/podium_argent.jpg); 
	BACKGROUND-POSITION: left bottom; 
	BACKGROUND-REPEAT: no-repeat;
	width: 153px;
	height: 296px;
	cursor:pointer;
}

div#podium2 
{
	BACKGROUND-IMAGE: url(notreoffre/podium_or.jpg); 
	BACKGROUND-POSITION: left bottom; 
	BACKGROUND-REPEAT: no-repeat;
	width: 153px;
	height: 329px;
	cursor:pointer;
}

div#podium3
{
	BACKGROUND-IMAGE: url(notreoffre/podium_bronze.jpg); 
	BACKGROUND-POSITION: left bottom; 
	BACKGROUND-REPEAT: no-repeat;
	width: 153px;
	height: 270px;
	cursor:pointer;
}

.Formulaire TR.TicketOuvert
{
 background-color:LightGreen;
}
 
.Formulaire TR.TicketNonPrisEnCompte
{
 background-color:LightSalmon;
}
 
.Formulaire TR.TicketFerme
{
 background-color:Gray;
}

/* code sélection*/

img.VisuSelection
{
 position:absolute;
}
div.ExempleCode
{
	margin-left:30px;
	color:#fa002c;
}


/*Nouvelle homepage*/
TD.ContourRougeHG
{
    width: 9px;
    height: 21px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background-position: top right;
    background-repeat: no-repeat;
    background-image: url(./HomePage/bloc6/cadreHG.gif);
    z-index: 1;
}
TD.ContourRougeHC
{
    
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background-position: top left;
    background-repeat: repeat;
    background-image: url(./HomePage/bloc6/cadreH1px.gif);
    z-index: 1;
    font-weight: bold;
    text-align:left;
}
TD.ContourRougeHC span
{
    color: #FFFFFF;
    font-size: 12px;
    height: 21px;
}

TD.ContourRougeHD
{
    width: 9px;
    height: 21px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background-position: top left;
    background-repeat: no-repeat;
    background-image: url(./HomePage/bloc6/cadreHD.gif);
    z-index: 1;
}
TD.ContourRougeBG
{
    width: 9px;
    height: 10px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background-position: top left;
    background-repeat: no-repeat;
    background-image: url(./HomePage/bloc6/cadreBG.gif);
}
TD.ContourRougeBC
{
    height: 10px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background-position: top left;
    background-repeat: repeat-x;
    background-image: url(./HomePage/bloc6/cadreB1px.gif);
}
TD.ContourRougeBD
{
    width: 9px;
    height: 10px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background-position: top left;
    background-repeat: no-repeat;
    background-image: url(./HomePage/bloc6/cadreBD.gif);
}
TD.ContourRougeG
{
    width: 9px;
    padding: 0px 0px 0px px;
    margin: 0px 0px 0px 0px;
    background-position: top left;
    background-repeat: repeat-y;
    background-image: url(./HomePage/bloc6/cadreG1px.gif);
}
TD.ContourRougeD
{
    width: 10px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background-position: top left;
    background-repeat: repeat-y;
    background-image: url(./HomePage/bloc6/cadreD1px.gif);
}
DIV.TitreBlocHomepage
{
    position: absolute;
    left: 250px;
    top: 0px;
    width: 100%;
    height: 21px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: #DEDEDE 0px solid;
    z-index: 1;
}

DIV.PositionTitreBloc
{
    position: absolute;
    top: 2px;
    left: 15px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: #DEDEDE 0px solid;
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    z-index: 1;
}

DIV.BlocHomepage
{
    padding: 100px 0px 0px 0px;
}

/*Cadre contour gris ombre*/
TD.ContourGrisOmbreHG
{
	width:23px;
	height:23px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background-position:top right;
	background-repeat:no-repeat;	
	background-image:url(./HomePage/bloc6/cadregris_HG.gif);
	z-index:1;
}
TD.ContourGrisOmbreHC
{
	height:23px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background-position:top left;
	background-repeat:repeat;	
	background-image:url(./HomePage/bloc6/cadregris_H1px.gif);
	z-index:1;
}
TD.ContourGrisOmbreHD
{
	width:23px;
	height:23px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background-position:top left;
	background-repeat:no-repeat;	
	background-image:url(./HomePage/bloc6/cadregris_HD.gif);
	z-index:1;
}
TD.ContourGrisOmbreBG
{
	width:23px;
	height:23px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background-position:top left;
	background-repeat:no-repeat;	
	background-image:url(./HomePage/bloc6/cadregris_BG.gif);
}
TD.ContourGrisOmbreBC
{
	height:23px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background-position:top left;
	background-repeat:repeat;	
	background-image:url(./HomePage/bloc6/cadregris_B1px.gif);
}
TD.ContourGrisOmbreBD
{
	width:23px;
	height:23px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background-position:top left;
	background-repeat:no-repeat;	
	background-image:url(./HomePage/bloc6/cadregris_BD.gif);
}
TD.ContourGrisOmbreG
{
	width:23px;
	padding:0px 0px 0px px;
	margin:0px 0px 0px 0px;
	background-position:top left;
	background-repeat:repeat;	
	background-image:url(./HomePage/bloc6/cadregris_G1px.gif);
}
TD.ContourGrisOmbreD
{
	width:23px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background-position:top left;
	background-repeat:repeat;	
	background-image:url(./HomePage/bloc6/cadregris_D1px.gif);
}
TABLE.TableBouton
{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
TABLE.TableBouton TD
{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
input.boutonAspOrangeM
{
	background-image : url(./HomePage/bloc6/BoutonOrange1px.gif);
	background-repeat : repeat-x;
	width:140px;	
	background-position:top;
	color:#000000;
	font-size:10pt;
	font-weight:bold;
	!vertical-align:baseline;
	border:#000000 solid 0px;
	height:32px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	cursor:pointer;
}
TD.boutonOrangeC
{
	background-image : url(./HomePage/bloc6/BoutonOrange1px.gif);
	background-repeat : repeat-x;
	width:140px;	
	color:#000000;
	font-size:10pt;
	font-weight:bold;
	border:#000000 solid 0px;
	height:32px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	cursor:pointer;
}
TD.boutonOrangeC a
{
	text-decoration:none;
	color:#000000;
	padding-left:5px;
}
TD.boutonOrangeG
{
	background-image : url(./HomePage/bloc6/BoutonOrangeGauche.gif);
	background-repeat : no-repeat;	
	background-position:bottom left;
	width:9px;
	height:32px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
TD.boutonOrangeD
{
	background-image : url(./HomePage/bloc6/BoutonOrangeDroit.gif);
	background-repeat : no-repeat;	
	background-position:bottom right;
	width:9px;
	height:32px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.oubli a{
    color:Blue;
}