@charset "utf-8";

/* ******* declaration de base ************** */
.texte {   font-family : verdana, verdana,arial,helvetica,sans-serif; font-size : /*11px*/105%; color: #000000;}
.texte court   {   font-family : verdana,arial,sans-serif; font-size : /*11px*/105%; color: #000000;}
.titre {   font-family : verdana,arial,sans-serif; font-size: /*12px*/120%; color: #990000; font-weight: bold;}
.lien {   font-family : verdana,arial,sans-serif; font-size : 100%; color : #990000; text-decoration:none;}
.lien-gras {   font-family : verdana,arial,sans-serif; font-size : 100%; color : #990000; text-decoration:none;font-weight: bold;}
.erreur { color : #6C4B33;   font-weight : bold;}
.clear { clear:both; }

img {border:0px;}
label {cursor:pointer;}

body { 
    margin : 0;
    padding : 0;
    text-align:center;
    font-family: verdana,verdana,arial,helvetica,sans-serif;
    font-size:0.60em;
    color:#000000;
    background-color: #D9DEE2;
	border:none;
}

/*a virer */
div#skip {margin:0; padding:0; display: none; }

/* *****************************************************************        CONTAINER          ************************************************************************************************* */
div#container { width:744px; min-height:650px; margin:0 auto; padding:0;      margin-top: 0px;}

html>body div#container { width:744px; min-height:650px; margin:0 auto; padding:0;      margin-top: 56px;}
/* *******************************************************        HEADER           ******************************************************************** */
div#header { padding:0; margin:0; height:104px; }

div#header h1 { display:none; }
div#header hr { display:none; }

/* *************************        BANDEAU           *************************************** */
div#bandeau { padding:0; margin:0; background:url(img/bandeau.png) no-repeat top left; height:104px; }

/* ************************ LOGO **************************** */
div#bandeau a.lienministere {display: block; float: left;margin:0;padding:0;height:104px}
div#fillerlogo {margin:0;padding:0;width: 175px; height: 100%; float: left; }

/* *************************        ONGLETS BANDEAU          *************************************** */
ul#menu { margin:0;padding:0;padding-top:80px;padding-left:11px;margin-left:205px;float:left;overflow:hidden; list-style-type:none;}
ul#menu li {float:left;margin:0;text-align:center;width:117px;}
.new_demande {padding:0 0 0 17px;}
.demande_encours {padding:0 0 0 17px;}
ul#menu li a{ color:#fff; font-weight:bold; }
ul#menu li a.selected{ color:#fff; }
/****************************************************           FIN HEADER                  ******************************************************************/

/* *************************** FOOTER ********************************************* */
div#footer { padding:10px 13px 10px 14px; margin:0 0 4px 0; background-color:#fff; text-align:center; font-size:/*11px*/110%; font-weight:bold; color:#000; }

div#footer ul{ padding:0; margin:0; list-style-type:none;display:inline }
/* MODIF am le 16/09/2015 footer -5px au lieu de -1px sur le margin left*/
div#footer ul li {display:inline;padding-left:10px;padding-right:10px;border-left:solid 1px black;border-right:solid 1px black;margin:0px;margin-left:-5px}

div#footer a:link {  text-decoration: none;  color : #00223b; }
div#footer a:active {  text-decoration: none;   color : #00223b; }
div#footer a:visited { text-decoration: none; color : #00223b; }
div#footer a:hover { text-decoration: underline;  color : #00223b; }
/* **************************** FIN  FOOTER **************************************************** */

/* ****************************************************        MENU ANCRE           ******************************************************************* */
div#menu_ancre { padding:0 0 4px 0; margin:0 0 0px 0; }
div#menu_ancre div.bk_menu_ancre { padding:0; margin:0; background-color:#a4b8b9; height:80px; }
div#menu_ancre div.titre_menu_ancre{ padding:0; margin:0; float:left; width:180px; }
div#menu_ancre div.titre_menu_ancre h2{ padding:17px 0 17px 0; margin:0; font-size:/*17px*/180%; color:#fff; }
div#menu_ancre ul{ padding:10px 0px; margin:0;  /*width:168px;*/ text-align:left; list-style:none; }
div#menu_ancre a{ margin:0; padding:0 0 0 10px; color:#fff; background:url(img/fleche_white.gif) no-repeat top left; font-weight:bold; }
div#menu_ancre div.first{ margin:0; width:100px; float:left; }
div#menu_ancre div.second{ margin:0; width:170px; float:left; }
div#menu_ancre div.third{ margin:0; width:140px; float:left; }
div#menu_ancre div.last{ margin:0; float:none; width:130px; float:left; }
/*****************************************************        FIN MENU ANCRE              *********************************************************************/

/* *****************************************************        ETAPE           **************************************************************************/
div#etape { padding:0; 
            margin:0 0 0 0; 
            /*background-color:#a4b8b9;*/ 
            position:absolute;
            width:100%;
            top:161px;
            right:0px;
}

div#etape ul{ 
    padding:0;
    margin-left: auto;
    margin-right: auto; 
    margin-top: 0;
    margin-bottom: 0;
    width:450px;
    height:54px;  
}

div#etape li{ padding:0; margin:0; list-style:none;  color:#4b0038; }

div#etape li a:link, div#etape li a:visited, div#etape li a:hover{ padding:0; margin:0;  color:#fff;cursor:default;text-decoration:none; }
div#etape li.item{ color:#d5e1df; }
div#etape li.item div.numero_etape{ background:#94a9aa url(img/bk_etape_item.gif) repeat-y top left; color:#fff; width:150px; float:left; text-align:center; padding:5px 0 10px 0; }
div#etape li.item div.numero_etape a{ font-size:/*11px*/110%; font-weight:bold; text-align:left; padding:0 0 0 10px; }
div#etape li.item div.numero_etape a.titre_etape{ text-transform:uppercase; font-size:/*13px*/135%; font-weight:bold; padding:0px 0 0 0; line-height:25px; color:#c6d3d3; }
div#etape li.item div.numero_etape span{ font-size:/*11px*/110%; font-weight:bold; text-align:left; padding:0 0 0 10px; }
div#etape li.item div.numero_etape span.titre_etape{ text-transform:uppercase; font-size:/*13px*/135%; font-weight:bold; padding:0px 0 0 0; line-height:25px; color:#c6d3d3; }


div#etape li.selected{ background-color:#4b0038; color:#fff; }
div#etape li.selected div.numero_etape{ background:#4b0038 url(img/bk_etape_selected.gif) repeat-y top left; color:#fff;  width:150px; float:left; text-align:center; padding:5px 0 10px 0;  }
div#etape li.selected div.numero_etape a{ font-size:/*11px*/110%; font-weight:bold; padding: 0px 0 0 15px; text-align:left; }
div#etape li.selected div.numero_etape a.titre_etape{ text-transform:uppercase; font-size:/*13px*/135%; font-weight:bold; background:url(img/fleche_mauve_etape.gif) no-repeat left; line-height:25px;cursor:default;text-decoration: none; }

div#etape li.last div.numero_etape{ width:144px; padding:5px 0px 10px 0; }
div#etape li.last div.numero_etape a{ padding:0; }
div#etape li.last div.numero_etape span{ padding:0; }

div#etape table{ 
    padding:0; 
    width:450px; 
    height:54px;
    margin: 0 auto 0 auto;    
    border-collapse:collapse;
}

div#etape td{ padding:0; margin:0; list-style:none;  color:#4b0038; }

div#etape td a:link, div#etape li a:visited, div#etape li a:hover{ 
    padding:0; 
    margin:0;  
    color:#fff;
    cursor:default;
    text-decoration:none; 
}
div#etape td.item{ color:#d5e1df; }
div#etape td.item div.numero_etape{ background:#94a9aa url(img/bk_etape_item.gif) repeat-y top left; color:#fff; width:150px; float:left; text-align:center; padding:5px 0 10px 0; }
div#etape td.item div.numero_etape span{ font-size:11px; font-weight:bold; text-align:center; padding:0 0 0 0; }
div#etape td.item div.numero_etape span.titre_etape{ text-transform:uppercase; font-size:14px; font-weight:bold; padding:0 0 0 0; line-height:25px; color:#c6d3d3; }

div#etape td.selected{ background-color:#4b0038; color:#fff; }
div#etape td.selected div.numero_etape{ background:#4b0038 url(img/bk_etape_selected.gif) repeat-y top left; color:#fff;  width:150px; float:left; text-align:center; padding:5px 0 10px 0;  }
div#etape td.selected div.numero_etape span{ font-size:11px; font-weight:bold; padding: 0 0 0 0; text-align:center; color:#fff;}
div#etape td.selected div.numero_etape span.titre_etape{ padding: 0px 0 0 15px; text-transform:uppercase; font-size:14px; font-weight:bold; background:url(img/fleche_mauve_etape.gif) no-repeat left; line-height:25px;cursor:default;text-decoration: none; }

div#etape td.last div.numero_etape{ width:144px; padding:5px 0px 10px 0; }
div#etape td.last div.numero_etape a{ padding:0; }
div#etape td.last div.numero_etape span{ padding:0; }
/*****************************************************           FIN ETAPE              *********************************************************************/

/* *****************************************************        CHEMIN           ************************************************************************/
div#chemin { padding:10px 13px 10px 14px; margin:0 0 4px 0; background-color:#fff; text-align:left; font-size:/*11px*/110%; font-weight:bold; color:#000; }

div#chemin a:link, div#chemin a:visited, div#chemin a:hover{ color:#758f90; font-size:/*11px*/100%; font-weight:normal; }
div#chemin span.fleche_chemin{ color:#758f90; font-size:/*11px*/110%; font-weight:normal; }
div#chemin hr { display:none; }
/*****************************************************          FIN CHEMIN              *********************************************************************/

/* *****************************************************        CONTENU          ************************************************************************ */
div#contenu { 
    padding:14px 13px 14px 14px; 
    margin:0 0 4px 0; 
    background-color:#fff;
    overflow: auto;
    zoom:1;
}
contenu

span.hidden { display:none; }
span.maj { text-transform:uppercase; }
span.poids { font-size:80%; font-weight:normal; }

/* *************************        BLOCK           *************************************** */
div.block{ padding:0; margin:0; background-color:#ebf0f0; zoom:1; }

/* *************************        GABARIT - FO - v3.6_2           *****************/
div.accueil h3.hidden{ display:none; }
div.accueil table { background:#e7eded ; margin:0; padding:0;margin:-5px 0 0 -10px;font-size:1em/* pour faire joli dans ie6 */}
div.accueil caption{ display:none; }
div.accueil tbody {border:1px solid white;}
div.accueil th {padding:5px; margin:0;font-weight:bold; color:#5a6e6f; vertical-align:center; text-align:center;border-right:1px solid #fff;border-bottom:1px solid #fff; }

div.accueil th.intitule { width:75%;font-size:1.2em;text-transform:uppercase;background-color:#76015C; color:#fff;border-bottom:0px}

div.accueil td {border-right:1px solid #fff;border-bottom:1px solid #fff;text-align:center;/* width:70px; */}
div.accueil td.intitule { padding:10px 10px 10px 20px; margin:0; text-align:left;  font-weight:bold; color:#610846; background:url(img/fleche_rouge_bkvide.gif) no-repeat top left;;border-Right:2px solid #fff }

div.accueil td a {
    color:#610846;
}

div.accueil td.lien a {
    display:block;
    height:24px;
    padding-top:10px;
    width:50px;
    margin-left: auto;
    margin-right: auto;

}
div.accueil td.titre_mauve { font-size:1.2em;text-transform:uppercase;  background-color:#79406B; padding:5px 0 5px 14px; margin:0; text-align:left;  font-weight:bold;  color:#fff; border-bottom:1px solid #fff;}

#menuliste {
    float:left;
    text-align:left;
    width:200px;
    background-color:white;
    zoom:1;
}

#menuliste ul {
    margin:0;
    padding:0;
    background-color:#5A6E6F;
    color:white;

}
#menuliste li {
    display:block;
    font-weight:bold;
}

#menuliste li a {
    display:block;
    width:180px;
    height:100%;
    padding:5px 10px 5px 10px;
    color:white;
}

#menuliste li.current a {
    background-color:#76015C;
    color:white;
}

#menuliste li a:hover {
    background-color:#e7eded;
    color:#610846;
    text-decoration:none;
}

div.accueil {
    background-color:#EBF0F0;
    margin: 0;
    padding: 5px 0 0 10px;
    text-align:left;
    color:#000000;
    zoom:1;
    float:right;
    width:495px;

}

div.accueil h2 {
    margin-top:0px;
    text-align: center;
}

div.accueil #formulaire input.submit {
    background:#600C47 url(img/bk_suivant.gif) no-repeat scroll left center;
    border:medium none;
    color:#FFFFFF;
    cursor:pointer;
    margin:0;
    padding:0 7px 0 19px;
}

div.commentaire {
    padding: 10px;
    font-size:11px;
    text-align:center;
}

/* TODO: faire du menage la dessous !!! */

/* *************************        GABARIT - FO - v3.6_3           *************** */
div.block div.recap { padding:0 0 10px 0; }
div.block div.recap_doc { float:left; padding:16px 13px; margin:0; width:650px; text-align:left; font-size:/*11px*/110%; }
div.block div.help_recap_doc { padding:9px 8px 0 0; margin:0; width:17px; float:right; }
div.block ul { padding:10px 0 0 0; margin:0; list-style:none; }
div.block li { padding:4px 0 4px 10px; margin:0; background:url(img/fleche_red.gif) no-repeat left;  }

/* *************************        GABARIT - FO - v3.6_4      GABARIT - FO - v3.6_5     GABARIT - FO - v3.6_6     *************** */
div#formulaire { margin:0; padding:0;	voice-family:"\"; }\""; voice-family:inherit; width:100%; text-align:left; }
div#formulaire hr{ border:2px solid #fff;	}
div#formulaire div.titre_formulaire{ background:#fff url(img/bk_titre_bloc_form_left.gif) no-repeat top left; padding:0 0 0px 6px; margin:0; }
div#formulaire h3{ background:#600c47 url(img/bk_titre_bloc_form_right.gif) no-repeat top right; line-height:24px; color:#fff; padding:5px 11px 5px 7px; margin-top:0; font-size:120%; font-family: verdana,verdana,arial,helvetica,sans-serif; display:inline; }

/* ------- utile : les filset dans la page ------ */

#formulaire fieldset { 
    font-family: verdana, verdana,arial,helvetica,sans-serif;
    padding:5px 5px 14px 10px;
    margin:5px 5px 5px 5px;  
    text-align:left; 
    color:#000000;
    font-size:13px;
}
#formulaire legend { padding:3px 3px; color:#000000; font-size:16px; } 

#formulaire fieldset.identification {border: 1px dashed gray;  color:#000000; margin: 5px 0 5px 0; background-color: #C6D3D3; padding: 8px; font-size: 13px; text-align:center;}

#formulaire fieldset.invisible {border:0px;margin:0;padding:0; font-size:13px;}
#formulaire fieldset.invisible legend,#formulaire fieldset legend.invisible {display:none;}

/* --- TODO a analyser ------ */
#formulaire .erreur { color: #FF1900; }
#formulaire ul { margin:0; padding:0; border:none; }
#formulaire li { display:inline; list-style:none; padding:0 10px 0 0; margin:0; background:none; }
#formulaire li.checkbox { display:block; list-style:none; padding:0; margin:0; }
#formulaire label { margin:0; padding:0; font-family : verdana, verdana,arial,helvetica,sans-serif; font-weight:normal; font-size:14px; cursor:pointer; color:#000; }
#formulaire ul.civilite  li{ padding:0 30px 0 0; font-weight:bold; }	
#formulaire input  { margin:0; padding:0; font-family: verdana, verdana,arial,helvetica,sans-serif; }
#formulaire input.texte { width:36em; font-size:13px; border:1px solid #96a9a7; padding:3px 5px 3px 5px; color:#000000; }

#formulaire input.texteRadio {font-size:100%; border:1px solid #EBF0F0; padding:3px 5px 3px 5px; color:#000000; margin-left: 30px;}
#formulaire div.texteRadio label {color:#000000;cursor:pointer;font-family:verdana,arial,helvetica,sans-serif;font-size:110%;font-weight:normal;margin:0;padding:0; }

#formulaire input.radio { margin-right: 0.5em; }


#formulaire input.textecourt { width:18%; font-size:100%; border:1px solid #96a9a7; padding:3px 5px 3px 5px; color:#000000; }
#formulaire input.textecommune { width:57%;  font-size:100%; border:1px solid #96a9a7; padding:3px 5px 3px 5px; color:#000000; }
#formulaire input.textetel { width:20%;  font-size:100%; border:1px solid #96a9a7; padding:3px 5px 3px 5px; color:#000000; }
#formulaire select { margin:0; padding:0; font-family: verdana, verdana,arial,helvetica,sans-serif; width:50%; color:#000000; }
#formulaire select.jour { margin:0; padding:0; font-family: verdana, verdana,arial,helvetica,sans-serif; width:7%; }
#formulaire select.mois { margin:0; padding:0; font-family: verdana, verdana,arial,helvetica,sans-serif; width:12%; }
#formulaire select.annee { margin:0; padding:0; font-family: verdana, verdana,arial,helvetica,sans-serif; width:10%; }
#formulaire textarea { font-size:100%; margin:0; padding:0; font-family: verdana, verdana,arial,helvetica,sans-serif; width:57%; border:1px solid #96a9a7; color:#000000; }
#formulaire input.submit { margin:0; padding:0; font-family: verdana, verdana,arial,helvetica,sans-serif; font-size:100%; }
#formulaire div.textinfo { float:left; width:260px; padding:4px 10px 0 0; text-align:left; color:#000000;  clear:left;}
#formulaire div.textinfo img { vertical-align: top;}
#formulaire div.civil{ font-weight:normal; }
#formulaire div.texte , #formulaire div.textecourt { margin:0 0 10px 0; }
#formulaire div.texte a.help{ vertical-align:bottom; }
#formulaire div.texte a.help_temoin{ vertical-align:top; }
#formulaire div.cp { margin:0 0 10px 0; float:left; width:352px; }
#formulaire div.cp div.textinfo { width:48%; }
#formulaire div.commune { margin:0 0 10px 0; float:left; width:351px; }
#formulaire div.commune div.textinfo { width:22%; padding:4px 0 0 15px; }
#formulaire div.temoin { padding:0; }
#formulaire div.temoin div.textinfo { width:27%; padding:0 0px 0 0px; }
#formulaire div.temoin div.textinfo h4 { margin-top:0; font-size:110%; font-family: verdana,verdana,arial,helvetica,sans-serif; }
ul.message_erreur { list-style:none; }
div.message_erreur { color:#a6222f; font-size: 13px; font-weight: bold;}

#formulaire  table.recherche,
#formulaire  table.resultat{  
    font-family:verdana, verdana,arial,helvetica,sans-serif;
    color: black; 
    font-size: 13px; 
    width:100%;
    border: 1px dotted grey;

}

#formulaire  table.resultat{ 
    border-collapse: collapse;
}

#formulaire  table.resultat th{
    background-color: #00223B;
    color:white;
}

#formulaire  table.resultat th.col1{
    width:6%;   
}

#formulaire  table.resultat th.col2{
    width:6%;  
}

#formulaire  table.resultat th.col3{
    width:88%;
}

#formulaire  table.resultat tr,
#formulaire  table.recherche td,
#formulaire  table.recherche tr{
    border: 1px dotted grey;
    padding: 2px 6px 2px 6px;
}

#formulaire  table.recherche td.legende { 
    background-color: #00223B; 
    font-family:verdana, verdana,arial,helvetica,sans-serif;
    color: white; 
    font-size: 13px; 
    font-weight: bold; 
    width:55%; 
    text-align:left;


}
#formulaire  table.recherche td.champ {
    background-color: #7f0f65; 
    font-size: 13px; 
    font-weight: bold; 
    width:42%; 
    text-align:center;
}
#formulaire  table.recherche td.departement {
    font-size: 13px; 
    text-align:left;
    padding-left: 35px;
}
#formulaire  table.recherche td.radio {
    width:27px;
    text-align:center;
    vertical-align: middle;   
}

#formulaire  table.recherche input.pays,
#formulaire  table.recherche input.commune{
    width:190px;
}

#formulaire  table.resultat td{
    text-align:center;
    background-color: white;
    border: 1px dotted grey;
    padding: 2px 6px 2px 6px;
    font-family:verdana, verdana,arial,helvetica,sans-serif;
}

#formulaire  table.resultat td.titre {
    background-color: #00223B; 
    vertical-align: middle;
    color:white;
    font-weight: bold;
    font-size:13px;
}

#formulaire  table.resultat td.libelle {
    background-color: #7F0F65; 
    vertical-align: middle;
    color:white;
    font-weight: bold;
    font-size:13px;
}

#formulaire  table.resultat td.commune {
    background-color: white; 
    text-align: left;
    vertical-align: middle;
    color:black;
    font-size:13px;
}

#formulaire  table.resultat td.pays {
    background-color: white;
    text-align: left;
    vertical-align: middle;
    color:black;
    font-size:13px;
}

#formulaire  table.resultat td.bouton{
    background-color: #7F0F65;
}

#formulaire  table.resultat select{
    background-color: white;
}

/*#14364f;*/

div#formulaire a:link,
div#formulaire a:active, 
div#formulaire a:visited, 
div#formulaire a:hover {  font-size: 14px;font-family: verdana,verdana,arial,helvetica,sans-serif; text-decoration: none;  color : #00223b; } 
div#formulaire a:hover{  text-decoration: underline;  color : #00223b; }

/* *************************        GABARIT - FO - v3.6_7      GABARIT - FO - v3.6_8     GABARIT - FO - v3.6_9    *************** */	

div.block_etape2 { background:#fff; padding:0; margin:0; text-align:left; zoom:1; }
div.block_etape2 div.titre_etape2{	background:#fff url(img/bk_titre_bloc_form_etape2_left.gif) no-repeat top left; padding:0 0 0px 4px; margin:0 0 0px 0; text-align:left;	}
div.block_etape2 div.titre_etape2 h3{ background:#600c47 url(img/bk_titre_bloc_form_etape2_right.gif) no-repeat top right; line-height:28px; color:#fff; padding:0px 11px 0px 7px; margin-top:0; font-size:120%; font-family: verdana,verdana,arial,helvetica,sans-serif; }	
div.block_etape2 div.texte_etape2 { padding:0 10px 0 10px; margin:0; text-align:left; font-size:/*11px*/110%; }
div.block_etape2 div.block_etape2_gris { padding:12px 11px; margin:0; text-align:left; background:#e6ecec; border:1px solid #95aaab; font-size:/*11px*/110%; }
div.block_etape2 div.block_etape2_gris div.adresse_juri { padding:0; margin:0; float:left; }
div.block_etape2 div.block_etape2_gris div.bouton_juri { padding:30px 0 0 0; margin:0; float:right; }
div.block_etape2 div.block_etape2_gris h4{ padding:0; margin:0; text-align:left; color:#000000; font-size:100%; }
div#formulaire.block_etape2_form{ padding:10px 0 0 0; margin:0; text-align:left; border:1px solid #95aaab; }
div#block_commune div.block_commune_form{ padding:0px 0 10px 0; margin:0; text-align:left; background:#ebeff0; zoom:1;}
div#formulaire.block_etape2_form fieldset{ padding:0 0 0 10px; }
div#formulaire div.etape2 { margin:0 0 10px 0; float:none; width:300px; }
div#formulaire select.competence { margin:0; padding:0; font-family: verdana, verdana,arial,helvetica,sans-serif; width:70%; }
div#formulaire select.competence_juri { margin:0; padding:0; font-family: verdana, verdana,arial,helvetica,sans-serif; width:30%; }
div#formulaire select.commune { margin:0; padding:0; font-family: verdana, verdana,arial,helvetica,sans-serif; width:49%; text-transform:uppercase; }
div#formulaire div.etape2 div.textinfo { width:28%; padding:2px 0 0 0; }
div#formulaire div.tribunal div.textinfo { width:25%; padding:2px 0 0 0; }
div#formulaire div.juridiction div.textinfo { width:0; padding:2px 0 0 0; }
div#formulaire div.commune2 div.textinfo{ width:25%; padding:2px 0 0 0; }
div#formulaire div.juridiction div.textinfo label{ display:none; }
div#formulaire table.tr{ padding-top: 3px;padding-bottom: 3px; }

/* *************************        GABARIT - FO - v3.6_10    *************** */	

div.block_etape3 { background:#fff; padding:0; margin:0; text-align:left; }	
div.block_etape3 div.titre_etape3{	background:#fff url(img/bk_titre_bloc_form_etape2_left.gif) no-repeat top left; padding:0 0 0px 4px; margin:0 0 0px 0; text-align:left;	}
div.block_etape3 div.titre_etape3 h3{ background:#600c47 url(img/bk_titre_bloc_form_etape2_right.gif) no-repeat top right; line-height:28px; color:#fff; padding:0px 11px 0px 7px; margin-top:0; font-size:120%; font-family: verdana,verdana,arial,helvetica,sans-serif; }	
div.block_etape3  div.block_etape3_gris1 { padding:2px 11px 12px 11px; margin:0; text-align:left; background:#e6ecec; border:1px solid #95aaab; font-size:/*11px*/110%; }
div.block_etape3  div.block_etape3_gris1  li{ background:url(img/fleche_rouge_bkblanc2.gif) no-repeat left; padding:2px 0 2px 20px; font-weight:bold; }	
div.block_etape3  div.block_etape3_gris2 { padding:13px 11px 12px 11px; margin:0; text-align:left; background:#e6ecec; border:1px solid #95aaab; font-size:/*11px*/110%; }
div.block_etape3  div.block_etape3_gris2  li{ background:url(img/fleche_rouge_bkblanc2.gif) no-repeat left; padding:2px 0 2px 20px; font-weight:bold; }	
div#formulaire.block_etape3_form{ padding:0px 0 0 0; margin:0; text-align:left; border:0; }
div#formulaire.block_etape3_form fieldset{ padding:0 0 0 0px; }
div#formulaire div.etape3 { margin:0 0 10px 0; float:none; width:650px; }
div#formulaire.block_etape3_form ul { padding:10px 0 0 0; margin:0; }
div#formulaire.block_etape3_form li { padding:0; margin:0; }
div#formulaire select.justif_identite { margin:0; padding:0; font-family: verdana, verdana,arial,helvetica,sans-serif; width:5%; }
div#formulaire select.justif_domicile { margin:0; padding:0; font-family: verdana, verdana,arial,helvetica,sans-serif; width:5%; }
#formulaire.block_etape3_form label { padding:0; font-weight:bold; font-size:/*11px*/100%; }
div#formulaire div.etape3 div.textinfo { width:52%; padding:0px 0 0 20px; background:url(img/fleche_rouge_bkblanc2.gif) no-repeat left; }

/* *************************       upload  pj TODO: a retravailler    *************** */	

div.block_etape3_2 { background:#fff; padding:0; margin:0; text-align:left; }	
div#formulaire.block_etape3_form_2 div.titre_etape3{ background:#fff url(img/bk_titre_bloc_form_etape2_left.gif) no-repeat top left; padding:0 0 15px 4px; margin:0 0 0px 0; text-align:left;	}
div#formulaire.block_etape3_form_2 div.titre_etape3 h3{ background:#600c47 url(img/bk_titre_bloc_form_etape2_right.gif) no-repeat top right; line-height:28px; color:#fff; padding:0px 11px 0px 7px; margin:0 0 0 0; font-size:120%; font-family: verdana,verdana,arial,helvetica,sans-serif; display:block; }	
div#formulaire.block_etape3_form_2 div.block_etape3_gris3 { padding:10px; margin:0; text-align:left; background:#e6ecec; border-bottom:4px solid #fff; font-size:/*11px*/110%; }
div#formulaire.block_etape3_form_2{ padding:0px 0 0 0; margin:0; text-align:left; border:0; }
div#formulaire.block_etape3_form_2 form{ padding:0; margin:0; }
div#formulaire.block_etape3_form_2 fieldset{ padding:0 0 0 0px; margin:0; }
div#formulaire div.etape3_2 { margin:0 0 0px 0; float:none; width:650px; padding-top: 5px; padding-bottom: 5px; }
div#formulaire.block_etape3_form_2 label { padding:0; font-size:/*11px*/95%; }
div#formulaire.block_etape3_form_2 div.etape3_2 div.textinfo { width:10%; padding:0px 0 0 0px; background:none; }
div.justif  input.texte_justif{ width:18em; font-size:100%; border:1px solid #96a9a7; padding:3px 5px 3px 5px; color:#000000; }

/* *************************        GABARIT - FO - v3.6_12    *************** */	
div.block_etape4 { background:#fff; padding:0 0 6px 0; margin:0; text-align:left; }	
div.block_etape4 div.titre_etape4{background:#fff url(img/bk_titre_bloc_form_etape2_left.gif) no-repeat top left; padding:0 0 0px 4px; margin:0 0 0px 0; text-align:left; zoom:1;}
div.block_etape4 div.titre_etape4 h3{ background:#600c47 url(img/bk_titre_bloc_form_etape2_right.gif) no-repeat top right; line-height:28px; color:#fff; padding:0px 11px 0px 7px; margin-top:0; font-size:120%; font-family: verdana,verdana,arial,helvetica,sans-serif; }
div.block_etape4_col_left{ padding:0 11px 0 0; margin:0; float:left; width:348px; }
div.block_etape4_col_right{ padding:0 0 0 10px; margin:0; float:left; width:348px; }
div.block_petit_gris{ padding:0; margin:0; background-color:#ebf0f0; }
div.block_etape4 div.titre_petit_bloc{ background:#fff url(img/bk_titre_bloc_form_etape4_left.gif) no-repeat top left; padding:0 0 0px 4px; margin:0 0 10px 0; }
div.block_etape4 h4{ background:#8fa0a1 url(img/bk_titre_bloc_form_etape4_right.gif) no-repeat top right; line-height:24px; color:#fff; padding:5px 11px 5px 7px; margin-top:0; font-size:120%; font-family: verdana,verdana,arial,helvetica,sans-serif; display:inline; }
div.block_petit_gris div.texte { padding:0px 10px 10px 10px; margin:0; color:#3f4b4b; }
div.block_petit_gris ul { margin:0; padding:0px 0 0px 6px; }
div.block_petit_gris li { padding:0px 0 10px 20px; background:url(img/fleche_rouge_bkblanc2.gif) no-repeat top left; }
div.block_petit_gris li a.bt_visu{ padding:2px 8px 2px 19px; background:#90a2a2 url(img/bk_lien_visu.gif) no-repeat top left; color:#fff; font-weight:bold; }
div.block_etape4 div.lien_etape4 {	padding:16px 0px 0 10px; margin:0; font-size:/*11px*/110%; }
div.block_etape4 div.lien_etape4 a{ padding:2px 10px 2px 35px; margin:0; text-align:left; font-size:/*11px*/105%; color:#fff; font-weight:bold; background:#586e6d url(img/picto_pdf_gris.gif) no-repeat left;	}

/* *************************        GABARIT - FO - v3.6_13       GABARIT - FO - v3.6_15     *************************************** */

div.block_etape5 { background:#fff; margin:0; text-align:center; font-size:/*11px*/110%; padding:76px 0 66px 0; }
div.block_etape5 div.bk_blue_top { margin:0 auto; text-align:center; font-size:/*11px*/110%; width:600px; background:#e6ecec url(img/bk_top_round.gif) no-repeat top left; padding:10px 0 10px 0; }
div.block_etape5 div.bk_blue_bottom { margin:0 auto; text-align:center; font-size:/*11px*/95%; width:561px; background:#e6ecec url(img/bk_bottom_round.gif) no-repeat bottom left; padding:0px 0 17px 0; }
div.block_etape5  span.fonce{ color:#000000; font-weight:bold;  }
div.lien_telecharger a:link, div.lien_telecharger a:visited, div.lien_telecharger a:hover{ padding:2px 10px 2px 35px; margin:0; text-align:left; font-size:/*11px*/100%; color:#fff; font-weight:bold; background:#586e6d url(img/picto_pdf_gris.gif) no-repeat left;	}
div #identification div#formulaire { padding:0; margin:0 auto; border:0; width:450px; text-align:center; }
div #identification div#formulaire form{ padding:0; margin:0;}
div.recap_ident{ padding:0px 0 77px 0; }
div.block_contenu{ padding:15px 0 10px 14px; background-color:#ebf0f0;  font-size:/*11px*/110%; text-align:left; zoom:1; }
div.block_contenu ul { padding:5px 0 0 0; margin:0; list-style:none; }
div.block_contenu li { padding:0 0 0 20px; margin:0; }
div.block_entete{ padding:5px 0 4px 21px; margin:0; background:#758f90 url(img/img_entete_page15.gif) no-repeat left; font-size:/*11px*/110%; /*font-style:color:#000000 */; font-weight: bold; text-align:left;}
div.titre_block_page15{ margin: 0;padding:5px 0 4px 14px; background: url(img/img_entete_page15.gif) no-repeat top; font-size:120%; text-align:left; color:#fff; font-weight:bold; font-family: verdana,verdana,arial,helvetica,sans-serif; }

/* *************************        GABARIT - FO - v3.6_16       GABARIT - FO - v3.6_18     *************************************** */

div#formulaire.block_statut_form{ padding:0px 0 0 0; margin:0; text-align:left; border:0; }
div#formulaire.block_statut_form fieldset{ padding:0 0 0 0px; }
div#formulaire.block_statut_form ul { padding:10px 0 0 0; margin:0; }
div#formulaire.block_statut_form li { padding:0; margin:0; }
#formulaire.block_statut_form label { padding:0;  font-size:/*11px*/100% }
div#formulaire div.statut div.textinfo { width:42%; padding:0px 0 0 0px; }

/* **** recap ***** */

div.recap { background:#fff; padding:0 0 0 0; margin:0; text-align:left;}
div.recap div.col_left{ padding:0 0 0 0; margin-left: 168px;margin-right: 168px; /*float:left;*/ width:348px; }
div.recap div.col_right{ padding:0 0 0 10px; margin:0; /*float:left;*/ width:348px; }
div.recap div.bloc { background:#fff url(img/bk_titre_bloc_form_etape4_left.gif) no-repeat top left; padding:0 ; margin:0 0 10px 0; }
div.recap div.bloc h4{ background:#8fa0a1 url(img/bk_titre_bloc_form_etape4_right.gif) no-repeat top right; line-height:24px; color:#fff; padding:5px 11px 5px 7px; margin-top:0;margin-left:4px; font-size:120%; font-family: verdana,verdana,arial,helvetica,sans-serif; display:inline; }
div.recap div.info{ padding:13px; background-color:#ebf0f0;  font-size:/*11px*/110%; text-align:left; zoom:1; color:#000000 }

/* *** section dynamique du recap **** */
div.recap div.info p.ligne {padding:0;margin:0;margin-bottom:5px;}
div.recap div.info p.ligne span.valeur {font-weight:bold;}

div.recap div.info ul { padding:0; margin:0; list-style:none; }
div.recap div.info li { padding:0;padding-bottom:0.5em;padding-left:0.5em; margin:0; list-style:none;background:transparent url(img/fleche_rouge_bkblanc2.gif) no-repeat scroll left top;
                        padding:0 0 10px 20px;}
div.recap div.info ul.visu_fichier li { padding:0;padding-bottom: 10px; padding-left: 10px;background:none}
div.recap div.info ul.visu_fichierEnCours li { padding:3px 0 3px 65px;background:none}
div.recap div.info ul.visu_fichierTable li { padding:3px 0 3px 3px;background:none}

div.recap div.info fieldset { font-size:105%;
                              font-family: verdana, verdana,arial,helvetica,sans-serif;
                              padding:5px 5px 14px 10px;
                              margin:0px auto;  
                              text-align:left; 
                              color:#000000;
}
div.recap div.info legend { padding:3px 3px; font-weight:bold; color:#000000; font-size:110%; } 
/*v3.0.0.1 piece justificative*/

/********************************* Pour la représentation des pieces justificatives **********#D3E2ED*****************************/

.piecesJustificatives {
    border: 1px dashed gray;  
    color: #000000; 
    margin: 2px; 
    background-color: #C6D3D3; 
    padding: 8px; 
    font-size: 14px;
    text-align: justify;
    font-family:verdana,arial,helvetica,sans-serif;
}
.piecesJustificatives ul.piece {padding:0; margin:0; list-style:none;}
.piecesJustificatives ul.piece li {display: list-item; list-style-position:inside; margin: 0; background:url("img/fleche_rouge_bkblanc2.gif") no-repeat scroll left top transparent;list-style:none outside none;padding:0 0 0px 15px;margin-top: 5px;margin-left: 1px;}							  
.piecesJustificatives ul.visu_fichier {padding:0; padding-bottom: 10px; padding-left: 10px; background:none}
.piecesJustificatives ul.visu_fichier li {padding:0; padding-bottom: 10px; padding-left: 10px; background:none;}
.piecesJustificatives div.file {clear:left;display:list-item;margin-left:29em; font-size:105%;}
.piecesJustificatives a.eye_visu{padding-left:20px;background:transparent url(img/eye.gif) no-repeat scroll left top;font-size: 105%}



.piecesJustificatives span.surligne { color:#CC0000;}

.piecesJustificatives p.titreGuide { text-align:center;}
.piecesJustificatives .information img.aide { width:14px; height:14px; /*vertical-align: middle;*/}
.piecesJustificatives .information i {font-size: 12px;}

/*************************************************************#79406B************************************************************/

div.recap div.info table {width: 100%; border: 1px dashed gray;  margin-top: 10px; margin-bottom: 2px; color:#000000;}
div.recap div.info th { text-align : center;background-color: #76015C; padding:1px 5px 1px 5px; color:#FFFFFF; font-size:105%;
                        text-transform:uppercase;}
div.recap div.info td {background-color: #C6D3D3; padding:8px; color:#000000;}
div.recap div.info div.file {clear:left;display:list-item;margin-left:29em; color:#000000; }
div.lien_recap {padding: 16px 0 5px 10px; margin:0;clear:left;text-align:center;font-size:/*11px*/110%; }
div.lien_recap a{ padding:2px 10px 2px 35px; margin:0; text-align:center; font-size:/*11px*/105%; color:#fff; font-weight:bold; background:#586e6d url(img/picto_pdf_gris.gif) no-repeat left;	}
div.recap a.bt_visu{padding-left:20px;background:transparent url(img/eye.gif) no-repeat scroll left top;}
div.recap a.eye_visu{padding-left:20px;background:transparent url(img/eye.gif) no-repeat scroll left top;}

.encadre {
    background-color:#C6D3D3;
    border:1px solid gray;
    margin:0 0px 5px;
    font-size: 105%;
}
.encadre.information div {
    background:url("img/information.png") no-repeat scroll 8px 8px transparent;
}
.encadre div {
    border: 1px dashed gray; 
    padding:3px 3px 3px 30px;

}

.information {
    background-color:#C6D3D3;
    border:1px solid #000;
    padding: 5px 5px 5px 5px;
    margin:  0px 0px 0px 0px;
    font-size: 11px;
    text-align: justify;
}

.piecesJustificatives div.information{
    border:0px hidden;
}

.avertissement {
    background:#A6222F url("img/titre.png") scroll;
    border:0px hidden;
    padding: 5px 5px 5px 5px;
    margin:  0px;
    font-size: 11px;
    color:white;
    text-align:justify;
}

.correction {
    background-color:#A6222F;
    background-image:  url("img/avertissement.png");
    background-position: left top;
    background-repeat: scroll;
    border:0px hidden;
    padding: 4px 5px 4px 5px;
    margin: 0px;
    font-size: 13px;
    color:white;
    text-align:center;
    font-weight: bold;
}
.alerte {
    background-image: url("img/exclamation.png"),url("img/exclamation.png");
    height:32px;
    background-position: left,right;
    background-repeat:  no-repeat;

}

.alerte_gauche {
    background-image: url("img/exclamation.png");
    height:32px;
    background-position: left;
    background-repeat:  no-repeat;

}

.alerte_droite {
    background-image: url("img/exclamation.png");
    height:32px;
    background-position: right;
    background-repeat:  no-repeat;

}

.impact {
    color:#006666;
    /* font-size: 17px;*/

    font-weight: bold;
}

.petitImpact {
    color:#A6222F;
    font-weight: bold;
}

.petitImpact2 {

    color: #CC0000;
    font-weight: bold;
}

.petitImpact3 {

    color: #4B0038;
    font-weight: bold;
    font-size:105%;
}


/* ***** identifiant ***** */
div.identifiant {
    font-size:110%;
    padding:5px;
    margin-bottom:10px;
}
div.identifiant span.identifiant {
    weight:bolder;
    font-size:175%;
}

/* ******************* divers av ******************************* */
#formulaire fieldset.radio{
    margin:0;
    padding:0;
}


#formulaire fieldset.radio legend {
    color:#000000;
    display:block;
    font-family:verdana,arial,helvetica,sans-serif;
    font-size:12px;
    font-weight:normal;
    margin:0;
    margin-bottom:-1em;
    padding:0;	
}

#formulaire fieldset span.texteRadio{
    color:#000000;
    margin-left: 15px;

}

div#notice {
    float:right;
    margin:0;
    padding:0;
    width:76px;
    padding-top:-1em;
    background: url(img/bk_notice.gif) no-repeat scroll right top;
    text-align:center;
    width:100px;

}
div#notice a {

    color:#FFFFFF;
    font-family:verdana,arial,helvetica,sans-serif;
    font-size:120%;
    line-height:24px;
    margin-top:0;
    padding:5px 11px 5px 7px;
    font-weight:bold;
}


#formulaire .commentaire ul {
    padding-bottom: 0px; padding-top: 0px; padding-left: 5px;
}
#formulaire .commentaire li {
    display: list-item;
    list-style-position:inside;
    margin: 0;
    background:url("img/fleche_rouge_bkblanc2.gif") no-repeat scroll left top transparent;
    list-style:none outside none;

    margin-top: 5px;
    margin-left: 15px;

    padding-left:15px;
    padding-bottom: 6px; 
}


#formulaire .commentaire h4 {
    padding-left: 15px;
    background:url("img/pastilleViolet.jpg") no-repeat scroll left center transparent;
    margin :0;
    padding-bottom: 6px; padding-top: 6px;
}

#formulaire div.bulle {
    display:none;
    margin-bottom:10px;
    padding:10px;
    clear:both;
    border:1px ridge #CCC;
    margin-left:25%;
    margin-right:25%;
    background-color:#FFC;
}

/* ****************** ERREURS *********************************** */

div#error {
    background:#FFEEEE;
    border:1px solid red;
    font-size:13px;
    margin:0;
    padding:5px;
    text-align :left;
}

div#error label {
    font-weight:bold;
}

div#error table th {
    font-size:14px;
    text-align:left;
}

div#error table tr {

}

div#error table td.numero {
    font-size:14px;
    font-weight:bold;
    vertical-align: top;
    padding-top:5px;
    padding-bottom:5px;

}
div#error table td.libelle {
    /*  background-image:url(img/oblig.gif) ;
      background-repeat:  no-repeat;
      background-position: left  top;
      padding-left:10px;*/
    font-size:12px;
    padding-top:5px;
    padding-bottom:5px;
    border-bottom: 1px dotted #CC0000;
}


/***********************************************************************************************/
div#formulaire input.error , div#formulaire select.error, div#formulaire textarea.error, div#formulaire radio.error{
    border: 1px red solid;
    background-color:#FFEEEE;
}
/***********************************************************************************************/

/* ************** specificites *********************** */
div.adresse_juri {
    border: 1px solid #000000;
    padding:5px;
    margin:10px;
    width:50%;
    margin-left:25%;
    text-align:center;
}
div.adresse_juri h4 {
    font-weight:bold;
    font-size:110%;
    margin-top:0;
}


a.recap {
    background:#586E6D url(img/picto_pdf_gris.gif) no-repeat scroll left center;
    color:#FFFFFF;
    font-size:110%;
    font-weight:bold;
    margin:0;
    padding:2px 10px 2px 35px;
    text-align:left;
}

/* *********************** AIDE PAGE ************************************ */

div.titre_formulaire a.help img {
    vertical-align:middle;
}
/* *************************     SEPARATEUR ******************************************* */

div#contenuPays {
    border:2px solid #00223B;
    background-color:#00223B;
    color:white;
    margin-right: 1%;
    margin-left: 1%;
    width:98%;
    font-size:13px;
}


div#contenuForm {
    border:2px solid #fff;
    margin-right: 1%;
    margin-left: 1%;
    width:98%;
}

div#contenuRecap {
    border:8px solid #fff;
    background-color: white;
    margin-right: auto;
    margin-left: auto;
    width:700px;
}

div#contenuRecap .texte{
    font-size: 14px;
    font-weight: bold;
}

div#contenuRecap .intitule,
div#contenuRecap .info,
div#contenuRecap .textinfo
{
    font-weight: normal;
    font-size: 12px;
}
div#contenuRecap .clear{
    font-size: 11px;
    font-weight: normal;
    text-align: center;
    padding:20px;
    padding-left:10px;
    padding-right:10px;
}

div#contenuCJN {
    border:1px solid black;
    background-color: white;
    margin-right: auto;
    margin-left: auto;
    width:400px;
}

#cjn{
    background:  url(img/logo_cjn.png) no-repeat left;
    padding: 20px 60px 20px 60px;

    margin-left:21%;
    font-size: 13px;
    margin-right:auto;
    width:450px;
    text-align:left;
    vertical-align: middle;
}

#cjn2{
    background:  url(img/logo_cjn.png) no-repeat left;
    padding: 20px 60px 20px 60px;
    font-size: 13px;
    margin-right:auto;
    margin-left:15px;
    width:450px;
    text-align:left;
    vertical-align: middle;
}

#titreRecap   {
    border: 0px;  
    color:white; 
    width:700px;
    height:34px;
    vertical-align: middle;
    margin: 60px auto 0px auto; 
    background: #770060 url(img/titre.png) ; 
    padding: 8px; 
    font-size: 14px;
    font-weight:bold;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    position:relative;   
}
#titreRecap .texte{
    padding-top: 8px;
    color:white;
}

div#contenu {
    border:2px solid #fff;
    margin-right: 10%;
    margin-left: 10%;
}


div#conteneur { 
    padding:14px 13px 14px 14px; 
    margin:0 0 4px 0; 
    overflow: auto;
    zoom:1;
    border:0px hidden;
    margin-right: 25%;
    margin-left: 25%;
}


div#contenu hr {
    border:2px solid #fff;
}	

#titreContenu    {
    border: 0px;  
    color:white; 
    margin: 60px 10% 0 10%; 
    background: #770060 url(img/titre.png) ; 
    padding: 8px; 
    font-size: 14px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}
.titreAide    {
    position:relative;
    border: 0px;  
    color:white; 
    background: #770060 url(img/titre.png) ; 
    padding: 8px;
    margin: 2px;
    font-size: 14px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-weight:bold;
}

/* *************************        BARRE DE BOUTONS du bas           *************************************** */
div.bouton{ padding:12px 0 10px 0; margin:0; text-align:right;}
div.bouton ul{ padding:0; margin:0; list-style:none;}
div.bouton li{ padding:0 0 0 8px; margin:0; display:inline;}

div.bouton a,
div.bouton input {
    border: none;		
    margin: 0;
    margin-left:10px;
    cursor:pointer;
}

div.bouton input[type="hidden"]{
    margin: 0 ! important;
    padding: 0 ! important;
}

div.bouton input.precedent{
    background: #91a1a1 url(img/bk_precedent.gif) no-repeat left;
}

div.bouton input.suivant{
    background:#600c47 url(img/bk_suivant.gif) no-repeat left; 
    float:right;
}

div.bouton input.suivantAbandonner{
    background:#600c47 url(img/bk_suivant.gif) no-repeat left; 
}

div.bouton input.stop{
    background: #91a1a1 url(img/bk_stop.gif) no-repeat left;
}


/* *************** specificite upload multiple ****************** */
fieldset.upload div.file {
    clear:left;
    display:list-item;
    margin-left:29em;
}

fieldset.upload div.fileUploader {
    clear:left;
    margin-left:1em;
}

fieldset.upload div.fileUploader a.eye_visu{padding-left:20px;background:transparent url(img/eye.gif) no-repeat scroll left top;}

fieldset.upload div.block_info { 
    background-color:#EBF0F0;
    font-size:110%;
    text-align:left;
    padding: 10px 5px 5px 15px;
}

fieldset.upload div.info{ padding:13px; background-color:#ebf0f0;  font-size:/*11px*/110%; text-align:left; zoom:1; }
fieldset.upload div.info ul { padding:0; margin:0; list-style:none; }
fieldset.upload div.info li { 
    margin:0; 
    list-style:none;
    background:transparent url(img/fleche_rouge_bkblanc2.gif) no-repeat scroll left top;
    padding:0 0 10px 20px;
}

input.submit {
    background:#600C47 url(img/bk_suivant.gif) no-repeat scroll left center;
    border:medium none;
    color:#FFFFFF;
    cursor:pointer;
    margin:0;
    padding:0 7px 0 19px;
}

/* *************************        HAUT DE PAGE           *************************************** */
div.haut_page { padding:0 0 0px 0; margin:0px; text-align:right;float:right;clear:right;width:50em;
                width:99%}
div.haut_page hr { display:none; }
div.haut_page a:link, div.haut_page a:visited, div.haut_page a:hover{ padding:0 0 0 12px; margin:0; background:url(img/picto_haut_page.gif) no-repeat left; color:#54696a; font-weight:bold; text-decoration:underline; }
div.haut_page a.print:link, div.haut_page a.print:visited, div.haut_page a.print:hover{ padding:0 0 0 16px; margin:0; background:url(img/picto_print.gif) no-repeat left; color:#54696a; font-weight:bold; text-decoration:underline; }

/*****************************************************        FIN CONTENU              *********************************************************************/

/*******************************************************************             FIN CONTAINER              *******************************************************************************************/
div#content_frame {
    padding: 8px 0px 10px 0px;
    margin: 0;
    background: #efeff7 url(img/top_contenu_frame.gif)
        no-repeat top left;
    text-align: left;
    color: #474747;
    font-size: 110%;
}

div#content_frame .titresTableau {
    text-align: center;
    background-color: #4F84BA;
    color: #FFFFFF;
    padding: 2px;
    font-weight: bold;
}

div#content_frame .titresTableau3 {
    text-align: left;
    background-color: #4F84BA;
    color: #FFFFFF;
    padding: 1px;
    padding-left: 10px;
    font-weight: bold;
    width: 40%;
}

div#content_frame .tableau {
    text-align: center;
    font-weight: bold;
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: /*11px*/ 110%;
    color: #474747;
    background-color: #DEE7F0;
    padding: 2px;
}
div#content_frame .tableauLeft {
    text-align: left;
    font-weight: bold;
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: /*11px*/ 110%;
    color: #474747;
    background-color: #DEE7F0;
    padding: 2px;
    padding-left: 10px;
}
div#content_frame .tableauLeftInv {
    width: 150px;
    text-align: left;
    font-weight: bold;
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: /*11px*/ 110%;
    color: #474747;
    background-color: #DEE7F0;
    padding: 2px;	
}

div#content_frame .tableau2 {
    text-align: center;
    font-weight: bold;
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: /*11px*/ 110%;
    color: #474747;
    background-color: #efeff7;
    padding: 2px;
}

div#content_frame .table {
    border-spacing: 2px;
    width: 100%;
}

div#content_one a {
    color: #336699;
    text-decoration: underline;
}

div#content_one h3.bleu {
    color: #336699;
    text-transform: uppercase;
    font-size: 100%;
    margin-top: 0px;
}

div#content_one h3 {
    color: #f84d00;
    text-transform: uppercase;
    font-size: 100%;
    margin-top: 0px;
}

div#content_one h3.mrg_top {
    padding-top: 7px;
    padding-bottom: 5px;
    margin: 0;
    background: #efeff7;
}

div#content_frame hr.long {
    background: #6198c3;
    color: #6198c3;
    height: 1px;
    width: 100%;
}

div#content_frame h2 {
    color: #336699;
    text-transform: uppercase;
    font-size: 100%;
    margin-top: 0px;
}

div#content_frame div#haut {
    background: #3e7aa8;
    margin: 0 0px;
    color: #fff;
    font-weight: bold;
    height: 24px;
    width: 100%;
}

div#content_frame div#haut div { /* display: inline; */

}

div#content_frame div#haut div#left,div#content_frame div#haut div#right
{
    height: 20px; /*  padding-top:5px; */
    background: #3e7aa8;
    float: left;
}

div#content_frame div#haut div#left {
    border-right: 1px solid #5185b7;
    padding: 4px 5px 0 15px;
    width: 330px;
}

div#content_frame div#haut div#right {
    padding: 4px 0px 0 0px;
    width: 372px;
}

div#content_frame div#haut div span,div#content_frame div#haut div span img,div#content_frame div#haut div img
{
    vertical-align: middle;
}

div#content_frame div#haut div span a,div#content_frame div#haut div a {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

div#content_frame div#haut div .ss_left {
    float: left;
}

div#content_frame div#haut div .ss_right {
    float: right;
}

div#content_frame div#haut div#center {
    padding: 4px 5px 0 15px;
    width: 680px;
}

div#content_frame div#panneau_top_left
{
    width: 320px;
    float: left;
    margin: 0;
    padding: 0 15px 0 15px;
    background-color: #EFEFF7;
}

div#content_frame div#panneau_bas_left{
    width: 350px;
    float: left;
    margin: 0;
    padding: 0 15px 0 15px;
    background-color: #EFEFF7;
}

div#content_frame div#panneau_top_right
{
    width: 372px;
    float: right;
    margin: 0;
    padding: 0;
    background-color: #EFEFF7;
}

div#content_frame div#panneau_bas_right
{
    width: 342px;
    float: right;
    margin: 0;
    padding: 0;
    background-color: #EFEFF7;
}

div#content_frame div#panneau_top_center {
    width: 680px;
    margin: 0;
    padding: 0 15px 0 15px;
}

div#content_frame div#panneau_top_center .texte {
    font-weight: bold;
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 110%;
    color: #474747;
}

div#content_frame div#panneau_top_left .texte {
    font-weight: bold;
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 110%;
    color: #474747;
}

div#content_frame div#panneau_bas_center {
    width: 680px;
    margin: 0;
    padding: 0 15px 0 15px;
}
div#content_frame div#panneau_bas_center div#panneau_bas_center_right{
    width: 400px;
    margin: 0;
    padding: 10px 0 0 10px;
    float: left;
    text-align: left;
}
div#content_frame div#panneau_bas_center div#panneau_bas_center_right div#dtl_piece ul#feuillet li a
{
    font-weight: bold;
    font-size: 120%;
    color: #5184bb;
    text-decoration: none;
    background: url(img/page_blanche.gif) no-repeat top left;
    width: 21px;
    height: 26px;
    float: left;
    display: block;
    padding: 7px 0 0 7px;
    margin-top: 5px;
    margin-right: 5px;
}
div#content_frame div#panneau_bas_center div#panneau_bas_center_right div#dtl_piece ul#feuillet li.selected a
{
    background: url(img/page_bleu.gif) no-repeat top left;
    color: #fff
}

div#content_frame div#panneau_top_left {
    border-right: 1px solid #5185b7;
    width: 320px;
    height: 350px;
}

div#content_frame div#panneau_top_left div {
    padding: 7px 0 7px 0;
}

div#content_frame div#panneau_top_left span.gras {
    font-weight: bold;
}

div#content_frame div#panneau_bas_left ul#action_demande li a {
    padding: 0px 7px 0px 20px;
    margin: 0;
    background: url(img/bt_fleche_form.gif) no-repeat bottom
        left;
    text-decoration: underline;
    color: #5284b7;
    font-weight: bold;
    font-size: /*11px*/ 100%;
    line-height: 20px;
}

div#content_frame div#panneau_bas_center ul#action_demande li a {
    padding: 0px 7px 0px 20px;
    margin: 0;
    background: url(img/bt_fleche_form.gif) no-repeat bottom
        left;
    text-decoration: underline;
    color: #5284b7;
    font-weight: bold;
    font-size: /*11px*/ 100%;
    line-height: 20px;
}

div#content_frame div#panneau_bas_right,div#content_frame div#panneau_bas_left
{
    padding-top: 10px;
    height: 200px;
}

div#content_frame div#panneau_bas_right div#dtl_piece {
    float: left;
    height: 100px;
    padding-left: 5px;
}

div#content_frame div#panneau_bas_right div#dtl_piece label {
    display: none;
}

div#content_frame div#panneau_bas_right div#dtl_piece select#piece {
    width: 153px;
    font-weight: bold;
    font-size: 100%;
}

div#content_frame div#panneau_bas_right div#dtl_piece span {
    display: block;
    font-weight: bold;
    margin-top: 15px;
    padding-right: 20px;
}

div#content_frame div#panneau_bas_right div#dtl_piece ul#feuillet li a {
    font-weight: bold;
    font-size: 120%;
    color: #5184bb;
    text-decoration: none;
    background: url(img/page_blanche.gif) no-repeat top left;
    width: 21px;
    height: 26px;
    float: left;
    display: block;
    padding: 7px 0 0 7px;
    margin-top: 5px;
}

div#content_frame div#panneau_bas_right div#dtl_piece ul#feuillet li.selected a
{
    background: url(img/page_bleu.gif) no-repeat top left;
    color: #fff
}
div#action_piece {
    margin-top: 140px;
}

div#content_frame div#panneau_bas_right div#action_piece ul#lien_action_piece li a
{
    padding: 0px 0 7px 17px;
    margin: 0;
    background: url(img/bt_fleche_form.gif) no-repeat top left
        ;
    text-decoration: underline;
    color: #5284b7;
    font-weight: bold;
    font-size: /*11px*/ 100%;
    display: block;
    float: right;
    width: 168px;
}

div#content_frame select.pieceJustificative {
    width: 140px;
    font-weight: bold;
    font-size: 100%;
}


/* pour les cases activant des blocs de fielfdest */
div#formulaire fieldset.checkfieldset div.checkfieldset {
    margin-left:10px;
}
div#formulaire fieldset.checkfieldset legend {
    margin-left:-5px;
    padding-left:23px;
}
div#formulaire fieldset.checkfieldset div.checkfieldset LABEL { 
    display:none;
}

#formulaire fieldset.checkfieldset input.checkfieldset {
    float:left;
    margin-top:-20px;
    margin-left:-10px;
}

div#formulaire fieldset div.FIELD {
    width: 100%;
    margin: 0px 55px 0px 2px;
}

div.tiroir {
    margin-left: 20px;
}

/************************************************************************************************/
/****************************	DEBUT Nouveau bandeau *******************************************/
/************************************************************************************************/
/*CSS Element portail*/
#header_menu_base{
    width:100%;
    height:161px;
    margin:0px;
    padding:0px;
    background:url(img/fond_menu.jpg) repeat-x;
}
html>body #header_menu_base{
    width:100%;
    margin:0px;
    padding:0px;
    min-height:161px;
    height:auto;
    margin-bottom:25px;
    background:url(img/fond_menu.jpg) repeat-x;
}
#header_menu_base2{
    width:800px;
    height:130px;
    background:url(img/fond_header_base.jpg) no-repeat;
    margin:auto;
    padding : 0px;
}
#header_menu_base2 .menu_top{
    width:100%;
    height:25px;
    overflow:hidden;
}
.menu_top a,.menu_top a:link, .menu_top a:hover, .menu_top a:visited{
    font: 13px/1.231 arial,helvetica,clean,sans-serif;
    color:#FFFFFF;
    text-decoration:none;
    font-size:10px;
    font-weight:bold;
}
.menu_top .bouton{
    width:125px;
    height:25px;
    background:url(img/bouton_menu.jpg) no-repeat 0 3px;
    text-align:center;
    padding-top:6px;
    float:left;
    margin-left:3px;
}
.menu_top .portail{
    background-color:#006EAB;
    margin-left:10px;
}
.menu_top .presse{
    background-color:#BE0000;
}
.menu_top .droit_demarche{
    background-color:#77005E;
}

.menu_top .textes_reformes{
    background-color:#6DA601;
}

.menu_top .metiers{
    background-color:#E65101;
}

.menu_top .justice_en_region{
    background-color:#BF8B35;
}
#header_menu_base2 .logo_moteur_de_recherche{
    width:100%;
    height:95px;
}
#header_menu_base2 .logo_moteur_de_recherche .logo{
    margin-top:2px;
    height:85px;
    position:relative;
    float:left;
    margin-left:12px;
}
#header_menu_base2 .logo_moteur_de_recherche .text{
    font: 13px/1.231 arial,helvetica,clean,sans-serif;
    width:527px;
    height:55px;
    position:relative;
    float:left;
    color:#FFFFFF;
    font-size:29px;
    padding-top:32px;
    margin-left:10px;
}
html>body #header_menu_base2 .logo_moteur_de_recherche .text{
    font: 13px/1.231 arial,helvetica,clean,sans-serif;
    width:545px;
    height:55px;
    position:relative;
    float:left;
    color:#FFFFFF;
    font-size:29px;
    padding-top:32px;
    margin-left:10px;
}
#header_menu_base2 .logo_moteur_de_recherche .stitre{
    font: 13px/1.231 arial,helvetica,clean,sans-serif;
    color:#76015c;
    font-weight:bold;
    font-size:20px;
    text-align:left;
    margin-left:28px;
    /*margin-left:20px;*/
}

#NavigationHorizontal{
    width:800px;
    height:26px;
    margin:auto;
    background:url(img/onglet.jpg) repeat-x;
}
/*Menus horizontaux sur 1 ligne*/
#NavigationHorizontal .menu{
    font: 13px/1.231 arial,helvetica,clean,sans-serif;
    width:196px;
    height:19px;
    background:url(img/onglet.jpg) repeat-x;
    position:relative;
    float:left;
    padding-top:7px;
    color:#FFFFFF;
    font-weight:bold;
    text-decoration:none;
    font-size:11px;
    cursor:pointer;
    text-transform:uppercase;
    text-align: center;
}
#NavigationHorizontal .menu a:link{
    color:#FFFFFF;
    font-weight:bold;
    text-decoration:none;
    font-size:11px;
}
#NavigationHorizontal .menu a:visited, #NavigationHorizontal .menu a:hover{
    color:#FFFFFF;
    font-weight:bold;
    text-decoration:none;
    font-size:11px;
}
/*Menus horizontaux sur 2 lignes*/
#NavigationHorizontal .menu2{
    width:196px;
    height:26px;
    background:url(img/fond-menu.jpg) no-repeat;
    position:relative;
    float:left;
    color:#FFFFFF;
    font-weight:bold;
    text-decoration:none;
    font-size:11px;
    cursor:pointer;
    text-transform:uppercase;
}
/************************************************************************************************/
/****************************	FIN Nouveau bandeau *******************************************/
/************************************************************************************************/

.showEpouse, .showEpoux, .hideService, .showService, .showRadio{
    font-size: 105%;
    margin-bottom: 5px;
    margin-top: 5px;
}

iframe{
    border-style: none;
    border-width:0px;
}


#TOP {
    width:100%;
    height:220px;
    margin:0px;
    padding:0px;
	  overflow:hidden;
    top:0px;
    border-style:none;
}

#GAUCHE {
    width:40%;
    height: 50%;/*550px;*/
    float:left;
    margin:0;
    padding:0;
	position: fixed;
	left: 0px;
	top: 220px;
    overflow:scroll;
    border-style:none;
}
#DROITE {
    width:60%;
    height:1200px;
    float:right;
    margin:0;
    padding:0;
    top:200px;
    overflow:auto;
    border-style:none;
}

.guide{
    width:97%;

}


.bouton img,
.bouton input{
    width:  90px;
    height: 18px;
}

form div.bouton,
.form div.bouton{
    text-align:center;
    padding:30px;
}


form div.bouton2,
.form div.bouton2{
    text-align:center;
    padding:10px;
    margin:0;
}

form div.bouton a,
form div.bouton input,
.form div.bouton a,
.form div.bouton input{

    margin-left:30px;
    margin-right:30px;
}

form div.bouton2 a,
form div.bouton2 input,
.form div.bouton2 a,
.form div.bouton2 input{

    margin-left:60px;
    margin-right:60px;
}


.intro{
    font-size:11px;
}

.solid-border{
    border-style: solid;
}

.textCenter{
    text-align: center;
}

.deport{
    padding-left: 15px;
}


#formulaire  .texte select{
    width: 70px;
}

#error .libelle img.aide { width:14px; height:14px; /*vertical-align: middle;*/}

.aideBouton{
    width:90px; height:18px; vertical-align: middle;
}

.noTopBorder{
    margin-top:0px;
}

.noBottomBorder{
    margin-bottom:0px;
}

.fondBlanc{background-color:white;}

.fondBlanc{background-color:white;}

.grandFond{
    height:5px;
}

.customPadding{
    padding:22px;
}

#contenuForm img.aideBouton{
    width:20px;
    height:20px;
    vertical-align:middle;
}

/* ############################## Ajout Web B3 le 14/09/2015 */
 
h2.intro {
	font-weight: normal;
	font-size: 12px;
}
#sstitreContenu {
	font-weight: normal;
    border: 0px none;
    color: #FFF;
    margin: 60px 10% 0px;
    background: #770060; /*url("img/titre.png") repeat scroll 0% 0%;*/
    padding: 8px;
    font-size: 14px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}
#titreContenuSsMarge {
	/* font-weight: normal;*/
    border: 0px none;
    color: #FFF;
    margin: 0px 10% 0px;
    background: #770060; /* url("img/titre.png") repeat scroll 0% 0%;*/
    padding: 8px;
    font-size: 14px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}

#francemetro {
	display: inline-block;
	position: relative;
	float:left;
	width: 47%;
	height: 110px;
	text-align: center;
	*zoom: 1;
	*display: inline;
}
#francemetro > p:first-child {
	margin-top: 15px;
}#francemetro > p:first-child +p{
	position: absolute;
	bottom : 0px;
		margin-left: auto;
       margin-right: auto;
       left: 0;
       right: 0;
}
#etranger {
	display: inline-block;
	position: relative;
	width: 48%;
	float: right;
	height: 110px;
	text-align: center;
	*zoom: 1;
	*display: inline;
}
#etranger > p:first-child {
	margin-top: 35px;
}
#etranger > p:first-child + p {
	position: absolute;
	bottom : 0px;
		margin-left: auto;
       margin-right: auto;
       left: 0;
       right: 0;
	   /*margin: 0px;*/
}

#domtom {
	text-align: center;
}

.spacer {
  clear: both;
}