/* = Style locaux Dossiers 
------------------------- */
@import "/global/css/layoutA.css";

.colA{overflow:hidden;}
/* CONTENU PRINCIPAL */

h1 {
	font-size: 2em;
	margin:.67em 0;margin-top: 0;
	font-weight: bold;
	line-height: 1.1em;
}

#header h1 {
	margin-bottom: 0;
}
/* ACCUEIL DOSSIERS */

.dossierPrincipal h3 {
	font-size: 138.5%;
	font-weight: bold;
	line-height: 1.2em;
	display: block;
	/*float: left;*/
	margin: .5em 0 .5em 0;
	}

.dossierPrincipal p {
	float: left;
	}
#content .colA img {
	margin: 2px 8px 0 0; 
}

#territoire .outLine,
#solidarite .outLine,
#economie .outLine,
#culture .outLine,
#sport .outLine {
	padding: 4px 5px 0px 5px;
	background: #fff;
	}
#territoire img,
#solidarite img,
#economie img,
#culture img,
#sport img{
	border: 1px #104273 solid;
	background: #fff;
	float: left;
	margin: 2px 8px 0 0; padding: 1px;
}

/* = ORGANISATION DES BLOCS */

.dossierGroup {
	padding: 5px 0 0px 0;
	}

.dossierPrincipal, .dossierAlternatif {
float:left;
	}

.dossierPrincipal img {
	margin-bottom: 5px;
	float: left;
	}

.dossierPrincipal {width:380px;margin: 0 10px 0 0;}
.dossierAlternatif {width: 360px; margin: 0 0 5px 0;}
.dossierCompGroup {margin: 0 0 0px 0;}
.dossierCompGroup.openAtLast {margin: 0 0 5px 0;}

/* = BOITE OUVRANTE*/

.dossierCompGroup h3.compGroupTitle {
	height:  12px;
	background: url(../img/bgFoldTitle.png) no-repeat top left;
	padding: 2px 0 0 400px;
	margin: 0;
	}

.dossierCompGroup.openAtLast h3.compGroupTitle {
	height: 13px;
	}

.dossierCompGroup h3.compGroupTitle a{
	width:  280px;
	padding: 0;
	font-family:Tahoma;
	font-size:70%;
	font-weight:bold;
	text-transform:none;
	}

.dossierCompGroup .compGroupContent {
	border: 1px #D4E7F6 solid;
	border-top: 0px;
	padding: 5px;
	}

.dossierCompGroup .compGroupContent .listeA {
	width: 385px;
	float: left;
	}
	
/* DETAIL DOSSIERS */

#content .colA .encadreD,
#content .colA .encadreC,
#content .colA .encadreB,
#content .colA .encadreA {
	padding: 0 .8em;
	margin: 1em 0;
	}
#content .colA .encadreB {
	background: #F2FEDE;
	border: 1px #DFEACC solid;
	}
#content .colA .encadreA {
	background: #FCFEEA;
	border: 1px #E3E7B3 solid;
	}
#content .colA .encadreB h4,
#content .colA .encadreA h4 {
	margin: .5em 0;
	}

/* VIDEO VIEWER */

#videoViewer {
	background: url(/global/img/filetSeparato.png) repeat-x;
	padding: 5px 3px 5px 5px;
	}

#videoViewer .titreB2b {background: #F1F9FF;border: none; padding-left: 0 ;}

#videoViewer h3,
#videoViewer h4, {}
#videoViewer h3 a,
#videoViewer h4 a {
	display: block;
	padding: .3em 0 .15em 0;	
	}

/* Colonne B, le contenu */

#PagesDossier {
	background: #fff;
	margin: 0px 0 0 0;
	padding: 10px 0 15px 0;
	}
#PagesDossier .titreB2b {background: none;border: none; padding: .5em 0 .3em 0;}
#PagesDossier p,
#PagesDossier ul,  {
font-size: 93%;
	}
#PagesDossier ul li {
	border-bottom: 1px solid #e9e9e9;
	padding-bottom: .15em;
	margin-bottom: .15em ;
	font-size: 93%;
	}
#PagesDossier ul li a {
	display: block;
	background: transparent url(../img/pucePageDossier.png) no-repeat 1px 1px;
	padding-left: 20px;
	}
#PagesDossier ul li a.active {
	font-weight: bold;
	color: #464c56;
	}
#content .colB .contact {
	padding-bottom: 10px;
}

#content .colB .contact h5 {
	font-size: 85%;
	font-weight: bold;
	padding: 3px 0 2px 0;
}
#content .colB .encadreD,
#content .colB .encadreC,
#content .colB .encadreB,
#content .colB .encadreA {
	padding: 0 .8em .5em .8em;
	}
	
	#content .colB .encadreD .box,
	#content .colB .encadreC .box,
	#content .colB .encadreB .box,
	#content .colB .encadreA .box {
		padding: 0;
		background: none;
		margin: 0;
		border: 0;
		}
	
	#content .colB .encadreD .box .outLine,
	#content .colB .encadreC .box .outLine,
	#content .colB .encadreB .box .outLine,
	#content .colB .encadreA .box .outLine {
		background: none;
		border: 0;
		}
		
#content .colB .encadreD hr,
#content .colB .encadreC hr,
#content .colB .encadreB hr ,
#content .colB .encadreA hr {
	height: 1px;
	border: 0;
	}
#content .colB .encadreA {
	background: #FCFEEA;
	border: 1px #E3E7B3 solid;
	}
#content .colB .encadreA hr {
	background: #FCFEEA;
	color: #FCFEEA;	
}
#content .colB .encadreB {
	background: #f0f8cf;
	border: 1px #DFEACC solid;
	}
#content .colB .encadreB hr {
	background: #DFEACC;
	color: #DFEACC;
	}
	#content .colB .encadreC {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #DFEACC;
	}
#content .colB .encadreC hr {
	background: #DFEACC;
	color: #DFEACC;
	}
#content .colB .encadreD {
	background: #fef9d9;
	border: 1px #e0ce48 solid;
	}
#content .colB .encadreD hr {
	background: #e0ce48;
	color: #e0ce48;
	}

#infosComp, #infosCompPlus, .motsClefs {
	padding: 0px 5px 5px 5px;
	}
#infosComp .titreB2b, #infosCompPlus .titreB2b, .motsClefs .titreB2b, .dossier {
	background: none;border: none; padding: .5em 0 .3em 0;
	}
#infosComp p, #infosCompPlus p, .motsClefs p,
#infosComp ul, #infosCompPlus ul, .motsClefs ul  {
	font-size: 85%;
	}
#infosComp .list li a, #infosCompPlus .list li a,
#infosComp .list.savoirPlus li a, #infosCompPlus .list.savoirPlus li a,
#infosComp .list.download li a, #infosCompPlus .list.download li a {
	display: block;
	padding-left: 10px;
}
#infosComp .list li a, #infosCompPlus .list li a {
	background: transparent url(/global/img/puceChevrons.png) no-repeat 0 5px;
	}
#infosComp .list.savoirPlus li a, #infosCompPlus .list.savoirPlus li a {
	background: transparent url(/global/img/puceSavoirPlus.png) no-repeat 0 3px;
	}
#infosComp .list.download li a, #infosCompPlus .list.download li a {
	background: transparent url(/global/img/puceDownload.png) no-repeat 0 0px;
	padding-right: .2em;
	}

/* liens voir tout, petite correction pour un probleme d'affichage */

.voirTout {
	font-size: 9px !important;
	}
.voirTout a {
	}
	
.motsClefs .voirTout {
	
}

/* = ENCADRE COLONNE B DOSSIER */

#dossiers .outLine {
	padding: 4px 5px 3px 5px;
	}
#content .colB .dossier {
	margin: 0 0 8px 0;
	padding: 4px 5px 3px 5px;
	}
#content .colB h3.titreB2b {
		background: none;
	}
#content .colB .dossierSuivant h3.titreB2b {
	background: none;
	padding: 2px 5px;
	border-top: 1px #D4E7F6 solid;
	}
	
#content .colB .dossier p {
	font-size: 85%;
	}
#content .colB .dossier img {
	border: 1px #104273 solid;
	background: #fff;
	float: left;
	margin: 2px 8px 0 0; padding: 1px;
	}

/* = MORE */

#more .outLine {padding-top:5px; border-top-width: 1px;}
#more .box .outLine {padding-top: 0px !important;padding-bottom: 0px !important;}
#more * .outLine {border: 0;}
#more .titreB2b {background: none;}
#more .box {margin: 0 0 10px 0;}
/*#more .motsClefs {
	background: #fff;
	border: 1px #ccc solid;
	}*/
.motsClefs .tags {font-size: 85%;}
#more .download {
	background: #feffec;
	border: 1px #ffeb9a solid;
	}
#more .download ul {font-size: 85%;}
#more .download li {padding: 0 0 .1em 0;}
#more .download a {
	display: block;
	background: transparent url(/global/img/puceDownload.png) no-repeat 0 2px;
	padding: 0 0 0 15px;
}
#more #liens {}
#more #liens .outLine {padding: 0 5px;}
#more #liens .outLine p {margin: 0 0 3px 0;}
#more #liens a {
	display: block;
	background: transparent url(/global/img/puceChevrons.png) no-repeat 0 5px;
	padding: 0 0 0 15px;
}

/* = PAGINATION BAS DE PAGE DOSSIER */

#pagination {
	border-top: 1px #D4E7F6 solid;
	float: left;
	margin: 1.5em 0;
	font-size: 85%;
	}
#nextSheet a.next,
#prevSheet a.prev {
	font-weight: bold;
	}
#prevSheet {
	float: left;
	text-align: left;
	margin: 5px 0px 5px 5px;
	}
#nextSheet {
	float: right;
	text-align: right;
	border-left: 1px #D4E7F6 solid;
	margin: 5px 5px 5px 0px;
	padding-left: 5px;
	}
	
	
	/*-------------------------------------------------------------------------------------*/
	/* =  colB contexteMultimedia.asx			 */
	/*-------------------------------------------------------------------------------------*/
	.colB #videoViewer{padding:0 0; }
	/*.colB #more, .colB #more .outLine{padding:0 0;}*/
	.colB #videoViewer h3{margin-left:8px !important;}
	.colB #videoViewer h4{margin:3px 8px 3px 8px !important;}
	.colB #videoViewer iframe{width:280px; margin-left:8px;}
	.colB #webcamViewer, .colB #panoramiqueViewer{width:147px; overflow:hidden; float:left;}
	.colB #panoramiqueViewer img, .colB #webcamViewer img{margin-left:8px; width:132px !important;}
	.colB #panoramiqueViewer h4, .colB #webcamViewer h4{margin-left:8px;}
	.colB #infosCompPlus {clear:both;}
	.colB .encadreD{position:relative;}
	
	/* = Styles des dossiers - */

	/* Container principal pour les dossiers max width: 460px */

	#dossierContent {
	background: white;
	width: 460px;
	outline: #999 1px solid;
	padding: 15px;
	}
	hr.cut {
	clear: both;
	visibility: hidden;
	border: 0;
	}
	.rangee h1,.rangee h2,.rangee h3,
	.rangee h4,.rangee h5,.rangee h6 {
	font-size: 1.3em; margin-bottom: 1em;
	line-height: 1.2em;
	}

	/* =Styles communs à l’intro ----------------------------------------- */

	 #dossierIntro {
	 color: #707070;
	 }

	/* =Gestion des images flottées ou non ----------------------------------------- */

	 .dossPctFloatLeft span,
	 .dossPctFloatRight span,
	 .dossPctCenter span,
	 .dossPct span {
	 font-size: 77%;
	 color: #457D9D;
	 display: block;
	 width: 100%;
	 }
	 .dossPctFloatLeft {
	 float: left;
	 margin: 0 1em 1em 0;
	 text-align: left;
	 }
	 .dossPctCenter {
	 margin: 0 0 1em 0;
	 text-align: center;
	 width: 100%;
	 float: left;
	 clear: both;
	 }
	 .dossPctFloatRight {
	 float: right;
	 margin: 0 0 1em 1em;
	 text-align: right;
	 }
	 .dossPctFloatLeft img,
	 .dossPctFloatRight img,
	 .dossPctCenter img,
	 .dossPct img {
	 }
	/* AJOUT SEPARATION ENTRE DOSSIER ET LISTES DOSSIERS */
	
	.blocSeparation {
		clear:both;
	}

	/* ************************************************************ */
	/* Gestion des colonnes */
	/* ************************************************************ */
	 .rangee {clear: both; margin-bottom: 10px;}
	 .rangee {line-height: 1.2em}
	 .rangee {_height: 1%}
	 .rangee:after {
	 content: "-----";
	 display: block;
	 visibility: hidden;
	 clear: both;
	 height: 0;
	 }
	 .oneCol {clear: both;}
	 .twoCols {
	 width: 46%; float: left;
	/* margin-right: 1em;*/
	 margin-right: 10px;
	 }
	 .threeCols {
	 width: 30%; float: left;
	 margin-right: 10px;
	 }
	 .fourCols {
	 width: 22%; float: left;
	 margin-right: 10px;
	 }
	 .autoCols {
	 float: left;
	 margin-right: 10px;
	 }
	/* ************************************************************ */
	/* Types de paragraphe */
	/* ************************************************************ */
	 .justLeft {text-align: left;}
	 .justCenter {text-align: center;}
	 .justRight {text-align: right;}
	 .justForce {text-align: justify;}