/* Structure majeure */ 
* { border: 0 none;  margin: 0; padding: 0; } 

html {height: 100%;}

body {
background-color: #F4F4F4;
color: #666666;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
font-size: 13px;
height: 100%;
}

#conteneur {
background-color: #FFFFFF;
margin: 10px auto;
padding: 10px 20px 20px 10px;
position: relative;
width: 980px;
}

header, #header {
border-bottom: 1px solid #666666;
clear: both;
height: 80px;
margin-bottom: 10px;
padding: 5px;
}

header .logo, #header .logo {float: left;}
#contenu {width:102%;}
#col_gauche {float: left;padding: 5px 0 0;width: 19%;}
#page {background-color: #FBFBFB;border-radius: 5px 5px 5px 5px;float: left;margin-bottom: 48px;margin-left: 12px;padding:15px;width: 76%;min-height:600px;}
#page-full {background-color: #FBFBFB;border-radius: 5px 5px 5px 5px;float: left;margin-bottom: 48px;margin-left: 24px;padding: 15px;width: 915px;min-height:600px;}
    
#page-table {height: 100%;width: 100%;border-collapse: collapse;text-align: center;}
#page-td {height: 100%;padding: 0;vertical-align: middle;background-color: #FBFBFB;padding: 15px;}    


footer, #footer {
    clear: both;
    color: #999999;
    padding: 4px 12px;
    text-align: right;
}


/* Structure et mise en forme mineure */ 
#page ul.liste, #page-full ul.liste {
	list-style-position:inside;
	margin: 10px 0 0 20px;
	
}

#page ul.liste li, #page-full ul.liste li {margin: 0;padding: 0;}

p { margin: 0; padding: 0;}
blockquote {background-image: url("../images/blockquote.png");background-position: -1% 0;background-repeat: no-repeat;border-left: 2px solid #DEDEDE;margin: 0 5px 10px;padding: 22px 15px 10px;text-indent: 39px;}

.traitVertiDroite {border-right: 1px solid #CCCCCC;}
.traitVertiGauche {border-left: 1px solid #CCCCCC;}

.center, #page table.table10 td.center {text-align: center;}
.left, #page table.table10 td.left {text-align: left;}
.right, #page table.table10 td.right {text-align: right; float:right;}

.padding2 {padding: 2px;}
.padding5 {padding: 5px;}
.padding10 {padding: 10px;}
.padding20 {padding: 20px;}
.paddingTopBottom2 {padding-bottom: 2px;padding-top: 2px;}
.paddingLeftRight5 {padding-left: 5px;padding-right: 5px;}
.paddingLeft250 {padding-left: 250px;}
.paddingLeft50 {padding-left: 50px;}
.paddingLeft80 {padding-left: 80px;}
.marginAuto {margin: 0 auto;}
.margin5 {margin: 5px;}
.margin10 {margin: 10px;}
.margin20 {margin: 20px;}
.margin30 {margin: 30px;}
.margin50 {margin: 50px;}
.marginLeftRight50 {margin: 0 50px;}
.marginLeftRight5 {margin: 0 5px;}
.marginLeftRight80 {margin: 0 80px;}

.roundedcorners {
border-radius: 5px 5px 5px 5px;	
}


#popup #page {margin: 5px 10px;width: 90%;}
#page p {margin-bottom: 5px;padding-bottom: 5px;}

#page table.table td {padding: 2px 20px;text-align: left;}
#page table.table th {background-color: #CCCCCC;padding: 2px 20px;text-align: left;}
#page table.table p {text-align: left;}

#page table.liste th {background-color: #EEEEEE;border: 0 none;margin: 0;padding: 1px 7px;text-align: left;}
#page table.liste td {border: #CCCCCC solid;border-width: 1px 0 0;margin: 0;padding: 2px 7px;text-align: left;}

#page table.outline th {border-right: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;padding: 5px;height:30px;}
#page table.outline th:first-child {border-left: 1px solid #CCCCCC}
#page table.outline td {margin: 0;padding: 1px 5px 15px 5px;text-align: left;border-bottom: 1px solid #CCCCCC;}

#page table.saisie_domaine,table.saisie {background-color: #FFFFFF;border: 1px solid #DDDDDD;margin: 0;padding: 0;}
#page table.saisie_domaine th, table.saisie th {background-color: #EEEEEE;color: #666666;margin: 0;padding: 2px 20px;text-align: left;text-transform: uppercase;}
#page table.saisie_domaine td, table.saisie td {border-color: #DDDDDD;border-style: solid;border-width: 0 0 1px;margin: 0;padding: 8px 7px;text-align: left;}

#page table.table10 td {margin: 0;padding: 1px 10px;text-align: left;}
#page table.table5 td {margin: 0;padding: 1px 5px;text-align: left;}
#page table.table5 th {margin: 0;padding: 1px 5px;}

#page td.trait_top {border-top: 1px solid #CCCCCC;}
#page td.trait_bottom {border-bottom: 1px solid #CCCCCC;}
#page table.trait_top {border-top: 1px solid #CCCCCC;}
#page table.trait_bottom, .trait_bottom {border-bottom: 1px solid #CCCCCC;}

#page .noborder {border: medium none;}

.largeur80 {width: 80px;}
.largeur100 {width: 100px;}
.largeur200 {width: 200px;}
.largeur300 {width: 300px;}
.largeur400 {width: 400px;}
.largeur450 {width: 450px;}
.largeur480 {width: 480px;}

.floatLeft, .float {float: left;}
.floatRight, img.floatRight, input.floatRight {float: right;}
.float100, .float150, .float200, .float250, .float400 {float: left;}
.float100 {width: 100px;}
.float150 {width: 150px;}
.float200 {width: 200px;}
.float250 {width: 250px;}
.float400 {width: 400px;}

img {border: 0 none;}





/* Texte&liens: mise en forme */
a:link, a:visited {
    color: #2894C1;
    text-decoration: none;
}

a:hover {
    color: #8CC63F;
}

.bold, .gras {font-weight: bold;}
.normal {font-weight: normal;}
.souligne, a.souligne {text-decoration: underline;}
.italique {font-style: italic;}
.texte_barre {text-decoration: line-through;}
.trait {border-bottom: 1px solid #CCCCCC;margin-bottom: 10px;}

td {font-size: 13px;}
.texte9 {font-size: 9px;}
.texte10 {font-size: 10px;}
.texte11 {font-size: 11px;}
.texte12 {font-size: 12px;}
.texte13 {font-size: 13px;}
.texte14 {font-size: 14px;}
.texte15 {font-size: 15px;}
.texte16 {font-size: 16px;}
.texte17 {font-size: 17px;}
.texte18 {font-size: 18px;}
.texte19 {font-size: 19px;}
.texte20 {font-size: 20px;}
.texte25 {font-size: 25px;}
.texte27 {font-size: 27px;}
.texte30 {font-size: 30px;}

a.bleu:link, a.bleu:visited, .bleu, 
a.bleu2:link, a.bleu2:visited, .bleu2, 
a.bleu3:link, a.bleu3:visited, .bleu3, 
a.bleu_clair:link, a.bleu_clair:visited, .bleu_clair, 
a.bleu_fonce:link, a.bleu_fonce:visited, .bleu_fonce  
{color: #5294DE;}
a.bleu:hover, a.bleu2:hover, a.bleu3:hover, a.bleu_clair:hover, a.bleu_fonce:hover  
{color: #325A87;}

a.vert:link, a.vert:visited, .vert, 
a.vert3:link, a.vert3:visited, .vert3, 
a.vert_fonce:link, a.vert_fonce:visited, .vert_fonce
{color: #9CB733;}
a.vert:hover, a.vert3:hover, a.vert_fonce:hover 
{color: #6D8024;}

a.magenta:link, a.magenta:visited, .magenta,
a.magenta_fonce:link, a.magenta_fonce:visited, .magenta_fonce
{color: #CE59AB;}
a.magenta:hover, a.magenta_fonce:hover
{color: #764063;}
a.rouge:link, a.rouge:visited, .rouge {color:#cc3333;}
a.rouge:hover {color:#cc3333;}
a.bordeau:link, a.bordeau:visited, .bordeau {color:#a12e1b;}
a.bordeau:hover {color:#a12e1b;}
a.orange:link, a.orange:visited, .orange {color:#ff6633;}
a.orange:hover {color:#ff6633;}
a.blanc:link, a.blanc:visited, .blanc	{color:#ffffff;}
a.blanc:hover	{color:#ffffff;text-decoration:underline;}


a.gris:link, a.gris:visited, .gris,
a.gris_clair:link, a.gris_clair:visited, .gris_clair,
a.gris_fonce:link, a.gris_fonce:visited, .gris_fonce
{color: #666666;}
a.gris:hover, a.gris_clair:hover, a.gris_fonce:hover 
{color: #000000;}
a.gris_souligne:link, a.gris_souligne:visited {color: #666666;}
a.gris_souligne:hover {color: #333333;text-decoration: underline;}
a.gris_bold:link, a.gris_bold:visited {color: #666666; font-weight:bold;}
a.gris_bold:hover {color: #333333;}
a.noir:link, a.noir:visited, .noir {color: #333333;}


#footer a {color: #5294DE;}
#footer a:hover {color: #CCCCCC;}

#page p.demi_col_droite {border-bottom: 1px solid #FBFBFB;border-left: 1px solid #CCCCCC;float: right;margin: 0 0 20px 0;padding: 0 0px 20px 14px;width: 330px;text-align:justify;}
#page p.demi_col_gauche {border-bottom: 1px solid #FBFBFB;border-right: 1px solid #CCCCCC;float: left;margin: 0 0 20px 0;padding: 0 14px 20px 0px;width: 330px;text-align:justify;}

.separateur {clear: both;font-size: 1px;height: 1px;line-height: 1px;}




/* headers */
h1 {color: #5294DE;font-size: 24px;;margin: 0;padding: 0;clear: both}
#page h1 {font-size: 24px;margin-bottom: 10px;}
#col_gauche h1 {color: #5294DE;font-size: 18px;margin-bottom: 5px;margin-left: 7px;}
#col_gauche h1 a:link, #col_gauche h1 a:visited {color: #5294DE;}
#col_gauche h1 a:hover {text-decoration: underline;}

h2 {color: #AFCD38;font-size: 20px;margin: 10px 0;padding: 2px 0;clear: both;}

h3 {color: #666;font-size: 18px;margin: 0;padding: 10px 0;}
.bg_beige h3, .bg2 h3, .bg_jaune h3, .bg_orange h3 {color: #b1794d;}
.bg_gris h3, .fond_gris h3 {color: #999999;}
.bg_vert_clair h3 {color: #8cc63f;}
.bg_vert h3, .bg_vert3 h3 {color: #7d902f;}
.bg_bleu_clair h3, .bg_bleu2 h3, .bg_bleu3 h3 {color: #5294de;}
.bg_bleu h3 {color: #0a3258;}

h4 {color: #666;font-size: 16px;margin: 0;padding: 10px 0;}
.bg_beige h4, .bg2 h4, .bg_jaune h4, .bg_orange h4 {color: #b1794d;}
.bg_gris h4, .fond_gris h4 {color: #999999;}
.bg_vert_clair h4 {color: #8cc63f;}
.bg_vert h4, .bg_vert3 h4 {color: #7d902f;}
.bg_bleu_clair h4, .bg_bleu2 h4, .bg_bleu3 h4 {color: #5294de;}
.bg_bleu h4 {color: #0a3258;}

h5 {color: #666;font-size: 15px;margin: 0;padding: 0;}
.bg_beige h5, .bg2 h5, .bg_jaune h5, .bg_orange h5 {color: #b1794d;}
.bg_gris h5, .fond_gris H4 {color: #999999;}
.bg_vert_clair h5 {color: #8cc63f;}
.bg_vert h5, .bg_vert3 h5 {color: #7d902f;}
.bg_bleu_clair h5, .bg_bleu2 h5, .bg_bleu3 h5 {color: #5294de;}
.bg_bleu h5 {color: #0a3258;}

h6 {color: #666;font-size: 12px;margin: 0;padding: 0;}
.bg_beige h6, .bg2 h6, .bg_jaune h6, .bg_orange h6 {color: #b1794d;}
.bg_gris h6, .fond_gris h4 {color: #999999;}
.bg_vert_clair h6 {color: #8cc63f;}
.bg_vert h6, .bg_vert3 h6 {color: #7d902f;}
.bg_bleu_clair h6, .bg_bleu2 h6, .bg_bleu3 h6 {color: #5294de;}
.bg_bleu h6 {color: #0a3258;}

.titre_gris_moyen {color: #666;font-size: 20px;line-height: 22px;}
.titre_gris_grand {color: #666;font-size: 30px;line-height: 36px;}




/* fonds et encadrŽs */
.asterisque {color: #CC3300;font-size: 14px;padding-left: 5px;}
.asterisque2 {color: #5294DE;font-size: 14px;padding-left: 5px;}
.asterisque3 {color: #9CB733;font-size: 14px;padding-left: 5px;}


.bg_beige, .bg2, .bg_jaune, .bg_orange {background-color: #F0E3D1;}
.bg_gris, .fond_gris {background-color: #EDEDED;}
.bg_vert_clair {background-color: #EBF5C5;}
.bg_vert, .bg_vert3 {background-color: #CDE765;}
.bg_bleu_clair, .bg_bleu2, .bg_bleu3 {background-color: #CEECF9;}
.bg_bleu {background-color: #5294DE;color: #FFFFFF;}

.bg_blanc, .bg1 {background-color: #FFFFFF;}
.bg_rouge {background-color: #CC3333;color: #FFFFFF;}
.bg_orange {background-color: #FFB22D;color: #FFFFFF;}
.bg_jaune {background-color: #FBF5DD;color: #333333;}
.bg_magenta {background-color: #CE59AB;color: #FFFFFF;}
.bg_magenta_clair {background-color: #F5E2E5;}

.highlight {background-color: #F5E775;color: #333333;}

.border0, img.border0, input.border0, .no_border, input.no_border  {border: 0 none;}
.border {border: 1px solid #999999;}
.borderDroite {border-right: 1px solid #999999;}
.borderGauche {border-left: 1px solid #999999;}
.borderBas {border-bottom: 1px solid #999999;}
.borderHaut {border-top: 1px solid #999999;}
.border_bleu_clair, .encadre_bleu_clair {background-color: #FFFFFF;border: 5px solid #E0EAF3;padding: 10px;}

.encadre_rouge {background-color: #FFF;border-radius:7px;border: 5px solid #CC3333;margin: 10px;padding: 10px;}
.encadre_magenta {background-color: #FFF;border-radius:7px;border: 5px solid #CE59AB;margin: 10px;padding: 10px;}
.encadre_magenta_fin {background-color: #FFF;border-radius:7px;border: 1px solid #CE59AB;margin: 10px;padding: 10px;}
.encadre_vert, .encadre_vert_clair {background-color: #FFF;border-radius:7px;border: 5px solid #9CB733;margin: 10px;padding: 10px;}
.encadre_vert_fin {background-color: #FFF;border-radius:7px;border: 1px solid #9CB733;margin: 10px;padding: 10px;}
.encadre_bleu {background-color: #FFF;border-radius:7px;border: 5px solid #5294DE;margin: 10px;padding: 10px;}


/* pictogrammes et puces */

.picto-fleche_verte {background-position: 25px 0px;background-repeat: no-repeat;padding-left: 50px;background-image: url("../images/picto_fleche_verte.gif");}
.picto-fleche_bleue {background-position: 25px 0px;background-repeat: no-repeat;padding-left: 50px;background-image: url("../images/picto_fleche_bleue.gif");}
.picto-fleche_rouge {background-position: 25px 0px;background-repeat: no-repeat;padding-left: 50px;background-image: url("../images/picto_fleche_rouge.gif");}

.picto-attention {background-position: 25px 0px;background-repeat: no-repeat;padding: 2px 0 0 50px;background-image: url("../images/picto_attention.gif");}


.puce_fleche_magenta {background-image: url("../images/puce_suivicom.gif");background-position: left 3px;background-repeat: no-repeat;font-size: 12px;padding: 0 0 0 10px;}
.puce_fleche_vert {background-image: url("../images/puce_suivitech.gif");background-position: left 3px;background-repeat: no-repeat;font-size: 12px;padding: 0 0 0 10px;}
.domaine_puny_titre {background-image: url("../images/fleche_puny.png");background-position: left top;background-repeat: no-repeat;color: #666666;font-size: 18px;font-weight: normal;padding: 0 0 0 45px;}

/* blocs et messages */
.msg_erreur {color: #CC3333;margin: 30px;text-align: center;}
.msg_erreur_txt {color: #CC3333;}
.msg_info_txt {color: #A65171;}
.msg_ok {color: #336633;margin: 0 auto;padding: 30px;text-align: center;}
.msg_identifier {background-color: #B9D5F5;color: #5394DE;font-size: 15px;font-weight: bold;margin: 70px 180px;padding: 20px 10px;text-align: center;}

#bloc_pass_oubli {background-color: #CEECF9;border-radius: 5px 5px 5px 5px;color: #29ABE2;margin: 50px auto;padding: 24px;width: 480px;}
#bloc_pass_oubli input.bouton {margin: 0;}
#bloc_pass_oubli input {border: 0 none;margin: 0 5px;}

#bloc_login {background-color: #CEECF9;border-radius: 5px 5px 5px 5px;color: #29ABE2;margin: 30px auto;padding: 24px;width: 400px;}
#bloc_login table.table td {padding: 4px 20px;text-align: left;}
#bloc_login label {display: block;float: left;width: 120px;}
#bloc_login input {border: 0 none;float: left;}
#bloc_login input.but {background-color: #5294DE;color: #FFFFFF;cursor: pointer;margin-left: 156px;margin-top: 4px;padding: 2px 6px;}

#bloc_identification {border: 1px solid #DEDEDE;border-radius: 5px 5px 5px 5px;float: right;margin-right: 40px;text-align: left;width: 250px;}
#bloc_identification .marge {padding: 10px 7px 5px 10px;}
#bloc_identification input {border: 0 none;}
#bloc_identification b {font-size: 14px;}
#bloc_identification label {display: block;font-size: 13px;font-weight: bold;padding-top: 5px;}
#bloc_identification input.bouton {float: right;margin: 7px 30px 0 0;padding: 1px 4px;}

#bloc_rub {background-color: #EEEEEE;border-radius: 5px 5px 5px 5px;color: #666666;margin-top: -5px;width: 195px;}
#bloc_rub .marge {padding: 20px 7px 20px 5px;}
#bloc_rub a {color: #666666;display: block;margin-left: 4px;padding: 0 0;text-decoration: none;}
#bloc_rub a:hover {color: #333333;text-decoration: none;}
#bloc_rub li {border-bottom: 1px solid #CCCCCC;list-style-type: none;padding: 3px 2px 3px 7px;}
li.actif {background-color: #FFFFFF;border-radius: 5px 5px 5px 5px;color: #B9D6F6;display: block;font-weight: bold;}
#bloc_rub li.actif, #bloc_rub ul.actif {border: medium none;}
#bloc_rub ul {border-top: 1px solid #CCCCCC;list-style-type: none;margin-bottom: 14px;}
#bloc_rub li.actif ul {margin-bottom: 12px;margin-left: 10px;margin-top: 5px;}
#bloc_rub li.actif ul li a {color: #CCCCCC;}
#bloc_rub ul li ul {border-top: 0 solid #EDEDED;margin: 0;padding: 0;}
#bloc_rub ul li ul li {border-bottom: 0 solid #EDEDED;font-size: 12px;line-height: 13px;list-style-type: square;margin: 3px 0 3px 10px;padding: 0;}
#bloc_rub ul li ul {list-style-type: none;margin-bottom: 0;}
#bloc_rub ul li ul li ul {margin: 0;padding: 5px;}
#bloc_rub ul li ul li ul li {border-bottom: 0 solid #EDEDED;font-size: 12px;line-height: 12px;list-style-type: none;margin: 0;padding: 2px 0;}




/* onglets */
#onglets {float: right;height: 26px;margin-bottom: 0px;margin-right: 10px;}
#onglets .crumbs {color: #556C86;float: right;font-size: 12px;padding: 3px 2px;}
#popup #onglets {margin-bottom: 5px;}
#onglets a:link, #onglets a:visited, #onglets p {background-color: #B9D6F6;border: 1px solid #FFFFFF;color: #556C86;float: right;font-size: 12px;padding: 3px 7px;}
#onglets a:hover, #onglets p:hover {background-color: #5294DE;color: #FFFFFF;}
#onglets a.in:link, #onglets a.in:visited {background-color: #EEEEEE;color: #556C86;cursor: default;}





/* Žtapes de facturation */
#etapes {clear: both;font-weight: bold;margin-bottom: 10px;}
#etapes ul {border-bottom: 2px solid #E1E1E1;clear: both;height: 20px;margin: 0;padding: 0;}
#etapes li {background-image: url("../images/bg_etape_off.gif");background-position: left top;background-repeat: no-repeat;float: left;line-height: 20px;list-style-type: none;margin: 0;padding: 0 1px;text-align: center;width: 170px;}
#etapes li.in {background-image: url("../images/bg_etape_in.gif");background-position: left top;background-repeat: no-repeat;}
#etapes li.off {background-image: none;float: right;}
#etapes a:link, #etapes a:visited {color: #FFFFFF;font-size: 12px;}
#etapes a:hover {color: #FFFFFF;}
#etapes li.in a:link, #etapes li.in a:visited {color: #5C6570;cursor: default;}
#etapes li.off a:link, #etapes li.off a:visited {color: #666666;cursor: default;}
#etapes_facturation {border-bottom: 2px solid #E1E1E1;clear: both;font-weight: bold;height: 80px;}
#etapes_facturation div {background-position: left top;background-repeat: no-repeat;float: left;height: 50px;padding-top: 40px;text-align: center;width: 140px;}
#etapes_facturation .etape_1 {background-image: url("../images/etape1.gif");}
#etapes_facturation .etape_2 {background-image: url("../images/etape2.gif");}
#etapes_facturation .etape_3 {background-image: url("../images/etape3.gif");}
#etapes_facturation .etape_4 {background-image: url("../images/etape4.gif");}
#etapes_facturation .etape_5 {background-image: url("../images/etape5.gif");}
#etapes_facturation .etape_1_in {background-image: url("../images/etape1_in.gif");}
#etapes_facturation .etape_2_in {background-image: url("../images/etape2_in.gif");}
#etapes_facturation .etape_3_in {background-image: url("../images/etape3_in.gif");}
#etapes_facturation .etape_4_in {background-image: url("../images/etape4_in.gif");}
#etapes_facturation .etape_5_in {background-image: url("../images/etape5_in.gif");}
#page_facturation .bg_statutvalide, .bg_statutvalide {background-color: #CDE765;}
#page_facturation .bg_statutbrouillon, .bg_statutbrouillon {background-color: #F4E793;}




/* ŽlŽments de formulaire */
/*label, #ligne label, #ligne_erreur label {float: left;font-weight: bold;padding-right: 5px;}*/
label, #ligne label, #ligne_erreur label {font-weight: bold;padding-right: 5px;}
.label_float, .label60, .label100, .label150, .label200, .label250, .label280{float: left;font-weight: bold;padding-right: 5px;}
.label60 {width: 60px;}
.label100 {width: 100px;}
.label150 {width: 150px;}
.label200 {width: 200px;}
.label250 {width: 250px;}
.label280 {width: 280px;}

.champ_obligatoire {padding: 10px;text-align: right;}
 
.lien_bouton {background-color: #5294DE;border-radius: 2px 2px 2px 2px;color: #FFFFFF;display: block;margin-top: 2px;padding: 2px 6px;text-align: center;width: 120px;}
a.lien_bouton:link, a.lien_bouton:visited {color: #FFFFFF;}

.lien_bouton2 {background-color: #5294DE;border-radius: 2px 2px 2px 2px;color: #FFFFFF;display: block;margin-top: 2px;padding: 2px 6px;text-align: center;width: 180px;}
a.lien_bouton2:link, a.lien_bouton2:visited {color: #FFFFFF;}

.lien_bouton_gris {background-color: #EDEDED;border: 1px solid #CCCCCC;color: #666666;display: block;margin-top: 5px;padding: 2px 6px;text-align: center;width: 80px;}
a.lien_bouton_gris:link, a.lien_bouton_gris:visited {color: #666666;}

.lien_bouton_gris2 {background-color: #EDEDED;border: 1px solid #CCCCCC;color: #666666;display: block;margin-top: 5px;padding: 2px 6px;text-align: center;width: 180px;}
a.lien_bouton_gris2:link, a.lien_bouton_gris2:visited {color: #666666;}

#ligne {clear: both;padding: 5px 0;}
#ligne_erreur {clear: both;padding: 5px 0;}
#ligne_erreur input, #ligne_erreur textarea, .input_erreur {border-color: #CC3333;border-style: solid;border-width: 2px;}
#ligne_info input, #ligne_info textarea, .input_info {border-color: #E086A5;border-style: solid;border-width: 2px;}

#page li.bouton, #page-full li.bouton, 
#page li.bouton_vert, #page-full li.bouton_vert, 
#page li.bouton_bleu, #page-full li.bouton_bleu {list-style-type: none; margin:10px 0 10px 0;padding:5px;}

#page li.bouton a, #page-full li.bouton a {background-color: #f4f4f4;color: #444444;font-size: 13px;font-weight: bold; padding: 4px 8px;border-radius: 4px;border:#CCCCCC 1px solid;}
#page li.bouton a:hover, #page-full li.bouton a:hover {background-color: #e5e5e5;}


#page li.bouton_vert a, #page-full li.bouton_vert a {background-color: #AFCD39;border: 1px solid #80b835;color: #FFFFFF;font-size: 13px;font-weight: bold; padding: 4px 8px;border-radius: 4px;}
#page li.bouton_vert a:hover, #page-full li.bouton_vert a:hover {background-color: #c0da59}


#page li.bouton_bleu a, #page-full li.bouton_bleu a {background-color: #5294DE;border: 0 none;color: #FFFFFF;font-size: 13px;font-weight: bold; padding: 4px 8px;border-radius: 4px;}
#page li.bouton_bleu a:hover, #page-full li.bouton_bleu a:hover {background-color: #2458ab}


.radio {border: medium none;float: none}
/*.radio {border: medium none;float: left; margin-top:2px;}*/
.checkbox {border: medium none;float: none;}
.input {height:15px; width:230px;}
.textarea {height: 60px;width: 230px;}
select.textarea {height: 60px;width: 230px;}
textarea {border: 1px solid #CCCCCC;color: #333333;font-family: "Trebuchet MS", Arial,Helvetica,sans-serif;font-size: 12px;padding: 2px 4px;border-radius: 3px 3px 3px 3px;}
/*input {border: 1px solid #CCCCCC;color: #444444;margin-right: 3px;padding: 2px 4px;border-radius: 3px 3px 3px 3px;}*/
input {border: 1px solid #CCCCCC;color: #444444;margin-right: 3px;border-radius: 3px 3px 3px 3px;}
select {border: 1px solid #CCCCCC;}
option {padding: 0 10px;}
input.bouton {background-color: #5294DE;border: 0 none;color: #FFFFFF;font-size: 13px;font-weight: bold;margin-left: 156px;margin-top: 4px;padding: 2px 6px;}
input.bouton0 {background-color: #5294DE;border: 0 none;color: #FFFFFF;font-size: 13px;font-weight: bold;margin-left: 10px;padding: 2px 6px;}
input.bouton_float {background-color: #5294DE;border: 0 none;color: #FFFFFF;float: left;font-size: 13px;font-weight: bold;margin-left: 10px;padding: 2px 6px;}
input.bouton_vert {background-color: #AFCD39;border: 0 none;color: #FFFFFF;font-size: 13px;font-weight: bold;margin-top: 4px;padding: 2px 6px;}
input.bouton_bleu {background-color: #5294DE;border: 0 none;color: #FFFFFF;font-size: 13px;font-weight: bold;margin-top: 4px;padding: 2px 6px;}
input.bouton_orange, .bouton_orange {background-color: #EA7B43;border: 0 none;color: #FFFFFF;font-size: 13px;font-weight: bold;margin-top: 4px;padding: 2px 6px;}
input.bouton_gris {background-color: #999;border: 0 none;color: #FFFFFF;font-size: 13px;font-weight: bold;margin-top: 4px;padding: 2px 6px;}

input.bouton_valider {background-color: #EFF1F0;background-image: url("../images/bg_bouton_valider.gif");background-position: left top;background-repeat: no-repeat;border: 1px solid #CCCCCC;color: #444444;font-size: 11px;margin-right: 3px;padding: 1px 10px 1px 30px;}
input.bouton_supprimer {background-color: #EFF1F0;background-image: url("../images/bg_bouton_supprimer.gif");background-position: left top;background-repeat: no-repeat;border: 1px solid #CCCCCC;color: #444444;font-size: 11px;margin-right: 3px;padding: 1px 10px 1px 30px;}
input.bouton_editer {background-color: #EFF1F0;background-image: url("../images/bg_bouton_editer.gif");background-position: left top;background-repeat: no-repeat;border: 1px solid #CCCCCC;color: #444444;font-size: 11px;margin-right: 3px;padding: 1px 10px 1px 30px;}
.bouton_editer {background-color: #EFF1F0;background-image: url("../images/bg_bouton_editer.gif");background-position: left top;background-repeat: no-repeat;border: 1px solid #CCCCCC;color: #444444;font-size: 11px;margin-right: 3px;padding: 4px 10px 4px 30px;}
input.bt_generer_pdf, .bt_generer_pdf {background-color: #EDEDED;background-image: url("../images/bt_generer_pdf.gif");background-position: left top;background-repeat: no-repeat;border: 1px solid #CCCCCC;color: #666666;font-size: 11px;font-weight: bold;height: 25px;line-height: 25px;margin: 3px 0;padding-left: 30px;text-align: left;width: 195px;}
input.submit_image {border: 0 none;padding: 1px 10px;}






/* divers */
#debug {display: none;text-align: left;visibility: hidden;}



#pagin {margin: 0 auto;text-align: center;width: 700px;}
#pagin a:link, #pagin a:visited {background-color: #5294DE;color: #FFFFFF;font-weight: bold;margin: 1px;padding: 1px;}
#pagin a:hover {background-color: #9CB733;}
#pagin .in {background-color: #E0EAF3;color: #444444;margin: 2px;padding: 2px;}
#pagination {display:block;color: #999999;font-size: 12px;margin-bottom: 15px;}
#pagination img {position: relative;top: -1px;}

a.element_maquette {background-color: #AAAAAA;border-radius: 5px 5px 5px 5px;color: #333333;display: block;height: 24px;line-height: 25px;margin: 4px;padding-left: 16px;}
a.element_maquette:hover {background-color: #5294DE;color: #FFFFFF;text-decoration: none;}
a.base {background-color: #DDDDDD;color: #AAAAAA;}
a.base:hover {background-color: #CCCCCC;}



/* Fieldset */


.ie_bug {text-align: center;}

.sso_centered {/* width: 800px; */margin-left: auto;margin-right: auto;text-align: left;}
.spacer {height: 1.5em;}

fieldset {width: 100%;margin: 0 0 1.5em 0;padding: 0;border: 1px solid #cccccc;    background-color: #f5f5f5;}
fieldset legend {margin-left: 1em;  color:#9cb733;font-weight: bold;}
fieldset ol, ol {  padding: 1em 1em 0 1em;list-style: none;  }
fieldset li {  padding-top: 1em;  padding-bottom: 5px;}
fieldset label span {color: red;float: right;margin-left: 50px;}
fieldset label {padding: 3px;float: left;clear: left;width: 250px;border-bottom: 1px dotted #BFBAB0;margin-right: 10px;}
fieldset input {margin: 3px;width: 250px;}

.td_header {font-weight: bold;background-color: #DDD;}
.td_header span {cursor: pointer;cursor: hand;}
.td_line2 {background-color: white;}

a img {border: 0px !important;}

.input_selected {border: 1px solid black;}
