/*STYLES GENERAUX*/
html,body { margin: 0; padding: 0;}
body { background-color:#FFFFFF; text-align: center; font: 12px Arial, Helvetica, sans-serif; color: #000000;}
#logo { margin:0px; padding: 0px; width: 756px; background: #FFFFFF url(../img/logo.gif) no-repeat 10px 5px; height:80px; text-align: left;}
#logo  p { margin:0px; padding-left: 530px; padding-top: 61px; text-align: left; font-size: 10px; color: #999999;}
#logo  span { color: #FF0000;}
#alignement { margin-top: 10px; margin-bottom: 10px; margin-left: auto; margin-right: auto; text-align: left; width: 756px; background-color: #FFFFFF; border-top: 4px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000;}

hr {padding: 0px; height: 1px; clear: both; visibility: hidden; width: 300px;}
h1,h2{ font-size: 16px; font-weight: bold; color: #333333; text-decoration: none; padding-left: 15px; background:  url(../img/picto2_href.gif) no-repeat left 3px; margin: 0px 0px 20px 0px;}
h3 {background: #FFF;font: bold 12px/1.5 Arial, Helvetica, sans-serif;border-bottom: 2px solid #000;margin: 0px 0px 0px 0px;padding: 10px 0px 0px 0px;}
h3.standard {font: bold 14px/1.5 Arial, Helvetica, sans-serif; margin: 0px 0px 10px 0px;padding: 10px 0px 0px 0px;text-decoration: underline; border-bottom: none;}


.red { 	color: #FF0000;}
.spacer { margin: 0px; padding: 0px; width: 756px; height: 10px; background:#FF0000; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; font-size: 10px;}
.separation { margin: 0px; padding: 0px; width: 756px; height: 10px; background:#FFFFFF; font-size: 10px;}
.clear { clear: both;}

#footer{ margin: 0px; text-align: center; font-size: 10px; color: #000000; text-decoration: none; background-color: #999999; border-top: 1px solid #000000;}
#images{ float:right; width: 1px; height: 360px; padding:0px; margin:0px;}

/*----Sytles zone contenu----*/
#page { padding: 10px 35px 30px 30px; margin: 0px; min-height: 360px;}
.rub_1{ background: url(../img/rub_ann.gif) no-repeat right top;}
.rub_2{ background: url(../img/rub_adj.gif) no-repeat right top;}
.rub_3{ background: url(../img/rub_app.gif) no-repeat right top;}
.rub_4{ background: url(../img/rub_jour.gif) no-repeat right top;}
.rub_5{ background: url(../img/rub_forma.gif) no-repeat right top;}
.rub_6{ background: url(../img/rub_cont.gif) no-repeat right top;}
.rub_9{ background: url(../../img/rub_paie.gif) no-repeat right top;}
/*--------*/
#content { margin: 0px; padding: 10px 20px 0 0; font-size: 12px;}
.contenu p{ border-right: 1px solid #000000; margin: 0px; padding: 0px 20px 0px 20px;}
#a_top{ float:right; width: 42px; margin: 0px; padding:2px 0px;}
#recherche { width: 680px; text-align: center;}

/*NAVIGATION SECONDAIRE PAGES CONTENU */
#header_page { margin: 0px; padding: 0px; width: 756px; height: 80px; background: #B4B4B4 url(../img/visuel_page2.jpg) no-repeat left top;}
#sub_nav { float:right; width: 226px; font: 12px Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; margin: 0px; padding:0px;}
#sub_nav ul { margin:0px; padding-left: 10px;} 
#sub_nav li { margin: 0px; list-style: none; padding: 0px 0px 0px 10px;}
#sub_nav li a { margin:0px; padding-left: 20px; color: #000000; text-decoration: none; background:  url(../img/ssnav_off.gif) no-repeat left 3px;}
#sub_nav li a:hover { text-decoration: underline; color: #FF0000; background:  url(../img/ssnav_on.gif) no-repeat left 3px;}
#sub_nav ul li.first { margin-top: 3px;}
#sub_nav li a.s_current { padding-left: 20px; color: #FFFFFF; text-decoration: none; background:  url(../img/ssnav_on.gif) no-repeat left 3px;}
#sub_nav li.current a:hover { color: #FFFFFF;}
/*ZONE VISUELLE HOMEPAGE*/
#header { margin: 0px; padding: 0px; width: 756px; height: 189px; background: #B4B4B4 url(../img/header_2.jpg) no-repeat left top;}
#accroche { float:right; width: 226px; font: 12px Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; margin: 0px; padding:0px;}
#base { float:left; width: 350px; font: 22px Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; margin: 0px; padding: 120px 20px 10px 10px;}
#accroche p { margin:0px; padding: 10px 10px 0px 10px;}

/*NAVIGATION PRINCIPALE*/
#navigation { width: 756px; border-top: 1px solid #000000; border-bottom: 1px solid #FFFFFF; background-color: #FF0000; font: 12px/24px Arial, Helvetica, sans-serif; color: #FFFFFF; margin: 0px; padding: 0px;}
#navigation ul { margin:0px; padding-left: 10px;} 
#navigation li { margin:0px; border-left: 1px solid #FFFFFF; list-style: none; display: inline; padding: 0px 10px;}
#navigation li a { color: #E9E9E9; text-decoration: none;}
#navigation li a:hover { text-decoration: underline; color: #FFFFFF;}
#navigation ul li.first { border-left: none;}
#navigation ul li a.current { font-weight:bold; text-decoration: none; color: #FFFFFF;}
#navigation ul li .current a:hover { color: #FFFFFF; text-decoration: none; font-weight: bold;}

/*ACCES DIRECT HOMEPAGE*/
#content_home { margin: 0px; padding: 0px; background: #FFFFFF;}
#scd_marge { width: 511px; margin:0px; padding: 10px; background: #FFFFFF;}
#scd_nav { padding: 0px; margin: 0px; width: 756px; background: #FFFFFF url(../img/bg_motif.gif) no-repeat left bottom;}
#scd_nav a { padding-left: 15px; color: #000000; text-decoration: none; background:  url(../img/picto2_href.gif) no-repeat left 2px; display: block; font-size: 14px;}
#scd_nav a:hover { text-decoration: underline; color: #FF0000; background:  url(../img/ssnav_on.gif) no-repeat left 2px;}
#scd_nav dl { padding: 0px; margin: 10px 0px 0px; float: left; margin-left: 11px; width: 230px; display:inline;}
#scd_nav dt { margin: 0px; font-size: 12px; padding-left: 10px; padding-right: 10px; padding-bottom: 5px; color: #FF0000; font-weight: bold;}
#scd_nav dd { padding: 0px 0px 10px 0px; margin-left: 10px; margin-right: 10px; color: #000000;}
#block_adresse { float:right; width: 216px; font: 12px Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; margin: 0px; padding:0px;}

/*OLD STYLE TO CLEAN*/
.nav { font-size: 14px; font-weight: bold; color: #FFFFFF; text-decoration: none;}
.identgras { font-size: 14px; font-weight: bold; color: #FFFFFF;}
.identtxt { font-size: 12px; color: #FFFFFF; font-weight: bold;}
.identtiny { font-size: 10px; text-decoration: none;}
.titre { font-size: 14px; font-weight: bold; color: #333333; text-decoration: none; margin:10px 0px 0px 0px; padding:0px 0px 10px 15px ; background:  url(../img/picto2_href.gif) no-repeat left 2px;}
.texte { font-size: 12px; text-decoration: none;}
.titretable { font-size: 13px; font-weight: bold; color: #FFFFFF; text-decoration: none; background-color: #4C4C4C; text-align: center; padding: 0px 4px;}
.textetab { font-size: 12px; text-decoration: none; background-color: #FFFFFF; padding: 2px 4px;}
.textgratab { font-size: 13px; font-weight: bold; text-decoration: none ; background-color: #FFFFFF; text-align: center; padding: 2px 4px;}
.textcentab { font-size: 12px; color: #999999; text-decoration: none; background-color: #FFFFFF; font-weight: bold; text-align: center; padding: 2px 4px;}
.tipstab { font-size: 12px; text-decoration: none; text-align: justify ; background-color: #FFFFFF; padding: 2px 4px;}
.textgras { font-size: 12px; text-decoration: none; font-weight: bold;}

a.texte:link { color: #000000; font-size: 12px; text-decoration: underline; text-align: justify;}
a.texte:active { color: #000000; font-size: 12px; text-decoration: underline; text-align: justify;}
a.texte:visited { color: #000000; font-size: 12px; text-decoration: underline; text-align: justify;}

a.texte:hover { font-size: 12px; color: #FF0000; text-decoration: underline; text-align: justify;}
.textannonce { font-size: 12px; text-decoration: none; text-align: justify;}
.titreann { font-size: 16px; color: #999999; text-decoration: none; text-align: center; font-weight: bold;}
.textanngras { font-size: 12px; text-decoration: none; text-align: justify; font-weight: bold;}
.txt { font-size: 12px; text-decoration: none; text-align: justify; padding: 0px;}

.bold { font-size: 12px; text-decoration: none; text-align: justify; font-weight: bold; padding: 2px 4px;}
.alerte { font-size: 12px; font-weight: bold; color: #FF0000; text-decoration: none; padding: 2px 4px; background: #FFF; text-align:center;}
.alerte3 { font-size: 10px; color: #FF0000; text-decoration: none; padding: 2px 4px;}
.tableindex { background-color: #FF0000; padding-top: 0px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px;}

a.identtiny:link { font-size: 10px; color: #FFFFFF ; text-decoration: none;}
a.identtiny:active { font-size: 10px; color: #FFFFFF ; text-decoration: none;}
a.identtiny:visited { font-size: 10px; color: #FFFFFF ; text-decoration: none;}
a.identtiny:hover { font-size: 10px; text-decoration: none; }
.abontd { font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; background-color: #999999; padding-left: 4px;}

.liste { color: #000000; font-size: 12px; font-weight: bold; text-decoration: none; padding-left: 20px;}
a.liste:link { color: #000000; font-size: 12px; text-decoration: none; padding-left: 20px;}
a.liste:active { font-size: 12px; text-decoration: none; padding-left: 20px;}
a.liste:visited { font-size: 12px; color: #999999; text-decoration: none; padding-left: 20px;}
a.liste:hover { font-size: 12px; font-weight: bold; text-decoration: underline; padding-left: 20px;}
.buton { vertical-align: baseline;}

.textaleft { font-size: 12px; text-decoration: none; text-align: left;}
.textcentre { font-size: 12px; text-decoration: none ; text-align: center;}
a.textcentre:link { font-size: 12px; text-decoration: underline; text-align: center;}
a.textcentre:active { font-size: 12px; text-decoration: underline; text-align: center;}
a.textcentre:visited { font-size: 12px; text-decoration: underline; text-align: center;}
a.textcentre:hover { font-size: 12px; color: #FF0000; text-decoration: underline; text-align: center;}

.search { text-align: center; color: #000000; text-decoration: none; font-size: 12px; font-weight: bold;}
.search1 { text-align: center; font-size: 14px; font-weight: bold; color: #FF0000; text-decoration: underline;}

.cellule { padding: 4px 4px;}

.journaux dl{ float: left; width: 580px; margin: 40px 20px; padding: 0px;}

.journaux dt{ width: 220px; height: 80px; float: left; margin: 0px; padding: 0px;}

/* hack de commentaire avec un antislash pour ie5 mac \*/
.journaux dt{ clear: both; }
/* end hack */

.journaux dd{ float: left; width: 350px; height: 80px; margin: 0px; padding: 5px; font-size: 12px;}
.jiso { background: url(../img/log_iso.jpg) no-repeat 20px 0px;}
.jap { background: url(../img/log_ap.jpg) no-repeat 20px 0px;}
.jmon { background: url(../img/log_moni.jpg) no-repeat 20px 0px;}

.lien_r:link { font-size: 12px; font-weight: bold; color: #333333; text-decoration: none; padding-left: 15px; background:  url(../img/link_r.gif) no-repeat left 2px;}
.lien_r:hover { font-size: 12px; font-weight: bold; color: #000000; text-decoration: none; padding-left: 15px; background:  url(../img/link_r.gif) no-repeat left 2px;}
.lien_r:active { font-size: 12px; font-weight: bold; color: #333333; text-decoration: none; padding-left: 15px; background:  url(../img/link_r.gif) no-repeat left 2px;}
.lien_r:visited { font-size: 12px; font-weight: bold; color: #333333; text-decoration: none; padding-left: 15px; background:  url(../img/link_r.gif) no-repeat left 2px;}


.lien_l:link { font-size: 12px; font-weight: bold; color: #333333; text-decoration: none; padding-left: 15px; background:  url(../img/link_l.gif) no-repeat left 2px; }
.lien_l:hover { font-size: 12px; font-weight: bold; color: #000000; text-decoration: none; padding-left: 15px; background:  url(../img/link_l.gif) no-repeat left 2px;}
.lien_l:active { font-size: 12px; font-weight: bold; color: #333333; text-decoration: none; padding-left: 15px; background:  url(../img/link_l.gif) no-repeat left 2px;}
.lien_l:visited { font-size: 12px; font-weight: bold; color: #333333; text-decoration: none; padding-left: 15px; background:  url(../img/link_l.gif) no-repeat left 2px;}
/*CONTEXTE*/
#recap{ 	margin-left: 20px;}
#bloc_texte{ 	width: 680px; 	margin:20px;}

/*liens standards*/
a:link{ 	color: #444444;}
a:active{ 	color: #FF0000;}
a:visited{ 	color: #000000;}
a:hover{ 	color: #000000;}

/*clear*/
#clear{ clear: both; visibility:hidden;}
.clear{ clear: both; visibility:hidden;}
/*Show / Hide*/

.posthidden {display:none}
.postshown {display:block}
/*.postshown, .posthidden { border-bottom: 1px solid #000; border-top: 1px solid #000; padding: 20px;}*/

/*Style chemin commande*/
#chemin{ font: bold 14px/1 Arial, Helvetica, sans-serif; text-align:center; padding: 10px 0 30px 0px;}
#chemin span{ padding: 1px 6px; font-size: 16px; margin-right: 0px;}
#chemin .on span { border: 4px solid #F00;}
#chemin .off span{ border: 4px solid #ccc;}
#chemin .past span{ border: 4px solid #999;}
#chemin a.on{ color: #F00; cursor: pointer;}
#chemin a.past{ color: #999; cursor: pointer;}
#chemin a{ text-decoration: none; padding: 0 10px 0 0; color: #ccc;}
#chemin a:hover.off { color: #ccc; cursor: default;}
#chemin a:hover.on { color:#F00;}
#chemin a:hover.past{ color:#999;}

/*form_id*/

#form_id{float: right; margin-left: 20px;}
#form_id label{ width: 80px;}
#form_id input[type=text]{ width: 120px;}
#form_id input[type=password]{ width: 120px;}

a.pop_up {background: url(../img/pop_up.gif) no-repeat right; padding-right: 24px; color: #F00; font-weight: bold;}

address{padding: 10px 0 0 40px; font:normal 12px/1.5 Arial, Helvetiva sans-serif;}


/*partenaires*/
.part_ceg{ background: url(../img/partenaires/ceg.jpg) no-repeat left top; padding: 0 0 20px 160px;}
.part_msm{ background: url(../img/partenaires/msm.jpg) no-repeat left top; padding: 0 0 20px 160px;}
.part_npme{ background: url(../img/partenaires/n_pme.jpg) no-repeat left top; padding: 0 0 20px 160px;}
.part_isnet{ background: url(../img/partenaires/is_net.jpg) no-repeat left top; padding: 0 0 20px 160px;}
/*.part_achat_p{ background: url(../img/partenaires/achat_p.jpg) no-repeat left top; padding: 0 0 20px 160px;}*/

.part_fnps{ background: url(../img/partenaires/fnps.jpg) no-repeat left top; padding: 0 0 20px 160px;}
.part_sphr{ background: url(../img/partenaires/sphr.jpg) no-repeat left top; padding: 0 0 20px 160px;}

.part_jo{ background: url(../img/partenaires/jo.jpg) no-repeat left top; padding: 0 0 20px 160px;}
.part_legif{ background: url(../img/partenaires/legifrance.jpg) no-repeat left top; padding: 0 0 20px 160px;}


/* CARNET > Blocs adresses */
#liste_add{margin:0px;padding:0px;width: 300px;float:left;}
.bloc_add{float: left;margin: 4px 10px 4px 10px;padding-bottom: 0px;border-bottom: 1px solid #000;width: 280px;background: #EEE;}
.bloc_add:hover{background: #CCC;}
.ad_intitule{font-weight: bold;font-size: 14px;color: #999;font-style: italic;}
.ad_nom{font-weight: bold;}
.ad_suite{color: #666;}
address{padding: 10px;border-bottom: 1px solid #000;border-top: 1px solid #000;font-style: normal;margin: 0px 0px 0px 0px;}
#ajout_ad  p{margin: 10px 2px 0px 2px;padding: 0px 0px  10px 140px;font: italic 10px/1.5 Arial, Helvetica, sans-serif;}
#liste_add p{margin: 0px;padding: 2px 0px 2px 10px;background: #FFF;line-height: 20px;}
#liste_add_account p{margin: 0px;padding: 2px 0px 2px 10px;background: #FFF;line-height: 20px;}

/*Divers > Carnet*/
#onglet_add {display: block;text-align: right;width: auto;border-top: 1px solid #4C4C4C;border-bottom: 1px solid #4C4C4C;padding: 20px 20px 20px 10px;margin: 10px 10px 10px 10px;background: #EEE;}
#bloc_content{float:left;width: 340px;margin:0;padding:0 0 0 10px;}
#bloc_content{float:left;margin:0;padding:0 0 0 30px;text-align: left;}


/*Formulaire d'adresses*/
#ajout_ad {background: #EEE;width: 340px;float: left;margin: 0px;padding: 10px 0px;}
#ajout_ad label{width: 130px;float: left;text-align: right;margin: 3px 20px 4px 0;font-size: 12px;}
#ajout_ad #intitule{margin: 3px 20px 14px 0;}
#ajout_ad #pays{border: 1px solid #000;font-size: 9px;margin-bottom: 4px;width: 168px;padding: 2px;}
#ajout_ad #civilite{border: 1px solid #000;font-size: 9px;width: 55px;margin: 0 4px 4px 0;padding: 2px;}
#ajout_ad #nom{border: 1px solid #000;width: 100px;}
#ajout_ad #inscrire{margin: 0px 0px 0px 140px;}
#ajout_ad select{color: #000;border: 1px solid #000;}
#info{float: left;margin: 0px;padding: 30px 0px 10px 0px ;}
.field {width: 162px;margin-bottom: 4px;border: 1px solid #000;padding: 2px;}
input.erreur {width: 162px;margin-bottom: 4px;border: 1px solid #000;padding: 2px;}

/*DECO*/
#deconnexion {float: right; margin: 4px 10px 0 0;}
#deconnexion a{ font-weight: bold;
color: #F00;
}