body{
font-family : Arial;
margin: 0;
padding: 0;
background: url(/images/rainures-grises.gif) repeat;
color : #333333;
font-size:12px;
}
form{
margin : 0;
}
img{
border: none;
}
a:link {
color : #ff6900;
text-decoration : none;
}
a:visited {
color : #ff6900;
text-decoration : none;
}
a:hover {
color : #ff6900;
text-decoration : underline;
}

/* form periode de la partie membre */
.period {
	float: left;
}

.csv{
	float: right;
}

.period_label_length{
	margin-left: 52px;
}

/* class */
.redg {
color: red;
font-weight: bold;
}
.bleu {
color: #1270AF;
}
.bleu_small {
color: #1270AF;
font-size:11px;
}
.bleug {
color: #1270AF;
font-weight: bold;
}
.bleugk	{
color: #2386C9;
font-weight: bold;
font-size: 18px;
}
.bleugkk	{
color: #2386C9;
font-weight: bold;
font-size: 20px;
}
.blackgk	{
color: black;
font-weight: bold;
font-size: 18px;
}
.black	{
color: black;
}
.blackitalic_bold	{
color: black;
font-size:14px;
font-style:italic;
font-weight:bold;
}
.grisgk	{
color: #999999;
font-weight: bold;
font-size: 18px;
}
.gris	{
color: #666666;
}
.orangeg	{
color: #ff6600;
font-weight: bold;
}
.orange_small	{
color: #ff6600;
font-size: 11px;
}
.orangegk	{
color: #ff6600;
font-weight: bold;
font-size: 18px;
}
.orange_paiement_tiers{
color: #ff6600;
font-size: 18px;
}
div#conteneur_rb	{
position: relative;
margin-left:auto;
margin-right:auto;
width: 1015px;
overflow : hidden;
background-color: white;
}

#conteneur{
clear:both;
/*position: relative;*/
/*width: 1014px;*/
margin: 0 auto;
background-color : #eeeeee;
}

/*Banniere StarPass*/
div#header_rb	{
margin-left:auto;
margin-right:auto;
height: 110px;
width: 100%;
background: url(/images/titre-starpass-2-2008.jpg) center top no-repeat;
}
#header
{
padding-top: 10px;
padding-bottom: 10px;
height: 120px;
width: 100%;
}
#header table
{
border: none;
border-collapse: collapse;
}
#header table tr
{
background-image : url(/images/header_02.gif);
background-repeat : repeat-x;
width : 100%;
background-position : top left;
}
#header table td
{
margin: 0;
padding: 0;
}


div#gauche	{
float:left;
width : 175px;
height:630px;
background: white url(/images/fond-gauche.jpg) top no-repeat;
}

div#ins_webmaster{
margin: 15px 0 0 10px;
}
div#centre_acceuil	{
float:left;
margin-left:0;
width: 815px;
font-size : 12px;
background-color: white;
min-height: 310px;
font-family: Arial;
}
.titre	{
margin-right:auto;
margin-left:auto;
margin-top: 15px;
height:18px;
width: 825px;
font-size : 18px;
color: black;
font-weight:bold;
background-color: white;
}
.titre img	{
margin-right:5px;
}
div#acc_block	{
float:left;
margin-right:6px;
width: 810px;
}
div#acc_haut	{
width: 810px;
height:11px;
background: white url(/images/fond-haut.gif) center no-repeat;
}
div#acc_milieu	{
/*overflow:hidden;*/
background: url(/images/fond-milieu.gif) center repeat-y;
width: 792px;
padding:9px;
margin-right:5px;
}
div#acc_commun	{
overflow:hidden;
background-color:white;
width: 792px;
padding:9px;
margin-right:5px;
}
div#acc_bas	{
width: 810px;
height:11px;
background: white url(/images/fond-bas.gif) center no-repeat;
}
div#flash	{
float:left;
margin-top:5px;
width:570px;
height:150px;
background-color: white;
color: white;
}

div#inscription	{
float:left;
margin:10px 0 0 0;
/*width:235px;*/
height:150px;
background: white top center no-repeat;
color: black;
}

/* 2011-06-27 Jeremy start --> */
#validation_virement{
	background : url(/images/fond-milieu.gif) center repeat-y;
	text-align: center;
	margin-left : -5px;
	font-size: 18px;
	color : #99999999
}

.unknown_page{
	color : #ff6600;
	font-size : 30px;
	text-align : center;
}
/* <--2011-06-27 Jeremy start*/

/*----- identification ------*/
div#ident	{
float:right;
margin:15px 25px 0 0;
width: 200px;
height:80px;
line-height:17px;
text-align:right;
}
#user	{
float:left;
padding:0;
margin:0;
width:200px;
height:70px;
font-size : 11px;
color: #C8DDE8;
}
p#password_oublie	{
float:right;
margin:0;
padding:0;
height: 12px;
width: 200px;
line-height:12px;
font-size:11px;
}
/*----- accueil ------*/
div#actualites	{
float:left;
margin-top:5px;
width:805px;
height:620px;
text-align:center;
background-color: white;
}
div#block_actu1	{
float:left;
width:450px;
height:434px;
text-align:center;
}
div.block2_accueil	{
float:left;
margin-bottom: 10px;
width:450px;
height:212px;
background-color: white;
}
.block2_accueil h1, .block2_accueil h2	{
padding:0;
margin:0;
width:440px;
height:32px;
color:white;
text-transform:capitalize;
font-weight:bold;
line-height:32px;
font-size:18px;
text-align:center;
background: url(/images/titre_block2_accueil.gif) top no-repeat;
}
h4 {
padding:0;
margin:0;
margin-top:9px;
height:32px;
color:white;
font-weight:bold;
line-height:32px;
font-size:18px;
text-align:center;
background: url(/images/titre-defaut-810.png) top no-repeat;
}
h5 {
padding:10px 0;
margin:0;
color:#333;
font-size:14px;
text-align:left;
font-weight:bold;
}
div.txt_block2_accueil	{
float:left;
padding: 10px;
width:420px;
height:160px;
line-height: 16px;
text-align:center;
background: url(/images/fond-block.jpg) top no-repeat;
}
div.txt_block2_ins	{
float:left;
height:550px;
width:100%;
background: url(/images/fond-table-ins.jpg) top no-repeat;
}
div.txt_block2_accueil img	{
margin: 25px 10px  15px 10px;
float:left;
border:3px solid #cccccc;
}
div.block3_accueil	{
float:left;
margin-left:5px;
width:350px;
height:400px;
}
div.block5_accueil	{
float:left;
margin-left:5px;
width:350px;
height:auto;
}
.block3_accueil h3, .block5_accueil h3	{
padding:0;
margin:0;
width:350px;
height:32px;
color:white;
text-transform:capitalize;
font-weight:bold;
line-height:32px;
font-size:18px;
text-align:center;
background: url(/images/titre_block3_accueil.gif) top no-repeat;
}
div.txt_block3_accueil	{
float:left;
padding:10px;
width:330px;
height:430px;
line-height: 16px;
text-align:center;
background: url(/images/fond-block2.jpg) top no-repeat;
}
div.txt_block3_accueil img	{
float:left;
margin: 5px 10px  3px 5px;
border:3px solid #cccccc;
}
div.txt_block4_accueil	{
float:left;
padding:10px;
width:330px;
height:430px;
line-height: 16px;
text-align:center;
background: url(/images/fond-block2.jpg) top no-repeat;
}
div.txt_block5_accueil	{
float:left;
padding:10px;
width:330px;
height:auto;
line-height: 16px;
text-align:center;
background: url(/images/fond-block.jpg) top no-repeat;
}
/*div.txt_block4_accueil img	{
float:left;
margin: 5px 10px  3px 5px;
border:3px solid #cccccc;
}*/
/*----- inscription ------*/
.tableau_ins	{
margin-right:auto;
margin-left:auto;
padding:10px 10px 10px 30px;

border:none;
/*background: url(/images/fond-table.jpg) top no-repeat;*/
}

.tableau_ins tr td:first-child	{
text-align:right;
}
.tableau_ins input, .tableau_ins option	{
background-color:#8BCFF9;
color: white;
border:1px solid white;
}
/*----- offres ------*/
#offre3	{
float:left;
width: 780px;
height:140px;
margin: 15px 0 25px 0;
background: url(/images/reversement-4.jpg) center no-repeat;
}
#offre50	{
float:left;
width: 780px;
height:140px;
margin: 15px 0 25px 0;
background: url(/images/reversement-50.jpg) center no-repeat;
}
#offre3_49	{
float:left;
width: 780px;
height:140px;
margin: 15px 0 25px 0;
background: url(/images/reversement-4-49.jpg) center no-repeat;
}
.offretxt {
float:left;
margin-left:230px;
padding:0;
height:140px;
width:540px;
line-height:17px;
text-align:left;
}

/*----- reversements ------*/
#tableau_reversements	{
margin-right:auto;
margin-left:auto;
margin-top: 20px;
margin-bottom:15px;
padding:10px;
width:750px;
background-color: white;
border-collapse:collapse;
}
#tableau_reversements td	{
height:33px;
border:none;
padding: 0 5px 0 5px;
text-align:center;
background-color: white;
border:1px solid #eeeeee;
}
.detail_cout	{
color:#999999;
}
.cout_util	{
color:#999999;
}
.webmaster	{
color:#ff6600;
font-weight:bold;
font-size:16px;
}
* html #actualites-pied {margin-top:-1px;}
#actualites-pied{
height:21px;
background: url(/images/pied_centre.gif) bottom no-repeat;
}
#pied_acceuil	{
float:left;
height : 18px;
width:780px;
background-color : #575757;
text-align : center;
color : #fff;
font-size : 0.75em;
font-family : Arial;
font-weight : bold;
margin-top:10px;
margin-bottom:10px;
text-align:center;
}
#pied_acceuil_rb	{
float:left;
height : 20px;
width:100%;
background-color : #cccccc;
text-align : center;
color : black;
line-height:20px;
font-size : 11px;
font-family : Arial;
margin-top:40px;
margin-bottom:10px;
text-align:center;
}
div#droite	{
position: absolute;
right:0;
width : 180px;
color : #003440;
background-color: blue;
}

#image_centre
{
position: absolute;
top:220px;
}

#gauche_element
{
position: absolute;
background-image:url(/images/element_fond.gif);
background-repeat : no-repeat;
top:380px;
left :0;
width : 180px;
height:  78px;
}
#gauche_element .element_starpass
{
padding-top : 8px;
font-size: 14px;
color: #f56f18;
font-weight: bold;
text-align: center;
}
#gauche_element .element_texte
{
font-size: 10px;
color: white;
text-align: center;
font-weight: normal;
}
#gauche_element .element_textecle
{
font-size: 14px;
font-weight: bold;
color: #f56f18;
text-align: center;
}
.element_textecle a
{
color: white;
}

.centre-chapeau
{
background-image : url(/images/titre_centre.gif);
background-position : top;
background-repeat : no-repeat;
height : 30px;
/*color: white;
font-size: 0.8em;
text-align: center;
padding-top: 5px;*/
}
.centre-titre
{
height:10px;
padding-top: 6px;
padding-left: 4px;
padding-right: 4px;
color: white;
font-size: 10px;
font-weight: normal;
}
/*Chemin de fer*/
.centre-titre a
{
color: white;
font-style:italic;
text-decoration: none;

}
.centre-titre a:visited
{
color: white;
font-style:italic;
text-decoration: none;
}
.centre-titre a:hover
{
color: #ff6900;
text-decoration: underline;
}

h1
{
font-size: 0.6em;
font-family: Arial;
font-weight: normal;
/*background-image: url(/images/fond_h1.gif);*/
background-repeat: repeat-x;
margin: 0;
padding: 0;
margin-bottom:10px;;
}
h2
{
color: #ff6b00;
font-weight: bold;
font-size: 19px;
margin-left: 20px;
margin-top: 0;
}
.h2_fin
{
font-family: Arial;
font-weight:  normal;
color: #4a4a4a;
}

h3
{
font-size: 16px;
}

/* Accueil Membre */
#titre_membre
{
font-weight: normal;
font-style: normal;
border: none;
font-family: Arial;
color: #1e6a81;
font-size: 22px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.titre_membre_nom
{
font-weight: bold;
}

.orange
{
color: #ff6b00;
}
/* Accueil Membre => tableau gestion des documents */
.ligne_titre
{
color: #1e6a81;
}
.ligne_site
{
color : #1e6a81;
font-family : Arial;
font-weight : normal;
background-color : #ebebeb;
}
.ligne_site .td_nom_site
{
background-image : url(/images/puce_rond-orange.gif);
background-position : 10px;
background-repeat : no-repeat;
padding-left : 25px;
}
.ligne_site a
{
color: #1e6a81;
}
/* Tableau type */
.tableau_type
{
width:100%;
border: none;
border-collapse: collapse;
font-size: 12px;
}
.tableau_type .titre
{
background-color: #575757;
color: white;
font-weight: bold;
}
.tableau_type .paire
{
background-color: #ffffff;
}
.tableau_type .impaire
{
background-color: #cedede;
}
/* Tableau Reversement (explication) */

.rev_fr_plus	{
margin-left: auto;
margin-right: auto;
margin-top:3px;
padding: 2px;
height: 52px;
width: 610px;
background: url(/images/plus.jpg) top no-repeat;
}
.rev_fr_gold	{
margin-left: auto;
margin-right: auto;
margin-top:3px;
padding: 2px;
height: 52px;
width: 610px;
background: url(/images/gold.jpg) top no-repeat;
}
.rev_fr_silver	{
margin-left: auto;
margin-right: auto;
margin-top:3px;
padding: 2px;
height: 52px;
width: 610px;
background: url(/images/silver.jpg) top no-repeat;
}
.rev_fr_bronze	{
margin-left: auto;
margin-right: auto;
margin-top:3px;
padding: 2px;
height: 52px;
width: 610px;
background: url(/images/bronze.jpg) top no-repeat;
}



/*--------------------- bandeaux --------------------*/
div.starpass-plus,div.starpass-plus-a,div.starpass-plus-b	{
margin-left: auto;
margin-right: auto;
margin-top:3px;
padding: 3px 2px 3px 2px;
height: 43px;
width: 582px;
background: url(/images/sp_plus.jpg) no-repeat;
}
div.starpass-gold,div.gold	{
margin-left: auto;
margin-right: auto;
margin-top:3px;
padding: 3px 2px 3px 2px;
height: 43px;
width: 582px;
background: url(/images/sp_gold.jpg) no-repeat;
}
div.starpass-silver,div.star	{
margin-left: auto;
margin-right: auto;
margin-top:3px;
padding: 3px 2px 3px 2px;
height: 43px;
width: 582px;
background: url(/images/sp_silver.jpg) no-repeat;
}

div.starpass-bronze,div.starpass-bronze-a,div.starpass-bronze-b,div.starpass-bronze-c	{
margin-left: auto;
margin-right: auto;
margin-top:3px;
padding: 3px 2px 3px 2px;
height: 43px;
width: 582px;
background: url(/images/sp_bronze.jpg) no-repeat;
}
/*--------------------- contenus bandeaux --------------------*/
div.flags	{
float: left;
margin-left:5px;
padding-top: 10px;
width: 250px;
height:33px;
}
div.details_reversements	{
float: left;
height:43px;
width: 150px;
font-size: 11px;
text-align: center;
color: white;
}
.details_couts{
display: block;
margin-top: 4px;
width: 150px;
height:19px;
text-align: center;
font-size: 11px;
line-height: 21px;
color: #333333;
}
div.details_clients	{
float: left;
margin-left:3px;
padding:0;
height:43px;
width: 70px;
text-align: center;
font-size: 10px;
color: white;

}
div.details_webmasters	{
float: left;
margin-left:3px;
padding:0;
height:43px;
width: 95px;
text-align: center;
font-size: 11px;
color: white;
}
.details_tarifs	{
display: block;
margin-top: 4px;
width: 70px;
height:19px;
text-align: center;
font-weight: bold;
font-size: 12px;
line-height: 21px;
color: #666666;
background: transparent url(/images/fond-tarif.gif) center no-repeat;
}
.details_tarifs_red	{
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 4px;
width: 90px;
height:19px;
text-align: center;
font-weight: bold;
font-size: 13px;
line-height: 21px;
color: red;
background: transparent url(/images/fond-tarif.gif) center no-repeat;
}


table#tableau_reversement_titre
{
width: 586px;
font-weight: bold;
color: #1e6a81;
text-align: center;
font-size: 13px;
}
table#tableau_reversement_titre td#cel_40{width: 40px; height:40px; background-color:white}
table#tableau_reversement_titre td#cel_160{width: 160px; height:40px; background-color:white}
table#tableau_reversement_titre td#cel_186{width: 186px; height:40px; background-color:#eeeeee;}
table#tableau_reversement_titre td#cel_95{width: 95px; height:40px;background-color:#FF6633;}
table#tableau_reversement_titre td#cel_105{width: 105px; height:40px;background-color:#045B75;}


table#tableau_reversement
{
width: 586px;
padding:0;
margin:0;
color: white;
text-align: center;
font-size: 13px;
}
table#tableau_reversement tr
{
width: 586px;
background: url(/images/fond-starpassplus.jpg) no-repeat;
height: 40px;

}
table#tableau_reversement .revers_pays
{
width:40px;
height:40px;
background-color: transparent;
}
table#tableau_reversement .revers_logo
{
width:160px;
height:40px;
background-color: transparent;
}
table#tableau_reversement .revers_cout_util
{
width:186px;
height:40px;
line-height:20px;
color: #666666;
font-size:12px;
background-color: transparent;
}

table#tableau_reversement .revers_cout_appel
{
width:95px;
height:40px;
font-weight: bold;
}

table#tableau_reversement .revers_reversement
{
width:105px;
height:40px;
font-weight: bold;
}



* html #accueil {height: 320px;}
#accueil
{
padding:10px; /*cmetge*/
font-size : 0.8em; /*cmetge*/
background-image : url(/images/contenu_centre.gif);
background-repeat : repeat-y;
min-height: 310px;
font-family: Arial;
}

.actualite
{
font-size : 0.8em;
/*padding : 0 10px 10px 10px; cmetge */
}

.droite-chapeau
{
background-image: url(/images/titre_droite.gif);
background-repeat: no-repeat;
/*padding-top : 12px; */
padding-left: 5px;
color: white;
font-weight: bold;
height: 22px;
}
.droite-bordure
{
background-image : url(/images/contenu_droite.gif);
background-repeat : no-repeat;
background-position : top right;
height: 131px;
padding: 5px;
}

.guide-profil
{
color : white;
font-weight: bold;
font-size : 0.7em;
font-family : Arial;
font-weight : normal;
padding-left: 5px;
margin-right: 110px;
border: 1px solid #ff6900;
}

.guide-desc
{
font-size : 0.8em;
margin-top: 40px;
margin-left: 80px;
margin-right: 5px;
padding-left: 5px;
background-color : #e8e8e8;
border: 1px solid #ff6900;
}
#logout
{
text-align:left;
color : white;
font-weight : bold;
margin-top: 9px;
margin-left: 65px;
margin-right: 3px;
padding-left: 3px;
}
#droite div.titre
{
color : white;
font-size : 0.9em;
font-weight : bold;
margin : 0;
padding-left: 5px;
}
#droite p.contenu {
color : #003e51;
font-size : 0.7em;
background-color : #f9f8f8;
margin : 0;
padding : 7px 10px;
}

.bold
{
font-weight : bold;
color : #003e51;
}

.centre-txt
{
text-align : center;
}
p._url
{

font-weight : bold;
padding-left:30px;
}

/* Page d'accueil*/
#accueil #titre_accueil
{
text-align : center;
margin-left: auto;
margin-right: auto;
margin-bottom:30px;
}
#accueil #phrases_cles
{
color: #427892;
font-size: 17px;
/*font-family : "Arial black"; */

}
#accueil #phrases_cles p
{
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
margin-left: 35px;

}
#accueil #phrases_cles .mot_cle
{
font-weight: bold;
}
#accueil #phrases_cles .puce
{
color: #f58013;
}
#accueil #phrase_accroche
{
text-align: center;
font-size: 18px;
padding-top: 10px;
color: #427892;
}
.etape
{
font-size: 18px;
color: #427892;
font-weight: bold;
}
#accueil .produit_starpass
{
font-weight: bold;
color: #427892;
}
#accueil .mot_accroche
{
font-weight: bold;
color: #f58013;
}
#accueil .mot_important
{
font-weight: bold;
}
#accueil .note
{
z-index:10;
padding-top: 20px;
font-size: 12px;
}

#accueil_pied .note
{
padding-top: 20px;
font-size: 12px;

}
#accueil .note .mot_cle
{
color: #427892;
}
#accueil #phrase_slogan
{
font-size: 16px;
text-align: center;
}
.phrase_slogan
{
font-size: 16px;
padding-top: 20px;
text-align: center;
}

.erreur
{
color: #ff6600;
font-weight: bold;
}
.succes
{
color: green;
font-weight: bold;
}
.page_resultat
{
text-align: center;
font-size: 12px;
font-weight: bold;
}
.page_resultat a
{
font-weight: normal;
}

/*Fieldset couleur orange*/
fieldset.cadre_orange
{
color: #1270AF;
border: 1px solid #ff6600;
padding: 8px;
margin: 15px;

}
fieldset.cadre_orange legend
{
width:185px;
height:25px;
color: #ff6600;
padding:0 15px 5px 15px;
font-size: 13px;
font-weight: bold;
line-height:25px;
margin-left:-5px;
}
/*Fieldset alerte couleur rouge - Mathieu 2011-03-25*/
fieldset.cadre_alert
{
border: 1px solid #A40000;
color: #C90000;
font-size: 13px;
margin: 15px;
padding: 8px;
text-align: left;
}
fieldset.cadre_alert legend
{
color: #C90000;
font-size: 15px;
font-weight: bold;
height: 25px;
line-height: 25px;
margin-left: -5px;
padding: 0 15px 5px;
width: 525px;
}
/*Fieldset couleur bleu*/
fieldset.cadre_bleu
{
color: #ff6900;
border: 1px solid #1270AF;
}
fieldset.cadre_bleu legend
{
background-color: #1270AF;
color: white;
font-family: Arial;
font-size: 13px;
font-weight: bold;
padding-left: 10px;
padding-right: 10px;
padding-top: 2px;
padding-bottom: 2px;
margin-left:-8px;

}
/*Fieldset Reversement => Etat du compte*/
fieldset.cadre_bleu table
{
width: 100%;
}
fieldset.cadre_bleu table td.td_center
{
text-align: center;
font-weight: bold;
}
/*Fieldset Contact => Nous contacter*/
fieldset.cadre_orange table
{
width: 100%;
}
fieldset.cadre_orange table td.c_contact
{
padding-left:25px;
font-weight: bold;
}
.important
{
font-size: 12px;
font-style: italic;
color: red;

}

/*Prensentation FAQ*/
div.faq_element
{
margin: 15px 0 0 0;
padding : 4px;
font-size: 1em;
font-weight: bold;
text-align:justify;
background-image: url(/images/puce_etoile-question.gif);
background-repeat: no-repeat;
background-position: top left;
padding-left: 30px;
}
div.faq_question
{
background-color: #e8e8e8;
color: #1e6a81;
}
div.faq_reponse
{
padding-left: 55px;
color: #ff6b00;
}
div.faq_question span,div.faq_reponse span
{
font-weight: normal;
}

/*Presentation Code PHP*/
.code_php
{
border-left:1px dashed black;
margin-left:30px;
font-size:12px;
}
.code_php_contenu
{
color: #008080;
padding-left:10px;
}
.code_php_balise
{
/*rouge fonce*/
color: #800000;
font-weight:bold;
}
.code_php_fonction
{
/*bleu*/
color: #0000ff;
}
.code_php_fonction_speciale
{
/*rouge*/
color: #ff0000;
}
.code_php_fonction_librairie
{
/*rouge fonce*/
color: #800000;
}
.code_php_commentaire
{
/*vert*/
color: #008000;
}
.code_php_texte
{
/*rose*/
color: #ff00ff;
}
.code_php_variable
{
/*bleu*/
color: #008080;
}
/*Explication du fonctionnement de starpass*/
div#fonctionnement
{

}
div#fonctionnement p:first-letter
{
margin-left: 20px ;
}
/* Boutons */
.connexion_v2
{
margin-top:3px;
border: none;
background: url(/images/connexion-v2.gif) no-repeat left top;
width: 70px;
height: 24px;
}
.connexion_v2:hover
{
border: none;
background: url(/images/connexion-hover-v2.gif) no-repeat left top;
width: 70px;
height: 24px;
}

.connexion
{
border: none;
background: url(/images/bouton_connexion.gif) no-repeat left top;
width: 70px;
height: 24px;
}
.connexion:hover
{
border: none;
background: url(/images/bouton_connexion-hover.gif) no-repeat left top;
width: 70px;
height: 24px;
}
#deconnexion
{
border: none;
background: url(/images/bouton_deconnexion.gif) no-repeat left top;
width: 84px;
height: 24px;
}
#deconnexion:hover
{
border: none;
background: url(/images/bouton_deconnexion-hover.gif) no-repeat left top;
width: 84px;
height: 24px;
}
#enregistrer
{
border: none;
background: url(/images/bouton_enregistrer.gif) no-repeat left top;
width: 85px;
height: 24px;
}
#enregistrer:hover
{
border: none;
background: url(/images/bouton_enregistrer-hover.gif) no-repeat left top;
width: 85px;
height: 24px;
}
.envoyer
{
border: none;
background: url(/images/bouton_envoyer.gif) no-repeat left top;
width: 85px;
height: 24px;
}
.envoyer:hover
{
border: none;
background: url(/images/bouton_envoyer-hover.gif) no-repeat left top;
width: 85px;
height: 24px;
}
.OK
{
border: none;
background: url(/images/bouton_OK.gif) no-repeat left top;
width: 28px;
height: 24px;
}
.OK:hover
{
border: none;
background: url(/images/bouton_OK-hover.gif) no-repeat left top;
width: 28px;
height: 24px;
}
.valider
{
border: none;
background: white url(/images/bouton_valider2.gif) no-repeat left top;
width: 100px;
height: 25px;
}
.valider:hover
{
border: none;
background: white url(/images/bouton_valider2-hover.gif) no-repeat left top;
width: 100px;
height: 25px;
}
.separation
{
margin: 9px;
margin-bottom: 9px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #a8a8e7;
}
.info-bulle{
position:absolute;
z-index:20;
visibility:hidden;
top:0px;
left:0px;
width:300px;
}
.popup {
padding: 9px;
font-size: 12px;
color: #000000;
background-color: #FFFFFF;
text-decoration: none;
}
.input{
height:14px;
border:1px solid #437B97;
background-color:#F7FAFB;
color:#558EA9;
}
#lien_blanc1{
color:white;
}
#lien_blanc2{
color:white;
}
#lien_blanc3{
color:white;
}
.vide {
border : medium none white;
}
.tableau_light	{
margin-right:auto;
margin-left:auto;
padding:5px;
background-color: white;
border-collapse:collapse;
}
.tableau_light td	{
height:28px;
border:none;
padding: 0 25px 0 25px;
text-align:center;
background-color: white;
border:1px solid #eeeeee;
}
/* menu horizontal dans la partie publique : reversement*/
ul#menu_horizontal {
list-style-type: none;
width: 100%; /* precision pour Opera */
}

ul#menu_horizontal li{
float: left;
}

ul#menu_horizontal a {
float: left;
margin: 0 2px;
padding: 5px 33px;
text-align: center;
/*border: 1px solid #1270AF;*/
text-decoration: none;
color: white;
background: #7CBFE4;
font-weight: bold;
font-size:14px;
text-transform:uppercase;
}

ul#menu_horizontal a:hover, ul#menu_horizontal a:focus, ul#menu_horizontal a:active {
background: #ff6600;
color: white;
/*border: 1px solid gray;*/
}

.clear:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* tableau de bord */
div.block_x2 {
width:47%;float:left;
margin:auto 5px;
border-right: solid 1px #7f7f7f;
}

.column{
width:49%;
margin-right:.5%;
min-height:320px;
/*background:#fff;*/
float:left;
}
.column .dragbox{
margin:5px 2px  20px;
/*background:#fff;*/
background:#f0f0f0;
position:relative;
border:1px solid #ddd;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.column .dragbox h2{
margin:0;
font-size:12px;
padding:5px;
background:#69c url(/images/titre_block2_accueil.gif) center no-repeat;
color:#fff;
border-bottom:1px solid #eee;
font-family:Verdana;
cursor:move;
}
.dragbox-content{
background:#f0f0f0;
min-height:100px; margin:5px;
font-family:'Lucida Grande', Verdana; font-size:0.8em; line-height:1.5em;
}
.dragbox-content table{
background:transparent;
}
.column  .placeholder{
background: #f0f0f0;
border:1px dashed #ddd;
}
.dragbox h2.collapse{
background:#69c url('/images/collapse.png') no-repeat top right;
}
.dragbox h2 .configure{
font-size:11px; font-weight:normal;
margin-right:30px; float:right;
}
.dragbox h2 .configure a{
color:#fff;
}

/* formulaires */
.formulaire {
}
.formulaire input, .formulaire select {
background-color:#8BCFF9;
color:#000066;
}
.formulaire .erreur {
color:#ff6b00;
}


.alignCenter { text-align: center; }

/* gestionnaire litige */
.errorcode {
    color:red;
    display:inline;
    padding-left:10px;
    display:none;
}