*{
	margin: 0;
	padding: 0;
}

@font-face {
    font-family: 'OpenSansLight';
    src: url('/Style%20Library/CDPDJ/Polices/open-sans-fontfacekit/OpenSans-Light-webfont.eot');
    src: url('/Style%20Library/CDPDJ/Polices/open-sans-fontfacekit/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Style%20Library/CDPDJ/Polices/open-sans-fontfacekit/OpenSans-Light-webfont.woff') format('woff'),
         url('/Style%20Library/CDPDJ/Polices/open-sans-fontfacekit/OpenSans-Light-webfont.ttf') format('truetype'),
         url('/Style%20Library/CDPDJ/Polices/open-sans-fontfacekit/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansLightItalic';
    src: url('/Style%20Library/CDPDJ/Polices/open-sans-fontfacekit/OpenSans-LightItalic-webfont.eot');
    src: url('/Style%20Library/CDPDJ/Polices/open-sans-fontfacekit/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Style%20Library/CDPDJ/Polices/open-sans-fontfacekit/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('/Style%20Library/CDPDJ/Polices/open-sans-fontfacekit/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('/Style%20Library/CDPDJ/Polices/open-sans-fontfacekit/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('/Style%20Library/CDPDJ/Polices/open-sans-fontfacekit/OpenSans-Regular-webfont.eot');
    src: url('/Style%20Library/CDPDJ/Polices/open-sans-fontfacekit/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Style%20Library/CDPDJ/Polices/open-sans-fontfacekit/OpenSans-Regular-webfont.woff') format('woff'),
         url('/Style%20Library/CDPDJ/Polices/open-sans-fontfacekit/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('/Style%20Library/CDPDJ/Polices/open-sans-fontfacekit/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansItalic';
    src: url('/Style%20Library/CDPDJ/Polices/open-sans-fontfacekit/OpenSans-Italic-webfont.eot');
    src: url('/Style%20Library/CDPDJ/Polices/open-sans-fontfacekit/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Style%20Library/CDPDJ/Polices/open-sans-fontfacekit/OpenSans-Italic-webfont.woff') format('woff'),
         url('/Style%20Library/CDPDJ/Polices/open-sans-fontfacekit/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('/Style%20Library/CDPDJ/Polices/open-sans-fontfacekit/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('/Style%20Library/CDPDJ/Polices/open-sans-fontfacekit/OpenSans-Semibold-webfont.eot');
    src: url('/Style%20Library/CDPDJ/Polices/open-sans-fontfacekit/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Style%20Library/CDPDJ/Polices/open-sans-fontfacekit/OpenSans-Semibold-webfont.woff') format('woff'),
         url('/Style%20Library/CDPDJ/Polices/open-sans-fontfacekit/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('/Style%20Library/CDPDJ/Polices/open-sans-fontfacekit/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansSemiboldItalic';
    src: url('/Style%20Library/CDPDJ/Polices/open-sans-fontfacekit/OpenSans-SemiboldItalic-webfont.eot');
    src: url('/Style%20Library/CDPDJ/Polices/open-sans-fontfacekit/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Style%20Library/CDPDJ/Polices/open-sans-fontfacekit/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('/Style%20Library/CDPDJ/Polices/open-sans-fontfacekit/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('/Style%20Library/CDPDJ/Polices/open-sans-fontfacekit/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansBold';
    src: url('/Style%20Library/CDPDJ/Polices/open-sans-fontfacekit/OpenSans-Bold-webfont.eot');
    src: url('/Style%20Library/CDPDJ/Polices/open-sans-fontfacekit/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Style%20Library/CDPDJ/Polices/open-sans-fontfacekit/OpenSans-Bold-webfont.woff') format('woff'),
         url('/Style%20Library/CDPDJ/Polices/open-sans-fontfacekit/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('/Style%20Library/CDPDJ/Polices/open-sans-fontfacekit/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBoldItalic';
    src: url('/Style%20Library/CDPDJ/Polices/open-sans-fontfacekit/OpenSans-BoldItalic-webfont.eot');
    src: url('/Style%20Library/CDPDJ/Polices/open-sans-fontfacekit/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Style%20Library/CDPDJ/Polices/open-sans-fontfacekit/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('/Style%20Library/CDPDJ/Polices/open-sans-fontfacekit/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('/Style%20Library/CDPDJ/Polices/open-sans-fontfacekit/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansExtrabold';
    src: url('/Style%20Library/CDPDJ/Polices/open-sans-fontfacekit/OpenSans-ExtraBold-webfont.eot');
    src: url('/Style%20Library/CDPDJ/Polices/open-sans-fontfacekit/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Style%20Library/CDPDJ/Polices/open-sans-fontfacekit/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('/Style%20Library/CDPDJ/Polices/open-sans-fontfacekit/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('/Style%20Library/CDPDJ/Polices/open-sans-fontfacekit/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansExtraboldItalic';
    src: url('/Style%20Library/CDPDJ/Polices/open-sans-fontfacekit/OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('/Style%20Library/CDPDJ/Polices/open-sans-fontfacekit/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Style%20Library/CDPDJ/Polices/open-sans-fontfacekit/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
         url('/Style%20Library/CDPDJ/Polices/open-sans-fontfacekit/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
         url('/Style%20Library/CDPDJ/Polices/open-sans-fontfacekit/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}


body{
	font-family: Arial, Verdana, sans-serif;
	font-size: 0.875em;
	background-color: #ece8dc;
	color: #3B3831;
}

a:link, a:visited{
	text-decoration: none;
	color: #004b93;
}

a:hover, a:focus{
	text-decoration: underline;
}


.wrapperContenus a:link,.wrapperContenus a:visited{
	text-decoration: underline;
}

ul{
	list-style-type: none;
}

img{
	border: none;
}

p, .blocContenu li, .blocContenu .a{
	line-height: 1.4em;
}

p a{
	text-decoration: underline;
}

sup{
	font-size: 0.75em;
	height: 0;
	line-height: 0.8em;
	font-weight: bold;
	position: relative;
}

hr{
	background-color: #ece8dc;
	border: 0;
	height: 1px;
}


dt{
	font-weight: bold;
	text-transform: uppercase;
}

ol{
	margin-left: 20px;
}

ol li{
	margin-bottom: 10px;
}


/*Tous les textes avec une marge inférieure de 20px*/
hr, h1, h2, h3, h4, .encadre, .margeBas-20,.blocContenu p, .blocContenu ul, .blocContenu ol, .blocInfosComplementaires ul,.blocInfosComplementaires ol, .blocInfosComplementaires p, .lienIcone, .barreRouge, .titre_drapeau_brun, .titre_drapeau_brun_petit, .h1-1, .ulDate li, .listeLiens-Contact .elementContact, .listeLiens-Contact p, .ulRecherche  li, dt, dd{
	margin-bottom: 20px;
}

.ulDiscNonLien>li, .ulDiscLien>li, .ulDisc>li{
	margin-bottom: 5px;
}



/*Tous les divisions avec une marge inférieure de 20px*/
.contenuStyle-2,.contenuStyle-3, .contenuStyle-4, #piedPageBody .barrePiedInfos, .listeLiens-1, .blocLienCarre{
	margin-bottom: 20px;
}

#menuOption, #visionneuse, #entete, .margeBas-30, .simple-definition{
	margin-bottom: 30px;
}


.margeBas-15, .barreBrune, .barreBrune-2, .listeLiens-1  h2, .listeLiens-2 h2, .listeLiens-3  h2, .listeLiens-Contact h2, .boiteRecherche h2, .blocInfosComplementaires h2{
	margin-bottom: 15px;
}

.margeHaut-15{
	margin-top: 15px;
}

.margeBas-5{
   	margin-bottom: 5px!important;
}

.margeGauche--38{
	margin-left: -38px!important;
}

.margeGauche-15{
	margin-left: 15px!important;
}

/*.padding-gauche-droite-1{
	padding-left: 20px;
	padding-right: 20px;
}*/


/*{
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;	
}*/




.contenuRangeeDeux, .contenuRangeeUn, #visionneuse, #navigation, #menuPrincipal, #enteteLogoRecherche, #menuOption, .boiteRecherche, .wrapper_btn_infos, .blocInfosComplementaires, .ulBouton button .img_btn_accordeon, .conteneurBloc-1, .conteneurBloc-2, .ulBlocLi, .wrapperContenus, .blocLienCarre, .ulMotif, .contenuStyle-4, .encadre{
	overflow: hidden;
}

.wrapperContenu-7 .contenuStyle-2{
	overflow: auto;
}

.droite{
	float: right;
}

.gauche{
	float:left;
}

.clear-both{
	clear: both;
}

.pad-left-35{
	padding-left: 35px;
}

.texte-droit
{
	text-align: right;
}


#wrapper{
	width: 1170px;
	margin: 0 auto;
}

.wrapperContenus{
	padding: 0 2px 2px 0;
	width: 1176px;
	margin-left: -6px;
}

.policeGrasse{
	font-weight: bold;
}

.nonBordureBas{
	border-bottom: none!important;
}

.nonBordureHaut{
	border-top: none!important;
}



.barreBrune{
	height: 6px;
	width: 100%;
	background-color: #3b3831;
}

.barreBrune-2{
	background-color: #4f4c46;
	height: 6px;
	width: 100%;
}

.barreRouge{
	height: 6px;
	width: 100%;
	background-color: #c03200;
}

.horsEcran{
	position: absolute;
	left: -9999px;
}

.labelRecherche{
	font-size: 0.93em;
	margin-right: 13px;
	color: #3d3a33;
	text-transform: uppercase;
}

.champsRecherche{
	height: 28px;
	padding: 0 5px;
	margin: 5px 0;
	border: 1px solid #c0bcb1;
	line-height: 28px; 
	font-size: 1em;
	
}

.btn_recherche .btnRecherche{
	margin: 5px 0 10px 0;
}

.ulDoubleFleche>li, .navUlDoufleFleche>li>a, .listeLiens-4 ul>li{
	background: url('/Style%20Library/CDPDJ/Images/liste_double_fleche_noir.png') no-repeat;
}

.ulDoubleFleche>li{
	background-position: left 4px;
	padding-left: 12px;
}

.ulDate li{
	border-bottom: 1px dotted #ece8dc;
	padding: 0 0 20px 0;
}

.ulDisc, .ulDiscLien, .ulDiscNonLien{
	list-style-type: disc;
	list-style-position: outside;
}

.ulDisc{
	color: black;
}

.ulDiscLien, .ulDiscNonLien{
	margin-left: 15px;
	margin-right: 15px;
}




.ulPetitDrapeauBleu{
                list-style-image: url("/Style%20Library/CDPDJ/Images/drapeauBleu_petit.png");
                margin: 10px 50px 0px 15px;
}

.ulGrandDrapeauBleu{
                list-style-image: url("/Style%20Library/CDPDJ/Images/liste_drapeau_bleu.png");
                margin: 10px 50px 0px 25px;
}


.ulPetitrondBleu{
                list-style-image: url("/Style%20Library/CDPDJ/Images/rond_bleu.png");
                margin: 10px 50px 0px 15px;
}

.ulPetitrondBleu>li {
                margin-right: 5px;
                margin-bottom: 5px;
                font-size: 0.86em;
}

.ulPetitDrapeauBleu>li {
                margin-right: 5px;
                margin-bottom: 5px;
}


.ulGrandDrapeauBleu>li {
                margin-right: 5px;
                margin-bottom: 5px;
}


.date-drapeau{
                background:url("/Style%20Library/CDPDJ/Images/date-drapeau.jpg") no-repeat left center;
                text-align: center;
                width: 61px;
                display: inline-block;
                color: white;
                font-size: 0.86em;
                padding-top: 1px; 
}


.ulDrapeauRouge li{
	background: url('/Style%20Library/CDPDJ/Images/liste_drapeau_bleu.png') no-repeat scroll left 19px;
}

.ulDrapeauJaune li{
	background:url("/Style%20Library/CDPDJ/Images/li_drapeau_jaune.png") no-repeat left 16px;
}

.ulCercleJaune li{
	background: url('/Style%20Library/CDPDJ/Images/li_cercle_jaune.png') no-repeat;
}

.ulCercleRouge li{
	background: url('/Style%20Library/CDPDJ/Images/li_cercle_rouge.png') no-repeat;
}

.ulCercleBrun li{
	background: url('/Style%20Library/CDPDJ/Images/li_cercle_brun.png') no-repeat;
}

.liDocuments{
	background: url('/Style%20Library/CDPDJ/Images/img_document.png') no-repeat scroll 3px 10px;
}

.liDepliants{
	background: url('/Style%20Library/CDPDJ/Images/img_depliants.png') no-repeat scroll left 13px;
}

.liMemoires{
	background: url('/Style%20Library/CDPDJ/Images/img_memoire.png') no-repeat scroll 3px 10px;
}

.liRapports{
	background: url('/Style%20Library/CDPDJ/Images/img_rapport.png') no-repeat scroll 2px 13px;
}

.liMateriel{
	background: url('/Style%20Library/CDPDJ/Images/img_materiel.png') no-repeat scroll left 13px;
}

.liTxtLois{
	background: url('/Style%20Library/CDPDJ/Images/img_txt_lois.png') no-repeat scroll 3px 10px;
}

.liAutreDoc{
	background: url('/Style%20Library/CDPDJ/Images/img_autres_documents.png') no-repeat scroll 2px 10px;
}

.ulBlocLi{
	padding: 20px 0;
}

.ulBlocLi a{
	color: #004b93;
	font-family: OpenSansSemibold;
	font-weight: normal;
	font-size: 1.2em;
	line-height: 1.2em;
}

.ulBlocLi li img{
	float: left;
	margin-right: 10px;
}

.ulBlocLi  li{
	float: left;
	width: 315px;
	border-bottom: 1px solid #eee;
	padding-bottom: 40px;
}

.ulBlocLi  li:nth-child(1), .ulBlocLi  li:nth-child(2){
	margin-bottom: 40px;
}


.ulGrandDrapeauJaune li{
	background: url('/Style%20Library/CDPDJ/Images/drapeau_jaune_grand.png') no-repeat left 0px;
}

.ulPetitDrapeauJaune li{
	background: url('/Style%20Library/CDPDJ/Images/drapeau_jaune_petit.png') no-repeat left 0px;
}

.ulRecherche  li{
	border-bottom: 1px dotted #ece8dc;
	padding-bottom: 20px;
}

.ulRecherche a{
	font-size: 1.1em;
	margin-bottom: 2px;
	font-weight: bold;
}

.ulRecherche p, .ulDate p{
	margin-bottom: 0px;
}


.messageImportant{
	margin-right: 20px;
	color: #c03200;
	padding-left: 20px;
	border-left: 4px solid #c03200;
}

.encadre{
	background-color:#F6F4EE;
	padding: 20px 20px 5px 20px;

	
}

.date{
	color: #555;
}

.date-2{
	font-size: 0.9em;
	margin-bottom: 5px;
	font-weight: bold;
}

.nom{
	color: #000;
	font-size: 1.25em;
	font-family: OpenSansSemibold;
	font-weight: normal;
}

.sousLigne{
	text-decoration: underline;
} 

.motRecherche{
	color: #c03200;
}

.motSurligne{
	background-color: #ffff99;
}

.btnSavoirPlus{
	text-align: right;
	padding-right: 30px;
	background: url('/Style%20Library/CDPDJ/Images/drapeauBleu.png') no-repeat scroll right 0px;
}

.btnSavoirPlus a{
	
	text-transform: uppercase;
	
}

.infosBleus{
	color: #004b93;
	font-weight: bold;
	font-size: 1.1em;
}

.imgComplement{
	float: left;
	margin-right: 10px;
}

.imgComplement2{
	float: left;
	margin-right: 15px;
}

.imgComplement3{
	float: right;
	margin-left: 10px;
}


.invisible{
	color: transparent;
}

.bleu{
	color: #004b93;
}
/*---------TOUS LES STYLES DES ENTÊTES----------*/
.h1-1{
	color: #000;
	font-size: 2.9em;
	font-family: OpenSansRegular;
	font-weight: normal;
	line-height: 1.1em;
}

.h2-1{
	font-size: 2.6em;
	text-align: center;
	display:inline-block;
	color: #fff;
	padding: 5px 10px;
	background-color: #3b3831;
	box-shadow: 1px 1px 2px #999;
	position: relative;
	top: -15px;
	font-family:OpenSansLight;
	font-weight: normal;
	max-width: 400px;
}


.h2-2{
	font-family:OpenSansLight;
	font-size: 2.1em;
	font-weight: normal;
}

.h2-3, .h2-4, .h3-1, .h1-2{
	font-family: OpenSansSemibold;
	font-weight: normal;
	color: #000;
	/*text-transform: uppercase;*/
}

.h2-3, .h2-4, .h3-1, .h1-2{
	font-size: 1.3em;
}

.h2-4, .h1-2{
	border-bottom: 1px solid #ece8dc;
	border-top: 1px solid #ece8dc;
}

.h1-2{
	padding: 10px 0;
}

.h2-4{
	padding: 10px 0 10px 35px;
	margin: 30px 0 20px 0;
	background: url('/Style%20Library/CDPDJ/Images/drapeauBleu.png') no-repeat scroll left 16px;
}


.h2-5{
	font-family:OpenSansSemiBold;
	font-size: 1.1em;
	margin-bottom: 15px;
	border-top: 2px solid #3B3831;
	border-bottom: 2px solid #3B3831;
	padding: 5px 0;
}

.h2-6{
	font-family: OpenSansLight;
	font-size: 1.6em;
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #ece8dc;
	color: #000;
}

.h3-2{
	font-family: OpenSansSemibold;
	font-weight: normal;
	color: #c03200;
	font-size: 1.1em;
	line-height: 1.1em;
	margin: 30px 0 20px 0; 
}

/*pour insérer le titre h3 dans un boutton de liste de boîte accordéon;*/
.h3-3 {
	font-family: OpenSansSemibold;
	font-weight: normal;
	color: #c03200;
	font-size: 1.1em; 
}

h4{
	color: #c03200;
}

.h4-1 {
	font-family: OpenSansSemibold;
	font-weight: normal;
	color: #c03200;
	font-size: 1.1em; 
}


.titre_drapeau_brun{
	text-align: center;
	background: url('/Style%20Library/CDPDJ/Images/drapeau_brun.png') no-repeat;
	width: 249px;
	padding: 6px 0;
}

.titre_drapeau_brun_petit{
	text-align: center;
	background: url('/Style%20Library/CDPDJ/Images/drapeau_brun_petit.png') no-repeat;
	width: 231px;
	padding: 6px 0;
}


.titre_drapeau_brun h2, .titre_drapeau_brun_petit h2{
	color: #fff;
	font-size: 1em;
	font-family: OpenSansSemibold;
	font-weight: normal;
	/*width: 220px;*/
	display: inline;
	background-color: #3b3831;
}
/*---------FIN DE TOUS LES STYLES DES ENTÊTES----------*/



/*------TOUTES LES DIVISIONS DONT LA LARGEUR EST DE X PX----- */
.largeur-150{
	width: 150px;
}

.largeur-190{
	width: 190px;
}

.largeur-210{
	width: 210px;
}

.largeur-230{
	width: 230px;
}

.largeur-250{
	width: 250px;
}

.largeur-270{
	width: 270px;
}

.largeur-300{
	width: 300px;
}

.largeur-360{
	width: 360px;
}

.largeur-400{
	width: 400px;
}

.largeur-425{
	width: 425px;
}


.largeur-440{
	width: 440px;
}

.largeur-510{
	width: 510px;
}

.largeur-570{
	width: 570px;
}

.largeur-700{
	width: 700px;
}

.largeur-706{
	width: 706px;
}

.largeur-840{
	width: 840px;
}

.largeur-900{
	width: 900px;
}

.largeur-50pc{
	width: 50%;
}

.largeur-25pc{
	width: 25%;
}
/*---------FIN DU STYLE POUR LES LARGEURS*/


/*Tailles des textes*/
.info-document{
	font-size: 0.86em;
}
/*Fin de des tailles des textes*/



/*------STYLE DES CONTENEURS QUI CONTIENNENT DES BLOCS CONTENUS DONT LE TITRE EST SORTI------*/
.conteneurBloc-1, .conteneurBloc-2{
	padding: 15px 2px 2px 0;
}

.conteneurBloc-2{
	padding-left: 6px; 
	margin-left: -6px;
}
/*------FIN DU STYLE DES CONTENEURS QUI CONTIENNENT DES BLOCS CONTENUS DONT LE TITRE EST SORTI------*/



/*--------STYLE DES ÉLÉMENTS DU BLOC CONTENU----------*/
.blocContenu{
	box-shadow: 1px 1px 2px #999;
	background-color: #fff;
}

.blocContenu .ulDisc, .blocContenu .olBasPage{
	margin-left: 15px;
}

.blocContenu .olBasPage{
	font-size: 0.86em;
}

.blocContenu .exemple{
	font-weight: bold;
	margin-bottom: 5px;
}

.blocContenu .ulDoubleFleche li, .blocContenu .ulDiscLiens li{
	margin-bottom: 2px;
}
/*--------FIN DU STYLE DES ÉLÉMENTS DU BLOC CONTENU----------*/



/*--------STYLE DU BLOC CONTENU ACTUALITÉS DE LA PAGE D'ACCUEIL----------*/
.contenuStyle-1{
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.contenuStyle-1 .date{
	width: 300px;
	margin: 14px -6px 0 0;
	padding-bottom: 5px;
	float: right;
	background: url('/Style%20Library/CDPDJ/Images/drapeau_jaune.png') no-repeat;
	background-position: right top;
	padding-right: 50px;
	text-align: right;

}

.contenuStyle-1  .titre{
	clear: both;
	color: #004b93;
	font-size: 1.2em;
	padding-top: 10px;
	font-family: OpenSansBold;
	font-weight: normal;
}

.contenuStyle-1 .sousTitre{
	clear: both;
	color: #004b93;
	font-size: 1.71em;
	line-height: 1.3em;
	font-weight: normal;
	font-family:OpenSansRegular;
	font-weight: normal;
}

.contenuStyle-1  .blocTitre{
	margin-bottom: 15px;
}

.contenuStyle-1 .blocTitre, .contenuStyle-1 .informations{
	padding: 0 20px;
}

.contenuStyle-1 .informations{
	color: black;
	font-size: 1.14em;
	line-height: 1.4em;
	letter-spacing: 0.02em;
}
/*--------FIN DU STYLE DU BLOC CONTENU ACTUALITÉS DE LA PAGE D'ACCUEIL----------*/



/*--------- STYLE DU BLOC CONTENU GAUCHE DU GABARIT 2(CE STYLE EST REPRIS À PLUSIEURS ENDROITS DANS LES AUTRES GABARITS) ------------*/
.contenuStyle-2{
	padding: 0 30px 30px 30px;
}
/*--------- STYLE DU BLOC CONTENU GAUCHE DU GABARIT 2(CE STYLE EST REPRIS À PLUSIEURS ENDROITS DANS LES AUTRES GABARITS) ------------*/



/*--------- STYLE DU BLOC CONTENU DROIT DU GABARIT 2 : les drapeaux jaunes comme images de li (CE STYLE EST REPRIS À PLUSIEURS ENDROITS DANS LES AUTRES GABARITS) ------------*/
.contenuStyle-3{
	padding-bottom: 30px;
}

.contenuStyle-3 .h2-1{
	left: 30px;
}

.contenuStyle-3 ul{
	margin-left: -6px;
}

.contenuStyle-3 li div{
	margin: 0px 35px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #ece8dc;

}

.contenuStyle-3 li a{
	font-size: 1.1em;
	line-height: 1.4em;
	display:block;
}


.contenuStyle-3 .date{
	margin-left: 10px;
	margin-bottom: 15px!important;
}

.contenuStyle-3 .wrapper_btn_infos{
	margin-right: 30px;
}
/*--------- FIN DU STYLE DU BLOC CONTENU DROIT DU GABARIT 2 : les drapeaux jaunes comme images de li (CE STYLE EST REPRIS À PLUSIEURS ENDROITS DANS LES AUTRES GABARITS) ------------*/



/*----------STYLE DU BLOC DE CONTENU DU GABARIT 4A (CE STYLE EST REPRIS À PLUSIEURS ENDROITS DANS LES AUTRES GABARITS)-------------*/
.contenuStyle-4{
	padding: 30px;
}
/*----------FIN DU STYLE DU BLOC DE CONTENU DU GABARIT 4A (CE STYLE EST REPRIS À PLUSIEURS ENDROITS DANS LES AUTRES GABARITS)-------------*/



/*-------STYLE DES BOUTONS DU MENU ACCORDÉON DU GABARIT 7--------*/
.ulBouton>div{
	border-top: 1px solid #ece8dc;
	clear: both;
}

.ulBouton button{
	border: none;
	width: 100%;
	cursor: hand;
	cursor: pointer;
	text-align: left;
	padding: 5px 0;
	background-color: transparent;
}

.ulBouton button>.h2-3{
	font-size: 1.5em;
	
}

.ulBouton button> h2, .ulBouton button> h3{
	margin-bottom: 0px;
	float: left;
}


.ulBouton .bordureBas{
	border-bottom: 1px solid #ece8dc;
}

.ulBouton .element {
    padding-bottom: 20px;
	padding-top: 20px;
}

.ulBouton .element img{
	margin-right: 5px;
}

.ulBouton button .img_btn_accordeon{
	float: right;
	width: 14px;
	height: 14px;
	margin-top: 5px;
}

.ulBouton .elementOuvert img{
	background-position:right top;
}
/*-------FIN DU STYLE DES BOUTONS DU MENU ACCORDÉON DU GABARIT 7--------*/



/*--------STYLE DU BLOC DE LIENS EN FORME DE CARRÉ----------*/
/*.ulLienCarre li{
	padding: 0 10px 10px 10px;
	background-color: #3b3831;
	float: left;
}

.ulLienCarre li a{
	color: #fff;
	background-color: #3b3831;
	display: block;
	font-family: OpenSansRegular;
	font-size: 1.6em;
	margin-top: 15px;
	margin-bottom: 30px;
	word-wrap: break-word;
	line-height: 1.2em;

}

.ulLienCarre li a:hover, .ulLienCarre li a:focus{
	color: #fbb52d;
	text-decoration: underline;
}

.ulLienCarre li  .lienCarreImg{
	text-align: right;
	margin: 50px 0 0 0;
}

.ulLienCarre li .barreLienCarre{
	background-color: #4F4C46;
	height: 6px;
}

.ulLienCarre-1 li{
	margin-right: 23px;
	margin-bottom: 15px;
	min-height: 150px;
	background: url(/Style%20Library/CDPDJ/Images/triple_drapeau_jaune.png) no-repeat scroll 135px 135px #3B3831;*/
	/*NS Previous version: margin-right: 35px;
*/
/*}*/

/*.ulLienCarre-2 li{
	min-height: 150px;
	margin: 0 30px 30px 0;
}

.ulLienCarre  .nonMargeDroit{
	margin-right: 0px;
}

.ulLienCarre  .nonMargeBas{
	margin-bottom: 0px;
}*/

.ulLienCarre li{
	padding: 0 10px 10px 10px;
	background-color: #3b3831;
	float: left;
}

.ulLienCarre li a{
	padding-bottom: 30px;
	padding-top: 15px;	
	color: #fff;
	display: block;
	font-family: OpenSansRegular;
	font-size: 1.6em;
	word-wrap: break-word;
	line-height: 1.2em;
	background-image:  url('/Style%20Library/CDPDJ/Images/barre-lien-carre.jpg'), url('/Style%20Library/CDPDJ/Images/triple_drapeau_jaune.png');
	background-repeat: no-repeat;
	background-position: top left, bottom right;

}

.ulLienCarre li a:hover, .ulLienCarre li a:focus{
	color: #fbb52d;
	text-decoration: underline;
}

.ulLienCarre-1 li{
	margin-right: 23px;
	margin-bottom: 15px;
	min-height: 150px;
	/*NS Previous version: margin-right: 35px;
*/
}

.ulLienCarre-2 li{
	margin: 0 30px 30px 0;
}

.ulLienCarre  .nonMargeDroit{
	margin-right: 0px;
}

.ulLienCarre  .nonMargeBas{
	margin-bottom: 0px;
}


/*--------FIN DU STYLE DU BLOC DE LIENS EN FORME DE CARRÉ----------*/




/*----------STYLE DU LISTE DE LIEN DE LA PAGE D'ACCUEIL (PARTIE DROITE AVEC ENCADRÉ BLEU)----------------*/
.listeLiens-1 a{
	font-family: Arial;
	display: block;
	padding: 16px 20px;
	background-color: #004b93;
	color: #fff;
	box-shadow: 1px 1px 2px #999;
	font-size: 1.30em;
	font-weight: bold;
}

.listeLiens-1 a:hover, .listeLiens-1 a:focus{
	background-color: #c03200;
	text-decoration: none;
}

.listeLiens-1 .selected{
	background-color: #3b3831;
}

.listeLiens-1 li{
	margin-bottom: 1px;
}

/*----------FIN DU STYLE DU LISTE DE LIEN DE LA PAGE D'ACCUEIL (PARTIE DROITE AVEC ENCADRÉ BLEU)----------------*/



/*----------STYLE DU LISTE DE LIENS DU GABARIT ACCUEIL----------------*/
.listeLiens-2{
	margin-bottom: 20px;
}

.listeLiens-2 li{
	padding: 13px 30px;
	font-size: 1.15em;
	font-weight: bold;
	border-top: 1px solid #f6f4ee;
	
}

.listeLiens-2 p{
	font-size: 1em;
	font-style: italic;
	margin-bottom: 12px;
}

.listeLiens-2 li .selected{
	color: #c03200;
	text-decoration: underline;
}
/*----------FIN STYLE DU LISTE DE LIENS DU GABARIT ACCUEIL----------------*/



/*----------STYLE DU LISTE DE LIENS DU GABARIT ACCUEIL----------------*/
.listeLiens-3{
	background-color: #3b3831;
	padding: 0 20px 20px 20px;
	margin: 0 30px;
}

.listeLiens-3 .h2-2{
	color: white;
}

.listeLiens-3 li{
	padding: 13px 30px;
	border-top: 1px solid #4f4c46;
}

.listeLiens-3 li a{
	color: #fff;
	font-size: 1.15em;
	font-weight: bold;
}

.listeLiens-3 li a:hover, .listeLiens-3 li a:focus{
	text-decoration: underline;
}

.listeLiens-3 li .selected{
	color: #fbb52d;
	text-decoration: underline;
}
/*----------FIN STYLE DU LISTE DE LIENS DU GABARIT ACCUEIL----------------*/




/*----------STYLE DU LISTE DE LIENS DE LA PAGE DES OUTILS PAE----------------*/
.listeLiens-4{
	margin-bottom: 40px;
}

.listeLiens-4>div{
	margin-bottom: 10px;
}

.listeLiens-4 h3{
	font-size: 1em;
	margin-bottom: 10px;
	margin-top: 30px;
}

.listeLiens-4 ul>li{
	background-position: left 3px;
	padding-left: 10px;
	margin-bottom: 5px;
}

.listeLiens-4 ul>li>a{
	font-size: 0.86em;
	line-height: 1em;
	vertical-align: text-top;
}
/*----------FIN STYLE DU LISTE DE LIENS DE LA PAGE DES OUTILS PAE----------------*/


/*-----------STYLE DE LA LISTE DES LIENS (CONTACT)-------------------------------*/
.elementContact p{
	margin-bottom: 0px;
}
/*-----------FIN DU STYLE DE LA LISTE DES LIENS (CONTACT)---------------------------*/



/*-----STYLE DU BLOC INFOS COMPLÉMENTAIRES-------*/
.blocInfosComplementaires-2{
	float: right;
	background-color: #fbfbfb;
	margin: 0 0 20px 20px;
	padding: 20px 20px 20px 20px;
	width: 200px;
	border-top: 6px solid #004b93;
	font-weight: bold;
	box-shadow: 1px 1px 2px #999;
	}
	.blocInfosComplementaires-video{
	float: right;
	/*min-width: 429px;
	min-height: 450px;*/
	/*max-width: 180px;*/
	/*background-color: #fbfbfb;*/
	margin: 0 0 20px 20px;
	/*padding: 20px 20px 20px 20px;*/
	/*width: 200px;*/
	/*border-top: 6px solid #004b93;*/
	/*font-weight: bold;
	box-shadow: 1px 1px 2px #999;*/
	}
	
}


}/*-----FIN DU STYLE DU BLOC INFOS-------*/



/*--------------STYLE DES BOUTONS DU GENRE "EN SAVOIR PLUS"---------------------- */
.wrapper_btn_infos{
	margin-top: 30px;
}

.btn_infos{
	font-family: OpenSansSemibold, Arial;
	text-align: center;
	float: right;
}

.btn_infos a, .btn_infos a:focus{
	color: white; 
	background-color: #004b93;
	text-transform:uppercase;
	text-decoration: none!important;
}

.btn_infos a:hover{
	text-decoration: none;
	background-color: #c03200;
}

.btn_type_1{
	background: url(/Style%20Library/CDPDJ/Images/savoirPlus_1.png) no-repeat scroll left 0; 
	width: 224px;
	padding: 5px 0 7px 0;
}

.btn_type_2{
	background: url(/Style%20Library/CDPDJ/Images/savoirPlus_2.png) no-repeat scroll left 0; 
	width: 278px;
	padding: 7px 0 7px 0;
	font-size: 0.9em;
}

.btn_type_3{
	background: url(/Style%20Library/CDPDJ/Images/savoirPlus_3.png) no-repeat scroll left 0; 
	width: 168px;
	padding: 5px 0 5px 0;
	font-size: 1em;
}
/*--------------FIN DU STYLE DES BOUTONS DU GENRE "EN SAVOIR PLUS"---------------------- */



/*----------------STYLE DE LA PAGINATION DU GABARIT 4B--------------*/
.pagination{
	text-align: center;
	margin-top: 20px;
}

.pagination li{
	display:inline-block;
}

.pagination a{
	color: #004b93;
	display: block;
	font-weight: bold;
	padding: 2px 7px;
	border: 1px solid #ece8dc;
}

.pagination .pagesAutres{
	border: none;
	font-size: 1.2em;
}

.pagination a:hover, .pagination a:focus{
	color: #c03200;
	text-decoration: none;
}

.pagination .selected{
	background-color: #c03200!important;
	border: 1px solid #c03200!important;
	color: #fff!important;
}
/*----------------FIN DU STYLE DE LA PAGINATION DU GABARIT 4B--------------*/



/*------------------STYLE DE AUTRE RECHERCHE DU GABARIT 4B------------------*/
.boiteRecherche{
	width: 230px;
	padding: 20px;
	background-color: #f6f4ee;
	padding: 0 20px 30px 20px;
}

.boiteRecherche  h2{
	color: #000;
	font-family: OpenSansSemibold;
	font-size: 1.3em;
}
/*---------FIN DU STYLE DE AUTRE RECHERCHE DU GABARIT 4B------------------*/


/*--------------STYLE DE L'ENTÊTE (CELA INCLUT LE MENU D'OPTION AINSI QUE LE LOGO ET LE MOTEUR DE RECHERCHE)----------------------*/
#entete .barreBrune{
	margin-bottom: 0px;
}

#menuOption{
	width: 100%;
}

#menuOption .menuOptionGauche{
	float: left;
	margin-top: 5px;
}

#menuOption .menuOptionDroit{
	float: right;
	margin-top: 6px;
}

#menuOption .menuOptionGauche ul li, #menuOption .menuOptionDroit ul li{
	display: inline-block;
	margin-right: 2px;
}

#menuOption .btn_agrandir img{
	border-bottom: 1px solid transparent;
	padding-bottom: 1px;
	vertical-align: -2px;
}

#menuOption .separateurRondAvant{
	background: url('/Style%20Library/CDPDJ/Images/separateurEntete.png') no-repeat;
	background-position: left center;
	padding-left: 10px;
}

#menuOption .btn_agrandir{
	background-position: left 9px;
}

#menuOption .menuOptionDroit .liLangue{
	border-left: 1px solid #3b3831;
	padding-left: 7px;
	margin-right: 0px;
}

#menuOption a{
	text-decoration: none;
	color: #3b3831;
	font-size: 0.86em;
	font-weight: bold;
}

#menuOption a:hover, #menuOption a:focus{
	border-bottom: 1px solid; #3b3831;
}

.menuOptionGauche li:nth-child(2) {
	background-position: left 9px !important; 
}

#enteteLogoRecherche .enteteLogo{
	float: left;
	padding: 2px;
}

#enteteLogoRecherche .enteteLogo a{
	display:block;
}

#enteteLogoRecherche .moteurRecherche{
	float: right;
	margin-top: 47px;
}

#enteteLogoRecherche .moteurRecherche .btnRecherche{
	margin-left: 7px;
	vertical-align: bottom;
	width: 133px;
}

#enteteLogoRecherche .moteurRecherche .champsRecherche{
	width: 214px;
	margin: 0px;
	font-size: 1em;
}

.moteurRecherche input[type="text"]{
	height: 2.2em;
}
/*--------------STYLE DE L'ENTÊTE (CELA INCLUT LE MENU D'OPTION AINSI QUE LE LOGO ET LE MOTEUR DE RECHERCHE)----------------------*/



/*----------------------STYLE DU MENU PRINCIPAL-----------------------------*/
.s4-tn LI.static > .menu-item{
	border:0px transparent none;
}

#menuPrincipal{
	width: 100%;
	background-color: #3b3831;
	box-shadow: 1px 1px 2px #999;
	margin-bottom: 20px;
}

#menuPrincipal .s4-tn{
	float: left;
}

#menuPrincipal .menuDroit{
	float: right;
}

#menuPrincipal li{
	float: left;
	text-align: center;
}

#menuPrincipal li a{
	display:block;
	color: #fff;
	font-family: OpenSansBold;
	font-weight: normal;
	min-height: 20px;
}

#menuPrincipal .s4-tn li{
	background: url('/Style%20Library/CDPDJ/Images/espacement_menu_principal.png') no-repeat scroll right center;
}

#menuPrincipal a{
	padding: 10px 14px;
	font-size: 1.40em;
	color:white!important;
}

#menuPrincipal .s4-tn li.static > .menu-item {
	height: auto!important;
}

#menuPrincipal .menuDroit a{
	padding: 12px 8px;
	background: url('/Style%20Library/CDPDJ/Images/espacement_menu_principal.png') no-repeat scroll left center;
	font-size: 1.14em;
}

#menuPrincipal li a:hover, #menuPrincipal li a:focus{
	background-color: #c03200;
	text-decoration: none;
}

#menuPrincipal li .selected{
	background-color: #004b93;
}
/*-----------------------FIN DU STYLE DU MENU PRINCIPAL------------------------------*/



/*--------------------------STYLE DES BANNIÈRES---------------------------------------------*/
#banniere{
	width: 100%; 
	min-height: 220px;
	padding-bottom: 0px;
	box-shadow: 1px 1px 2px #999;
}

#banniere p{
	font-size: 4em;
	font-weight: normal;
	padding: 15px 0 0 30px;
	font-family: OpenSansLight;
	color: #004b93;
	display: inline-block;
	max-width: 400px;
}
/*-----------------------------FIN DU STYLE DES BANIÈRES--------------------------------------*/



/*-------------------------------STYLE DU FIL D'ARIANE--------------------------------*/
#filArianne{
	margin: 20px 0 20px 0;
}

#filArianne li{
	display: inline-block;
}

#filArianne a{
	color: #004b93;
	font-size: 1.1em;
}

#filArianne a:hover, #filArianne a:focus {
	color: #c03200;
	text-decoration: none;
}

#filArianne li .selected{
	color: #3b3831;
}

#filArianne .separateurLienArianne{
	background: url("/Style%20Library/CDPDJ/Images/listeSlash.png") no-repeat scroll left center;
	padding-left: 10px;
	margin-left: 5px;
}

#filArianne li:nth-child(1){
	padding-left: 0px!important;
	margin-left: 0px!important;
}
/*---------------------------------FIN DU STYLE DU FIL D'ARIANE---------------------------------*/



/*------------------------STYLE DE LA NAVIGATION (MENU DE GAUCHE)--------------------*/
#navigation{
	width: 250px;
}

#navigation .barreBrune{
	margin-bottom: 0px;
}

#navigation li{
	border-bottom: 1px solid #fff;
}

#navigation .bordureHaut{
	border-top: 1px solid #fff;
}

#navigation #titreNavigation{
	font-family: OpenSansLight;
	font-weight: normal;
	font-size: 1.9em;
	padding: 10px 0;
}

#navigation a{
	display: block;
	color: #004b93;
	font-size: 1.2em;
	padding: 10px;
}

#navigation .navUlDoufleFleche>li>a{
	background-position: 10px 15px;
	padding-left: 25px;
}

#navigation .navUlDoufleFleche>li>a:hover, #navigation .navUlDoufleFleche>li>a:focus{
	background: url('/Style%20Library/CDPDJ/Images/liste_double_fleche_blanche.png') no-repeat scroll 10px 15px;
}

#navigation .navUlDoufleFleche>li>.selected{
	background: url('/Style%20Library/CDPDJ/Images/liste_double_fleche_blanche.png') no-repeat scroll 10px 15px #004b93;
}

#navigation .navUlDisc>li>a{
	background: url('/Style%20Library/CDPDJ/Images/liste_disc_brun.png') no-repeat scroll 30px 19px;
	padding: 10px 0px 10px 45px;
}

#navigation .navUlDisc>li>a:hover, #navigation .navUlDisc>li>a:focus{
	background: url('/Style%20Library/CDPDJ/Images/liste_disc_blanc.png') no-repeat scroll 30px 19px #c03200;
}

#navigation  .navUlDisc>li>.selected{
	background: url('/Style%20Library/CDPDJ/Images/liste_disc_blanc.png') no-repeat scroll 30px 19px #004b93;
}

#navigation #listeNavigation>ul>li>a{
	font-weight: bold;
}

#navigation #listeNavigation a:hover, #navigation #listeNavigation a:focus{
	background-color: #c03200;
	color: #fff;
	text-decoration: none;
}

#navigation #listeNavigation  .selected{
	color: #fff;
}
/*---------------------------------------FIN DU STYLE DE LA NAVIGATION--------------------------------------*/



/*---------------------------------------STYLE DE LA BARRE DES ICÔNES--------------------------------------*/
.lienIcone {
	border-top: 1px solid #ece8dc;
	/*border-bottom: 1px solid #ece8dc;*/
	text-align: right;
	padding: 8px 0 5px 0;
}

.lienIcone ul{
	margin-bottom: 0px;
}

.lienIcone li{
	display: inline-block;
	margin-bottom: 0px;
}

.iconeBas{
	border-bottom: none;
	margin-bottom: 0px;
	margin-top:	10px;
	padding-bottom: 0px;
}
/*-------------------------------------FIN DU STYLE DE LA BARRE DES ICÔNES-----------------------------------*/



/*-------------------------------------------STYLE DU PIED DE PAGE -------------------------------------------*/
/*
#piedPageBody{
	clear: both;
	width: 100%;
	overflow:hidden;
	background-color: #fff;
	padding-bottom: 35px;
	margin-top: 40px;
}

#piedPageBody #wrapperPiedPage{
	width: 1173px;
	margin: 0 auto;
}

#piedPageBody .barrePiedInfos{
	width: 100%;
	height: 10px;
	background-color: #3b3831;
}

#piedPageBody .piedPageInfos{
	float: left;
	margin-right: 30px;
	width: 270px;
}

#piedPageBody .piedContact{
	margin-right: 0px;
}

#piedPageBody a{
	font-size: 1em;
	text-decoration: underline;
}

#piedPageBody ul{
	margin-bottom: 15px;
}

#piedPageBody .piedLiens li{
	margin-bottom: 5px;
}

#piedPageBody .titrePiedPage, #piedPageBody .titrePiedSeul li a, .titreContact{
	font-family:OpenSansRegular;
	font-weight: normal;
	color: #000;
	font-size: 1.25em;
	text-decoration: none;
}

#piedPageBody .titrePiedPage, #piedPageBody .titrePiedSeul li a{
	display: inline-block;
	cursor: hand;
	cursor: pointer;
}

#piedPageBody .titrePiedPage, #piedPageBody .titreContact{
	margin-bottom: 10px;
}

#piedPageBody .titrePiedPage:hover, #piedPageBody .titrePiedSeul li a:hover, #piedPageBody .titrePiedPage:focus, #piedPageBody .titrePiedSeul li a:focus{
	text-decoration: underline;
}

#piedPageBody .infosCommissions{
	margin-bottom: 20px;
}

#piedPageBody  .infosCommissions p{
	margin-bottom: 0px;
}

#piedPageBody .mediasSociaux>*{
	float: left;
	margin-right: 10px;
}

#piedPageBody li a:hover, #piedPageBody li a:focus{
	color: #3b3831;
}

#piedPageBody li .selected{
	color: #c03200;
}*/

/*-------------------------------------------STYLE DU PIED DE PAGE -------------------------------------------*/
#piedPageBody{
                clear: both;
                min-width:1173px;
                overflow:hidden;
                background-color: #fff;
                padding-bottom: 35px;
                margin-top: 40px;
}

#piedPageBody #wrapperPiedPage{
                width: 1173px;
                margin: 0 auto;
}

#piedPageBody .barrePiedInfos{
                width: 100%;
                height: 10px;
                background-color: #3b3831;
}

#piedPageBody .piedPageInfos{
                float: left;
                margin-right: 30px;
                width: 270px;
}

#piedPageBody .piedContact{
                margin-right: 0px;
}

#piedPageBody a{
                font-size: 1em;
                text-decoration: underline;
}

#piedPageBody .piedLiens li{
                margin-bottom: 5px;
}

#piedPageBody h2 a, #piedPageBody li .titrePiedPage{
                font-family:OpenSansRegular;
                font-weight: normal;
                color: #000;
                text-decoration: underline;
}

#piedPageBody h2 a{
               	font-size: 0.84em;
}


#piedPageBody li .titrePiedPage{
	font-size: 1.25em;
	margin-bottom: 15px;
}

.piedLiens ul ul{
	margin-top: 15px;
}

#piedPageBody h2, #piedPageBody ul{
                margin-bottom: 15px;
}

#piedPageBody .titrePiedSeul{
                margin-bottom: 5px;
}

#piedPageBody h2 a:hover, #piedPageBody h2 a:focus{
                text-decoration: underline;
}

#piedPageBody .infosCommissions{
                margin-bottom: 20px;
}

#piedPageBody  .infosCommissions p{
                margin-bottom: 0px;
}

#piedPageBody .mediasSociaux>*{
                float: left;
                margin-right: 10px;
}

#piedPageBody li a:hover, #piedPageBody li a:focus{
                color: #3b3831;
}

#piedPageBody li .selected{
                color: #c03200;
}
/*---------------------------FIN STYLE DU PIED DE PAGE-------------------------*/


/*---------------------------FIN STYLE DU PIED DE PAGE-------------------------*/



/*---------------------------STYLE DES LIENS DIVERS----------------------------*/
#liensDiversBody{
	clear: both;
	min-width:1173px;
	overflow:hidden;
	background-color: #3b3831;
}

#liensDiversBody #wrapperLiensDivers{
	width: 1173px;
	margin: 0 auto;
	clear: both;
	padding: 20px 0;
}

#liensDiversBody #wrapperLiensDivers li{
	float: left;
	list-style-type: disc;
	list-style-position: inside;
	margin-right: 10px;
	color: white;
}

#liensDiversBody #wrapperLiensDivers li:nth-child(1){
	list-style-type: none;
}

#liensDiversBody #wrapperLiensDivers a{
	color: white;
	font-size: 1em;
	text-decoration: underline;
}

#liensDiversBody #wrapperLiensDivers p{
	clear: both;
	font-size: 1em;
	padding-top: 2px;
	color: #fff;
	margin-bottom: 0px;
}

#liensDiversBody #wrapperLiensDivers a:hover, #liensDiversBody #wrapperLiensDivers a:focus{
	color: #fbb52d;
}
/*-------------------------FIN STYLE DES LIENS DIVERS----------------------------*/



/*------------------------STYLE DE LA VISIONNEUSE---------------*/
#visionneuse{
	width: 100%;
	background: #fff;
	background-position: right top;
	box-shadow: 1px 1px 2px #999;
	
}

#visionneuse .menuVisionneuse{
	width: 305px;
	float: left;
}

#visionneuse .menuVisionneuse a{
	font-family: OpenSansRegular;
	color: #fff;
	text-decoration: none;
	display: inline-block;
	border-bottom: 1px solid #fff;
	font-size: 1.2em;
	padding: 18px 20px 17px 20px;
	width: 230px;
	background-color: #3b3831;
	min-height: 46px;
}

#visionneuse .menuVisionneuse li{
	width: 305px;
}

#visionneuse .infosVisionneuse{
	float: left;
	margin-left: 15px;
}

#visionneuse .infosVisionneuse .txtInfosVisionneuse{
	color: #004b93;
	width: 400px;
	margin: 20px 0px 20px 0;
	font-size: 2.3em;
	line-height: 1.12em;
	font-family: OpenSansRegular;
}

#visionneuse .infosVisionneuse .btn_infos{
	float: left;
}

#visionneuse .menuVisionneuse .nonBordureBas{
	border-bottom: none;
}

#visionneuse .menuVisionneuse a:hover, #visionneuse .menuVisionneuse a:focus{
	background-color: #c03200;
}

#visionneuse .menuVisionneuse .selected{
	background: url('/Style%20Library/CDPDJ/Images/visionneuse_fleche_bleu.png') no-repeat scroll right center;
}

#visionneuse .menuVisionneuse .selected a{
	background-color: #004b93;
}
/*-------------FIN DU STYLE DE LA VISIONNEUSE----------------------*/



/*---------------STYLE DU CONTENU DE L'ACCUEIL---------------------*/
.contenuRangeeUn{
	margin: 40px 0 0 0px;
}

.contenuRangeeUn .h2-1{
	left: 20px;
}

.contenuRangeeUn .wrapperBlocContenusAccueil{
	margin-top: 15px;
	float: left;
}

.blocLienContenuAccueil{
	margin-top: 15px;
	float:right;
}

.contenuRangeeDeux{
	clear: both;
	margin: 20px 0 0 0;
	/*NS change: margin: 20px 0 0 6px;*/
}

.contenuRangeeDeux>div{
	float: left;
}

.contenuRangeeDeux .wrapper_btn_infos{
	margin-top: 30px;
}
/*-------------------------FIN STYLE DE LA PAGE D'ACCUEIL-----------------------------------*/



/*------------------------------STYLE DU GABARIT 2-----------------------------------*/
.banniere-2{
	background: url('/Style%20Library/CDPDJ/Images/bannieres/banniere_formation.jpg') no-repeat scroll 0 0 #fff;
}

.wrapperContenu-2  .droite{
	margin-right: 3px; 
}

.wrapperContenu-2{
	margin-left: 0px!important;
}


/*----------------------------FIN DU STYLE DU GABARIT 2*/



/*------------------------------STYLE DU GABARIT 3A ET 3B-----------------------------------*/
.banniere-3a{
	background: url('/Style%20Library/CDPDJ/Images/bannieres/banniere_publication.jpg') no-repeat scroll 0 0 #fff;
}

.banniere-3b{
	background: url('/Style%20Library/CDPDJ/Images/bannieres/banniere_salle_medias.jpg') no-repeat scroll 0 0 #fff;
}

.wrapperContenu-3b .wrapperBlocContenu, .wrapperContenu-3a .wrapperBlocContenu{
	float: left;
}

.wrapperContenu-3a .wrapperBlocContenu{
	margin-left: 6px;
}

.wrapperContenu-3b .blocListeLiens, .wrapperContenu-3a .blocListeLiens{
	float: right;
	margin-right: 30px;
}
/*----------------------------FIN DU STYLE DU GABARIT 3A ET 3b------------------------*/



/*------------------------------STYLE DU GABARIT 4A-----------------------------------*/
.banniere-4a{
	background: url('/Style%20Library/CDPDJ/Images/bannieres/banniere_recherche.jpg') no-repeat scroll 0 0 #fff;
}

.wrapperContenu-4a .blocContenu{
	float: right;
	margin-right: 6px;
}

.wrapperContenu-4a{
	margin-left: 0px;
}

.wrapperContenu-4a #navigation{
	float: left;
}
/*----------------------------FIN DU STYLE DU GABARIT 4A------------------------*/



/*------------------------------STYLE DU GABARIT 4b-----------------------------------*/
.banniere-4b{
	background: url('/Style%20Library/CDPDJ/Images/bannieres/banniere_recherche.jpg') no-repeat scroll 0 0 #fff;
}

.wrapperContenu-4b{
	margin-left: 0px;
}

.wrapperContenu-4b .blocContenu{
	position: relative;
	float: left;
}

.wrapperContenu-4b .boiteRecherche{
	float: left;
}
/*----------------------------FIN DU STYLE DU GABARIT 4b------------------------*/



/*------------------------------STYLE DU GABARIT 5a-----------------------------------*/
.banniere-5a{
	background: url('/Style%20Library/CDPDJ/Images/bannieres/banniere_droits_personne.jpg') no-repeat scroll 0 0 #fff;
}

.wrapperContenu-5a{
	margin-left: 0px;
}

.wrapperContenu-5a #navigation{
	float: left;
}

.wrapperContenu-5a .contenuStyle-4, .wrapperContenu-5b .contenuStyle-4{
	margin-bottom: 0px;
}

.wrapperContenu-5a .wrapperBlocContenu, .wrapperContenu-5b .wrapperBlocContenu{
	float: left;
	margin-left: 20px;
	padding-bottom: -2px;
	width: 900px;
	background-color: #f6f4ee;
}

.wrapperContenu-5a .blocContenu{
	float: left;
}

.wrapperContenu-5a .infosComplementaires{
	float: right;
	margin-right: 20px;
}
/*----------------------------FIN DU STYLE DU GABARIT 5a------------------------*/



/*------------------------------STYLE DU GABARIT 5b-----------------------------------*/
.banniere-5b{
	background: url('/Style%20Library/CDPDJ/Images/bannieres/banniere_droits_personne.jpg') no-repeat scroll 0 0 #fff;
}

.wrapperContenu-5b{
	margin-left: 0px;
}

.wrapperContenu-5b #navigation{
	float: left;
}

.wrapperContenu-5b .blocContenu{
	float: left;
}

.wrapperContenu-5b .infosComplementaires{
	float: right;
	margin-right: 20px;
}
/*----------------------------FIN DU STYLE DU GABARIT 5b------------------------*/



/*------------------------------STYLE DU GABARIT 6-----------------------------------*/
.banniere-6{
	background: url('/Style%20Library/CDPDJ/Images/bannieres/banniere_foule_2.jpg') no-repeat scroll 0 0 #fff;
}

.wrapperContenu-6{
	margin-left: 0px;
}

.wrapperContenu-6 .blocContenu{
	float: left;
}

.wrapperContenu-6 .blocInfosComplementaires{
	float: right;
	margin-right: 6px;
}
/*----------------------------FIN DU STYLE DU GABARIT 6------------------------*/



/*------------------------------STYLE DU GABARIT 7-----------------------------------*/
.banniere-7{
	background: url('/Style%20Library/CDPDJ/Images/bannieres/banniere_droits_personne.jpg') no-repeat scroll 0 0 #fff;
}

.wrapperContenu-7{
	margin-left: 0px;
}

.wrapperContenu-7 #navigation{
	float: left;
}

.wrapperContenu-7 .wrapperBlocContenu{
	float: right;
	margin-right: 6px;
}

.wrapperContenu-7 .contenuStyle-4{
	float: left;
    position: relative;
}

.wrapperContenu-7 .infosComplementaires{
	float: right;
	padding: 0 20px;
	background-color: #f6f4ee;
}

.info-motif{
    width: 659px; 
    float: left; 
    padding-left: 15px;
    border-left: 1px dotted #e8e3d6;
}

/*----------------------------FIN DU STYLE DU GABARIT 7------------------------*/


/*------------------------------STYLE DU GABARIT 8a-----------------------------------*/
.banniere-8a{
	background: url('/SiteCollectionImages/charte-valeurs/banniere_charte.jpg') no-repeat scroll 0 0 #fff;
}

/*----------------------------FIN DU STYLE DU GABARIT 8a------------------------*/


/*----STYLE DES OUTILS PAE-----*/
.blocColonne{
	float: left;
}

.txt-outils{
	background-color: #f6f4ee;
	padding: 30px;
	margin: 0 30px;
}
/*-----FIN DU STYLE DES OUTILS PAE*/



/*----------Motifs-------------*/
.ulMotif{
	width: 100%;
}

.ulMotif>li{
	float: left;
	width: 156px;
	padding-left: 24px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

.ulMotif a{
	font-size: 0.9em;
}

/*A simplifier*/
.ulMotif .nonMargeDroit {
    margin-right: 0;
}

.ulMotifColonne li{
	padding-bottom: 5px;
}
/*----------Fin de motifs-------------*/



/*----STYLE DES TABLEAUX--------Nouveau-*/
table{
	border-collapse:collapse;
	text-align: left;
	width: 100%;
}

table caption, table td, table th {
	border-bottom: 1px solid #ece8dc;
}

.titreTableau{
	font-size: 1.2em;
	padding: 15px 0px;
	text-align: left;
	font-weight: bold;
	margin-bottom: 0px!important;
	margin: 0 0;
	text-transform: uppercase;
}

table caption{
	border-top: none;
	border-bottom: none;
	padding: 10px 10px;
	font-weight: normal;
	text-align: left;
	font-style: italic;
	font-size: 1em;
	text-transform: uppercase;
	background-color: #e7e7e6;
}

table tbody tr:nth-child(odd){
	background-color: #faf9f6;
}

table td, table th{
	font-weight: normal;
	padding: 10px 10px;
	font-size: 0.86em;
	text-align: left;
}

table th{
	font-weight: bold;
	border-top: 1px solid #ece8dc;
}

.tab-1{
	margin-bottom: 20px;
}

.tab-1 table th:nth-child(1){
	width: 50%;
}

.tab-1 table th:nth-child(2){
	width: 23%;
}
/*----FIN DU STYLE DES TABLEAUX---------*/



/*-----Lexique------*/
.barreLexique{
	border-bottom: 1px solid #ECE8DC;
    border-top: 1px solid #ECE8DC;
    padding: 20px 0px;
	overflow: hidden;
	margin-bottom: 40px;
	padding-left: 5px;
}

.barreLexique li{
	float: left;
	margin-right: 15px;
}

.barreLexique li a, .barreLexique span{
	font-family: OpenSansLight;
	font-size: 2em;
	text-transform: uppercase;
}

.barreLexique li a{
	color: #004B93;
}

.barreLexique span{	
	color: #3B3831;
}

.barreLexique li a:hover, .barreLexique li a:focus{
	color: #c03200;
}

.simple-definition{
	padding: 0 30px;
}
/*-----Fin de Lexique------*/



/*----Bouton haut de page----*/
.hautPage, .hautPageTraitement {
	color: #004b93;
	text-decoration: none;
	font-weight: bold;
	background: url('/Style%20Library/CDPDJ/Images/fleche_haut_page.png') no-repeat scroll left 50%;
	padding-left: 15px;
}
/*----Fin Bouton haut de page----*/



/* style page 35 ans de la Charte */



#charte {
/*margin: 50px 100px;  */
width: 700px;
color: #303030;
font-family: Arial, Helvetica, sans-serif;
font-size: 120%;
line-height: 1.2em;
background-image:url('/SiteCollectionImages/charte-35ans/fond_papier.PNG');
overflow: hidden;
padding: 20px 20px; 
}

#charte p {
background-color: #FFFFFF;
margin: 5px 0px;
padding: 5px 5px;
font-size: 100%;
}

#charte h1, #charte h2, #charte h3, #charte h4, #charte h5, #charte h6 { 
  margin: 5px 0 .5em 5px; 
    line-height: 1em; 
  font-weight: bold; 
  font-style: normal; 
  font-family: Arial, Helvetica, sans-serif;
} 

#charte h1 {color:#FFFFFF; font-variant: small-caps;font-size: 1.50em; padding: 10px; background-image: url('/SiteCollectionImages/charte-35ans/fond_carreaux_gris.PNG')
}
#charte h2 {color: #7C0D15; font-size: 1.25em;padding: 5px;}	
#charte h3 {color: #003882; font-size: 1em;}	

#charte hr {
	color: #F5F6F6;
	 border-bottom: 1px dotted #CCCCCC;
}

#charte .date {
color: #7C0D15;

}


#charte .gros {font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif; font-style:normal; color: #003882; font-size:2em;}	

#charte .galerie {
	background : #FFFFF;
	width : 700px; 
	text-align : center; /* uniquement pour IE */
	font-size: 0.9em;
	line-height:1.2em;
	
}

#charte .galerie2 {
	background : #FFFFF;
	width : 490px; 
    text-align : center; /* uniquement pour IE */
	font-size: 0.9em;
	line-height:1.2em;
	
}

#charte .conteneur {
	margin : 0 auto;
	}

#charte .boite1{
	/*background : #FFFFFF;*/
	float : left;
	margin : 10px 10px 10px 0px;
	padding : 0px 5px 5px 5px;
	width : 430px;
	text-align : left;
}

#charte .boite2{
	/*background : #FFFFFF;*/
	float : left;
	margin : 10px 0px 10px 0px;
	padding : 0px 5px 5px 5px;
	width : 240px;
	text-align : left;
}

#charte .boite3{
	background : #FFFFFF;
	float : left;
	margin : 0px;
	padding : 0px 5px 5px 5px;
	width : 690px;
	text-align : left;
}

#charte .boite5{
	background : #FFFFFF;
	float : left;
	margin : 10px 3px 0px 0px;
	padding : 0px 5px 3px 3px;
	width : 124px;
	/*height: 340px;*/
	text-align : left;
	border-right: 1px #CCCCCC solid; 
}

#charte .clear {
	clear : both;
	visibility : hidden;
}

#charte ul li {
    background-position: 4px 4px;
    background-repeat: no-repeat;
    border-bottom: 1px dotted #CCCCCC;
    list-style-type: none;
    margin: 0;
list-style-position: outside;
text-indent:-35px;
    padding: 5px 20px 5px 5px;
    font-size:0.9em;
    
}
/* Fin style page 35 ans de la Charte */




/*Traitement plaintes (personne et jeunesse)*/
#trai-plainte-pers p, #trai-dem-int-jeune p{
	margin-bottom: 0px;
}

#trai-plainte-pers #diag-pers{
	margin-top: 30px;
	padding-left: 35px;
	margin-bottom: 30px;
	width: 872px;
	overflow: hidden;
}

#trai-dem-int-jeune #diag-jeune{
	margin-top: 30px;
	margin-bottom: 30px;
	width: 872px;
	overflow: hidden;
}


#trai-plainte-pers .diag-grand, #trai-plainte-pers .diag-moyen, #trai-dem-int-jeune .diag-grand, #trai-dem-int-jeune .diag-moyen{
	color: #fff;
	background: url("/Style%20Library/CDPDJ/Images/diagrammes/textureDia_01.jpg") repeat scroll 0 0 #0b5d98;
	border: none;
	cursor: hand; 
	cursor: pointer;
	font-size: 0.9em;
	padding: 10px 10px;
	line-height: 1.4em;
	font-family: inherit;
	display:block;
	text-align:center;
}

/*#trai-plainte-pers .diag-grand:hover, #trai-plainte-pers .diag-moyen:hover, #trai-dem-int-jeune .diag-grand:hover, #trai-dem-int-jeune .diag-moyen:hover, #trai-plainte-pers .diag-grand:focus, #trai-plainte-pers .diag-moyen:focus, #trai-dem-int-jeune .diag-grand:focus, #trai-dem-int-jeune .diag-moyen:focus*/
#trai-plainte-pers #diag-pers a:hover, #trai-plainte-pers #diag-pers a:focus, #trai-dem-int-jeune #diag-jeune a:hover, #trai-dem-int-jeune #diag-jeune a:focus{
	background: url("/Style%20Library/CDPDJ/Images/diagrammes/textureDia_01_hover.jpg") repeat scroll 0 0 #0b5d98;
}

#trai-plainte-pers .nonBtnGr, #trai-plainte-pers .nonBtnMo, #trai-dem-int-jeune .nonBtnGr, #trai-dem-int-jeune .nonBtnMo{
	color: #fff;
	background: url("/Style%20Library/CDPDJ/Images/diagrammes/textureDia_01.jpg") repeat scroll 0 0 #0b5d98;
	font-size: 0.9em;
	padding: 10px 10px;
	line-height: 1.4em;
	font-family: inherit;
	text-align: center;
}

#trai-plainte-pers  .nonBtnGr, #trai-dem-int-jeune  .nonBtnGr{
	width: 214px;
}

#trai-plainte-pers  .nonBtnMo, #trai-dem-int-jeune  .nonBtnMo{
	width: 130px;
}

#trai-plainte-pers #diag-pers .diag-grand, #trai-dem-int-jeune #diag-jeune .diag-grand{
	width: 214px;
}

#trai-plainte-pers #diag-pers .diag-moyen, #trai-dem-int-jeune #diag-jeune .diag-moyen{
	width: 130px;
}

#trai-plainte-pers .flecheBleue, #trai-dem-int-jeune .flecheBleue{
	margin: 0 0 5px 109px;
}

#trai-plainte-pers .flecheBleueMoyen, #trai-dem-int-jeune .flecheBleueMoyen{
	margin: 0 0 5px 67px;
}

#trai-plainte-pers .flecheDoublePreuve{
	margin: 0 0 5px 67px;
}

#trai-dem-int-jeune .flecheBleueHor{
	margin: 0 5px ;
}

#trai-plainte-pers .flecheDoubleResultat, #trai-dem-int-jeune .flecheDoubleResultat{
	margin: 0 0 5px 27px;
}

#trai-plainte-pers  .txtChoixNonClic, #trai-plainte-pers  .txtChoixNonClicMo, #trai-plainte-pers .pRecommandations, #trai-dem-int-jeune  .txtChoixNonClic, #trai-dem-int-jeune .pRecommandations{
	border: 1px solid #0b5d98;
	color: #0b5d98;
	font-family: inherit;
	padding: 10px;
	text-align: center;
	font-size: 0.9em;
	background-color: transparent;
}

#trai-plainte-pers  .txtChoixNonClic, #trai-dem-int-jeune  .txtChoixNonClic{
	width:212px;
}

#trai-plainte-pers  .txtChoixNonClicMo{
	width:128px;
}

#trai-plainte-pers  .pRecommandations:hover, #trai-dem-int-jeune  .pRecommandations:hover{
	background-color: #fffbf0;
}


#trai-plainte-pers .marge-40, #trai-dem-int-jeune .marge-40{
	margin-left: -40px;
}

#trai-plainte-pers .arbitrage, #trai-dem-int-jeune .arbitrage{
	margin-left: -38px;
}

#trai-plainte-pers .marge10, #trai-dem-int-jeune .marge10{
	margin-right: 10px;
}

#trai-plainte-pers .basDiag-choix, #trai-dem-int-jeune .basDiag-choix{
	width: 234px;
	height: 6px;
	background-image: url("/Style%20Library/CDPDJ/Images/diagrammes/ombreChoix_01.png");
}

#trai-plainte-pers .basDiag-moyen, #trai-dem-int-jeune .basDiag-moyen{
	width: 150px;
	height: 12px;
	background-image: url("/Style%20Library/CDPDJ/Images/diagrammes/basDiag-moyen.png");
}

#trai-plainte-pers .basDiag-fermer, #trai-dem-int-jeune .basDiag-fermer{
	width: 234px;
	height: 16px;
	background-image: url("/Style%20Library/CDPDJ/Images/diagrammes/basDiag_fermer.png");
}

#trai-plainte-pers .flecheNonGr{
	margin: -15px 8px 0px 9px;
}

#trai-plainte-pers .pNonGr{
	margin-left: 55px;
	font-style: italic;
	font-size: 1em;
	color: #961e0b;
}

#trai-plainte-pers .flecheNonMo{
	margin: -15px 5px 0px 5px;
}

#trai-plainte-pers .pNonMo{
	margin-left: 35px;
	font-style: italic;
	font-size: 1em;
	color: #961e0b;
}

#trai-plainte-pers .flecheNonPe{
	margin: -15px 5px 0px 5px;
}

#trai-dem-int-jeune .flecheNonPe{
	margin: 0 5px;
}

#trai-plainte-pers .pNonPe{
	font-style: italic;
	font-size: 1em;
	color: #961e0b;
	margin-left: 20px;
}

#trai-dem-int-jeune  .pNonPe{
	font-style: italic;
	font-size: 1em;
	color: #961e0b;
	margin: -5px 0 0 20px;
}

#trai-plainte-pers .flecheOuiDouble{
	margin: 0px 0px 5px 27px;
	float: left;
}

#trai-dem-int-jeune .flechePos{
	width: 38px;
	height: 48px;
	float: left;
}

#trai-plainte-pers .pDoubleOui{
	margin-left: 95px;
	padding-top: 5px;
	font-style: italic;
	font-size: 1em;
	color: #017209;
	float: left;
	margin-left: -80px;
}

#trai-plainte-pers .flechePos{
	width: 38px;
	height: 48px;
	float: left;
}

#trai-plainte-pers .pOui, #trai-dem-int-jeune  .pOui{
	margin-left: 15px;
	padding-top: 10px;
	font-style: italic;
	font-size: 1em;
	color: #017209;
	float: left;
	margin-left: -20px;
}


#trai-plainte-pers .flechePos-Gr-Mar, #trai-dem-int-jeune .flechePos-Gr-Mar{
	margin: 0px 0 5px 109px;
}

#trai-plainte-pers .flechePos-Mo-Mar, #trai-dem-int-jeune .flechePos-Mo-Mar{
	margin: 0px 0 5px 72px;
}

#trai-plainte-pers .basDiag-choix-2, #trai-dem-int-jeune .basDiag-choix-2{
	width: 150px;
	height: 6px;
	background-image: url("/Style%20Library/CDPDJ/Images/diagrammes/ombreChoix2.png");
}

#trai-plainte-pers .diag-choix>div, #trai-plainte-pers .branche>div, #trai-dem-int-jeune .diag-choix>div{
	float: left;
}

#trai-plainte-pers .apresChoix, #trai-plainte-pers h2, #trai-dem-int-jeune .apresChoix, #trai-dem-int-jeune h2{
	clear: both;
}
#trai-plainte-pers  .mesureRedressement {
	margin-left: -217px;
}

#trai-plainte-pers  .mesureRedressement>div{
	position: relative;
}

#trai-plainte-pers  .mesureRedressement>div:nth-child(1){
	left: 217px;
}

#trai-plainte-pers  .mesureRedressement>div:nth-child(3){
	left: -217px;
}

#trai-dem-int-jeune  .pRecommandations{
	width:212px;
	cursor: hand; 
	cursor: pointer;
	display:block;
}


/*Traitement plaintes (personne et jeunesse)*/
#info-jeune li{
	margin-bottom: 10px;
}

#info-jeune>div{
	margin-bottom: 10px;
}


#info-jeune ul{
	margin: 0px 20px;
	list-style-image: url("/Style%20Library/CDPDJ/Images/diagrammes/liCrochet.png");
}

#info-jeune .hautPageTraitement{
	margin-left: 5px;
	text-decoration: underline;
	color: #004B93;
	margin-top: 10px;
	display:inline-block;
	cursor: hand; 
	cursor: pointer;
}

#info-jeune h3{
	font-size: 1em;
	font-weight: bold;
	margin: 30px 0;
}

#info-jeune li, #info-jeune .hautPageTraitement{
	font-size: 0.86em;
}

#info-jeune a{
	text-decoration: underline;
}

/* fin traitement plaintes (personne et jeunesse)*/





/*Plan du site*/
.plan h2{
			margin-bottom: 0px;
		}
		
		.plan h2 a:link, .plan h2 a:visited{
			color: #000;
			font-family:OpenSansRegular;
			font-size: 1.1em;
		}
		
		
		.plan h3{
			margin-bottom: 10px;
		}
		
		.plan h3{
			font-family:OpenSansRegular;
			font-size: 1.1em;
			color: #c03200;
		}
		
		.plan h3 a{
			color: inherit;
			font-family: inherit;
		}
		
		.plan h4{
			margin-top: 10px;
			margin-bottom: 10px;
		}
		
		.plan h4 a{
			font-family: OpenSansRegular;
			color: #3b3831;
			font-size: 0.92em;
			background: url('/Style%20Library/CDPDJ/Images/li_petit_point.png')  no-repeat scroll left center #fff;
			padding-left: 15px;

		}
		
		.plan .planNiveau2{
			margin-left: 30px;
		}
		
		.plan ul{
			margin-top: 10px;
			margin-bottom: 10px;
		}
		
		.plan ul li{
			margin-bottom: 2px;
		}
		
		.plan ul>li>a{
			background: url('/Style%20Library/CDPDJ/Images/li_petit_point.png')  no-repeat scroll left center #fff;
			font-size: 0.87em;
			padding-left: 15px;
		}
		
		.titresPlan{
			border-bottom: dotted 1px #d1d0cf;
			padding-bottom: 10px;
			margin-bottom: 10px;
			margin-top: 40px;
		}
		
		.plan p{
			margin-bottom: 0px;
			font-style: italic;
			font-size: 0.9em;
		}
		


/*Fin Plan du site*/

.contenuStyle-1  a:link, .contenuStyle-1  a:visited, .contenuStyle-3 li  a:link, .contenuStyle-3 li  a:visited, .btnSavoirPlus a:link, .btnSavoirPlus a:visited, .listeLiens-2 li a, .listeLiens-3 li a, .listeLiens-1 li a, .ulLienCarre li a, .plan a, #navigation a{
	text-decoration: none!important;
}

.contenuStyle-1 a:hover, .contenuStyle-1 a:focus, .contenuStyle-3 li  a:hover, .contenuStyle-3 li  a:focus, .btnSavoirPlus a:hover, .btnSavoirPlus a:focus, .listeLiens-2 li a:hover, .listeLiens-2 li a:focus, .listeLiens-3 li a:hover, .listeLiens-3 li a:focus, .ulLienCarre li a:hover, .ulLienCarre li a:focus, .plan a:hover, .plan a:focus{
	text-decoration: underline!important;
}

/*--------------------AJOUTS DE NORAMSOFT POUR PERSONNALISATION DE SHAREPOINT--------------------------------------------*/
/*----------------------------SHAREPOINT STATUS BAR----------------------------*/
body #pageStatusBar{
	border-left: 1px solid;
	border-right: 1px solid;
	border-left-color: #caac09;
	border-right-color: #caac09;
}
/*----------------------------FIN SHAREPOINT STATUS BAR------------------------*/





/*===================================================================================*/
/*BEGIN SHAREPOINT FIXES/*
/*===================================================================================*/
/*BREADCRUMB*/
/*It removes the slash separator from the first item of the breadcrumb*/
#filArianne li.separateurLienArianne:first-child{
    background : none;
}

/*Hides the root element of the top navegation.*/
div.menu-horizontal > ul.root > li > a.menu-item{
    display: none !important;  
}


/*---------------LEFT NAVEGATION-----------------------------*/
/*Left Navegationn: add a blue background to the selected item.*/
a.static.selected.menu-item{
	background-color: #004B93 !important;
}

div.menu-vertical > ul.root > li.static > a.menu-item 
{
    font-weight: bold;
}


div.menu-vertical ul.root li.static  ul.static li.static a.menu-item 
{
    background: url('../images/liste_double_fleche_noir.png') no-repeat scroll 15px center;
	padding-left: 30px !important;
}

div.menu-vertical ul.root li.static ul.static li.static ul.static li.static a.menu-item 
{
    background: url('../images/liste_disc_brun.png') no-repeat scroll 30px 19px;
    padding: 10px 0px 10px 45px !important;
}

div.menu-vertical ul.root li.static  ul.static li.static a.menu-item:hover {
	background: url('../images/liste_double_fleche_blanche.png') no-repeat scroll 10px center;
}

div.menu-vertical ul.root li.static ul.static li.static ul.static li.static a.menu-item:hover
{
    background: url('.../images/liste_disc_blanche.png') no-repeat 30px 19px;
}
/*--------------------------------------------------*/

/*-----GLOBAL NAVEGATION----------------------------*/
.menu-horizontal a.dynamic-children span.additional-background, .menu-horizontal span.dynamic-children span.additional-background {
    background-image: none;
}

/*TEMPLATE 4A (Removes the border bottom from the list LI element of the year filter UL).*/
ul.navUlDoufleFleche li:last-child{ 
    border-bottom: none!important;
}

/*RIGHT DATE Alignment*/
p.rightdate {
    width: 300px !important;
    padding-right: 41px;
    text-align: right;
}

/*
LEFT NAVEGATION EXPAND AND COLLAPSE ACTIONS.
*/

div.menu-vertical ul.root li.static ul.static
{display: none}

.leftNavegation-toggle-button{
    float: right;
    margin-top: -30px;
    margin-right: 20px;
}

.toggle-down
{
    width: 12px;
    height: 17px;
}




/*===================================================================================*/
/*END SHAREPOINT FIXES/*
/*===================================================================================*/



.definition {
	border-bottom: 1px dashed #333333;
	position: relative;
	
}

.definition span{
	display: none;
}

.definition:hover{
	background: none repeat scroll 0 0 transparent;
	cursor: pointer; 
	z-index:500;
}

.definition:hover span{
	background: none repeat scroll 0 0 #EEE;
    border-color: #888;
    border-style: solid;
    border-width: 1px 1px 1px 4px;
    color: #000;
    display: inline;
    left: 20px;
    padding: 10px;
    position: absolute;
    top: 30px;
    width: 300px;

}

p.centre{
	text-align:center;

}
/*===================================================================================*/
/*VISIONNEUSE ACC*/
/*===================================================================================*/

.infosVisionneuse{
	overflow: hidden;
	width: 850px;
}

.infosVisionneuse ul{
	width: 3400px;
}

.infosVisionneuse p{
	padding-top: 20px;
}

.infosVisionneuse ul li{
	min-height: 327px;
	width: 850px;
	float: left;
}



.btn-visionneuse{
	width: 23px;
	height: 23px;
	overflow: hidden;
	margin-left: -40px;
	margin-top: 290px;
	float: left;
	border: none;
	cursor: hand;
	cursor: pointer;
	background-color: transparent;
}

.menuVisionneuse li:last-child a{
	border-bottom: none!important;
}


button::-moz-focus-inner {
    border: 0;
    padding: 0;
}



/*===================================================================================*/
/*SELECTED CLASSES*/
/*===================================================================================*/


.menuDroit-selected{
background-color: #004B93 !important;
}

.menuOptionGauche-selected{
text-decoration: underline !important;
font-weight: 900 !important;
}

/*AJOUT TOLA*/
#menuOption a:focus, .enteteLogo a:focus, .btnRecherche:focus, .btn-visionneuse:focus, .blocContenu a:focus, .listeLiens-2 a:focus, #piedPageBody a:focus, #liensDiversBody a:focus, #filArianne a:focus{
	/*border:1px solid #000;
	outline: none;*/
	/*outline:#000 solid thin;*/
	/*text-decoration: none!important;*/
}

.btn-visionneuse:focus{
	border:1px dotted #000;
}

.ulBouton button:focus,  .enteteLogo a:focus{
	outline:black dotted thin;
}





/*PUBLICATIONS Left accordeon*/


.left-accordeon {
	margin-top: 32px !important;
	margin-right: 10px;
	float: left !important;
}



.h2-7{
font-family: OpenSansSemibold;
font-weight: normal;
color: #c03200;
font-size: 1.1em;
line-height: 1.1em;
margin: 30px 0 20px 0;
}


/*===========================================================================================*/
/* PRINTING */
/*===========================================================================================*/
.print-container{
	padding: 20px;
}



/*===========================================================================================*/
/* Publication recents */
/*===========================================================================================*/


.publications-recents{
    display: block;
margin: 0px 0px;
padding-left: 35px;
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #ece8dc;
font-size: 1.1em;
line-height: 1.4em;
    
}


.publications-recents span{
    display: block;
	/*margin: 0px 35px;*/
}

.publications-recents  a{
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;
	border-bottom: none !important;
}

/*===========================================================================================*/
/* Raffiner la recherche */
/*===========================================================================================*/

.div-raffiner{
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.div-raffiner label{
	display: inline-block;
	width: 125px;
	margin-bottom: 2px;
	text-transform: none;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}


/*==========================================================*/
/*VIDEO on PUBLICATIONS*/
/*==========================================================*/

.video-thumbnail {
float: left;
min-width: 180px;
min-height: 160px;
max-width: 180px;
}

.video-information-container {
float: left;
min-width: 429px;
max-width: 445px;
margin-bottom: 20px;
padding-left: 10px;
}

/*==========================================================*/
/*Version d'impression*/
/*==========================================================*/
@media print {
#menuOption, #piedPageBody, #liensDiversBody, .moteurRecherche, 
#menuPrincipal, #banniere, .boiteRecherche, #navigation, .lienIcone,
.element_accordeon_ferme, .blocListeLiens #ctl00_PlaceHolderMain_g_abd7903d_a759_4e52_ad42_7df9a379f103,
.btn_infos, .mediasSociaux{
		display:none;
	}	
	body, .contenuRangeeUn, .wrapperContenus, .blocContenu .contenuStyle-4 .largeur-840 .print, .contenuStyle-4 {
		overflow:visible!important;
	}
		.wrapperContenus, .blocContenu .contenuStyle-4 .largeur-840 .print, .contenuStyle-4 {
		margin-left:-20px !important;
	}
	.contenuStyle-4 {
	padding:50px;
}
.titre_drapeau_brun h2, .titre_drapeau_brun_petit h2{
	background-color:transparent!important;
}
body{
	font-size:1.4em;
}
}
/*==========================================================*/
/*Section pour la recherche*/
/*==========================================================*/
.searchWrapper > table:first-child{
	display:none;
}

.searchWrapper > table:nth-child(2){
	display:none;
}

.searchWrapper > table:nth-child(3) tr,.searchWrapper > table:nth-child(3) td
{
	padding:0;
}

.searchWrapper a{
	font-family:Arial, Verdana, sans-serif;
	line-height:1.4em;
	font-weight:bold;
}

.searchWrapper .srch-Metadata1{
	color:#006621;
}

.searchWrapper .srch-Metadata2{
	margin-bottom:25px;
	display:none;
}


.searchWrapper .srch-Page{
	text-align:center;
	font-weight:bold;
}

.searchWrapper .srch-Page a, .searchWrapper strong{
	
	font-size:1.2em;
	text-decoration:none;
}
.srch-Icon{
	display:none;
}
#CSR_NO_RESULTS{
	font-size:9pt;
	font-family:Verdana,Arial,sans-serif;
}
.srch-Page a, .srch-Page strong {
    margin-left: 10px;
}