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

/* CONTENU PRINCIPAL */

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

#header h1 {margin-bottom: 0px;}

/* FIL HERESSESSE */

#filRSSActu {
	float: right;
	background: url(/global/img/icnRss-petit.png) no-repeat center left;
	padding: 0 0 0 20px;
	font-size: 77%;
}

#filRSSActu a {
	color: #484848;
	font-weight: bold;
}
/* = REECRITURE TOOLBAR */

#contentTools a.ct4 {
	color: #484848;
	font-size: 77%;
}
#contentTools a.ct4.vote {
	color: #dedede;
	font-size: 77%;
}
#contentTools a.ct4 span {
	position: relative;
	top: -3px;
}

#contentTools a.ct4 img {
	background-color: #ffde00;
}

#contentTools a.ct4.vote img {
	background-color: #dedede;
}
/* = ACTUALITES -------------  */

	#listeActus{position:relative;}
	
	#listeActus .actualite {
		border-bottom: 1px solid #d0dde7;
		padding: .5em 0 0.3em 0;
	}
	#listeActus img {display: block;}
	#listeActus .une {
		border: 1px #D4E7F6 solid;
		border-bottom: 1px #f9ffff solid;
		background: #fff url(/global/img/bgBoxBlanc.png) repeat-x bottom left;
		padding: 4px 8px 8px 8px;
	}
	#listeActus .une h3 {
		font-size: 138.5%;
		font-weight: bold;
		line-height: 1em;
		margin: 0 0 .1em 0;
	}
	#listeActus .une p {font-size: 93%;}
	#listeActus .outLine {
		padding: 5px 8px 8px 8px;
	}
	#listeActus #liste h3 {
		height: 2.5em;
		font-size: 85%;
		background: transparent url(/global/img/filetSeparato.png) repeat-x 0 0;
		padding: .2em 0 .2em 0;
	}
	#listeActus #liste h3.first {background: none;}
		
	#content .colA .chapot {
		font-size: 1.1em;
		margin: 0 0 .8em 0;
	}
	#content .cola h1 {
		font-size:2em;margin:.67em 0;margin-top: 0;
		font-weight: bold;
		line-height: 1.1em;
	}
	#content .colA h2,#content .colA h3,#content .colA h4,
	#content .colA h5,#content .colA h6 {color: #104273;}

	#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;
	}

	#imageViewer {padding: 5px 8px 10px 8px;}
	#imageViewer #imageTray {margin: 0 0 .8em 0;}
	#imageViewer #imagePreview {margin: 0 0 .2em 0;}
	#imageViewer #imageZoom {margin: .2em 0 0 0;}
	#imageViewer #imageTray a {
		display: block;
		float: left;
		padding: 4px;
	}
	#imageViewer #imageTray a.current{background: #C9E2F8;}
	#imageViewer #imageTray a:hover{background:#4D96CA;}
	#imageViewer #imageTray img {
		display: block;
		border: 1px #104273 solid;
	}
	#imageViewer #imageZoom a{
		font-size: 77%;
		color: #0073C9;
		padding-left: 1.2em;
		background: transparent url(/global/img/icnZoom.png) no-repeat;
	}
	#imageViewer #imagePreview img{display:block;}
	#imageViewer #imagePreview {
		position: relative;
		font-size: 85%;
		font-weight: bold;
		color: #353B43;
		min-height: 190px;
	}
	#imageViewer .pagination {
		font-weight: bold;
		font-size: 77%;
	}
	#imageViewer .pagination a {
		display: block;
		width: 50%;
		float: left;
		color: #0073C9;
	}
	#imageViewer .pagination .prev {text-align: left;}
	#imageViewer .pagination .next {text-align: right;}
	
	#videoViewer {padding: 5px 3px 5px 5px;}

	/*#galerieViewer {display: none;}*/
	#nextActu .outLine {padding: 5px;}

	/* = FORMULAIRE DE TRI */
	#triActu {
		font-family: Arial, sans-serif;
		font-size: 85%;
		padding: 3px 0 15px 0;
	}
	#triActu br { margin: 2px 0;}
	#triActu fieldset{
		margin: 5px 10px;
		position: relative;
	}
	#triActu fieldset span {
		width: 200px;
		float: right;
	}
	
	#triActu fieldset legend  {
		width: 65px !important;
		padding: 0px 0 0 5px;
		float: left !important;
		clear: none !important;
		position: absolute;
		color: #0072ca;
		font-weight: bold;
	}
	
	#triActu fieldset legend span {
		width: 70px;
		position: relative;
		top: 0px;
		padding: 0px 0 0 0;
	}
	
	/*#triActu fieldset br {height: 5px; display: block;}*/
	
	#triActu p.field_valid {
		text-align: right;
		padding: 0 25px 0 0 ;
	}
	fieldset#thematique p, fieldset#periode p {
		width: 200px;
		float: right;
		position: relative;
	}
	fieldset#thematique label {
		width: 175px;
		padding: 0 0 0 5px;
		color: #0072ca;
		line-height: 1.5em;
		text-align: left;
	}
	fieldset#thematique input {
		float: left;
		margin: -2px 1px 0 0;
	}
	fieldset#periode select {
		margin: 0 0 8px 0; 
	}
	
	
	/* = AFFICHAGE VISUELS */
	.imageContent.gauche {float: left; margin: 0 5px 3px 0;}
	.imageContent.droite {float: right; margin: 0 0 3px 5px;}
	
	/* =Images associées a l’article----------------------------------------- */

	.articleVisuels {
	float: right; width: 200px;
	padding: 10px 0 0 10px; margin: 0 0 0 10px;
	border-left: 1px #ccc solid;
	}
	.articleVisuels img {
	display: block;
	padding: 4px; border: 1px #ccc solid;
	background-color: #fcfcfc;
	}
	.articleVisuels h4 {
	font-size: 77%; margin: 0 0 15px 0;
	color: #456A99
	}
	.articleVisuels .zoom a {
	display: block;
	background: transparent url(/global/images/iconZoom.gif) no-repeat 0 0;
	padding-left: 15px;
	color: #1B3F83
	}
	.articleVisuels .zoom {
	font-size: 1.1em;
	}
	
	/* = MODULE ACTUALITES, TELECHARGEMENTS, DOSSIERS, VISITES, COLONNE B */

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

	.actualite img {
		background: white;
		border: 1px #125687 solid;
		float: left;
		margin: 2px 8px 5px 0px;
		padding: 1px;
	}
	
	.actualite .titreUne {
		font-size: 138.5%;
		font-weight: bold;
		line-height: 1em;
		margin: .2em 0px .1em 0px;
	}
	
	.actualite .titreNormal {
		font-size: 108%;
		font-weight: bold;
		line-height: 1em;
		margin: .2em 0px .1em 0px;
	}
	
	#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 {
		padding: 0px;
		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: #faf8d4;
		border: 1px #DFEACC solid;
		}

		#content .colB .encadreB hr {
			background: #DFEACC;
			color: #DFEACC;
			}

	#content .colB .encadreC {
		background: #FFF;
		border: 1px #DFEACC solid;
		}
		#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;
			}
	
	#content .colB .actualite .content { width: 180px;float: left;}
	
	#content .colB .actualite p.nbreConsultation {
		background: url('/global/img/pictoConsult.png') no-repeat top left;
		padding: 0 0 0 20px;
		/*float: left;*/
		position:relative;
	}
	#content .colB .actualite p.nbreRecom {
		background: url('/global/img/pictoRecom.png') no-repeat top left;
		padding: 0 0 0 20px;
		float: left;
	}
	#content .colB .actualite p.nbreConsultation,
	#content .colB .actualite p.nbreRecom {
		color: #464c56;
		font-family: Tahoma;
		font-size: 77%;
		line-height: 1.8em;
		font-weight: bold;
	}
	#content .colB .actualite p.nbreConsultation span,
	#content .colB .actualite p.nbreRecom span {
		color: #da1515;
	}
	#content .colB .actualite .content h3 {float: left;}
	#content .colB .actualite .content h3 a {color: #464c56;font-size: 85%;font-family: Arial; font-weight: bold;}
	
	/* Colonne B, le contenu des encadres*/

	#infosComp, #infosCompPlus, .motsClefs {
		padding: 0px 5px 5px 5px;
		}
	#infosCompPlus {
		padding-top: 5px;
		border-top: 1px solid #D4E7F6;
		clear:both;
		position:relative;
	}
	#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;
		}
	#infosComp .contact {
		margin: 2px 0 3px 0;
	}
		#infosComp .contact h5 {
			font-size: 85%;
			font-weight: bold;
			border-bottom: 1px solid #ebebeb;
			margin: 0 0 5px 0;
		}
		
		#infosComp .contact p.telephone,
		#infosComp .contact p.adresse {
			font-size: 85%;
			font-style: italic;
			margin-top: 3px;
		}
		
		.download ul li a {
		background:transparent url(/global/img/puceDownload.png) no-repeat scroll 0 2px;
		display:block;
		padding:0 0 0 15px;
		}
		
		#liens a {
		background:transparent url(/global/img/puceChevrons.png) no-repeat scroll 0 5px;
		display:block;
		padding:0 0 0 15px;
		}
p.selection {font-size: 85%; font-weight: normal; margin: 5px 0;}
	p.selection a {color: #484848;}
	p.selection a:hover {text-decoration: underline;}
	p.selection a.selected {font-weight: bold;}
/*-------------------------------------------------------------------------------------*/
/* =  colB contexteMultimedia.asx			 */
/*-------------------------------------------------------------------------------------*/
.colB #videoViewer{padding:0 0; }
.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{border-left: 1px solid #ebebeb;}
.colB #galerieViewer {float: left; width: 298px; text-align: center;}
.colB #galerieViewer h3 {text-align: left;}
.colB #galerieViewer img {margin:0px 5px 5px 5px;}
.colB #panoramiqueViewer img, .colB #webcamViewer img{margin-left:8px; width:132px !important;}
.colB #panoramiqueViewer h4, .colB #webcamViewer h4{margin-left:8px;}