@import url("boites_demarches.css");
@import url("main_nav.css");

/* ############### SOMMAIRE ############### */
/* 

 $1. Remise à zéro des styles
 $2. Redéfinition des balises de base
 $3. Styles recherches et formulaires
 $4. Blocs de mise en page
 $5. Menus : navigation (1,2,3), pratique, pied de page
 $6. Blocs de contenu principal
 $7. Blocs de contenu contextuel
 $8. Blocs navigation annexe 
 $9. Styles spécifiques "Accueil"
 
*/
/* ######################################## */


/* ###################### $1. Remise à zéro des styles ###################### */
/* html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	background:transparent;
}*/

:focus {
	outline:0;
}

body {
	line-height:1;
	color:black;
	background:white;
        z-index:-1;
}

ol, ul {
	list-style:none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

caption, th, td {
	text-align:left;
	font-weight:normal;
}

blockquote:before, blockquote:after, q:before, q:after {
	content:"";
}

blockquote, q {
	quotes:"" "";
}


/* ###################### $2. Redéfinition des balises de base ###################### */
body {
	font-family:"Verdana", sans-serif;
	font-size:62.5%;
	line-height:1.5em;
	color:#4e4e4e;
	background:#fff;
        z-index:-1;
}

a {
	color:#4e4e4e;
	text-decoration:underline;
}

/*a:hover {
	color:#900;
	background:#deded2;
}*/

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

sup {
	font-size:0.9em;
	position:relative;
	top:-0.3em;
}

h1,h2,h3,h4,h5,h6 {
	font-family:"Arial";
	font-weight:bold;
}

h1 {
	font-size:1.55em;
	color:#996;
	padding:0 0 3px 22px;
	margin:0 0 10px 0;
	border-bottom:1px solid #996;
	background:#fff url(images/fleche_h1.gif) no-repeat left 1px;
	clear:both;
}

h2 {
	font-size:1.3em;
	color:#369;
	padding:0 0 0 15px;
	margin:2px 0 0px 0;
	background:#fff url(images/fleche_h2.gif) no-repeat left 50%;
	clear:both;
}

h3 {
	font-size:1.1em;
	color:#3b3b3b;
	padding:0 0 0 14px;
	margin:20px 0 10px 20px;
	background:#fff url(images/fleche_h3.gif) no-repeat left 50%;
}

h4 {
	color:#8b8b62;
	padding:0 0 0 13px;
	margin:10px 0 5px 0;
	background:#fff url(images/puce_listes.gif) no-repeat left 50%;
}

p {
	margin:0 0 15px 0;
        text-align: justify;
}

ul {
	padding:0;
	margin:0 20px 20px 20px;
	clear:both;
}

#demarchesFrequentes li {
	padding:0 0 0 15px;
	margin:2px 0 2px 0;
	background:url("images/puce_listes.gif") no-repeat 0% 0.5em;
}

#Sommaire li {
	padding:0 0 0 15px;
	margin:2px 0 2px 24px;
	background:url("images/puce_listes.gif") no-repeat 0% 0.5em;
}

#planDuSite #Sommaire li {
     padding: 0;
     background:none;
}
#planDuSite li{
	/*padding:0 0 0 15px;*/
	margin:2px 0 2px 44px;
	/* background:url("images/puce_listes.gif") no-repeat 3px 7px; */
        list-style-image: url("images/puce_listes.gif");
}
#planDuSite {
     margin-left:20%;
}

#planDuSite h2 {
    font-family:"Arial", sans-serif;
    line-height:1.5em;
    display:block;
    position:relative;
    font-size:1.3em;
    color:#369;
    margin:15px 0 5px 20px;
    padding:0 0 0 15px;
    background:#fff url(images/fleche_h2.gif) no-repeat left 50%;
    clear:both;
    font-weight:bold;
}
ul ul {
	padding:0;
	margin:5px 0 10px 0;
}

ul ul li {
	background:url("images/puce_sous_listes.gif") no-repeat 0% 0.5em;
}

/* hack IE 6 */
* html body ul {
	padding-left:15px;
}

/* table {
	width:100%;
	border-top:1px dashed #422F11;
	border-bottom:1px dashed #422F11;
	border-left:0 #FFFFFF;
	border-right:0 #FFFFFF;
	border-collapse:collapse;
	margin:auto;
	margin-bottom:25px;
}

table td, table th {
	border-bottom:1px dotted #422F11;
	padding:10px;
	vertical-align:top;
}

table th {
	text-align:left;
	font-weight:bold;
	color:#000;
} */

caption {
	display:none;
}

.noDisplay {
	position:absolute;
	left:0;
	top:-5000px;
	width:1px;
	height:1px;
	overflow:hidden;
}

.stopFloat {
	clear:both;
}

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


/* ###################### $3. Styles recherches et formulaires ###################### */
form {
	font-family:"Arial", sans-serif;
	line-height:1.5em;
	margin:0 0 20px 0;
	padding:0;
        z-index:0;
}

fieldset {
	display:block;
	padding:6px 8px 10px 8px;
	margin:0;
	border:0;
}

legend {
	display:block;
	position:relative;
	font-size:1.3em;
	color:#369;
	margin:15px 0 5px -8px;
	padding:0 0 0 15px;
	background:#fff url(images/fleche_h2.gif) no-repeat left 50%;
	clear:both;
	font-weight:bold;
	
}

fieldset fieldset legend {
	font-size:1em;
	font-weight:normal;
	color:#369;
	padding:0 0 0 15px;
	margin:0 0 3px 0;
	background:url("images/pictoLabel.gif") no-repeat 5px 50%;
}

label {
	color:#5c5c5c;
	font-size:1.1em;
	padding:0 2px 0 2px;
}

fieldset fieldset label {
	display:inline;
	float:none;
	padding-left:0;
	background:none;
}

input, select, textarea {
	font-family:"Arial", sans-serif;
	font-size:1.1em;
	color:#666;
	padding:2px;
	margin:2px;
	vertical-align:middle;
	border:1px #969696 solid;
}

input:hover, select:hover, textarea:hover {
	border:1px solid #900;
}

input:focus, select:focus, textarea:focus {
	border:1px solid #900;
}

textarea {
	width:240px;
	height:150px;
}

input[type=text], select {
	width:180px;
}

input[type=radio], input[type=checkbox] {
	border:0;
}

input.standalone {
	color:#900;
	font-size:1.1em;
	font-weight:bold;
	padding:4px 15px 4px 15px;
	margin:0;
	background-color:#fff;
	border:1px #900 solid;
}

input.standalone:hover {
	color:#fff;
	background:#900;
}

.boxColonneGeneric {
	float:left;
	width:235px;
	margin:0 10px 15px 0;
}

.champsCol1 {
	width:40%;
	float:left;
}

.champsCol2 {
	width:50%;
	float:left;
}

.submitForm {
	clear:both;
	text-align:right;
	margin:5px 0 0 0;
}

.confirm {
	color:#666666;
	font-weight:bold;
}

.sansBordure {
	border:0;
}

.champRequis {
	color:#900;
}

.submitForm .champRequis {
	width:180px;
	text-align:left;
	font-style:italic;
	float:left;
}

.resultats h2 {
	color:#6e7061;
	border:0;
}

#CPSformulaire label {
	display:block;
	float:left;
	width:100px;
	color:#5c5c5c;
	font-size:1.1em;
	text-align:right;
	padding:2px 10px 0 0;
}

#CPSformulaire input, #CPSformulaire select, #CPSformulaire textarea {
	margin:2px 0 2px 0;
}

#recherche {
	width:200px;
	padding:0 0 0 35px;
	margin:0 0px 0 0;
	background:#fff url(images/picto_recherche.gif) no-repeat 0% 50%;
	float:right;
}
* html body#accueil #recherche {
	margin:0;
}

#deuxColonnes #recherche {
	font-size:0.9em;
	margin:0;
}

#recherche form {
	padding:0;
	margin:0;
	float:right;
}

#recherche legend {
	display:none;
}

#recherche label {
	color:#3b3b3b;
	font-size:1.2em;
	font-weight:bold;
	margin:0;
}

#recherche input {
	border:1px #900 solid;
	background:#fff;
}

#recherche input#SearchableTextNG2 {
	width:125px;
	padding:3px 3px 2px 3px;
	margin:0 1px 0 1px;
}

#recherche input#submit {
	color:#900;
	font-size:1.1em;
	font-weight:bold;
	padding:1px;
	margin:0;
}

#recherche input#submit:hover {
	color:#fff;
	background:#900;
}


/* ###################### $4. Blocs de mise en page ###################### */
#container {
	width:960px !important;
	margin:0 auto;
	background:#fff;
	border-left:1px #996 solid;
	border-right:1px #996 solid;
	border-bottom:1px #996 solid;
}

#header {
	height:115px;
	background:#fff url('images/fond_header.gif') left bottom no-repeat;
        border-bottom: 1px #999966 solid;
}

#header h1 {
	border:0;
	padding:0;
	margin:0;
	float:left;
        background: none;
}

#header h1 a {
	display:block;
	width:465px;
	height:115px;
	background:url('images/logo_demarches.gif');
}

#header a#lienVilleLyon {
	float:right;
	display:block;
	width:68px;
	height:58px;
	margin:10px 10px 0 0;
	background:url("images/logoVilleLyon.gif");
}

#menuNiv1 {
	height:37px;
	padding:15px 0 0 0;
	background:#fff url('images/fond_menuNiv1_bleu.jpg') left bottom no-repeat;
        z-index:0;
}

#menuGauche {
	width:210px;
	padding:0 10px 0 10px !important;
	padding:0 0px 0 10px;
	margin:0;
	background:#fff url('images/fond_col1.jpg') left top repeat-x;
	float:left;
}

#deuxColonnes #content {
	font-size:1.1em;
	width:410px;
	padding:0 25px 0 25px;
	margin:0 0 10px 0;
}

* html body#deuxColonnes #content {
	width:680px;
}

#deuxColonnes #content {
	width:680px;
	padding:0 0 0 25px;
	margin:0 0 0 0;
}

#col3 {
	width:250px;
	padding:0px 0 0 0;
	float:left;
}

#footer {
	clear:both;
}

#footer ul {
	text-align:center;
	padding:0 20px 0 30px;
	margin:0;
	background:#d0d0a1 url('images/picto_footer.gif') 0% 0% no-repeat;
	float:right;
}

#footer li {
	display:inline;
	padding:0 1px 0 4px;
	border-left:1px #4e4e4e solid;
	background:none;
}

#footer li a {
	font-family:"Verdana";
	font-size:1.1em;
	color:#4e4e4e;
	text-decoration:none;
}

#footer li a:hover {
	color:#fff;
	background:#369;
}

#footer li img {
	vertical-align:middle;
	margin:0 0 0 3px;
}


/* ###################### $5. Menus : navigation (1,2,3), pratique, pied de page ###################### */
#menuNiv1 ul {
	padding:0 0 0 5px;
	margin:0;
	border-top:1px #996 solid;
	border-bottom:1px #996 solid;
}

#menuNiv1 li {
	display:inline;
	padding:0 0 0 3px;
	margin:0 2px 0 0;
	background:none;
	border-left:1px #4e4e4e solid;
}

#menuNiv1 li a {
	font-family:"Verdana";
	font-size:1.1em;
	color:#4e4e4e;
	text-decoration:none;
}

#menuNiv1 li a:hover {
	color:#fff;
	background:#369;
}

#menuNiv1 li.actif a {
	color:#fff;
	background:#369;
}

#menuPratique {
	margin:0 0 15px -10px;
        background:url("images/fond_menuPrat.jpg") no-repeat;		 
        width:245px;
}

#menuPratique ul {
	padding:0;
	margin:0;
}

#menuPratique li {
	float:left;
	padding:0;
	padding:0 1px 0 1px;
}

#menuPratique li.dernier {
	margin:0;
}

#menuPratique a {
	display:block;
	width:25px;
	height:25px;
	background:#9595aa;
}

a#print {background:url("images/icone_imprimer_off.gif");}
a#print:hover {background:url("images/icone_imprimer_on.gif");}

a#pdf {background:url("images/picto_pdf.gif");}
a#pdf:hover {background:url("images/picto_pdf_over.gif");}

a#mail {background:url("images/icone_ami_off.gif");}
a#mail:hover {background:url("images/icone_ami_on.gif");}

a#favoris {background:url("images/icone_favoris_off.gif");}
a#favoris:hover {background:url("images/icone_favoris_on.gif");}

a#retourAccueil {background:url("images/icone_accueil_off.gif");}
a#retourAccueil:hover {background:url("images/icone_accueil_on.gif");}

a#fr {background:url("images/picto_fr.gif");}
a#fr:hover {background:url("images/picto_fr_over.gif");}

a#aide {background:url("images/icone_aide_off.gif");}
a#aide:hover {background:url("images/icone_aide_on.gif");}

#menuNiv2et3 {
	font-family:"Arial";
	padding:0;
	margin:0 0 25px 0;
	border-bottom:1px #369 dashed;
	clear:both;
}

#menuNiv2et3 h1 {
	color:#369;
	padding:2px 0 1px 30px;
	border-bottom:1px #369 dashed;
	background:url(images/fleche_titre_sousmenu.gif) no-repeat left 100%;
}

#menuNiv2et3 h1 a {
	color:#369;
	text-decoration:none;
}

#menuNiv2et3 h1 a:hover {
	color:#369;
	background:none;
}

#menuNiv2et3 ul {
	margin:0 0 0 10px;
}

#menuNiv2et3 ul li {
	padding:0;
	margin:0;
	background:none;
}

#menuNiv2et3 ul li a {
	color:#900;
	font-size:1.1em;
	font-weight:bold;
	text-decoration:none;
	padding:0 0 0 12px;
	background:transparent url(images/fleche_rouge.gif) no-repeat left 4px;
}

#menuNiv2et3 ul li a:hover {
	color:#369;
	background:transparent url(images/fleche_bleue.gif) no-repeat left 4px;
}

#menuNiv2et3 ul li.actif a {
	color:#369;
	background:transparent url(images/fleche_bleue.gif) no-repeat left 4px;
}

#menuNiv2et3 ul ul {
	padding:0;
	margin:0 0 10px 15px;
}

#menuNiv2et3 ul li.actif ul li a {
	color:#900;
	font-size:0.9em;
	font-weight:normal;
	text-decoration:none;
	padding:0 0 0 10px;
	background:transparent url(images/puce_sousmenu.gif) no-repeat left 50%;
}

#menuNiv2et3 ul li.actif ul li a:hover {
	color:#369;
	font-weight:normal;
	text-decoration:none;
	padding:0 0 0 10px;
	background:transparent url(images/puce_sousmenu_over.gif) no-repeat left 50%;
}

#menuNiv2et3 ul li.actif ul li.actif a {
	color:#369;
	font-weight:normal;
	text-decoration:none;
	padding:0 0 0 10px;
	background:transparent url(images/puce_sousmenu_over.gif) no-repeat left 50%;
}


/* ###################### $6. Blocs de contenu principal ###################### */
.alignDroite {
	text-align:right;
}

img.imgDemarche {
	float:left;
	padding:2px;
	margin:0 8px 5px 0;
}

/* #deuxColonnes #content img {
	float:left;
	padding:2px;
	margin:0 8px 5px 0;
	/*border:1px #ccc solid;*/
/* } */

#deuxColonnes #content a:hover img {
	border:1px #9595aa none;
}

#deuxColonnes #content .imageTexte img {
	float:none;
	padding:2px;
	margin:0;
	border:1px #ccc none;
}

#deuxColonnes #content .imageTexte a {
	display:block;
	text-decoration:underline;
}

#deuxColonnes #content .imageTexte a:hover {
	background:none;
}

#deuxColonnes #content .imageTexte a:hover img {
	border:1px #9595aa none;
}

.imageTexte a:hover .legende {
	color:#4b4b4b;
	text-decoration:none;
}

.imageMilieu a {
	text-decoration:none;
}

imageMilieu a:active {
	text-decoration:none;
}
.imageTexte .legende {
	display:block;
	color:#8e8e8e;
	text-align:center;
	font-style:italic;
	font-size:0.8em;
	margin:0 auto;
}

#cheminNav {
	font-size:0.9em;
	margin:0px 0 30px 245px;
}

#demarchesSimilaires {
	padding:18pt 15pt 10px 37px;
	margin:37px 4pt 30px 40px;
	background:#f0f2f2;
	border:1px solid #f0f2f2;
	overflow:auto;
        width: 620px;
}

#demarchesSimilaires h1 {
	position:relative;
	font-size:1.2em;
	line-height:3em;
	padding:0 0 0 25px;
	margin:-30px 0 0 -22px;
	background:url(images/picto_demarches_similaires.gif) no-repeat left 100%;
	border:0;
}

#demarchesSimilaires ul {
	padding:0;
	margin:0 0 0 4px;
}

#demarchesSimilaires li {
	color:#963;
	font-size:0.9em;
	padding:0 0 0 12px;
	margin:0;
	background:url(images/puce_fleche_bleue.gif) no-repeat left 0.4em;
}

#demarchesSimilaires li a {
	color:#369;
	text-decoration:none;
}

#demarchesSimilaires li a:hover {
	color:#369;
	text-decoration:underline;
	background:none;
}

#intro {
	/* border-bottom:1px solid #996;*/
}

.blocEnSavoirPlus a,a.plus {
	display:block;
	font-weight:bold;
	color:#900;
	text-decoration:none;
	line-height:1.5em;
	padding:12px 0 10px 25px;
	background:#fff url(images/picto_demarches.gif) no-repeat 4px 50%;
}

.blocEnSavoirPlus a:hover,a.plus:hover {
	display:block;
	font-weight:bold;
	color:#900;
	line-height:1.5em;
	padding:12px 0 10px 25px;
	text-decoration:underline;
	background:#fff url(images/picto_demarches.gif) no-repeat 4px 50%;
	clear:both;
}


.demarches ul {
	padding:0;
	margin:5px 0 30px 0;
}

.demarches li {
	width:40%;
	padding:0 0 0 15px;
	margin:0 15px 0 0;
	background:#fff url(images/puce_etoile_rouge.gif) no-repeat 6px 6px;
	float:left;
}

.demarches li a {
	color:#900;
	text-decoration:none;
	background:none;
}

.demarches li a:hover {
	color:#900;
	text-decoration:underline;
	background:none;
}

.coordonnees {
	padding:8px 0 10px 0;
	margin:30px 0 30px 0;
	border-top:2px solid #900;
	border-bottom:2px solid #900;
}

.coordonnees h1 {
	color:#900;
	font-size:1.2em;
	padding:0 0 0 10px;
	margin:0 0 10px 0;
	border:0;
	background:#fff url(images/puce_coordonnees.gif) no-repeat 0% 50%;
}

.coordonnees h2 {
	color:#3b3b3b;
	font-size:1em;
	padding:0;
	margin:15px 0 0 0;
	border:0;
	background:none;
}

div.coordonnees .etablissement {
	margin:0 0pt 14px 8px;
}

div.coordonnees p {
	margin:0 0 5px 0;
}

#pagination {
	font-family:"Arial", sans-serif;
	padding:4px 0 4px 0;
	border-top:1px dotted #999999;
	border-bottom:1px dotted #999999;
}

#pagination a {text-decoration:none; color:#66c;}
#pagination a:hover {color:#d62f7f;	background:none;}
#pagination li.actif a {color:#8F7A22;	background:none;}

a#paginationPrecedent {
	float:left;
	padding:0 0 0 15px;
	background:url("images/picto_pag_precedent.gif") no-repeat 0% 50%;
}
a#paginationPrecedent:hover {background:url("images/picto_pag_precedent_over.gif") no-repeat 0% 50%;}

a#paginationSuivant {
	float:right;
	padding:0 15px 0 0;
	background:url("images/picto_pag_suivant.gif") no-repeat 100% 50%;
}
a#paginationSuivant:hover {background:url("images/picto_pag_suivant_over.gif") no-repeat 100% 50%;}


/* ###################### $7. Blocs de contenu contextuel ###################### */
#listeDemarches {
	padding:0 0 20px 0;
	margin:-20px 0 20px 0;
	background:#fff url(images/bas_box_listeDemarches.gif) no-repeat left bottom;
        position: relative;
        top:-50px;
}

#listeDemarches h1 {
	height:20px;
	color:#900;
	font-size:1.1em;
	text-transform:uppercase;
	padding:18px 0 2px 52px;
	margin:0;
	background:#fff url(images/fond_h1_listeDemarches.gif) no-repeat left top;
	border:0;
}

#listeDemarches ul {
	padding:10px 10px 0 15px;
	margin:0;
	background:#e6e6cd url(images/fond_listeDemarches.gif) repeat-y left bottom;
}

#listeDemarches li {
	padding:0 0 0 10px;
	margin:0 0 1px 0;
	background:#fff url(images/puce_etoile_rouge.gif) no-repeat left 50%;
}

#listeDemarches a {
	text-decoration:none;
}

#col3 div.coordonnees {
	padding:0 0px 8px ;
	margin:0 0 10px ;
	background:#edf2f4 url(images/fond_coordonnees_context.gif) no-repeat left bottom;
	border:0;
        position:relative;
        top:-50px;
}

#col3 div.coordonnees h1 {
	padding:8px 0 0 20px;
	margin:0 0px 15px;
	background:#edf2f4 url(images/fond_h1_coordonnees.gif) no-repeat left top;
}

#col3 div.coordonnees h2 {
	font-size:1.1em;
	margin:0;
}

/* ###################### $9. Styles spécifiques "Accueil" ###################### */
#accueil #menuNiv1 {
	background:#fff url('images/fond_menuNiv1.jpg') left bottom no-repeat;
}

#accueil #menuPratique {
	margin:0;
	float:left;
}

#edito {
	width:520px !important;
	width:510px;
	font-size:1.1em;
	padding:0px 0px 10px 15px;
	margin:0px 20px 0px 0px !important;
	margin:0px 20px 0px 0px;
	background:#fff url(images/fond_edito.jpg) repeat-y scroll 0%;
	float:left;
        position:relative;
        top:0px !important;
        top:-30px;
}

* html body #edito {
	margin:0px 20px 0 10px !important;
	margin:0px 20px 0 10px;
}

.chapeau {
	color:#369;
	font-weight:bold;
	margin:0;
}

#edito h1 {
	color:#369;
	font-size:1.5em;
	text-transform:uppercase;
	line-height:1.6em;
	padding:0 0 0 35px;
	margin:0 0 8px -10px;
        width:500px;
	background:transparent url(images/fleche_h1_edito.gif) no-repeat left top;
	border:0;
}

#edito h2 {
	color:#4b4b4b;
	font-size:1.1em;
	line-height:1.6em;
	padding:10px 0 10px 15px;
	margin:0;
	background:transparent url(images/fleche_rouge.gif) no-repeat left 50%;
	border-top:1px dashed #369;;
}

#edito ul {
	padding:0;
	margin:0;
}

#edito li {
	width:23%;
	font-size:0.8em;
	padding:0 0 0 5px;
	margin:0 5px 2px 0;
	background:none;
	border-left:1px #4e4e4e solid;
	float:left;
}

#edito #col2 {
      width: 490px;
}

#accueil #intro {
	width:300px !important;
	width:290px;
	font-size:1.1em;
	padding:0 0 8px;
	margin:0 20px 0 0;
	float:right;
}

#accueil #intro #col2{
	width:300px !important;
	width:280px;
	padding:0 0 0 0;
	margin:0 0 0 0;
}

#accueil #intro #col2 h1 {
  font-size:12px;
  border-bottom:none;
  background: none;
  border: Opx;
 
}

* html body#accueil #intro {
	margin:0 10px 0 0;
     
}

#accueil #intro img {
	float:left;
	padding:2px;
	margin:0 8px 5px 0;
	/*border:1px #ccc solid;*/
}

#intro img {
   float:left;
   padding:2px;
   margin: 0 8px 5px 0;
}

#introRubrique img {
   float:left;
   padding:2px;
   margin: 0 8px 5px 0;
}

#introRubrique {
}

iframe {
	border:1px black solid;
}

#col1 {
        width:210px;
        padding:0 10px 0 10px;
        margin:0;
        background:#fff url('images/fond_col1.jpg') left top repeat-x;
        float:left;

}

* html body #col2 {
         width:401px;
 }

#col2 {
        font-size:1.1em;
        width:390px !important;
        width:370px;
        padding:0 25px 0 25px;
        margin:0 0 10px 0;
        float:left;
}

.titrepage #col2 {
        float:none;
}






#deuxColonnes #col2 {
   width:680px;
   padding:0 0 0 0px;
   margin:0 0 0 0;
}


#col3 {
  width:250px;
  padding:10px 0 0 0;
  float:left;
}
div.imageTexteDroite {
  width: auto;
  padding:0em 1em 1em 0em;
  vertical-align: top;
  text-align: justify;
}
div.imageTexteDroite p {
        margin-top:0;
}
div.imageTexteGauche {
  float: left;
  width: auto;
  padding-right:0.5em;
  padding-bottom:0.5em;
  padding-top:0px;
}

span.source {
  position: relative;
  left: 110px;
  top: 15px;
   
}

#pageEntete {
  height: 144px !important;
  height: 110px;
}

div#content {
float:left;
position:relative;
z-index:0;
}
.contentAvecGaucheSansDroite {
background-color:#FFFFFF;
margin-left:10px;
margin-right:-10px;
width:705px;
float:left;
}
.contentSansGaucheSansDroite
 {
  width: 95% !important;
  width: 98%;
  margin-left:20px !important;
  margin-left:0px;
  float:none;
}


div.texteImageDroite {
  float: right;
  padding-right:7px !important;
  padding-right:11px;
  width: auto;
  padding-top:0 !important;
}

.ct2TexteGauche, .cl2TexteGauche {
  position: relative;
  float: left;
  width: 48%;
  margin-right: 1%;
  overflow: hidden;
}
.ct2TexteDroite, .cl2TexteLiens {
  position: relative;
  float: right;
  width: 48%;
  margin-left: 1%;
}
div.ct22ColsTexte {
  width: 100%;
  clear:both;
}

.Col2Img1, .Col2Img2 {
  float: left;
  width: 50%;
}
.Col3Img1, .Col3Img2, .Col3Img3 {
  float: left;
  width: 30%;
  margin:0pt 10px;
}
.Col4Img1, .Col4Img2, .Col4Img3, .Col4Img4 {
  float: left;
  width: 25%;
}
.Col5Img1, .Col5Img2, .Col5Img3, .Col5Img4, .Col5Img5 {
  float: left;
  width: 20%;
}


#themesRub {		 
    padding:10px 15px 10px 15px;		 
    margin:15px 0 30px 0;		 
    background:#f0f2f2;		 
    border:1px solid #f0f2f2;		 
    color:#336699;		 
}		 
 		 
#themesRub a{		 
    text-decoration:none;		 
    color:#336699;		 
}		 
 		 
#themesRub a:hover{		 
    text-decoration:underline;		 
    color:#336699;		 
}

#navigationCentrale {
  width:100%;
  float:left;
}


#navigationCentrale h2{		 
    font-size:1.3em;		 
    color:#990000;		 
    padding:2px 0 2px 15px;		 
    margin:10px 0 6px 0;		 
    background:#E1E1C4;		 
    width:50%;		 
    border-left:6px solid #990000;		 
}		 
 		 
#navigationCentrale h3 {		 
    font-size:1.1em;		 
    color:#336699;		 
    padding:0 0 0 14px;		 
    margin:20px 0 0px 0px;		 
    background:#fff url(images/fleche_bleue.gif) no-repeat 5px;		 
    display: inline-block;
}		 
 		 
.sous_titre_plan { 		 
    font-family:"Arial", sans-serif;		 
    line-height:1.5em;		 
    display:block;		 
    position:relative;		 
    font-size:1.3em;		 
    color:#369;		 
    margin:15px 0 5px 20px;		 
    padding:0 0 0 15px;		 
    background:#fff url(images/fleche_h2.gif) no-repeat left 50%;		 
    clear:both;		 
    font-weight:bold;		 
}

/*==============*/
/* Profil Theme */
/*==============*/
div#ptCriteria, div#ptResult, div#ravCriteria {
  margin-top: 2em;
  margin-bottom: 2em;
}
div#ptPersonnalisee, div#ravPersonnalisee {
  position: relative;
  width: 60%;
  float:center;
  margin-left:20%;
}
div#ptPersonnaliseeTitre, div#ravPersonnaliseeTitre {
  margin-bottom: 0px;
  padding-bottom: 0px;
} 

div#ptAide, div#ravAide {
  position: relative;
  float: right;
  height: 20px;
  padding-top: 20px;
}
div#ptCadreGauche, div#ravCadreGauche {
  position: relative;
  float: right;
  width: 35%;
  text-align: left;
  margin-right: 5px;
}
fieldset#ptPersonnaliseeCriteria, fieldset#ravPersonnaliseeCriteria {
  clear: both;
  background: transparent;
  border: none;
} 

.b1, .b2, .b3, .b4, .b1b, .b2b, .b3b, .b4b {
  display:block;
  overflow:hidden;
  font-size:1px;
}
.b1, .b2, .b3, .b1b, .b2b, .b3b {
  height:1px;
}
.b2, .b3, .b4, .b4b, .b3b, .b2b {
  background:#f5f9ff;
  border-left:1px solid #999;
  border-right:1px solid #999;
}
.b1, .b1b {
  padding: 0px;
  margin:0px 5px;
}
.b2, .b2b {
  margin:0px 3px;
  border-width:0 2px;
  background:#999;
}
.b3, .b3b {margin:0 2px;}
.b4, .b4b {
  height:2px;
  margin:0 1px;
}
.ptContent, .ravContent {
  display:block;
  background:#f5f9ff;
  border-left:1px solid #999;
  border-right:1px solid #999;
  padding-left: 20px;
}
.ravContent {
  padding-top: 0.5em;
  padding-right: 10px;
}
div#ravPersonaliseeIntro, div#ravContacterIntro {
  margin-top: 0.5em;
  margin-bottom: 1em;
  width: 100%;
  font-weight: bold;
}
div#ptPersonnaliseeEtre, div#ptPersonnaliseeTheme {
  position: relative;
  float: left;
  margin: 5px;
}
div#ptPersonnaliseeAction {
  clear: both;
  text-align: center;
}
div#ProfilThemePied {
  clear: both;
  border-top: 1px solid #c5c5c5;
  text-align: center;
}
div#ProfilThemePiedContacter {
  text-align: left;
  vertical-align: top;
  width: 60%;
  background: transparent url(images/logo_vdl.gif) 0px no-repeat;
  padding-top: 5px;
  padding-left: 70px;
  margin-top: 2em;
  margin-bottom: 2em;
}
div#ptRappelCritere {
  font-weight: bold;
  margin-bottom: 2em;
}
div#ptRappelCritere .criteres {
        color: #00497e;
        font-weight: bold;
}
div#ptResultatDemarche, div#ptResultatInfo, div#ptLstDemarches, div#ptLstInfos {
  position: relative;
  margin: 10px;
  width: 95%;
}
div#ptNoResult, div#ptNoCriteres {
  clear: both;
  font-style: italic;
  text-align: center;
}
div#ptAction {
  clear: both;
  text-align: center;
}

#formProfilTheme select {
  width:28em;
  margin-bottom:1.5em;
}
.cache {
  display: none;
}

div.imageRetourHaut {
  float:right;
  margin: 0px 0px 0px 0px;
  background: transparent url('images/fleche_haut.gif') no-repeat 63% 43%;
  padding-top:18px;
}

div.imageRetourHaut a {
   text-decoration:none;
}

.result .case_numero{		 
   display:block;		 
   background-color:#990000;		 
   color:#FFFFFF;		 
   font-weight:bold;		 
   width:23px;		 
   height:14px;		 
   float:left;		 
   padding:-3px 0 0 4px;		 
} 
		 
.nb_results{		 
    display:block;		 
    float:left;		 
    width:100%;		 
    padding:4px 0 0 3px;		 
    height:21px;		 
    background-color:#E5E5D1;		 
}

.result{
    display:block;
    float:left;
    width:100%;
    border-bottom:1px solid #E5E5D1;
    margin-bottom:10px;
}

.result a{
    font-style:italic;
    float: none;
}

.result div{
    float:right;
    display:block;
    width:880px;
}


.result strong{
    text-transform:uppercase;
    color:#990000;
}

.result span{
    font-weight:normal;
}
.results_nav{     
    display:block;
    float:left;         
    padding:0 0 0 380px;
    color:#990000;
}

span.resultsBreadcrumb{
    font-weight:bold;
}
                
.results_nav a {  
    color:#990000;       
    text-decoration:none;
}
                 
.results_nav a:hover {        
    text-decoration:underline;
}                
.results_nav a:active {
    font-weight:bold;
}

.puceBleu {
   padding: 0 0 0 15px ;
   margin: 0 0 1px 30px;
   background: transparent url(images/puce_listes_demarches_bleue.gif)  no-repeat left 0.5em;
   height: auto !important;
   height: 11px;
   position: static !important;
   position: relative;
   display: inline !important;
   display: inline-block;
}


.puceRouge {
   padding: 0 0 0 15px ;
   margin: 0 0 1px 30px;
   background:transparent url(images/puce_listes_demarches.gif) no-repeat 0% 0.5em;
   height: 11px;
   position: static !important;
   position: relative;
   display: inline !important;
   display: inline-block;
}

.puceSousListe {
   padding: 0 0 0 15px;
   margin: 0 0 1px 30px;
   background: transparent url(images/puce_sous_listes.gif)  no-repeat left 0.5em;
   height: 11px;
   position: static !important;
   position: relative;
   display: inline !important;
   display: inline-block;
}


.puceBleu li {
   padding: 0 0 0 15px ;
   margin: 0 0 1px 0;
   background: transparent url(images/puce_listes_demarches_bleue.gif)  no-repeat left 0.5em;
   height: 11px;
}

.puceRouge li {
   padding: 0 0 0 15px ;
   margin: 0 0 1px 0;
	background:transparent url(images/puce_listes_demarches.gif) no-repeat left 0.5em;
   height: 11px;
}

.puceSousListe li {
   padding: 0 0 0 15px;
   margin: 0 0 1px 0;
   background: transparent url(images/puce_sous_listes.gif)  no-repeat left 0.5em;
   height: 11px;
}

.lienEuro {
  padding: 0 0 3px 31px !important;
  padding: 0 0 0px 31px;
  margin: 0 0 0 1px;
  background: transparent url(images/picto_euro.gif)  no-repeat left 0px;
  height: 20px;
  position: static !important;
  position: relative;
  display: inline-block;
}

.lienDocument {
  padding: 0 0 3px 31px !important;
  padding: 0 0 0px 31px;
  margin: 0 0 0 1px;
  background: transparent url(images/picto_document.gif)  no-repeat left 0px;
  height: 20px;
  position: static !important;
  position: relative;
  display: inline-block;
}

.lienDossier {
  padding: 0 0 3px 31px !important;
  padding: 0 0 0px 31px;
  margin: 0 0 0 1px;
  background: transparent url(images/picto_dossier.gif)  no-repeat left 0px;
  height: 20px;
  position: static !important;
  position: relative;
  display: inline-block;
}

.lienLienWeb {
  padding: 0 0 3px 31px !important;
  padding: 0 0 0px 31px;
  margin: 0 0 0 1px;
  background: transparent url(images/picto_liens_web.gif)  no-repeat left 0px;
  height: 20px;
  position: static !important;
  position: relative;
  display: inline-block;
}

.lienPDF {
  padding: 0 0 3px 31px !important;
  padding: 0 0 0px 31px;
  margin: 0 0 0 1px;
  background: transparent url(images/picto_liens_pdf.gif)  no-repeat left 0px;
  height: 20px;
  position: static !important;
  position: relative;
  display: inline-block;
}

.lienFormulaire {
  padding: 0 0 3px 31px !important;
  padding: 0 0 0px 31px;
  margin: 0 0 0 1px;
  background: transparent url(images/picto_formulaire.gif)  no-repeat left 0px;
  height: 20px;
  position: static !important;
  position: relative;
  display: inline-block;
}

.lienFAQ {
  padding: 0 0 3px 49px !important;
  padding: 0 0 0px 49px;
  margin: 0 0 0 1px;
  background: transparent url(images/picto_liens_faq.gif)  no-repeat left 0px;
  height: 20px;
  position: static !important;
  position: relative;
  display: inline-block;
}

.lienMail {
  padding: 0 0 3px 31px !important;
  padding: 0 0 0px 31px;
  margin: 0 0 0 1px;
  background: transparent url(images/picto_liens_mail.gif)  no-repeat left 0px;
  height: 20px;
  position: static !important;
  position: relative;
  display: inline-block;
}

a img.bordurevignette {
   border: 0px;
}


.separateur {
   border-bottom:1px solid #996;
   width: 100%;
   float: left;
}

div.coordonnees a:hover {
  color:#336699;
}

div.coordonnees a {
  text-decoration: none;
}

a.titreh2demarche{
  text-decoration: none;
}