/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

	html,
	button,
	input,
	select,
	textarea {
		color: #222;
	}

	html {
		font-size: 1em;
		line-height: 1.4;
	}

	/*
	 * Remove text-shadow in selection highlight: h5bp.com/i
	 * These selection rule sets have to be separate.
	 * Customize the background color to match your design.
	 */

	::-moz-selection {
		background: #b3d4fc;
		text-shadow: none;
	}

	::selection {
		background: #b3d4fc;
		text-shadow: none;
	}

	/*
	 * A better looking default horizontal rule
	 */

	hr {
		display: block;
		height: 1px;
		border: 0;
		border-top: 1px solid #ccc;
		margin: 1em 0;
		padding: 0;
	}

	/*
	 * Remove the gap between images, videos, audio and canvas and the bottom of
	 * their containers: h5bp.com/i/440
	 */

	audio,
	canvas,
	img,
	video {
		vertical-align: middle;
	}

	/*
	 * Remove default fieldset styles.
	 */

	fieldset {
		border: 0;
		margin: 0;
		padding: 0;
	}

	/*
	 * Allow only vertical resizing of textareas.
	 */

	textarea {
		resize: vertical;
	}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

	.browsehappy {
		margin: 0.2em 0;
		background: #ccc;
		color: #000;
		padding: 0.2em 0;
	}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
    
    /*Champs d'édition sur les fiches lorsqu'on est conencté à la console*/
	.ei-editer{
	position:absolute;
	top : 10px; 
	left : 0px;
	background : url(../img/editer.jpg) no-repeat 3px 8px #FFF;
	padding:5px 5px 5px 25px;
	}
	
    
    /*Cache un élément hors du context*/
   .visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
    }
    
    .visuallyhidden.focusable:active,
    .visuallyhidden.focusable:focus {
	    clip: auto;
	    height: auto;
	    margin: 0;
	    overflow: visible;
	    position: static;
	    width: auto;
    }
   
   
/* ==========================================================================
   Header
   ========================================================================== */
   
	/*Logo*/
	.logo {
		display: block;
		margin: 0 auto;
		padding-bottom: 30px; }
	 
	/*Menu thèmatique*/
	.header-theme {
		width: 100%;
		z-index: 800;
		padding: 0;
		background: #FFF;
			}
		 
		.header-theme:hover { background: #FFF!important; }
	 
		.header-theme .blur-menu {
			margin: 0 auto;
			width: 983px;
			display: table; }
	 
		.header-theme section {
			width: 100%;
			height: 100%; }
	 
	/*Faire affaire - Bleu*/
	.theme ul li.partenaire .box-color, .categorie li.commerce a.thematique span.bg, .bleu footer .box-color, .menu.bleu .resp-tabs-list li.resp-tab-active span.box-color {
		background-color: #0072bc;
		background-image: -webkit-linear-gradient(right, #0072bc, #004c82);
		background-image: -moz-linear-gradient(right, #0072bc, #004c82);
		background-image: -o-linear-gradient(right, #0072bc, #004c82);
		background-image: linear-gradient(to left, #0072bc, #004c82); }
		
	 
	/*Découvrir - Rouge*/
	.theme ul li.adn .box-color, .categorie li.adn a.thematique span.bg, .rouge footer .box-color, .menu.rouge .resp-tabs-list li.resp-tab-active span.box-color {
		background-color: #b11617;
		background-image: -webkit-linear-gradient(left, #b11617, #ef4121);
		background-image: -moz-linear-gradient(left, #b11617, #ef4121);
		background-image: -o-linear-gradient(left, #b11617, #ef4121);
		background-image: linear-gradient(to right, #b11617, #ef4121); }
	 
	/*Étudier - Jaune*/
	.theme ul li.avenir .box-color, .categorie li.etudier a.thematique span.bg,.jaune footer .box-color, .menu.jaune .resp-tabs-list li.resp-tab-active span.box-color {
		background-color: #feb814;
		background-image: -webkit-linear-gradient(right, #feb814, #e18913);
		background-image: -moz-linear-gradient(right, #feb814, #e18913);
		background-image: -o-linear-gradient(right, #feb814, #e18913);
		background-image: linear-gradient(to left, #feb814, #e18913); }
	 
	/*Immigrer - Vert*/
	.theme ul li.reve .box-color, .categorie li.travail a.thematique span.bg, .vert footer .box-color, .menu.vert .resp-tabs-list li.resp-tab-active span.box-color {
		background-color: #529131;
		background-image: -webkit-linear-gradient(left, #529131, #8cc63f);
		background-image: -moz-linear-gradient(left, #529131, #8cc63f);
		background-image: -o-linear-gradient(left, #529131, #8cc63f);
		background-image: linear-gradient(to right, #529131, #8cc63f); }
	 
	/*Arts et culture - Mauve*/
	.theme ul li.passion .box-color, .categorie li.arts a.thematique span.bg, .theme ul li.passion .box-color, .mauve footer .box-color, .menu.mauve .resp-tabs-list li.resp-tab-active span.box-color {
		background-color: #c63b96;
		background-image: -webkit-linear-gradient(right, #c63b96, #981077);
		background-image: -moz-linear-gradient(right, #c63b96, #981077);
		background-image: -o-linear-gradient(right, #c63b96, #981077);
		background-image: linear-gradient(to left, #c63b96, #981077); }
	 
	/*Visiter - Sarcelle*/
	.theme ul li.tq .box-color, .categorie li.tourisme a.thematique span.bg, .sarcelle footer .box-color, .menu.sarcelle .resp-tabs-list li.resp-tab-active span.box-color {
		background-color: #128291;
		background-image: -webkit-linear-gradient(left, #128291, #70c7dd);
		background-image: -moz-linear-gradient(left, #128291, #70c7dd);
		background-image: -o-linear-gradient(left, #128291, #70c7dd);
		background-image: linear-gradient(to right, #128291, #70c7dd); }
	
	/*Dropdown des délégations dans le menu thématique*/ 
	.drop-theme {
		position: relative;
		display: table-cell;
		padding-top:0.4em;
		vertical-align:bottom; }
	 
		.drop-theme:hover, .drop-theme.active {
			padding-bottom: 0px; }
	 
		/*Lien du logo Québec*/	
	    .drop-theme .lien-accueil{padding-right:1%;}

	
	/*Affichage de la délégation courrante*/ 
	.delegation-courante, .delegation-courante:link, .delegation-courante:visited {
		display: inline-block;
		text-align:right;
		text-decoration: none;
		color: #4e4e4e;
		font-size: 0.875em;
		margin-top: -0.5em; }
	 
	.delegation-courante:hover {
		text-decoration: none;
		
		color: #4e4e4e; }
	 
	div.delegation-courante { display: none; }
	 
	.drop-theme a.delegation-courante  {
	    display: block;
	   background: url(../img/bg-drop-delegation.png) repeat-y right center;
	    padding-right: 4%;
	    position:relative; }
	
	.drop-theme.active a.delegation-courante  {
	    display: block;
	    background: url(../img/bg-drop-delegation-active.png) repeat-y right center;
	    }
	 
	.delegation-courante span {
		display: block;
		padding-right: 10%;
		width:90%;
		margin-top:-5px;
		position: relative;}
	
	.delegation-courante:hover span {
		text-decoration:underline;}
		
	
	 
	.drop-theme a.delegation-courante span { background: url(../img/fleche-drop.png) no-repeat right; }
	
	/*Liste déroulante de la délégations en trois images*/
	.drop-theme a.delegation-courante span span.t-bg  {
	    background: url(../img/t-bg-drop-delegation.png) repeat-y right center;
	    width:130px;
	    height:7px;
	    display:block;
	    position:absolute;
	    top:0;
	    right:0; }
	.drop-theme a.delegation-courante span span.b-bg  {
	    background: url(../img/b-bg-drop-delegation.png) repeat-y right center;
	    width:130px;
	    height:6px;
	    display:block;
	    position:absolute;
	    top:0;
	    right:0; }
	    
	 .drop-theme.active a.delegation-courante span span.b-bg  {
	    background: url(../img/b-bg-drop-delegation-active.png) repeat-y right center;
	    }
	    
	.drop-theme.active a.delegation-courante span span.t-bg  {
	    background: url(../img/t-bg-drop-delegation-active.png) repeat-y right center;
	     }
	.drop-theme.active a.delegation-courante span span.b-bg  {
	    background: url(../img/b-bg-drop-delegation-active.png) repeat-y right center;
	    }    
	 
	 /*Affichage du menu des délégations en absolute*/
	.drop-theme .menu-delegation {
		position: absolute;
		z-index: 1000;
		background: #FFF;
		-webkit-box-shadow: 0 2px 5px rgba(2,3,3,.11);
		-moz-box-shadow: 0 2px 5px rgba(2,3,3,.11);
		box-shadow: 0 2px 5px rgba(2,3,3,.11); }
	 
	.drop-theme ul.delegations {
		position: relative;
		padding: 0;
		margin: 0;
		width: 24em; }
	
		.menu-delegation ul.delegations li.continent a, .menu-delegation ul.delegations li.continent a:link, .menu-delegation ul.delegations li.continent a:visited, .menu-delegation ul.delegations li.continent a:hover, .menu-delegation ul.delegations li.continent a:active {
		    color:#3b3b3b;
		    background: -moz-linear-gradient(top,  rgba(0,0,0,0.26) 0%, rgba(255,255,255,0.26) 2%, rgba(255,255,255,0.22) 23%, rgba(0,0,0,0.08) 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.26)), color-stop(2%,rgba(255,255,255,0.26)), color-stop(23%,rgba(255,255,255,0.22)), color-stop(100%,rgba(0,0,0,0.08))); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top,  rgba(0,0,0,0.26) 0%,rgba(255,255,255,0.26) 2%,rgba(255,255,255,0.22) 23%,rgba(0,0,0,0.08) 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top,  rgba(0,0,0,0.26) 0%,rgba(255,255,255,0.26) 2%,rgba(255,255,255,0.22) 23%,rgba(0,0,0,0.08) 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top,  rgba(0,0,0,0.26) 0%,rgba(255,255,255,0.26) 2%,rgba(255,255,255,0.22) 23%,rgba(0,0,0,0.08) 100%); /* IE10+ */
            background: linear-gradient(to bottom,  rgba(0,0,0,0.26) 0%,rgba(255,255,255,0.26) 2%,rgba(255,255,255,0.22) 23%,rgba(0,0,0,0.08) 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42000000', endColorstr='#14000000',GradientType=0 ); /* IE6-9 */
		    text-transform : uppercase;
		    text-decoration : none;
		    position : relative;
		    padding : 10px 23px;
		    display:block;
		}
			.menu-delegation ul.delegations li.continent a span{
			background : url(../img/plus-noir.png) no-repeat;
			width: 21px;
			height:22px;
			display: block;
			position:absolute;
			right: 10px;
			top:11px;
			}
			
			.menu-delegation ul.delegations li.continent.active a span{
			background : url(../img/moins-noir.png) no-repeat;
			}
		
			.menu-delegation ul.delegations li.continent ul li a, .menu-delegation ul.delegations li.continent ul li a:link, .menu-delegation ul.delegations li.continent ul li a:visited, .menu-langue ul li a, menu-langue ul li a:link,  .menu-langue ul li a, menu-langue ul li a:visited
			{
			background : none;
			filter: none;
			text-decoration : none;
			text-transform : none;
			font-size: 1.1em;
			padding: 4px;
			display:block;
			
			}
			
			.menu-delegation ul.delegations li.continent ul li a:hover, .menu-langue ul li a:hover
			{
			text-decoration : underline;
			text-transform : none;
			background: #002f54;
			color: #FFF;
			
			}
	
	/*Dropdown - Sélectionnez votre territoire*/ 
	.dropdown {
		position: absolute;
		padding: 0;
		margin: 0;
		width: 100%; }
	 
	.drop-down-mobile ul { margin: 0px; }
	 
	.drop-theme ul.delegations li, .dropdown li, .menu-delegation ul.delegations li.continent {
		background: none;
		padding: 0; }
	 
	.drop-theme ul.delegations li a, .dropdown li a{
		background: none;
		padding: 4px;
		margin: 0; }
    
    .drop-theme ul.delegations li.lien-accueil-general a, .drop-theme ul.delegations li.lien-accueil-general a:link, .drop-theme ul.delegations li.lien-accueil-general a:visited {
        display:block; color:#3B3B3B;}
	 
	.dropdown li a:link, .dropdown li a:visited{
		display: block;
		background: #FFF;
		color: #4e4e4e;
		text-decoration: underline; }
	 
	.drop-theme ul.delegations li ul li a:hover, .dropdown li a:hover, .drop-theme ul.delegations li.lien-accueil-general a:hover{
		background: #002f54;
		color: #FFF; }
	 
	.col2-accueil .dropdown li a:hover { background: #373737; }
	 
	.drop-theme ul.delegations li a img, .dropdown li a img { margin-right: 0.5em; }
	 
	 /*Menu des onglets thématiques*/
	.theme {
		display: table-cell; 
		width: 83%;
		vertical-align: bottom; }
	 
		.theme ul {
			padding:  0px;
			width: 100%; 
			margin: 0 auto;
			display: table; }
	 
			.theme ul li {
				display: table-cell;
				min-width: 134px;
				background: none;
				padding-left: 0px;
				width: 16%;
				height: 100%;
				vertical-align: bottom; }
	 
				.theme ul li .box-color {
					height: 4px;
					width: 100%;
					display: block;
					position: absolute;
					bottom: 0px;
					left: 0px; }
	 
				.theme ul li a {
					font-family: "solomon_sans_boldbold";
					text-decoration: none;
					color: #3b3b3b;
					margin: 0 auto;
					font-size: 1.1em;
					display: block;
					width: 100%;
					line-height: 1em;
					min-height: 1em;
					padding-bottom: 5px;
					padding-top:0px;
					position: relative; }
	 
				.theme ul li ul { display: none; }
	 
					.theme ul li ul  li a {
						border: none;
						padding: 3% 5%;
						width: auto;
						color: #FFF;
						width: 90%;
						font-family: 'solomon_sans_bookregular'; }
	 
						.theme ul li ul  li a span {
							background: url(../img/mobile/fleche.png) no-repeat;
							width: 8px;
							height: 14px;
							display: block;
							position: absolute;
							right: 15px;
							top: 8px; }
	 
				.theme ul li a:hover { background: url(../img/bg-menu-theme.png) repeat-x bottom; }
	 
				.theme ul li a span.libelle {
					margin: 0 auto;
					display: table; }
	 
					.theme ul li a span.libelle span { display: block; }

/* ==========================================================================
   piv
   ========================================================================== */   
   
   .piv {
       width: 975px;
       margin:40px auto 0 auto;
       display:table}
       
      .piv a{
       display:table-cell;
       width:201px;}
       
      .piv nav{
      
       display:table-cell;}
       
       .piv nav ul{
       background:#003399;
       margin:0;
       line-height:1em;
      }
           .piv nav ul li{
           background:none;
           display:inline-block;}
           
               .piv nav ul li a:link, .piv nav ul li a:visited, .piv nav ul li a:hover, .piv nav ul li a:active{
               color:#FFFFFF;
               font-size:0.688em;
               display:block;
               width:auto;
               font-family: 'chaloult_cond_demi_grasnormal';
               font-weight:100;}
/* ==========================================================================
   Meta
   ========================================================================== */   
	section.meta {
		width: 940px;
		z-index: 999;
		background: #FFF;
		margin: 0 auto;
		text-align: right; }
	 
	.moteur-recherche, nav.meta { display: inline-block; }
	 
	nav.meta ul {
		margin: 1em 0 0 0;
		padding-left: 0px;
		font-family: 'solomon_sans_normalregular';
		color: #4e4e4e; }
	 
		nav.meta ul li {
			display: inline-block;
			margin-left: 1em;
			background: none;
			padding-left: 0px; }
	 
			nav.meta ul li a {
				color: #4e4e4e;
				text-decoration: none; }
		
	/* ==========================================================================
	   Flipper
	   ========================================================================== */
	   
		
		
    .flip-container { perspective: 1000; }
	 
	/* flip speed goes here */
	.flipper {
		transition: 0.6s;
		transform-style: preserve-3d;
		position: relative; }
	 
	/* hide back of pane during swap */
	.front, .back {
        visibility:hidden;		}
	 
	/* front pane, placed above back */
	.front { z-index: 2; }
	 
	/* back, initially hidden pane */
	.back {
		position: absolute;
		top: 0px;
		left: 0px; }
	 
	.vertical.flip-container { position: relative; }
	 
	.vertical .back {
		width: 100%;
		height: 100%; }
	 
	.vertical.flip-container .flipper { transform-origin: 100%; /* half of height */ }
	 
	.vertical.flip-container .flipper .front {
		visibility: visible;}
	 
	.vertical.flip-container .flipperActive .back {
		visibility: visible;}
	 
	.vertical.flip-container li.flipperActive .front {
	    visibility: hidden;}

/* ==========================================================================
   Contenu de l'accueil
   ========================================================================== */   
	
	/*Le h1 des représentations*/
	.accueil-h1 span
	{
	    background-color: #000000;
	    background-color: rgba(0, 0, 0, 0.65);
	    color:#FFF;
	    padding: 14px 20px;
	    font-size: 1.125em;
	    display:inline-block;
	    font-family: solomon_sans_boldbold;
	    -moz-box-shadow:     0 0 3px rgba(0, 0, 0, 0.6);
        -webkit-box-shadow:  0 0 3px rgba(0, 0, 0, 0.6);
        box-shadow:          0 0 3px rgba(0, 0, 0, 0.6);
	    }
	
	div.content {
		width: 940px;
		margin: 0 auto;
		margin-left: auto; /*position: absolute;*/
		margin-right: auto;
		left: 0;
		right: 0;
		top: 0px;
		margin: 1.8em auto 2em auto; /*top (premier) était à 3em */
		position : static; }
		
	div.content.article{
		width: 600px;
		/*position: relative;
		top:-120px;*/
		 }	
	 
	/*Colonne d'accueil*/
	section.col1-accueil {
		width: 67.95%;
		float: left; }
	 
	aside.col2-accueil {
		width: 31.91%;
		float: right; }
	 
		aside.col2-accueil section {
			margin: 2% 0;
			font-family: 'solomon_sans_bookregular';
			width: 100%;
			 -moz-box-shadow:  0 0 3px rgba(0, 0, 0, 0.6);
             -webkit-box-shadow:  0 0 3px rgba(0, 0, 0, 0.6);
             box-shadow: 0 0 3px rgba(0, 0, 0, 0.6); 
              }
	 
			aside.col2-accueil section:first-child { margin: 0 0 2% 0 ; }
	 
			aside.col2-accueil section.panel { background: #FFFFFF; }
	 
		aside.col2-accueil .dropdown-delegation, aside.col2-accueil .dropdown-delegation a.dropdown-lien { 
			background: none;
			z-index:750;	}
	 
		aside.col2-accueil .dropdown-delegation a.dropdown-lien span.fleche {
			background: #373737;
			padding: 0 9px;
			display: table-cell;
			min-height: 78px;
			line-height: 78px;
			text-align: center; }
	 
		aside.col2-accueil .dropdown-delegation a.dropdown-lien {
			overflow: auto;
			display: block;
			padding: 0px;
			margin: 0px;
			display: table; }
	 
			aside.col2-accueil .dropdown-delegation a.dropdown-lien img { vertical-align: middle; }
	 
			aside.col2-accueil .dropdown-delegation a.dropdown-lien span.current {
				background: #5a5959;
				padding: 2%;
				width: 100%;
				display: table-cell;
				min-height: 68px;
				vertical-align: middle;
				color: #FFFFFF; }
	 
			aside.col2-accueil .dropdown-delegation a.dropdown-lien.active span.current {
				background-color: #5a5959;
				background-image: -webkit-linear-gradient(bottom, rgba(33,33,33,.6), rgba(63,63,63,.6));
				background-image: -moz-linear-gradient(bottom, rgba(33,33,33,.6), rgba(63,63,63,.6));
				background-image: -o-linear-gradient(bottom, rgba(33,33,33,.6), rgba(63,63,63,.6));
				background-image: linear-gradient(to top, rgba(33,33,33,.6), rgba(63,63,63,.6)); }
	 
			aside.col2-accueil .dropdown-delegation a.dropdown-lien span.current span {
				display: inline-block;
				width: 59%;
				background: none;
				padding: 0px 10px;
				margin: 0px;
				vertical-align: middle;
				z-index: 750; }
	 
			aside.col2-accueil .dropdown-delegation a.dropdown-lien span.current img {
				display: inline-block;
				vertical-align: middle; }
	 
		/*Drop down délégation*/
	aside.col2-accueil .dropdown-delegation {
			width: 100%;
			position: relative;
			overflow: visible;
			}
	 
	.dropdown-delegation a.dropdown-lien {
		background: #f9f9f9;
		padding: 10px;
		margin: 2px 0px 2px 2px; }
	 
	.dropdown-delegation span {
		background: #f9f9f9;
		padding: 10px;
		margin: 2px; }
	 
	.dropdown-delegation ul {
		background: #FFF;
		margin: 0;
		-webkit-box-shadow: 0 0 4px rgba(2,3,3,.15);
		-moz-box-shadow: 0 0 4px rgba(2,3,3,.15);
		box-shadow: 0 0 4px rgba(2,3,3,.15);
		border: solid 1px #e5e5e5;
		z-index:750;
		position: absolute; }
	 
	 /*Chef de poste*/
	 .accueil-chef  {
	    background:#FFF; 
	    display:table;}
	    
	    .accueil-chef .accueil-chef-desc{ width: 100%;}
	    
	    .accueil-chef .accueil-chef-desc, .accueil-chef img {
	        display:table-cell; 
	        vertical-align:middle;}
	        
	    .accueil-chef img { width:93px;}
	    
	    .accueil-chef-nom {
	        font-family: 'solomon_sans_normalregular'; 
	        color:#000; 
	        padding: 0 15px; 
	        margin: 0.5em 0; }
	    
	    .accueil-chef-fonction {
	        font-family: 'solomon_sans_bookregular'; 
	        color:#000; 
	        padding: 0 15px; 
	        margin: 0.5em 0; 
	        font-size: 0.95em;}
	 
	/*Coordonné*/
	.adresse {
		background: url(../img/pointer.png) no-repeat left 3px;
		padding: 0px 25px;
		margin-left: 18px;
		font-size: 0.875em; }
		
	.adresse.version2 {
	    background: url(../img/carte.png) no-repeat left 3px;
	    background-size: 13px 19px;
	    padding: 0px 25px 3px 25px;
	    margin-bottom:0; }	
	 
	.tel {
		background: url(../img/tel.png) no-repeat left 3px;
		padding-left: 25px;
		margin-left: 18px;
		font-size: 0.875em; }
	 
		.tel .lien-fleche {
			background: url(../img/fleche-droite-bleu.png) no-repeat left center;
			padding-left: 10px;
			color: #0196c9;
			text-decoration: none;
			margin-left: 40px; }
			
	.tel.version2 {
	    background: url(../img/telephone.png) no-repeat left 3px;
	    background-size: 15px 14px;
	    margin-bottom:0;
	    } 		
	 
	.mail {
		background: url(../img/employes/mail.png) no-repeat left center;
		padding-left: 25px; }
		
	.mail.version2 {
	    background: url(../img/enveloppe.png) no-repeat left center;
	    background-size: 15px 9px;
	    }	
		
    /* Liste 4 items de l'accueil (Mandat, Territoires couverts, Services, Employés) */
    
    .liste-4items
    {
        float: left;
        height: 19px;
        margin-bottom: 15px;
        width: 105px;
        padding-left:0;
        background:none;    
    }
    
    .liste-4items.large
    {
        width: 190px;
    }		
		
	.mandat {
		background: url(../img/mandat.png) no-repeat left center;
		background-size: 15px 15px;
		padding: 0 0 0 20px;
		margin-left: 18px;
		font-size: 0.875em; }
	
	.territoires-couverts {
		background: url(../img/terrtoires_couverts.png) no-repeat left center;
		background-size: 10px 15px;
		padding: 0 20px;
		margin-left: 18px;
		font-size: 0.875em; }	
		
	.services {
		background: url(../img/services.png) no-repeat left center;
		background-size: 14.5px 15px;
		padding: 0 0 0 20px;
		margin-left: 18px;
		font-size: 0.875em; }
		
	.employes {
		background: url(../img/employes.png) no-repeat left center;
		background-size: 12.5px 15px;
		padding: 0 20px;
		margin-left: 18px;
		font-size: 0.875em; }	
		
	.employes.chefs-de-poste
	{
	     background: url(../img/employes.png) no-repeat left top; 
	     background-size: 12.5px 15px;  
	}		
	 
	/*Médias sociaux*/
	aside.col2-accueil section.social { background: #373737; }
	
	aside.col2-accueil section.social.version2 { background: #ffffff;box-shadow: none;margin-top:-10px;margin-bottom:15px; }
	 
		aside.col2-accueil section.social ul {
			margin: 0 auto;
			padding: 0px;
			text-align: center; }
	 
			aside.col2-accueil section.social ul li {
				list-style: none;
				display: inline-block;
				background: none;
				vertical-align:middle;
				padding-left: 0px;
				margin: 0 2%;  /* marge gauche-droite était auparavant à 4%, diminué à 2% pour permettre 5 icônes dans le rectangle (ex.: Paris) */
				padding-top: 2px; } /*était à 7px avant (hauteur barre réseaux sociaux)*/ 
	 
				aside.col2-accueil section.social ul li a {
					text-indent: -999999px;
					display: block; }
	 
					aside.col2-accueil section.social ul li a.Google {
						background: url(../img/google.png) no-repeat;
						width: 17px;
						height: 17px;
						opacity: 0.8; }
	 
	                aside.col2-accueil section.social ul li a.YouTube {
						background: url(../img/g-youtube.png) no-repeat;
						width: 52px;
						height: 44px;
						opacity: 0.8; }
						
					aside.col2-accueil section.social ul li a.YouTube.version2 {
						background: url(../img/youtubeV2.png) no-repeat;
						width: 34px;
						height: 34px;
						/*opacity: 1;*/ }
						
					aside.col2-accueil section.social ul li a.Facebook {
						background: url(../img/g-facebook.png) no-repeat;
						width: 38px;
						height: 49px;
						opacity: 0.8; }
						
					aside.col2-accueil section.social ul li a.Facebook.version2 {
						background: url(../img/facebookV2.png) no-repeat;
						width: 33px;
						height: 34px;
						/*opacity:1;*/}	
	 
					aside.col2-accueil section.social ul li a.LinkedIn {
						background: url(../img/g-in.png) no-repeat;
						width: 49px;
						height: 49px;
						opacity: 0.8; }
						
					aside.col2-accueil section.social ul li a.LinkedIn.version2 {
						background: url(../img/linkedInV2.png) no-repeat;
						width: 34px;
						height: 34px;
						/*opacity:1;*/}	
	 
					aside.col2-accueil section.social ul li a.Twitter {
						background: url(../img/g-twitter.png) no-repeat;
						width: 48px;
						height: 46px;
						opacity: 0.8; }
						
					aside.col2-accueil section.social ul li a.Twitter.version2 {
						background: url(../img/twitterV2.png) no-repeat;
						width: 34px;
						height: 34px;
						/*opacity: 1;*/ }	
					
					aside.col2-accueil section.social ul li a.Instagram {
						background: url(../img/g-instagram.png) no-repeat;
						width: 48px;
						height: 46px;
						opacity: 0.8; }
						
					aside.col2-accueil section.social ul li a.Instagram.version2 {
						background: url(../img/instagramV2.png) no-repeat;
						width: 34px;
						height: 34px;
						/*opacity: 1;*/ }
					
					aside.col2-accueil section.social ul li a.Courriel {
						background: url(../img/g-courriel.png) no-repeat;
						width: 54px;
						height: 42px;
						opacity: 0.8; }
						
					aside.col2-accueil section.social ul li a.RSS {
						background: url(../img/btn-rss-accueil.png) no-repeat;
						width: 36px;
						height: 35px;
						opacity: 0.8; }
						
					aside.col2-accueil section.social ul li a.RSS.version2 {
						background: url(../img/rssV2.png) no-repeat;
						width: 34px;
						height: 34px;
						/*opacity: 1;*/ }	
					
					aside.col2-accueil section.social ul li a:hover{
					    opacity: 1;}
	 
	/*Accueil représentation d'une délégation*/
	.categorie {
		padding: 0px;
		margin: 0px; }
	 
		.categorie li  {
		    list-style: none;
		    -moz-box-shadow:  0 0 3px rgba(0, 0, 0, 0.6);
             -webkit-box-shadow:  0 0 3px rgba(0, 0, 0, 0.6);
             box-shadow: 0 0 3px rgba(0, 0, 0, 0.6); }
	 
			.categorie li a.thematique {
				font-family: 'solomon_sans_bookregular';
				font-size: 1.875em;
				color: #FFFFFF;
				text-decoration: none;
				display: block;
				min-height: 164px;
				padding-top: 32px; }
	 
				.categorie li a.thematique span.bg {
					-webkit-box-shadow: 0 0 4px rgba(2,3,3,.75);
					-moz-box-shadow: 0 0 4px rgba(2,3,3,.75);
					box-shadow: 0 0 4px rgba(2,3,3,.75);
					padding: 10px;
					display:inline-block;
					width:auto;
					}
					
		
				    /*Empêche les <br> de faire un saut de ligne lorsque le titre est deux boîtes*/	
			       .categorie li.box-2 a.thematique span br  {
                        content: ' '
                    }
                
                    .categorie li.box-2 a.thematique span br:after {
                        content: ' '
                    }
    
    /*Largeur des différents boîtes*/
	.box {
		background: #06F;
		float: left;
		margin: 0.5%;
		padding: 0px; }
	 
	.box-2 { width: 63%; }
	 
	.box-1 { width: 33%; }
	 
	/*Faire affaire - Bleu*/
	.categorie li.commerce { background-image: url(../img/accueil/bg-thematique.png);
	                         background-position: right 0; }
	 
		.categorie li.commerce  div.back { background-image: url(../img/accueil/bg-thematique.png); 
		                                   background-position: right 0;}
	 
			.categorie li.commerce  div.back div {
				background: rgba(0,88,149,0.85);
				height: 100%;
				width: 100%;
				filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C0005895,endColorstr=#C0005895);
				}
	 
	/*Immigrer - Vert*/
	.categorie li.travail { background-image: url(../img/accueil/bg-thematique.png); 
	                        background-position: right 0;}
	 
		.categorie li.travail  div.back { background-image: url(../img/accueil/bg-thematique.png);
	                                      background-position: right 0;}
		                                   
	 
			.categorie li.travail  div.back div {
				background: rgba(106,167,55,0.85);
				height: 100%;
				width: 100%;
				filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C06aa737,endColorstr=#C06aa737); }
	 
	/*Arts et culture - Mauve*/
	.categorie li.arts { background-image: url(../img/accueil/bg-thematique.png);
	                     background-position: right 0; }
	                      
	 
		.categorie li.arts div.back { background: url(../img/accueil/bg-thematique.png);
	                                  background-position: right 0; }
		                               
	 
		.categorie li.arts  div.back div {
			background: rgba(183,45,140,0.85);
			height: 100%;
			width: 100%;
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C0b72d8c,endColorstr=#C0b72d8c);}
	 
	/*Découvrir - Rouge*/
	.categorie li.adn { background-image: url(../img/accueil/bg-thematique.png);
	                    background-position: right 0; }
	                     
	 
		.categorie li.adn  div.back { background-image: url(../img/accueil/bg-thematique.png);
	                                  background-position: right 0; }
		                               
	 
			.categorie li.adn  div.back div {
				background: rgba(179,24,23,0.85);
				height: 100%;
				width: 100%;
				filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C0b31817,endColorstr=#C0b31817); }
	 
	/*Étudier - Jaune*/
	.categorie li.etudier { background-image: url(../img/accueil/bg-thematique.png);
	                        background-position: right 0; }
	                         
	 
		.categorie li.etudier  div.back { background-image: url(../img/accueil/bg-thematique.png);
	                                      background-position: right 0; }
		                                   
	 
			.categorie li.etudier div.back div {
				background: rgba(238,158,19,0.85);
				height: 100%;
				width: 100%;
				filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C0ee9e13,endColorstr=#C0ee9e13);}
	 
	/*Visiter - Sarcelle*/
	.categorie li.tourisme { background-image: url(../img/accueil/bg-thematique.png);
	                         background-position: right 0; }
	                          
	 
		.categorie li.tourisme  div.back { background-image: url(../img/accueil/bg-thematique.png);
	                                        background-position: right 0; }
		                                    
	 
			.categorie li.tourisme  div.back div {
				background: rgba(102,192,213,0.85);
				height: 100%;
				width: 100%;
				position: relative;
				filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C066c0d5,endColorstr=#C066c0d5);}
	 
	.categorie li div.back div h2 {
		margin: 0px;
		color: #FFF;
		font-size: 1.875em;
		padding: 1% 3%;
		text-shadow: 0 1px 4px rgba(0,0,0,.55); }
	 
	.categorie li div.back div p {
		color: #FFF;
		padding: 1%  3%;
		margin: 0px;
		font-size: 1.07em;
		text-shadow: 0 1px 4px rgba(0,0,0,.55); }
	 
	.categorie li div.back div div.bouton {
		height: auto;
		position: absolute;
		bottom: 0px;
		display: none; }
	 
		.categorie li div.back div div.bouton a { float: right; }
	 
			.categorie li div.back div div.bouton a img { width: 21px; }
	 
			.categorie li div.back div div.bouton a:first-child span {
				
				display:inline-block;
				vertical-align: middle;
				min-width:auto; }
	 
			.categorie li div.back div div.bouton a span {
				padding: 0 10px; /*Donnée à changer*/
				vertical-align: middle; }
	 
			.categorie li div.back div div.bouton a img {  }

/* ==========================================================================
   Popup des langues
   ========================================================================== */   
	.popup-langue {
		background: #FFF;
		width: 500px;
		display: none;
		z-index: 900; }
	 
		.popup-langue div.text { padding: 5%; }
	 
		.popup-langue .bouton-fermer {
			float: right;
			padding: 10px; }
		
		.popup-langue .page-button {
			width:50%; }
		
		.popup-langue .page-button  span{
			line-height: 2em;}
		
		.popup-langue .page-button  img{
			float:right; }
/* ==========================================================================
   Content
   ========================================================================== */


	.bloc{
		position:relative;	
		border-bottom: solid 1px #FFF;
        -moz-box-shadow:    inset 0 0 25px rgba(0, 0, 0, 0.6);
       -webkit-box-shadow: inset 0 0 25px rgba(0, 0, 0, 0.6);
       box-shadow:         inset 0 0 25px rgba(0, 0, 0, 0.6);
       overflow:visible;
		}
	
	.demi-bloc{ position:relative;}
		
		


/* ==========================================================================
   Crédits des images
   ========================================================================== */

	.credits {
		position: absolute;
		top: 20px;
		right: 0;
		background: url(../img/info-blanc.png)  28px 0 no-repeat;
		}
	 
		.credits a.icon-i {
			background: url(../img/info.png) no-repeat;
			text-indent: -99999px;
			width: 28px;
			height: 28px;
			display: inline-block;
			vertical-align: middle;
			 }
	 
			.credits a.icon-i:hover { border-right: solid 10px #fff;}
	    
	    .credits.active a.icon-i { opacity:1; }
		.credits.active a.icon-i:hover { border-right: none; }
	 
		.credits span {
			display: inline-block;
			vertical-align: middle;
			font-size: 0.813em;
			padding:  0 0.8em;
			 }
	 
			.credits span a.zoom {
				background: url(../img/zoom.png) no-repeat;
				width: 18px;
				height: 18px;
				text-indent: -99999px;
				display: inline-block;
				vertical-align: middle;
				margin: 0 0.3em 0 0.8em; }
	 
	
 /* ==========================================================================
   Contenu spécial
   ========================================================================== */	
   
	.boite-bleu a:link, .boite-bleu a:visited, .boite-bleu a:hover, .boite-bleu a:active {
		background-color: #05759b;
		background-image: -webkit-linear-gradient(74deg, rgba(5,117,155,.75), rgba(1,150,201,.75));
		background-image: -moz-linear-gradient(74deg, rgba(5,117,155,.75), rgba(1,150,201,.75));
		background-image: -o-linear-gradient(74deg, rgba(5,117,155,.75), rgba(1,150,201,.75));
		background-image: linear-gradient(16deg, rgba(5,117,155,.75), rgba(1,150,201,.75));
		display: block;
		width: 100%;
		color: #FFF;
		text-decoration: none;
		font-size: 1.2em;
		position:relative; }
	 
	.boite-bleu a:hover, .boite-bleu a:active {
		background-color: #05759b;
		background-image: -webkit-linear-gradient(74deg, #05759b, #0196c9);
		background-image: -moz-linear-gradient(74deg, #05759b, #0196c9);
		background-image: -o-linear-gradient(74deg, #05759b, #0196c9);
		background-image: linear-gradient(16deg, #05759b, #0196c9); 
		}
	 
	    .boite-bleu a span, .boite-bleu a img {
		    display: inline-block;
		    vertical-align: middle;
		    padding: 0px 13px; /*22px 13px;*/ }
	 
	    .boite-bleu a span {
		    width: 74%;
		    padding: 12px 0px 12px 13px; /*22px 0px 22px 13px;*/
		     }
        .boite-bleu a img {
		    width:11%;
		    }
		    
		.bouton-gris 
		{
		   background:url(../img/bouton.jpg) no-repeat; 
		   padding:8px 0px;
		   width:49%; /*147px;*/
		   margin-bottom:5px;
		 }
		    
		.bouton-gris.gauche
		{
		    /*margin-right:5px;*/
		    float:left;    
		}  
		
		.bouton-gris.droite
		{
		    margin-left:51%; /*152px;*/ /* largeur + 5 */
		    /*float:right;*/    
		} 
		
		.bouton-gris-large 
		{
		   background:url(../img/bouton.jpg) repeat-x; 
		   padding:8px 0px;
		   width:100%;
		   margin-bottom:5px;
		 } 
		
		.bouton-gris a:link, .bouton-gris a:visited, .bouton-gris a:hover, .bouton-gris a:active, .bouton-gris span, .bouton-gris-large span
		{
		   margin-left:5px;
		   color:black;
		   position:relative;
		   top:3px;
		   font-size: 0.825em;
		   text-decoration:none;
		}  
		
		.bouton-gris img 
		{
		    margin-left:10px; 
		    position:relative;
		    top:3px;   
		}   
		
		.bouton-gris-large img 
		{
		    margin-left:25px; 
		    position:relative;
		    top:3px;   
		}  
 
 /* ==========================================================================
   Pied de page
   ========================================================================== */
   
   
   footer
   { 
     text-align:center;
     position:relative;
       }
    footer .box-color
   { position:absolute;
     height:4px;
     width:100%; 
     top:-4px;
     left:0px;
     background: #0A80AC;
       }
       
        footer nav
        {
             margin: 2em auto; 
            }
        footer nav ul li 
        {
            display:inline-block;
            background:none;
            list-style: none;
            border-right: 1px solid #4592ae;
            padding:0px;
       
           }
           
           footer nav ul li:last-child {
            border-right: none;
       
           }
           
           footer nav ul li a{
            margin: 0 1em;
           }
           
           footer p {
            font-size: 0.75em;
       
           }
          
          /*Haut de page*/
         .hdp{
            background:url(../img/hdp.png) no-repeat;
            height:46px;
            width:46px;
            text-indent:-99999px;
            display:block;
            margin: 1em auto 0 auto;
            position:fixed;
            bottom:20px;
            right:20px;
            z-index:1000;
              }
          
        .hdp:hover{
            background:url(../img/hdp-hover.png) no-repeat;
              }
 
 

 
 
/* ==========================================================================
   Shortcodes
   ========================================================================== */
   
/* ==========================================================================
   Zone de date - Évènement
   ========================================================================== */
	.zone-date {
		background-color: #fff;
		-webkit-box-shadow: 0 0 4px rgba(2,3,3,.3);
		-moz-box-shadow: 0 0 4px rgba(2,3,3,.3);
		box-shadow: 0 0 4px rgba(2,3,3,.3); }
	 
	.event,.event-marker-info {
		margin: 0px;
		display: table; }
		
		.event a:link, .event a:hover, .event a:visited, .event a:active {
		text-decoration: none;
		color:#000;
		 }
	        .event a:hover span {
		    text-decoration: underline;
		     }
		     
		     .event a:hover span.date
		     {
		         text-decoration: none;
		         width:25%;
		         } 
		     
		     
		.event-marker-info:hover div.date {
		    text-decoration: none;
		    width:30%;
		     }
		    .event span, .event-marker-info div {
			    width: 55%;
			    vertical-align: middle;
			    display: table-cell;
			    padding: 5%;
			    font-size: 0.929em; }
			  
			  .event-marker-info {
			    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
                -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
                box-shadow: 0 0 3px rgba(0, 0, 0, 0.6); }
			    
	         .event-marker-info div {
			    padding: 0;
			   
			    }
			    
		    .event .thumbnail {
			    background-color: #0196c9;
			    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
			    background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
			    background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
			    background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);			    
			    color: #FFF;
			    background-repeat: no-repeat;
			    background-position: center center;
			    width: 151px;
			    height:151px;
			    text-align: center;
			    margin: 0;
			    font-size: 1.214em; }
			    
			    
	     .event-marker-info div.details  {
			    padding: 15px 10px;
			     }
    
    /*Zone événements sur l'accueil*/
	.col2-accueil  .event .date {
		padding: 7% 5%;
		width: 25%;
		background-image: -moz-linear-gradient(right, #01bcf2, #0196c9);
		background-image: -webkit-linear-gradient(right, #01bcf2, #0196c9); }
   
   .col2-accueil .scroll-button:link{
       display:table; 
       width:300px;} /* width était à 100% -- pour corriger bug chrome (petite ligne blanche) */
       
       .col2-accueil .scroll-button span {
           display:table-cell; 
           min-width:100%; 
           vertical-align:middle;
           padding:5px 0px 5px 0px;}
       
           .col2-accueil .scroll-button:link img
           {
               display:table-cell; 
               vertical-align:middle;
               width:22px; 
               height:22px; 
               margin:0; 
               float:right;}


/*Écrase la police par défaut de Google - NE PAS SUPPRIMER*/
.gm-style {
    font-family: 'solomon_sans_bookregular'!important;
}

		

/* ==========================================================================
   Zone extensible
   ========================================================================== */
   
	aside.col2 section.collapes { background: none; }
	 
	.collapes-content, .collapes-content-open {
		margin: 1% 0;
		background: #FFFFFF;
		padding: 10px 0px;
		clear: both;
		-webkit-box-shadow: 0 0 4px rgba(2,3,3,.3);
		-moz-box-shadow: 0 0 4px rgba(2,3,3,.3);
		box-shadow: 0 0 4px rgba(2,3,3,.3); }
	 
	.collapes-content-open { padding: 15px 0px; }
	 
	.collapes-content .collapes-titre, .collapes-content-open .collapes-titre-open {
		margin: 0px;
		display: block; }
	
	
	.text-panel  .collapes-titre, .text-panel  .collapes-titre-open {
		display: block;
		padding: 0px; }
	 
	.collapes-content .collapes-titre a {
		background: url(../img/open.png) no-repeat right center;
		padding: 0px 24px; }
	
	
	 
	.collapes-content .collapes-titre a, .collapes-content-open div.fiche-chef {
		display: block;
		outline: none;
		font-family: 'solomon_sans_bookregular';
		font-size: 1.188em;
		color: #000000;
		text-decoration: none;
		font-weight: 100; }
	 
	.collapes-content-open div.fiche-chef { display: table; }
	 
		.collapes-content-open div.fiche-chef img {
			display: table-cell;
			width: 156px; }
	 
	.collapes-content .collapes-titre a:hover { background: url(../img/open-hover.png) no-repeat right center; }
	 
	.collapes-content .collapes-titre a.open { background: url(../img/close.png) no-repeat right center; }
	 
		.collapes-content .collapes-titre a.open:hover { background: url(../img/close-hover.png) no-repeat right center; }
	
	
	.collapses-text {
		padding: 10px 24px;
		font-size: 1em; }
		
	.collapses-text-open{
		font-size: 1em;
		padding: 20px; }
		
    /*Particulité - Liste d'employés*/ 
	.liste-employes .collapes-content-open .collapes-titre-open .info .coordonnees, .liste-employes .collapes-content .collapes-titre .info .coordonnees {
		margin-top: 1.5em;
		display: block;
		width:96%;
		 }
	 
		.liste-employes .collapes-content .collapes-titre .info .coordonnees span, .liste-employes .collapes-content-open .collapes-titre-open .info .coordonnees span  {
		       display: inline-block; 
		       font-size: 1em; }
	 
	.liste-employes .collapes-content .collapes-titre .info .fonction{ font-size: 0.7em;}



/* ==========================================================================
   Content slider
   ========================================================================== */

   .titre2-slide{
    margin: 2%  auto 21px  2.85em;
    background: #FFFFFF;
	background: rgba(255, 255, 255, 0.96);
	padding: 10px 28px; /*15px 28px;*/
	display: inline-block;
	color:#000000; 
	-moz-box-shadow:     0 0 3px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow:  0 0 3px rgba(0, 0, 0, 0.6);
    box-shadow:          0 0 3px rgba(0, 0, 0, 0.6);
   }
   h1.h1-erreur404 {
       font-size: 1.7em;
        font-family: 'solomon_sans_bookregular';
        font-weight: 100;
        color: black;
   }
	.rtp-slider { margin: 0 100px; }
	 
	.rtp-slider-viewport { text-align:left; }
	 
	.rtp-nav-next {
		position: absolute;
		margin-top: -50px;
		z-index: 10;
		right: 0px;
		top: 300px; }
	 
	.rtp-nav-prev {
		position: absolute;
		margin-top: -50px;
		z-index: 10;
		left: 0px;
		top: 300px; }
	 
	.rtp-toolbar A,
	.rtp-nav-dots A,
	.rtp-nav-next A,
	.rtp-nav-prev A,
	.rtp-toolbar A IMG,
	.rtp-nav-dots A IMG,
	.rtp-nav-next A IMG,
	.rtp-nav-prev A IMG {
		border: none;
		display: block;
        text-indent: -999999px;}
	 
	.rtp-nav-next a {
		background: url(../img/fleche-slider-right.png) no-repeat;
		width: 56px;
		height: 90px;
		opacity: 0.8;
		text-indent: -999999px;
		font-size: 0; }
	 
	  #jb-gallery-next {
		background: url(../img/actualites/slider/lightbox-next.png) no-repeat;
		width: 22px;
		height: 40px;
		text-indent: -999999px;
		font-size: 0; }
		
	.rtp-nav-prev a{
		background: url(../img/fleche-slider-left.png) no-repeat;
		width: 56px;
		height: 90px;
		opacity: 0.8;
		text-indent: -999999px;
		font-size: 0; }
		
	#jb-gallery-prev {
		background: url(../img/actualites/slider/lightbox-prev.png) no-repeat;
		width: 22px;
		height: 40px;
		text-indent: -999999px;
		font-size: 0; }
		
	.rtp-nav-next A:hover, #jb-gallery-next:hover, .rtp-nav-prev A:hover, #jb-gallery-prev:hover {
		opacity: 1; }
	 
	.rtp-nav-dots 
	{
	    background : rgba(0, 0, 0, 0.3);
	    border: solid 1px rgba(255, 255, 255, 0.36);
	    webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        width: auto;
        display:inline-block;
	      }
	 
	.rtp-toolbar,
	.rtp-nav-dots {
		padding: 6px 8px;
		overflow: hidden; }
	 
	.rtp-toolbar { left: 10px; }
	 
	.rtp-nav-dots {
		margin: 0 auto;
		text-align: center;
	 }
	 
		.rtp-nav-dots .rtp-nav-dot {
			width: 18px;
			height: 18px;
			margin: 0 5px; 
			display:inline-block;
		    vertical-align:middle;}
	 
	.rtp-toolbar SPAN {
		display: inline-block;
		margin: 0 2px; }
	 
	.rtp-toolbar IMG,
	.rtp-toolbar SPAN {
		border: none;
		display: block; }
	 
	.rtp-nav-dots SPAN.current { /* outline: 1px solid green; */ }
	 
	.rtp-slider-vertical .rtp-slider-panel { width: auto; }
	 
	.rtp-slider-vertical .rtp-slider-viewport { /* height: 500px !important; */ }
	 
	.rtp-nav-dot {
		display: inline-block;
		margin-left: 1px;
		margin-right: 1px;
		background-image: url("../img/point.png");
		background-repeat: no-repeat; }
	 
		.rtp-nav-dot a  {
			border: none;
			display: block;
			background: url("../img/point.png") no-repeat; }
		
		.rtp-nav-dot.current a  {
			border: none;
			display: block;
			background: url("../img/point-active.png") no-repeat; }
	 
	.rtp-nav-dots .selected {
		border: 1px solid green;
		background-color: green; }
	 
	.rtp-nav-dots .unselected {
		border: 1px solid red;
		background-color: red; }
	 
	.rtp-slider-wrapper {
		margin: 0 auto;
		overflow: hidden;
		padding-bottom: 21px;
        margin-top: -7px;
		text-align: center; }
	 
	.rtp-slider-container { padding-bottom: 40px; overflow:visible; }
	 
	.rtp-slider-panel {
		margin: 0 auto; /* -moz-box-sizing: border-box; */
		width: 450px;
		float: left;
		overflow:visible!important; }
	 
		.rtp-slider-panel IMG {
			height: auto;
			display: block; }
			
		.slider-actualite .rtp-slider-panel IMG {
			 }
	 
		.rtp-slider-panel .info {
			top: 10px;
			left: 0px;
			right: 0px;
			padding: 10px 20px;
			position: absolute; }
	 
	.text-panel { padding: 0 78px; /*78*/ }
	 
		.text-panel h2, .text-panel h1 {
			margin: 2% auto;
			background: #FFF;
			padding: 15px 28px;
			display: inline-block; }
	 
		.text-panel h3 , .text-panel .content-text div h3 {
			background: url(../img/border-slider-content.png) repeat-x bottom;
			padding-bottom: 16px;
			margin-bottom: 0;
             }
	 
		.text-panel div.content-text, .fiche-vide.text-panel div.content-text .container-1-2 {
			background: #FFF;
			background: -moz-linear-gradient(top, rgba(255,255,255,0.96) 0%, rgba(255,255,255,1) 98%, rgba(255,255,255,1) 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.96)), color-stop(98%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, rgba(255,255,255,0.96) 0%,rgba(255,255,255,1) 98%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, rgba(255,255,255,0.96) 0%,rgba(255,255,255,1) 98%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, rgba(255,255,255,0.96) 0%,rgba(255,255,255,1) 98%,rgba(255,255,255,1) 100%); /* IE10+ */
            background: linear-gradient(to bottom, rgba(255,255,255,0.96) 0%,rgba(255,255,255,1) 98%,rgba(255,255,255,1) 100%); /* W3C */
			padding: 15px 28px;
			position: relative;
			-moz-box-shadow:     0 0 3px rgba(0, 0, 0, 0.6);
            -webkit-box-shadow:  0 0 3px rgba(0, 0, 0, 0.6);
            box-shadow:          0 0 3px rgba(0, 0, 0, 0.6);
            margin-top:10px; }	
            
         .fiche-vide.text-panel div.content-text {
			background: none;
			display:table;
			padding: 15px 0;
			height:100%;
			-moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
			 }	
		
		.fiche-vide.text-panel div.content-text .container-1-2  {
		    display:table-cell; 
		    margin:0; 
		    width:41%;}
		
		.fiche-vide.text-panel div.content-text .container-1-2:first-child {margin-right:2%;}
		
		
		.partenaires .text-panel div.content-text {
			min-height: inherit; }
			
			.text-panel div.content-text .plus:link, .text-panel div.content-text .plus:visited, .text-panel div.content-text .plus:hover, .text-panel div.content-text .plus:active {
				position: absolute;
				text-decoration:none;
				width:97%;
				display:block;
				bottom:0px;
				left:0px;
				color:#000;
				background-color: #c7c5c5;
				background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
				background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
				background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
				background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(0,0,0,0) 72%); 
				z-index:1000;
				text-align: center;
				padding:2%;}
				
					.text-panel div.content-text .plus:link span{
						background: url(../img/mobile/plus.png) no-repeat left center;
						padding-left: 10px; }
		
			
		.grille-section .text-panel div.content-text {
			min-height: auto;
			-moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none; }
		
	 
		.text-panel.thematique div.content-text { padding: 0px; }
	 
		.text-panel div.content-text .box-color, .text-box .box-color {
			width: 100%;
			height: 4px;
			position: absolute;
			top: 0px;
			left: 0px; }
	 
	#toolbar {
		margin: 10px 0px;
		text-align: center; }
	 
		#toolbar a { text-decoration: none; }
	 
	.videoWrapper {
		height: 0;
		position: relative;
		padding-bottom: 56.25%; /* 16:9 */
		padding-top: 25px; }
	 
		.videoWrapper IFRAME {
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			position: absolute; }
	 
	.rtp-progress-bar,
	.rtp-progress-bar {
		z-index: 9999;
		display: block;
		position: absolute;
		background-color: #CC0000; }
	 
	.rtp-slider-vertical .rtp-progress-bar {
		top: 0px;
		bottom: 0px;
		width: 5px;
		height: auto; }
	 
	.rtp-slider-horizontal .rtp-progress-bar {
		left: 0px;
		right: 0px;
		width: auto;
		height: 5px; }
	 
	.rtp-slider-vertical .rtp-progress-bar-prepend { left: 0px; }
	 
	.rtp-slider-vertical .rtp-progress-bar-append { right: 0px; }
	 
	.rtp-slider-horizontal .rtp-progress-bar-prepend { top: 0px; }
	 
	.rtp-slider-horizontal .rtp-progress-bar-append { bottom: 0px; }
	 
	/*Slider actualité*/
	.slider-actualite {
		width: 100%;
		position: relative;
		float: left;
		margin-bottom:22px; }
	 
	h2.actualite {
		/*float: left;*/
		width: 100%; /*40%*/
		padding-left: 0; /*5%*/
		padding-right: 5%;
		font-size:1.5em;
		margin-top:0; }
	 
	.slider-actualite .text-panel { padding: 0px; }
	 
	.slider-actualite .rtp-nav-prev,.slider-actualite  .rtp-nav-next { display: none; }
	 
	.slider-actualite .rtp-nav-dots {
		position: absolute;
		top: 0px;
		left: 0px; }
	 
		.slider-actualite .rtp-nav-dots span {
			display: block;
			margin-bottom: 0.2em; }
	 
	.slider-actualite .rtp-slider-wrapper { padding-bottom: 0px; }
	 
	 .slider-actualite .rtp-slider-viewport{ height:auto!important;}
	.slider-actualite h2 { float: left; }
	 
	.slider-actualite .loupe {
		display: block;
		background: url(../img/actualites/slider/loupe.png) no-repeat;
		width: 22px;
		height: 22px;
		text-indent: -999999px;
		position: relative; /* absolute */
		bottom: 32px; /* 8px; */
		left: 8px; }
	 
	 /* Ajout MB */	 	 
    .slider-actualite .actu-picture-mask-acd{    
        visibility:hidden;
        position:relative;
        overflow:hidden;
		float: left;								
        width:320px; /* -> attention lié à .slider-actualite */
        height:280px;
    }	 
	 
	    .slider-actualite .actu-picture-mask-acd img
	    {
	        position:absolute;
	    }
	 	 
	 
	 /* fin ajout */
	 
	/*Slider avec grille de section - Accueil d'une thématique*/
	.
	 
	 
	.grille-section .text-panel div.content-text {
		padding: 0px;
		margin: 0px; }
	 
	h1.grille-section {
		color: #FFF;
		font-size: 2.125em;
		font-family: 'solomon_sans_boldbold';
		font-weight: 100;
		display: inline-block;
		padding: 14px 20px;
		margin-left: 8.55%;
		-moz-box-shadow:     0 0 3px rgba(0, 0, 0, 0.6);
        -webkit-box-shadow:  0 0 3px rgba(0, 0, 0, 0.6);
        box-shadow:          0 0 3px rgba(0, 0, 0, 0.6); }
	 
	.grille-section .text-panel span.titre {
		background: none;
		font-size: 1.125em;
		margin: 0px;
		padding: 0px; }
	 
	.grille-section .slide-gauche { padding-right: 0%; }
	 
	.grille-section .text-section  span.titre, .grille-section .text-section  h2{
	    background: none;
	    font-size: 1.125em;
	    margin: 0px;
	    padding: 0 1em 0.5em 0;
	    display:block;
	    line-height:1.2em;}
	
	.grille-section .text-section  span.titre{
	    font-size: 0.9em;}
	
	.grille-section .thematique .text-section  span.titre{
	    font-size: 1.125em;}
	 
	 .grille-section .clair  span.titre, .grille-section .clair  a:link, .grille-section .clair  span.resume  {
	     color: #000;
	     }
	 
	 .grille-section .sombre  span.titre, .grille-section .sombre a:link, .grille-section .sombre  span.resume	{ color: #FFF; }
	 
	 
	.grille-section .sombre  a:link, .grille-section .clair  a:link, .grille-section.actualites  a:link {
		width: 100%;
		height: 100%;
		color: #000;
		display: block;
		position: relative;
		overflow:hidden; }
		
	.grille-section  .page-button.bleu:link, .grille-section .page-button.bleu:hover{
	    color:#FFF;
	}
	 
	.grille-section .sombre  a:hover, .grille-section .clair  a:hover, .grille-section.actualites  a:hover { text-decoration: none; }
	 
	.grille-section .text-panel div.content-text span.resume  {
	    font-size: 0.75em; 
	    line-height : 1.2em; 
	    padding-right:40px; }
	 
	.grille-section .text-panel div.content-text {
		display: block;
		background: none; }
	 
	.grille-section .container-1-2, .grille-section .container-1-3, .grille-section .container-2-3, .grille-section .container-1-4, .grille-section .container-1   {
	    -moz-box-shadow:     0 0 3px rgba(0, 0, 0, 0.6);
        -webkit-box-shadow:  0 0 3px rgba(0, 0, 0, 0.6);
        box-shadow:          0 0 3px rgba(0, 0, 0, 0.6);
	    }
	 
	.grille-section .slide-droite, .grille-section .slide-gauche {
		float: left;
		vertical-align: bottom;
		width: 50%; }
	 
	.grille-section .container-1 {
		margin: 1%;
		height: 24.4em;
		width: 98.5%; }
	 
	.grille-section .container-1-2.bas, .grille-section .container-1.bas { margin-top: 0.5%; }
	 
	.grille-section .container-1.demi, .grille-section .container-1-2 { height: 12em; }
	 
	.grille-section .container-1-2 {
		width: 48%;
		margin: 1%;
		height: 12em; }
	 
	.grille-section .text-panel div.content-text a span.fleche {
		width: 30px;
		height: 30px;
		position: absolute;
		bottom: 0px;
		right: 0px; }
	 
	.grille-section .text-panel  div.content-text .container-1-2 .container-1-2  a span.fleche, .grille-section .text-panel  div.content-text .container-1-4  a span.fleche { right: 2.4%; }
	 
	.grille-section.bleu .text-panel div.content-text a span.fleche { background: url(../img/grille-section/fleche-bas-bleu.png) no-repeat; }
	 
	.grille-section.mauve .text-panel div.content-text a span.fleche { background: url(../img/grille-section/fleche-bas-mauve.png) no-repeat; }
	 
	.grille-section.jaune .text-panel div.content-text a span.fleche { background: url(../img/grille-section/fleche-bas-jaune.png) no-repeat; }
	 
	.grille-section.rouge .text-panel div.content-text a span.fleche { background: url(../img/grille-section/fleche-bas-rouge.png) no-repeat; }
	 
	.grille-section.marin .text-panel div.content-text a span.fleche { background: url(../img/grille-section/fleche-bas-marin.png) no-repeat; }
	 
	.grille-section.vert .text-panel div.content-text a span.fleche { background: url(../img/grille-section/fleche-bas-vert.png) no-repeat; }
	 
	.grille-section.sarcelle .text-panel div.content-text a span.fleche { background: url(../img/grille-section/fleche-bas-sarcelle.png) no-repeat; }
	 
	.text-section {
		display: inline-block;
		vertical-align: bottom;
		padding: 5%;
		position: absolute;
		bottom: 0px;
		width:90%;
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.6);
		-moz-box-shadow: 0 0 3px rgba(0,0,0,0.6);
		box-shadow: 0 0 3px rgba(0,0,0,0.6);
		
		}
	 
	.clair .text-section {
		background-color: rgba(255,255,255,0.75);
		background-image: -webkit-linear-gradient(bottom, #fff 22%, rgba(255,255,255,.8));
		background-image: -moz-linear-gradient(bottom, #fff 22%, rgba(255,255,255,.8));
		background-image: -o-linear-gradient(bottom, #fff 22%, rgba(255,255,255,.8));
		background-image: linear-gradient(to top, #fff 22%, rgba(255,255,255,.8));
		color: #000;
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#FFFFFF'); /* IE */		}
	
	.ie .clair .text-section {
		background:#FFFFFF;
	}
	 
	.sombre .text-section {
		background-color: rgba(0,0,0,.75);
		background-image: -webkit-linear-gradient(bottom, #020303, rgba(0,0,0,.75));
		background-image: -moz-linear-gradient(bottom, #020303, rgba(0,0,0,.75));
		background-image: -o-linear-gradient(bottom, #020303, rgba(0,0,0,.75));
		background-image: linear-gradient(to top, #020303, rgba(0,0,0,.75));
		color: #FFF;
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#000000', endColorstr='#000000'); /* IE */	}
	
	.ie .sombre .text-section {
		background:#000000; }
	 

		.grille-section div.container-1-2{
		-webkit-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		background-size: 100% 100%;
		background-repeat:no-repeat;}
		
	 	.grille-section .slide-gauche span.text-section, .grille-section .slide-droite span.text-section {
		background-position:50% 50%;
		-webkit-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		background-size: 100% 100%;
		line-height : 1em;
		}
		
		.grille-section.actualites div.container-1-2{ background-color:#FFFFFF;}
	/*Slider actualité*/
	div.entete-slider-actualite {
		background: #FFF;
		padding: 2% 3% 2% 3%;
		margin: 0 auto;
		width:71%;
		-moz-box-shadow:     0 0 3px rgba(0, 0, 0, 0.6);
        -webkit-box-shadow:  0 0 3px rgba(0, 0, 0, 0.6);
        box-shadow:          0 0 3px rgba(0, 0, 0, 0.6);}
	 
		div.entete-slider-actualite h1 {
			margin: 0;
			display: inline-block;
			width: 50%;
			font-size:1.7em; }
	 
		div.entete-slider-actualite div {
			margin: 0px;
			display: inline-block;
			width: 49%;
			text-align:right; }
	 
			div.entete-slider-actualite div a {
				margin: 0px;
				float: right; }
	 
	.grille-section.actualites .container-1 {
		background: #FFF;
		position: relative;
        height: 24.4em;		}
	 
		.grille-section.actualites .container-1 .entete {
			width: 100%;
			display: table; }
	 
			.grille-section.actualites .container-1 .entete img {
				width: 100%;
				vertical-align: middle;
				display: table-cell; }
			
			.ie .grille-section.actualites .container-1 .entete img {
				width: 50%;}
	 
		.grille-section.actualites .container-1 h2 {
			display: table-cell;
			width: 50%;
			padding: 0 5%;
			vertical-align: middle;
			font-size: 1em; }
	 
		.grille-section.actualites .container-1 a:link, .grille-section.actualites .container-1 a:link img { display: inline-block; }
	 
		.grille-section.actualites .container-1  .bouton {
			position: absolute;
			bottom: 0px;
			right: 0px; }
	 
		.grille-section.actualites .container-1 a.page-button:link {
			float: right;
			width: auto; }
	 
		.grille-section.actualites .container-1 h2 {
			display: table-cell;
			width: 50%;
			padding: 0 5%;
			vertical-align: middle; }
	 
		.grille-section.actualites .container-1 p {
			padding: 5%;
			margin: 0px; }
	 
	.grille-section.actualites .container-1-2 p {
		height: 11em;
		font-size:0.9em;}
	 
	.grille-section.actualites .coordonnees .date { padding-right: 1em; }
	 
	.grille-section.actualites .text-panel div.content-text a  span {
		position: static;
		background: none; }
	 
	.grille-section.actualites .text-panel div.content-text .container-1-2 a:hover span {
		background: url(../img/actualites/actualite-hover.png) no-repeat;
		height: 30px;
		width: 30px;
		display: block;
		position: absolute;
		bottom: 0px;
		right: 0px; }
	
	.grille-section.actualites .text-panel div.content-text .container-1-2 a:hover span.titre {
		background: none;
		height: auto;
		width: auto;
		display: block;
		position: static; }
	 
	.grille-section.actualites .container-1-2 .text-section { background: #FFF; }
	 
		.grille-section.actualites .container-1-2 .text-section.active {  }
	 
	.grille-section.actualites .container-1-2  h2 { font-size: 0.85em; }
	.grille-section.actualites .container-1-2  h2.cacher { display:none; }
	
/* Début Nouveau module actualités Hugo */

.bloc-actualite-entete 
{
    font-family: 'solomon_sans_normalregular'; /*'solomon_sans_bookregular';*/
}

.bloc-actualite-entete .texte {
		color:#101010;
		background-color: rgba(255, 255, 255, 0.8);
        -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
		padding: 5px 15px 20px;
		margin-left: 0px;
        margin-bottom: 21px;
		display: block;
		clear:both;
		width:auto; 
		height:25px;
		float: left;              
        font-size: 1.68em; /*1.7em;*/
        font-weight: 100;
		 }
		 
.bloc-actualite-entete .texte a:hover 
{
        color:#003050;
		background: #ffffff;
		padding: 15px 15px;
		margin-left: -15px;
		margin-top: -15px;
		float: left;
}

.bloc-actualite
	{
	}
		.colonne1{
			width:500px;
			float:left;			
		}
		
		    .colonne1 a
		    {
		        margin-bottom:5px;    
		    }
			.col1-img{
				height: 230px;
				width:230px;				
				float:left;
				box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);				
			}
			.col1-desc{
				height: 230px;
				width:270px;				
				float:left;
				box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);				
			}
			.col1-largeur{
				height: 230px;
				width:500px;				
				float:left;
				box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);				
			}
		.colonne2{
			width:420px;
			float:left;					
		}
        
            .colonne2 a
		    {
		        margin:0px 0px 5px 5px;
		    }		
			.col2-img{
				height: 151.5px;
				width:153px;
				float:left;		
				box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);					
			}
			
			.col2-desc{
				height: 151.5px;
				width:267px;
				float:left;	
				box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);					
			}		
			
			.col2-largeur{
				height: 151.5px;
				width:420px;
				float:left;
				box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);					
			}
			
		.colonne-fil-twitter
		{
		    width:420px;
		    height:465px;
		    float:left;
		    box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
		    background-color:White;
		    margin:0px 0px 5px 5px;
		}	
		
		.fil-twitter
		{
		    width:332px;
		    margin:15px 0px 0px 44px;
		}				
		
	.clearFix
	{
		clear:both;
	}
	
	.image{
		background-color:grey;
	}
	
	.description{
		background-color:white;
	}
	
	.bloc-actualite a 
	{
	    box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);	
	    color:#1A30D4; /* Bleu, était noir avant */
	}  
	
	.bloc-actualite a:link, a:visited
	{
	   color:#1A30D4; /* Bleu, était noir avant */
	}    
	
	.bloc-actualite .date {
			padding-right: 1.5em;
			padding-left: 43px;
			padding-top:10px;
			vertical-align:middle;
			margin: 0.5em 0;
	        background: url(../img/actualites/date.png) no-repeat left center; 
	        background-position:23px 13px;
	        width:230px;
	        font-size: 12px;
	        float: left;
	        }
	
	.bloc-actualite .date.avec_image 
	{
	    width:155px;
	} 
	
	.bloc-actualite .auteur {
			padding-right: 1.5em;
			padding-left: 23px;
			padding-top:0px;
			vertical-align:middle;
			margin: 0.5em 0;
	        /*background: url(../img/actualites/date.png) no-repeat left center; 
	        background-position:23px 13px;*/
	        width:450px;
	        font-size: 12px;
	        float: left;
	        position:relative;
	        top:-10px;
	        }   
	
	.bloc-actualite .auteur.avec_image 
	{
	    width:225px;
	} 
	
	.bloc-actualite .auteur.colon2
	{
	    width:370px;
	} 
	
	.bloc-actualite .auteur.colon2.avec_image
	{
	    width:225px;
	}             
	
	.bloc-actualite .sigleNY75 {
			padding-right: 1.2em;
			padding-left: 150px;
			padding-top:25px;
			vertical-align:middle;
			/*margin: 0.5em 0;*/
	        background: url(../img/signe75NY_actualite.jpg) no-repeat left center; 
	        background-position:170px 0px;
	        width:25px;
	        float: right;
	        }  
	        
	.bloc-actualite .sigleNY75.avec_image
	 {
	     padding-left: 0px;
	     background-position: 20px 0px;
	 }            
	        
	.bloc-actualite .sigleNY75_2 {
			padding-right: 1.2em;
			padding-left: 75px;
			padding-top:25px;
			vertical-align:middle;
			/*margin: 0.5em 0;*/
	        background: url(../img/signe75NY_actualite.jpg) no-repeat left center; 
	        background-position:95px 0px;
	        width:25px;
	        float: right;
	        }  
	 
	 .bloc-actualite .sigleNY75_2.avec_image
	 {
	     padding-left: 0px;
	     background-position: 20px 0px;
	 }    
	  
	 .bloc-actualite .sigleFranco {
			padding-right: 1.2em;
			padding-left: 150px;
			padding-top:25px;
			vertical-align:middle;
			/*margin: 0.5em 0;*/
	        background: url(../img/signeFranco.png) no-repeat left center; 
	        background-position:168px 2px;/*170px 0px;*/
	        width:25px;
	        float: right;
	        }  
	        
	.bloc-actualite .sigleFranco.avec_image
	 {
	     padding-left: 0px;
	     background-position: 20px 0px;
	 }            
	        
	.bloc-actualite .sigleFranco_2 {
			padding-right: 1.2em;
			padding-left: 75px;
			padding-top:25px;
			vertical-align:middle;
			/*margin: 0.5em 0;*/
	        background: url(../img/signeFranco.png) no-repeat left center; 
	        background-position:93px 2px;/*95px 0px;*/
	        width:25px;
	        float: right;
	        }  
	 
	 .bloc-actualite .sigleFranco_2.avec_image
	 {
	     padding-left: 0px;
	     background-position: 20px 0px;
	 }            
	  
	 .bloc-actualite .sigleMONS {
			padding-right: 1.2em;
			padding-left: 150px;
			padding-top:31px;
			vertical-align:middle;
			/*margin: 0.5em 0;*/
	        background: url(../img/signeMONS.png) no-repeat left center; 
	        background-position:166px 4px;/*170px 0px;*/
	        width:25px;
	        float: right;
	        }  
	        
	.bloc-actualite .sigleMONS.avec_image
	 {
	     padding-left: 0px;
	     background-position: 16px 4px;
	 }            
	        
	.bloc-actualite .sigleMONS_2 {
			padding-right: 1.2em;
			padding-left: 75px;
			padding-top:31px;
			vertical-align:middle;
			/*margin: 0.5em 0;*/
	        background: url(../img/signeMONS.png) no-repeat left center; 
	        background-position:91px 4px;/*95px 0px;*/
	        width:25px;
	        float: right;
	        }  
	 
	 .bloc-actualite .sigleMONS_2.avec_image
	 {
	     padding-left: 0px;
	     background-position: 16px 4px;
	 } 
	 
	 .bloc-actualite .sigleEdinbourgh {
			padding-right: 1.2em;
			padding-left: 150px;
			padding-top:31px;
			vertical-align:middle;
			/*margin: 0.5em 0;*/
	        background: url(../img/signeEdinbourgh.jpg) no-repeat left center; 
	        background-position:166px 4px;/*170px 0px;*/
	        width:25px;
	        float: right;
	        }  
	        
	.bloc-actualite .sigleEdinbourgh.avec_image
	 {
	     padding-left: 0px;
	     background-position: 16px 4px;
	 }            
	        
	.bloc-actualite .sigleEdinbourgh_2 {
			padding-right: 1.2em;
			padding-left: 75px;
			padding-top:31px;
			vertical-align:middle;
			/*margin: 0.5em 0;*/
	        background: url(../img/signeEdinbourgh.jpg) no-repeat left center; 
	        background-position:91px 4px;/*95px 0px;*/
	        width:25px;
	        float: right;
	        }  
	 
	 .bloc-actualite .sigleEdinbourgh_2.avec_image
	 {
	     padding-left: 0px;
	     background-position: 16px 4px;
	 }                         
	        
    .bloc-actualite .texte {        /* colonne 1 avec image */
			padding-right: 1.5em;
			padding-left: 23px;
			vertical-align:middle;
			margin: 0.5em 0;
	        width:230px;
	        font-size: 16px;
	        float: left;
	        position:relative;
	        top:-10px;
	        }

    .bloc-actualite .texte-largeur {  /* colonne 1 sans image */
			padding-right: 1.5em;
			padding-left: 23px;
			vertical-align:middle;
			margin: 0.5em 0;
	        width:460px;
	        font-size: 16px;
	        float: left;
	        position:relative;
	        top:-10px;
	        }   
	        
	.bloc-actualite .texte-largeur-petit {  /* colonne 1 sans image */
			padding-right: 1.5em;
			padding-left: 23px;
			vertical-align:middle;
			margin: 0.5em 0;
	        width:460px;
	        font-size: 12px;
	        float: left;
	        position:relative;
	        top:-15px;
	        }               
	.bloc-actualite .texte2 {             /* colonne 2 avec image */
			padding-right: 1.5em;
			padding-left: 23px;
			vertical-align:middle;
			margin: 0.5em 0;
	        width:230px;
	        font-size: 15px;
	        float: left;
	        position:relative;
	        top:-10px;
	        }
	.bloc-actualite .texte2-largeur {   /* colonne 2 sans image */
			padding-right: 1.5em;
			padding-left: 23px;
			vertical-align:middle;
			margin: 0.5em 0;
	        width:380px;
	        font-size: 15px;
	        float: left;
	        position:relative;
	        top:-10px;
	        }
	.bloc-actualite .texte2-largeur-petit {  /* colonne 2 sans image */
			padding-right: 1.5em;
			padding-left: 23px;
			vertical-align:middle;
			margin: 0.5em 0;
	        width:380px;
	        font-size: 11px;
	        float: left;
	        max-height: 46px; 
            overflow: hidden; /* cache le contenu du titre qui dépasse 3 lignes */
            text-overflow: ellipsis; /* si titre pas fini après 3 ligne, va apparaître 3 petits points */
            position:relative;
	        top:-15px;
	        }
	        
/* Fin Nouveau module actualités Hugo */	

/* Début Nouveau module événements Hugo */

.bloc-evenement-entete 
{
    font-family: 'solomon_sans_normalregular'; /*'solomon_sans_bookregular';*/
}

.bloc-evenement-entete .texte {
		color:#101010;
		background-color: rgba(255, 255, 255, 0.8);
        -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
		padding: 5px 15px 20px;
		margin-left: 0px;
        margin-bottom: 21px;
		display: block;
		clear:both;
		width:auto; 
		height:25px;
		float: left;              
        font-size: 1.68em; /*1.7em;*/
        font-weight: 100;
		 }
		 
.bloc-evenement-entete .texte a:hover 
{
        color:#003050;
		background: #ffffff;
		padding: 15px 15px;
		margin-left: -15px;
		margin-top: -15px;
		float: left;
}

.bloc-evenement
	{
	}
		.evenement{
			width:307px;
			height:187px; /* 198px; avant pour la hauteur des boîtes */
			float:left;
			box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
			margin-right:5px;
			margin-bottom:5px;			
			/*background: url('/content/img/actualites/bg-event-bloc.jpg') no-repeat;
			background-size:307px 198px;*/
			background-color:#FFF;			
		}
			.eve-desc{
				height: 147px;
				width:307px;
				float:left;
				/*box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);*/
			}
			
			.eve-desc a
			{
                display: block;
                /*height: 122px;*/
                margin-bottom:-25px;
                padding-top: 15px; /*25px;*/			    
			}
			.eve-desc a:hover
			{
			    text-decoration:none;			
			}
			
			.eve-desc .titre-eve
			{
			    height:70px; /*55px pour 2 lignes */
			}
			
			.eve-desc .titre-eve .sigle_ny75 
	        {
	            background: url("../img/signe75NY_evenement.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
                height: 25px;
                margin: 0px 0 0 282px;
                position: absolute;
                vertical-align: middle;
                width: 25px;
	        }  
	        
	        .eve-desc .titre-eve .sigle_franco 
	        {
	            background: url("../img/signeFranco.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
                height: 25px;
                margin: 2px 0 0 280px;
                position: absolute;
                vertical-align: middle;
                width: 25px;
	        } 
	        
	        .eve-desc .titre-eve .sigle_MONS 
	        {
	            background: url("../img/signeMONS_40.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
                height: 40px;
                margin: 4px 0 0 265px;
                position: absolute;
                vertical-align: middle;
                width: 40px;
	        }
	        
	        .eve-desc .titre-eve .sigle_Edinbourgh 
	        {
	            background: url("../img/signeEdinbourgh_40.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
                height: 40px;
                margin: 4px 0 0 265px;
                position: absolute;
                vertical-align: middle;
                width: 40px;
	        }                                

            .eve-desc p.date
			{
                padding-right: 23px; /*1.5em;*/
			    padding-left: 43px;
			    padding-top:10px;
			    padding-bottom:1px;
			    vertical-align:middle;
			    margin: -18px 0 0.5em 0; /*-15px avant pour la marge du haut */
	            background: url(../img/actualites/date.png) no-repeat left center; 
	            background-position:23px 13px;
	            width:240px;
	            font-size: 10.45px;
	            float: left;	    
			}
			
			.eve-desc p.lieu
			{
                padding-right: 23px; /*1.5em;*/
			    padding-left: 43px;
			    padding-top:10px;
			    padding-bottom:20px;
			    vertical-align:middle;
			    margin: -10px 0 0.5em 0; 
	            background: url(../img/actualites/lieu.png) no-repeat left center; 
	            background-position:23px 10px; /*23px 13px avant*/
	            width:240px;
	            font-size: 10.45px;
	            float: left; 
	            max-height: 10px; 
                overflow: hidden; /* cache le contenu du titre qui dépasse 2 lignes */
                text-overflow: ellipsis; /* si titre pas fini après 2 lignes, va apparaître 3 petits points */  
			}
			
			.eve-date{
			    display:none;
                height: 122px;
                padding:25px 23px 0px 23px;                          
				width:261px;
				float:left;								
			}
			
			.eve-lieu{
			    display:none;
                height: 122px;
                padding:0px 23px 0px 23px;                               
                margin-top: 25px;
				width:261px;
				float:left;				
				overflow-y:auto;
			}
			
			.eve-onglet{
				height: 51px;
				width:307px;				
				float:left;
				/*box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);*/
			}														
		
	.clearFix
	{
		clear:both;
	}
	
	.bloc-evenement .description{
		/*background-color:white;*/
		font-size: 14px;
	}
	
	.bloc-evenement a, a:link, a:visited 
	{
	    color:#1A30D4; 
	}  
		        
	.bloc-evenement .texte {
			display: block;
			display: -webkit-box;
			max-width: 270px;
			height: 54px; /* $font-size*$line-height*$lines-to-show */
			padding-right: 1.5em;
			padding-left: 20px;/*23px;*/
			padding-top: 0px;
			vertical-align:middle;
			margin: 0 auto;/*0.5em 0;*/
	        font-size: 15px; /* 16px */
	        line-height:1.2;
	        -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden; /* cache le contenu du titre qui dépasse 3 lignes */
            text-overflow: ellipsis; /* si titre pas fini après 3 ligne, va apparaître 3 petits points */
            -ms-text-overflow: ellipsis;
	        }	
	        
	  /*@media screen and (-webkit-min-device-pixel-ratio:0) /* Hack Pour Chrome et Safari */
	  /*{ }*/
	        
	 .bloc-evenement .texte.sigle
	 {
	     max-width:265px;
	 } 
	 
	 .bloc-evenement .texte.sigle.MONS
	 {
	     max-width:245px;
	 }         
	        
	 .bloc-evenement .eve-desc ul li
	  {
	     background:none; /* pour ne pas faire voir l'image de puce (normalize.css ligne 421)*/
	  }
	        
	  .bloc-evenement .eve-desc .tag-eve li {
		margin-left: 30px;
		position: relative;
		background-color:white;
		min-height: 36px;
		line-height: 36px;
		padding-left: 12px;
		padding-right: 12px;
		margin-right: 0.5em;
		float: left;
		font-size: 14px; /*1em;*/
		margin-top:-10px;
		color:#fff; }
		
	.bloc-evenement .eve-desc .tag-eve li.arts-culture
	{
	    background-color:#8132a2;
	}
	
	.bloc-evenement .eve-desc .tag-eve li.economie
	{
	    background-color:#0e71ce;
	}
	
	.bloc-evenement .eve-desc .tag-eve li.recherche-innovation
	{
	    background-color:#34437c;
	}
	
	.bloc-evenement .eve-desc .tag-eve li.affaires-publiques
	{
	    background-color:#4ca99c;
	}
	
	.bloc-evenement .eve-desc .tag-eve li.francophonie
	{
	    background-color:#ed5724;
	}
	
	.bloc-evenement .eve-desc .tag-eve li.education
	{
	    background-color:#d08f20;
	}
	
	.bloc-evenement .eve-desc .tag-eve li.societe
	{
	    background-color:#c33d37;
	}
	
	.bloc-evenement .eve-desc .tag-eve li.politique
	{
	    background-color:#474d4d;
	}
	
	.bloc-evenement .eve-desc .tag-eve li.immigration
	{
	    background-color:#8c4812;
	}
	
	.bloc-evenement .eve-desc .tag-eve li.environnement
	{
	    background-color:#6aa163;
	}
	
	.bloc-evenement .eve-desc .tag-eve li.autres
	{
	    background-color:#8a8b8f;
	}	
	 
    .tag-eve li span {
			background: url(../img/actualites/tag.png) no-repeat left center;
			display: block;
			position: absolute;
			left: -12px;
			top: 0px;
			width: 12px;
			height: 36px; }  
			
	.tag-eve li.arts-culture span  
	{
	    background: url(../img/tags-evenements/arts-culture.png) no-repeat left center;  
	}
	
	.tag-eve li.economie span  
	{
	    background: url(../img/tags-evenements/economie.png) no-repeat left center;  
	}	
	
	.tag-eve li.recherche-innovation span  
	{
	    background: url(../img/tags-evenements/recherche-innovation.png) no-repeat left center;  
	}	
	
	.tag-eve li.affaires-publiques span  
	{
	    background: url(../img/tags-evenements/affaires-publiques.png) no-repeat left center;  
	}
	
	.tag-eve li.francophonie span  
	{
	    background: url(../img/tags-evenements/francophonie.png) no-repeat left center;  
	}	
	
	.tag-eve li.education span  
	{
	    background: url(../img/tags-evenements/education.png) no-repeat left center;  
	}	
	
	.tag-eve li.societe span  
	{
	    background: url(../img/tags-evenements/societe.png) no-repeat left center;  
	}	
	
	.tag-eve li.politique span  
	{
	    background: url(../img/tags-evenements/politique.png) no-repeat left center;  
	}	
	
	.tag-eve li.immigration span  
	{
	    background: url(../img/tags-evenements/immigration.png) no-repeat left center;  
	}	
	
	.tag-eve li.environnement span  
	{
	    background: url(../img/tags-evenements/environnement.png) no-repeat left center;  
	}	
	
	.tag-eve li.autres span  
	{
	    background: url(../img/tags-evenements/autres.png) no-repeat left center;  
	}	        
	        
	.bloc-evenement .fleche-retour {
        background: url("../img/retour.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        display: none;
        height: 10px;
        margin: 5px 0 0 275px;
        padding-left: 0;
        padding-right: 10px;
         padding-top: 10px;
        position: absolute;
        vertical-align: middle;
        width: 20px;
        z-index: 999;
	 }
	        
    .bloc-evenement .fleche-retour-active {
			display: table-cell;
			padding-right: 0em;
			padding-left: 0px;
			padding-top:10px;
			vertical-align:middle;
			margin: 0 0;
	        background: url(../img/retour-active.png) no-repeat left center; 
	        background-position:260px ;
	        width:290px;
	        height:10px;
	        }

    .bloc-evenement .chevron
    {
        font-weight:bold;
        text-decoration:none;   
        font-size: 22px;
        line-height:10px;
        margin-left: 5px;
    }

    .bloc-evenement .texte2 {
			display: table-cell;
			padding-right: 1.5em;
			padding-left: 23px;
			padding-top: 0px;
			vertical-align:middle;
			margin: 0.5em 0;
	        width:290px;
	        font-size: 12px;
	        }	
	               
.bloc-evenement .onglets_evenements 
{
    /*background-color:#ffffff;*/
    float: left;
    font-size: 93%;
    line-height: normal;
    width: 100%;
    height:50px
}
.bloc-evenement .onglets_evenements ul {
    list-style: none outside none;
    margin: 0;
    /*padding: 10px 10px 0;*/
}
    .bloc-evenement .onglets_evenements ul li  
    {
        background:#f2f2f2;
        float: left;
        margin: 0;
        padding: 0 0 0 0px;
        width:152px;
        height:51px;
        background:url('/Content/img/actualites/BT_rectangle_normal.png') repeat-x;
        background-position:center top;
    }
    .bloc-evenement .onglets_evenements ul li:hover  
    {
        background:url('/Content/img/actualites/BT_rectangle_hover.png') no-repeat;
        background-position:center top;                
    }  
    .bloc-evenement .onglets_evenements ul li.active  
    {
        background:url('/Content/img/actualites/BT_rectangle_down.png') no-repeat;
        background-position:center top;                
    }              
    .bloc-evenement .onglets_evenements ul li.active:hover  
    {
        background:url('/Content/img/actualites/BT_rectangle_down.png') no-repeat;
        background-position:center top;
    }
     .bloc-evenement .onglets_evenements ul li.separator
     {
         width:2px !important;
         background:url('/Content/img/actualites/BT_rectangle_separator.png') repeat;
         background-position:center top;         
     }        
        .bloc-evenement .onglets_evenements ul li a {    
            color: #776655;
            display: block;
            float: left;
            font-weight: bold;            
            text-decoration: none;            
        }
       
       .bloc-evenement .onglets_evenements ul li a:focus {
            outline: 0;
        }
               
       /* Bouton Calendrier */        
       .bloc-evenement .onglets_evenements ul li a.btn-calendrier 
       {
            background: url("/Content/img/actualites/icon_calender_normal.png") no-repeat scroll center center rgba(0, 0, 0, 0);
            display: block;
            height: 100%;
            width: 100%;
       }
       .bloc-evenement .onglets_evenements ul li a.btn-calendrier:hover
       {
            background: url("/Content/img/actualites/icon_calender_down.png") no-repeat scroll center center rgba(0, 0, 0, 0);
       }               
        
       .bloc-evenement .onglets_evenements ul li a.btn-calendrier-active
       {
            background: url("/Content/img/actualites/icon_calender_down.png") no-repeat scroll center center rgba(0, 0, 0, 0) !important;
       }
       .bloc-evenement .onglets_evenements ul li a.btn-calendrier-active:hover
       {
            background: url("/Content/img/actualites/icon_calender_down.png") no-repeat scroll center center rgba(0, 0, 0, 0) !important;
       }       
       
        /* Bouton Map */
       .bloc-evenement .onglets_evenements ul li a.btn-pointeur 
       {
            background: url("/Content/img/actualites/icon_map_normal.png") no-repeat scroll center center rgba(0, 0, 0, 0);
            display: block;
            height: 100%;
            width: 100%;
       }
       .bloc-evenement .onglets_evenements ul li a.btn-pointeur:hover
       {
            background: url("/Content/img/actualites/icon_map_down.png") no-repeat scroll center center rgba(0, 0, 0, 0);
            display: block;
            height: 100%;
            width: 100%;
       }  
       
       .bloc-evenement .onglets_evenements ul li a.btn-pointeur-active
       {
            background: url("/Content/img/actualites/icon_map_down.png") no-repeat scroll center center rgba(0, 0, 0, 0) !important;
       }
       .bloc-evenement .onglets_evenements ul li a.btn-pointeur-active:hover
       {
            background: url("/Content/img/actualites/icon_map_down.png") no-repeat scroll center center rgba(0, 0, 0, 0) !important;
       }               
      
   
	       
/* Fin Nouveau module événements Hugo */
	
/* ==========================================================================
   Partenaires
   ========================================================================== */
   .partenaire{
		display:table; 
		width:100%;}
		
	   .partenaire li{
		   display:table-cell; 
		   background:none;
		   text-align: center;
		   width: 25%; }
		   
		   .partenaire li img{
		   width: 100%; }
	   
	
/* ==========================================================================
   Couleurs des shortcodes
   ========================================================================== */
.menu .resp-tabs-list li a span  {
    display:block; 
    padding: 0px 10px; 
    color: #646464;  }

.accueil .menu .resp-tabs-list li, .accueil .menu .resp-tabs-list li span, .accueil .menu .resp-tabs-list li.resp-tab-active {
    background:none;}

.accueil .menu .resp-tabs-list li a span{
    line-height:2em; 
    min-width: 140px; 
    padding: 5px; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; 
    display:table-cell;
    color:#646464;}

    .menu .resp-tabs-list li a span, .accueil .menu .resp-tabs-list.resp-tab-active li a span
    {
        background: none; 
        line-height: 3.1em; 
        padding: 0.95em; 
        border:none;
	    -webkit-box-shadow: none;
        box-shadow: none;}
	
	.contenu .menu li.resp-tab-active a span{cursor:default;} 

.accueil .menu .resp-tabs-list li a:hover span, .accueil .menu .resp-tabs-list.resp-tab-active li a:hover span{ color:#FFFFFF;}
	
	/*Bleu*/
	.bleu .resp-tabs-list li span,.bleu .text-panel div.content-text .box-color, .text-box.bleu .box-color, .bleu.grille-section .text-panel h1, h1.bleu, .bleu h2.resp-accordion { background: #0a80ac; }
	
	.menu.bleu .resp-tabs-list li.resp-tab-active a span, .menu.bleu .resp-tabs-list li.resp-tab-active a:hover span{
	        color: #026f93;}
	 

.accueil .menu.bleu .resp-tabs-list li a:hover span, .accueil .menu.bleu .resp-tabs-list.resp-tab-active li a:hover span{ background: #026f93!important;}


	
	/*Marin*/
	.marin .resp-tabs-list li span,.marin .text-panel div.content-text .box-color, .text-box.marin .box-color, .marin.grille-section .text-panel h1, h1.marin {
		background-color: #0072bc;
		background-image: -webkit-linear-gradient(right, #0072bc, #004c82);
		background-image: -moz-linear-gradient(right, #0072bc, #004c82);
		background-image: -o-linear-gradient(right, #0072bc, #004c82);
		background-image: linear-gradient(to left, #0072bc, #004c82);  }
	 
	.marin .resp-tabs-list li.resp-tab-active {
		background-color: #ee5190;
		background-image: -webkit-linear-gradient(right, #0072bc, #004c82);
		background-image: -moz-linear-gradient(right, #0072bc, #004c82);
		background-image: -o-linear-gradient(right, #0072bc, #004c82);
		background-image: linear-gradient(to left, #0072bc, #004c82); }
		
	.accueil .menu.marin .resp-tabs-list li a:hover span, .accueil .menu.marin .resp-tabs-list.resp-tab-active li a:hover span 
	 {
	        background: #00487b!important;}
	        
	.menu.marin .resp-tabs-list li.resp-tab-active a span, .menu.marin .resp-tabs-list li.resp-tab-active a:hover span{
	        color: #026f93;}
	 
	 
	/*Rouge*/
	.rouge .resp-tabs-list li span,.rouge .text-panel div.content-text .box-color, .text-box.rouge .box-color, .rouge.grille-section .text-panel h1, h1.rouge {
		background-color: #b11617;
		background-image: -webkit-linear-gradient(left, #b11617, #ef4121);
		background-image: -moz-linear-gradient(left, #b11617, #ef4121);
		background-image: -o-linear-gradient(left, #b11617, #ef4121);
		background-image: linear-gradient(to right, #b11617, #ef4121);  }
	 
	.rouge .resp-tabs-list li.resp-tab-active {
		background-color: #ee5190;
		background-image: -webkit-linear-gradient(left, #b11617, #ef4121);
		background-image: -moz-linear-gradient(left, #b11617, #ef4121);
		background-image: -o-linear-gradient(left, #b11617, #ef4121);
		background-image: linear-gradient(to right, #b11617, #ef4121); }
	
	.accueil .menu.rouge .resp-tabs-list li a:hover span, .accueil .menu.rouge .resp-tabs-list.resp-tab-active li a:hover span 
	 {
	        background: #881213!important;}
	
	.menu.rouge .resp-tabs-list li.resp-tab-active a span, .menu.rouge .resp-tabs-list li.resp-tab-active a:hover span{
	        color: #881213;}
	 
	/*Jaune*/
	.jaune .resp-tabs-list li span,.jaune .text-panel div.content-text .box-color, .text-box.jaune .box-color, .jaune.grille-section .text-panel h1, h1.jaune {
		background-color: #feb814;
		background-image: -webkit-linear-gradient(right, #feb814, #e18913);
		background-image: -moz-linear-gradient(right, #feb814, #e18913);
		background-image: -o-linear-gradient(right, #feb814, #e18913);
		background-image: linear-gradient(to left, #feb814, #e18913);  }
	 
	.jaune .resp-tabs-list li.resp-tab-active {
		background-color: #ee5190;
		background-image: -webkit-linear-gradient(right, #feb814, #e18913);
		background-image: -moz-linear-gradient(right, #feb814, #e18913);
		background-image: -o-linear-gradient(right, #feb814, #e18913);
		background-image: linear-gradient(to left, #feb814, #e18913); }
		
		
	 .accueil .menu.jaune .resp-tabs-list li a:hover span, .accueil .menu.jaune .resp-tabs-list.resp-tab-active li a:hover span 
	 {
	        background: #a05608!important;}
	        
	 .menu.jaune .resp-tabs-list li.resp-tab-active a span, .menu.jaune .resp-tabs-list li.resp-tab-active a:hover span{
	        color: #a05608;}
	 
	
		
	 
	/*Mauve*/
	.mauve .resp-tabs-list li span,.mauve .text-panel div.content-text .box-color, .text-box.mauve .box-color, .theme ul li.passion .box-color, .mauve.grille-section .text-panel h1, h1.mauve {
		background-color: #8b106d;
		background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(0,0,0,0) 72%); }
	 
	.mauve .resp-tabs-list li.resp-tab-active {
		background-color: #ee5190;
		background-image: -webkit-linear-gradient(right, #c63b96, #981077);
		background-image: -moz-linear-gradient(right, #c63b96, #981077);
		background-image: -o-linear-gradient(right, #c63b96, #981077);
		background-image: linear-gradient(to left, #c63b96, #981077); }
	
	.accueil .menu.mauve .resp-tabs-list li a:hover span, .accueil .menu.mauve .resp-tabs-list.resp-tab-active li a:hover span 
	 {
	        background: #620a4c!important;}
	
    
    .menu.mauve .resp-tabs-list li.resp-tab-active a span, .menu.mauve .resp-tabs-list li.resp-tab-active a:hover span{
	        color: #620a4c;}
	 
	 
	/*Vert*/
	.vert .resp-tabs-list li span,.vert .text-panel div.content-text .box-color, .text-box.vert .box-color, .vert.grille-section .text-panel h1, h1.vert {
		background-color: #529131;
		background-image: -webkit-linear-gradient(left, #529131, #8cc63f);
		background-image: -moz-linear-gradient(left, #529131, #8cc63f);
		background-image: -o-linear-gradient(left, #529131, #8cc63f);
		background-image: linear-gradient(to right, #529131, #8cc63f);  }
	 
	.vert .resp-tabs-list li.resp-tab-active {
		background-color: #ee5190;
		background-image: -webkit-linear-gradient(left, #529131, #8cc63f);
		background-image: -moz-linear-gradient(left, #529131, #8cc63f);
		background-image: -o-linear-gradient(left, #529131, #8cc63f);
		background-image: linear-gradient(to right, #529131, #8cc63f); }
	
	.accueil .menu.vert .resp-tabs-list li a:hover span, .accueil .menu.vert .resp-tabs-list.resp-tab-active li a:hover span 
	 {
	        background: #366021!important;}
	 
	 .menu.vert .resp-tabs-list li.resp-tab-active a span, .menu.vert .resp-tabs-list li.resp-tab-active a:hover span{
	        color: #366021;}
	        
	/*Sarcelle*/
	.sarcelle .resp-tabs-list li span,.sarcelle .text-panel div.content-text .box-color, .text-box.sarcelle .box-color, .sarcelle.grille-section .text-panel h1, h1.sarcelle {
		background-color: #128291;
		background-image: -webkit-linear-gradient(left, #128291, #70c7dd);
		background-image: -moz-linear-gradient(left, #128291, #70c7dd);
		background-image: -o-linear-gradient(left, #128291, #70c7dd);
		background-image: linear-gradient(to right, #128291, #70c7dd);  }
	 
	.sarcelle .resp-tabs-list li.resp-tab-active {
		background-color: #012b54;
		background-image: -webkit-linear-gradient(left, #128291, #70c7dd);
		background-image: -moz-linear-gradient(left, #128291, #70c7dd);
		background-image: -o-linear-gradient(left, #128291, #70c7dd);
		background-image: linear-gradient(to right, #128291, #70c7dd); }
 
	.accueil .menu.sarcelle .resp-tabs-list li a:hover span, .accueil .menu.sarcelle .resp-tabs-list.resp-tab-active li a:hover span 
	 {
	        background: #0f6874!important;}
	
	.menu.sarcelle .resp-tabs-list li.resp-tab-active a span, .menu.sarcelle .resp-tabs-list li.resp-tab-active a:hover span{
	        color: #0f6874;}
	        
	        
	 .accueil .menu.bleu .resp-tabs-list li.resp-tab-active a span, .accueil .menu.marin .resp-tabs-list li.resp-tab-active a span, .accueil .menu.jaune .resp-tabs-list li.resp-tab-active a span, .accueil .menu.rouge .resp-tabs-list li.resp-tab-active a span, .accueil .menu.mauve .resp-tabs-list li.resp-tab-active a span, .accueil .menu.vert .resp-tabs-list li.resp-tab-active a span, .accueil .menu.sarcelle .resp-tabs-list li.resp-tab-active a span{
	        color: #646464;}
	        
	 .accueil .menu.bleu .resp-tabs-list li.resp-tab-active a:hover span, .accueil .menu.marin .resp-tabs-list li.resp-tab-active a:hover span, .accueil .menu.jaune .resp-tabs-list li.resp-tab-active a:hover span, .accueil .menu.mauve .resp-tabs-list li.resp-tab-active a:hover span, .accueil .menu.rouge .resp-tabs-list li.resp-tab-active a:hover span, .accueil .menu.vert .resp-tabs-list li.resp-tab-active a:hover span, .accueil .menu.sarcelle .resp-tabs-list li.resp-tab-active a:hover span{
	        color: #FFF;}
/* ==========================================================================
   Boutons
   .scroll-button
   .page-button : Bouton qui sort de la long page
   .page-button-footer 
   ========================================================================== */
   
	.scroll-button.align-right { float: right; }
	 
	.scroll-button img, .page-button img, .button { padding: 5px; }
	 
	.scroll-button-moyen img, .page-button-moyen img, .button-moyen { padding: 9px; }
	 
	.scroll-button-gros img, .page-button-gros img, .button-gros { padding: 14px; }
	 
	.scroll-button:link, .page-button:link, .button:link, .scroll-button:visited, .page-button:visited, .button:visited {
		display: inline-block;
		color: #FFF;
		text-decoration: none; }
	 
	.scroll-button:hover, .page-button:hover, .button:hover { text-decoration: none; }
	 
	.scroll-button span, .page-button span, .page-button-footer span {
		padding: 0 24px;
		min-width: 200px; }
	 
	/*Page button footer*/
	.page-button-footer:link, .page-button-footer:visited {
		display: block;
		height: 4em;
		vertical-align: top;
		color: #575757; }
	 
	.page-button-footer img {
		float: right;
		vertical-align: top;
		padding: 8px; }
	 
	.page-button-footer span {
		display: inline-block;
		background: #FFF;
		min-width: 100px;
		line-height: 4em;
		vertical-align: top;
		height: 100%; 
		float:right;}
	 
	/*Rouge*/
	.scroll-button.rouge img, .page-button.rouge img, .page-button-footer.rouge:hover img, .accueil .menu .resp-tabs-list li a.rouge:hover img {
		background-color: #ef4121;
		background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(0,0,0,0) 72%); }
	 
	.scroll-button.rouge:link, .page-button.rouge:link, .button.rouge:link {
		background-color: #b11617;
		background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(0,0,0,0) 72%); }
	 
	.scroll-button.rouge:hover, .page-button.rouge:hover, .button.rouge:hover {
		background-color: #8c1314;
		background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(0,0,0,0) 72%); }
	 
	.scroll-button.rouge:active, .page-button.rouge:active, .button.rouge:active {
		color: #b11617;
		background-color: #fff;
		background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(0,0,0,0) 72%); }
	 
	.page-button-footer.rouge:hover { color: #b11617; }
	 
	/*Bleu*/
	.scroll-button.bleu img, .page-button.bleu img, .page-button-footer.bleu:hover img, .accueil .menu .resp-tabs-list li a.bleu:hover img {
		background-color: #01bcf2;
		background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(0,0,0,0) 72%); }
	 
	.scroll-button.bleu:link, .page-button.bleu:link, .button.bleu:link, .scroll-button.bleu:visited, .page-button.bleu:visited, .button.bleu:visited  {
		background-color: #0a80ac;
		background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(0,0,0,0) 72%); }
	 
	.scroll-button.bleu:hover, .page-button.bleu:hover, .button.bleu:hover {
		background-color: #026f94;
		background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(0,0,0,0) 72%); }
	 
	.scroll-button.bleu:active, .page-button.bleu:active, .button.bleu:active {
		color: #076d93;
		background-color: #fff;
		background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(0,0,0,0) 72%); }
	 
	.page-button-footer.bleu:hover { color: #076d93; }
	 
	/*Marin*/
	.scroll-button.marin img, .page-button.marin img, .page-button-footer.marin:hover img, .accueil .menu .resp-tabs-list li a.marin:hover img {
		background-color: #0072bc;
		background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(0,0,0,0) 72%); }
	 
	.scroll-button.marin:link, .page-button.marin:link, .button.marin:link {
		background-color: #095f9e;
		background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(0,0,0,0) 72%); }
	 
	.scroll-button.marin:hover, .page-button.marin:hover, .button.marin:hover {
		background-color: #004c82;
		background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(0,0,0,0) 72%); }
	 
	.scroll-button.marin:active, .page-button.marin:active, .button.marin:active {
		color: #004c82;
		background-color: #fff;
		background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(0,0,0,0) 72%); }
	 
	.page-button-footer.marin:hover { color: #004c82; }
	 
	/*Jaune*/
	.scroll-button.jaune img, .page-button.jaune img, .page-button-footer.jaune:hover img, .accueil .menu .resp-tabs-list li a.jaune:hover img {
		background-color: #feb814;
		background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(0,0,0,0) 72%); }
	 
	.scroll-button.jaune:link, .page-button.jaune:link, .button.jaune:link {
		background-color: #ab660c;
		background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(0,0,0,0) 72%); }
	 
	.scroll-button.jaune:hover, .page-button.jaune:hover, .button.jaune:hover {
		background-color: #a65908;
		background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(0,0,0,0) 72%); }
	 
	.scroll-button.jaune:active, .page-button.jaune:active, .button.jaune:active {
		color: #a65908;
		background-color: #fff;
		background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(0,0,0,0) 72%); }
	 
	.page-button-footer.jaune:hover { color: #a65908; }
	 
	/*Vert*/
	.scroll-button.vert img, .page-button.vert img, .page-button-footer.vert:hover img, .accueil .menu .resp-tabs-list li a.vert:hover img {
		background-color: #8cc63f;
		background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(0,0,0,0) 72%); }
	 
	.scroll-button.vert:link, .page-button.vert:link, .button.vert:link {
		background-color: #4a842b;
		background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(0,0,0,0) 72%); }
	 
	.scroll-button.vert:hover, .page-button.vert:hover, .button.vert:hover {
		background-color: #386322;
		background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(0,0,0,0) 72%); }
	 
	.scroll-button.vert:active, .page-button.vert:active, .button.vert:active {
		color: #407226;
		background-color: #fff;
		background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(0,0,0,0) 72%); }
	 
	.page-button-footer.vert:hover { color: #407226; }
	 
	/*Mauve*/
	.scroll-button.mauve img, .page-button.mauve img, .page-button-footer.mauve:hover img, .accueil .menu .resp-tabs-list li a.mauve:hover img {
		background-color: #c63b96;
		background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(0,0,0,0) 72%); }
	 
	.scroll-button.mauve:link, .page-button.mauve:link, .button.mauve:link {
		background-color: #8b106d;
		background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(0,0,0,0) 72%); }
	 
	.scroll-button.mauve:hover, .page-button.mauve:hover, .button.mauve:hover {
		background-color: #6a0b53;
		background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(0,0,0,0) 72%); }
	 
	.scroll-button.mauve:active, .page-button.mauve:active, .button.mauve:active {
		color: #6a0b53;
		background-color: #fff;
		background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(0,0,0,0) 72%); }
	 
	.page-button-footer.mauve:hover { color: #6a0b53; }
	 
	/*Sarcelle*/
	.scroll-button.sarcelle img, .page-button.sarcelle img, .page-button-footer.sarcelle:hover img, .accueil .menu .resp-tabs-list li a.sarcelle:hover img {
		background-color: #70c7dd;
		background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(0,0,0,0) 72%); }
	 
	.scroll-button.sarcelle:link, .page-button.sarcelle:link, .button.sarcelle:link {
		background-color: #128291;
		background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(0,0,0,0) 72%); }
	 
	.scroll-button.sarcelle:hover, .page-button.sarcelle:hover, .button.sarcelle:hover {
		background-color: #0f6874;
		background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(0,0,0,0) 72%); }
	 
	.scroll-button.sarcelle:active, .page-button.sarcelle:active, .button.sarcelle:active {
		color: #6a0b53;
		background-color: #fff;
		background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
		background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(0,0,0,0) 72%); }
	 
	.page-button-footer.sarcelle:hover { color: #0f6874; }
 
 
	/* Fin des couleurs*/
    
    
/* ==========================================================================
   Tabs Footer bloc
   ========================================================================== */
	.accueil  section.horizontalTab.menu {
		background-position: 0px 0px;
		-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.43);;
		-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.43);
		box-shadow: 0 0 3px rgba(0, 0, 0, 0.43);
		margin-bottom: 2em!important;
		 }
	 
	.accueil .menu .resp-tabs-list li, .accueil .menu  .resp-tabs-list li.resp-tab-active, .accueil .menu  .bleu .resp-tabs-list li.resp-tab-active, .accueil .menu   .rouge .resp-tabs-list li.resp-tab-active, .accueil .menu  .jaune .resp-tabs-list li.resp-tab-active, .accueil .menu  .mauve .resp-tabs-list li.resp-tab-active, .accueil .menu  .marin .resp-tabs-list li.resp-tab-active, .accueil .menu  .vert .resp-tabs-list li.resp-tab-active { background: none; }
	 
	.accueil .menu  .resp-tabs-list li, .accueil .menu  .resp-tabs-list li.resp-tab-active {
		padding: 0px;
		margin: 0px; }
	 
	 .accueil .menu  .page-button-footer:link, .accueil .menu   .page-button-footer:visited {
		display: table;
		width: auto;
		padding: 1em; }
	 
	.accueil .menu  .resp-tabs-list li a span, .accueil .menu  .resp-tabs-list li a img { 
		display: table-cell;
		vertical-align: middle;
		float:none;		}
	 
	.accueil .menu  .resp-tabs-list li a span {
		padding: 2px 9px; /*à 9px pour afficher 5 onglets avant 24px; pour 4 */ /*width: 100%;*/
		text-align: center;
		/*background: #FFF;*/
		color: rgba(100, 100, 100, 1); }
	 
	.accueil .menu  .resp-tabs-list li a img {
		width: 40px;
		height: 40px;
		float: none;
		background: url(../img/blur.png) repeat; }	 	
	 
	 .accueil .menu  .resp-tabs-container { display: none; }
	 
	.contenu .resp-tabs-list li a img { display: none; }
	 
	.contenu .resp-tabs-list li span { padding: 0px; }


.accueil section.horizontalTabBloc.menu ul.resp-tabs-list { display:block;  }
.accueil section.horizontalTabBloc.menu 
{
    -webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		
}
/* ==========================================================================
   Tabs
   ========================================================================== */
   
	section.horizontalTab {
		background: none;
		overflow: visible!important;
		clear: both;
		background: url(../img/bg-tabs-menu.png) repeat-x 0px 4px; }
    section.carte {
        z-index: 2;
        position: relative;}
	
	
	 
	section.horizontalTabBloc ul.resp-tabs-list {
		width: 940px;
		margin: 0 auto; }
		
	section.horizontalTabBloc ul.resp-tabs-list.article {
		width: 600px;}	
		
	section.menu.horizontalTabBloc ul.resp-tabs-list {
		 }
	
	section.horizontalTabBloc .content { margin-top: 0px; }
	 
	section.horizontalTab p { margin-top: 0px; }
	 
	    ul.resp-tabs-list {
		    margin: 0px;
		    padding: 0px;
		    overflow: hidden; }
	 
	    .resp-tabs-list li {
		    font-weight: 600;
		    font-size: 13px;
		    display: inline-block;
		    margin: 0;
		    list-style: none;
		    cursor: pointer;
		    float: left;
		    vertical-align: bottom;
		    margin-top: 4px;
		    margin-right: 4px;
		    background: none;
		    padding-left: 0px; }
		
	.menu .resp-tabs-list li {
		background: none;
		margin:0;
		position:relative;
		}
		
	.menu .resp-tabs-list li a , .contenu .menu .resp-tabs-list li a span{
		background: url(../img/bg-tabs-menu-onglet.png) repeat 0 -4px; 
	}
	
	.contenu .menu .resp-tabs-list li a span{
		background: url(../img/bg-tabs-menu-onglet.png) repeat 0 -4px; 
		margin-top:4px;
		margin-bottom:-4px;
	}
	
	 
	 
		.resp-tabs-list li a:link, .resp-tabs-list li a:visited,.resp-tabs-list li a:hover, .resp-tabs-list li a:active { text-decoration: none; }
	 
  .menu .resp-tabs-list li a:link, .menu .resp-tabs-list li a:visited,.menu .resp-tabs-list li a:hover, .menu .resp-tabs-list li a:active { text-decoration: none; padding: 0px; height: auto; }
	 
		.resp-tabs-list li span {
			display: block;
			color: #FFFFFF;
			padding: 15px;
			font-weight: 100;
			-webkit-box-shadow: 0 0 4px rgba(2,3,3,.3);
			-moz-box-shadow: 0 0 4px rgba(2,3,3,.3);
			box-shadow: 0 0 4px rgba(2,3,3,.3);
			text-align: center; }
			
	.menu .resp-tabs-list li a span {
			text-transform: uppercase;
			font-family: 'solomon_sans_boldbold';
			color:rgba(100, 100, 100, 1);
			 }
			
	.menu .resp-tabs-list li a:hover span {
			text-transform: uppercase;
			font-family: 'solomon_sans_boldbold';
			color: #000;
			 }
	 
		  .resp-tabs-list li span.fleche { display: none; }
	 
		  .resp-tabs-list li.resp-tab-active {
			border-bottom: none;
			margin: 0px 4px -1px 5px;
			padding-top: 4px; }
		
	.menu .resp-tabs-list li.resp-tab-active {
			padding-top: 0px;
			background: #FFFFFF!important; }
	 
		  .resp-tabs-list li.resp-tab-active span {
				color: #000000;
				background:#FFFFFF; }
				
		  .resp-tabs-list.article li a span {
			
			padding: 20px 5px;
			font-size:15px;}
		  
		  .resp-tabs-list.article li.resp-tab-active span {
				color: #000000;
				background:#FFFFFF;
                background-image: linear-gradient(to left, #01bcf1, #0A80AC);
                background-image: -webkit-linear-gradient(right, #01bcf1, #0A80AC); /* Pour Chrome */
                background-size: 100% 4px;
                background-repeat: no-repeat;} 	
                
           p.titre-article {
				color: #0A80AC;
				font-size:15px;
				margin-left:5px;
				font-weight:bold;
				/*position:relative;
				top:-137px;*/} 		     	
				
.accueil .menu .resp-tabs-list li.resp-tab-active {
				background: none!important;
				 }
				 
		  .menu .resp-tabs-list li.resp-tab-active span {
				color: #076d93;
				text-transform: uppercase;
				 }
				 	 
 .accueil .menu .resp-tabs-list li.resp-tab-active span {
				
				color: rgba(100, 100, 100, 1);
				 }
		    
.contenu .menu .resp-tabs-list li.resp-tab-active a span {
				
				-webkit-box-shadow:  0 0 10px 2px #c2c5c7;
		        -moz-box-shadow:  0 0 10px 2px #c2c5c7;
		        box-shadow:  0 0 10px 2px #c2c5c7;
		 
				 }
		    
		 .menu .resp-tabs-list li.resp-tab-active span.box-color {
				 display:block;
				 height: 4px;
				 width: 100%;
				 position:absolute;
				 top:0px;
				 left:0px;
				 }
				 
.accueil .menu .resp-tabs-list li span.box-color{ display:none;}
	 
	.resp-content-active, .resp-accordion-active { display: block; }
	 
	.resp-tabs-container {
		padding: 0px 0px 100px 0px;
		clear: left; }
	.menu-zone-representation .resp-tabs-container, .contenu .resp-tabs-container {
		padding-bottom:0px; }
	
	.actualites .resp-tabs-container {padding: 0;}
	 
	h2.resp-accordion, .text-panel h2.resp-accordion {
		cursor: pointer;
		padding: 5px;
		display: none; }
	 
	.resp-tab-content {
		display: none;
		padding: 15px;
		-webkit-box-shadow: 0 0 4px rgba(2,3,3,.3);
		-moz-box-shadow: 0 0 4px rgba(2,3,3,.3);
		/*box-shadow: 0 0 4px rgba(2,3,3,.3);*/
		box-shadow: none;
		background: #FFF; }
	.menu .resp-tab-content {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		background: #FFF; }
	 
	h2.resp-accordion {
		font-size: 0.875em;
		margin: 0px;
		padding: 0px; }
	 
	h2.resp-tab-active {
		margin-bottom: 0px !important;
		padding: 0px !important; }
	 
	h2.resp-tab-title:last-child { background: blue; }
	 
	/*-----------Accordion styles-----------*/
	h2.resp-accordion { color: #FFF; }
	 
	.resp-easy-accordion  h2.resp-accordion { display: block; }
	 
	.resp-easy-accordion .resp-tab-content { border: 1px solid #c1c1c1; }
	 
		.resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; }
	 
	.resp-jfit {
		width: 100%;
		margin: 0px; }
	 
	.resp-tab-content-active { display: block; }

/* ==========================================================================
   Text box
   ========================================================================== */

	.text-box {
		background: #FFF;
		position: relative;
		padding: 23px;
		margin: 2% 0 ; }
		
/* ==========================================================================
   Divisions des conteneurs
   1/1,1/2,1/4,1/3,2/3
   ========================================================================== */
   
	.container-1 {
		width: 100%;
		margin: 1em 0 1em 0;
		clear: both; }
	 
	.container-1-2, .container-1-3, .container-2-3, .container-1-4 {
		float: left;
		margin: 1em 2% 1em 0; }
	 
	.container-1-2.no-margin, .container-1-3.no-margin, .container-2-3.no-margin, .container-1-4.no-margin { margin-right: 0%; }
	 
	.container-1-2 { width: 48%; }
	 
	.container-1-3 { width: 31%; }
	 
	.container-2-3 { width: 65%; }
	 
	.container-1-4 { width: 23.5%; }
   
/* ==========================================================================
   Menu de contenus dynamiques
   ========================================================================== */
   
	.content-menu {
		width: 100%;
		margin: 1em 0; }
	 
		.content-menu nav { position: relative; }
	 
		.content-menu article h2:first-child { margin-top: 0px; }
	 
		.content-menu.horizontal article { width: 100%; }
		
	
/* ==========================================================================
   Menu horizontal
   ========================================================================== */
	.content-menu .menu-horizontal {
		margin-bottom: 1em;
		z-index: 998; }
	 
	.menu-horizontal ul {
		padding-left: 0px;
		background: #FFF;
		border: 1px solid #eaeaea;
		padding-bottom:1px; }
	 
		.menu-horizontal ul li {
			display: inline-block;
			padding: 0px;
			background: #FFF;
			position: relative; }
	 
			.menu-horizontal ul li a {
				padding-top: 4px;
				display: block;
				color: #3b3b3b;
				text-decoration: none;
				position: relative;
				margin-top: -4px;
				font-size: 1em; }
	 
				.menu-horizontal ul li a:hover, .menu-horizontal ul li.active a { color: #076d93; }
	 
			.menu-horizontal ul li.active a { font-family: 'solomon_sans_boldbold'; }
	 
			.menu-horizontal ul li ul li a, .menu-horizontal ul li.active ul li a {
				font-family: 'solomon_sans_normalregular';
				font-weight: 100;
				font-size: 1.000em;
				display: block;
				width: 100%;
				color: #000;
				padding: 14px 0px; }
	 
			.menu-horizontal ul li.active a, .menu-horizontal ul li ul li a:hover {
				color: #076d93;
				font-weight: 100; }
	 
			.menu-horizontal ul li.active ul li.active a, .menu-horizontal ul li ul li.active a {
				background: #076d93;
				font-family: 'solomon_sans_boldbold';
				color: #FFF; }
	 
			.menu-horizontal ul li a span {
				display: block;
				padding: 22px; }
	 
			.menu-horizontal ul li ul {
				margin: 0px;
				padding: 0px;
				position: absolute;
				left: 0px;
				width: 100%;
				border: 0px 1px 1px 1px solid #eaeaea; }
	 
				.menu-horizontal ul li ul li {
					float: none;
					padding: 0px;
					text-align: center;
					line-height: 2em;
					display: block; }
	 
					.menu-horizontal ul li ul li a:hover, .menu-horizontal ul li ul li.active a { color: #076d93; }
	 
					.menu-horizontal ul li ul li a.actif {
						color: #FFFFFF;
						background: #0a80ac; }
	        .menu-horizontal ul li a span.box-color{ padding:0; display:none;}
			.menu-horizontal ul li a:hover span.box-color, .menu-horizontal ul li.active a span.box-color {
				background: #076d93;
				height: 4px;
				width: 100%;
				position: absolute;
				top: 0px;
				left: 0px;
				display:block; }
	  
/* ==========================================================================
   Menu vertical
   ========================================================================== */
   
	 .menu-vertical {
		border: 1px solid #e7e7e7;
		width: 30%;
		margin-right: 5%;
		float: left; }
	 
	.content-menu article {
		width: 60%;
		float: left; }
	 
	.menu-vertical ul {
		margin-top: 0px;
		margin-bottom: 0px;
		padding-left: 0; }
	 
		.menu-vertical ul li { border-bottom: 1px solid #e7e7e7; }
	 
			.menu-vertical ul li:last-child { border-bottom: none; }
	 
		.menu-vertical ul li, .menu-vertical ul li.active {
			background: none;
			padding: 0px; }
	 
		.menu-vertical ul li a {
			color: #3b3b3b;
			font-family: 'solomon_sans_semiboldregular';
			text-decoration: none;
			font-size: 1.154em;
			padding: 10px;
			display: block;
			background: #FFF;
			border-bottom: 1px solid #eaeaea; }
	 
			.menu-vertical ul li a:hover { color: #076d93; }
	 
		.menu-vertical ul li ul li.active a {
			background: #0a80ac;
			color: #FFFFFF; }
	 
		.menu-vertical ul li ul {
			padding: 0px;
			margin: 0px; }
	 
			.menu-vertical ul li ul li { border: none; }
	 
				.menu-vertical ul li ul li a {
					font-family: 'solomon_sans_normalregular';
					font-size: 1.000em;
					border-bottom: none; }
   
/* ==========================================================================
   Pagination
   ========================================================================== */
	.premier:link, .precedent:link, .suivant:link, .dernier:link {
		display: block;
		width: 30px;
		height: 30px;
		text-indent: -999999px; }
	 
	.pagination li, .pagination-interne li, .pagination-container li {
		display: inline-block;
		background: none;
		padding: 0px;
		margin-right: 0.5em;
		vertical-align: middle;
		font-size: 1.063em; }
	 
	/*Premier*/
	.premier:link { background: url(../img/premier.png) no-repeat; }
	 
	.premier:hover { background: url(../img/premier-hover.png) no-repeat; }
	 
	.premier:active { background: url(../img/premier-active.png) no-repeat; }
	 
	/*Précédent*/
	.precedent:link { background: url(../img/precedent.png) no-repeat; }
	 
	.precedent:hover { background: url(../img/precedent-hover.png) no-repeat; }
	 
	.precedent:active { background: url(../img/precedent-active.png) no-repeat; }
	 
	/*Suivant*/
	.suivant:link { background: url(../img/suivant.png) no-repeat; }
	 
	.suivant:hover { background: url(../img/suivant-hover.png) no-repeat; }
	 
	.suivant:active { background: url(../img/suivant-active.png) no-repeat; }
	 
	/*Dernier*/
	.dernier:link { background: url(../img/dernier.png) no-repeat; }
	 
	.dernier:hover { background: url(../img/dernier-hover.png) no-repeat; }
	 
	.dernier:active { background: url(../img/dernier-active.png) no-repeat; }
	 
	.pagination-interne, .pagination-container { float: right; }
	 
		.pagination-interne li, .pagination-container li {
			font-size: 0.875em;
			vertical-align: top; }
	 
			.pagination-interne li a, .pagination-container li a { color: #000; }
	 
				.pagination-interne li a.active, .pagination-container li a.active{ font-family: 'solomon_sans_boldbold'; }
	 
		.pagination-interne img, .pagination-container img {
			display: inline-block;
			margin-right: 0.5em; }
/* ==========================================================================
   Moteur de recherche
   ========================================================================== */	
	.search {
		background: url(../img/blur.png) repeat-x;
		padding: 12px 12px;
		width: auto;
		margin: 2% 0px; }
	 
	.search-form {
		width: 100%;
		display: table; }
	 
		.search-form div {
			display: table-cell;
			width: 100%; }
	 
	.input-search {
		background: #FFF;
		margin: 0px;
		padding: 8px 0px;
		border: 1px solid #e5e5e5;
		width: 100%; }
	 
	.btn-search {
		background: url(../img/btn-search.png) no-repeat;
		text-indent: -999999px;
		width: 33px;
		height: 33px;
		border: none; }
	 
	/*Le jquery de ça*/
	.sb-search {
		position: relative;
		width: 0%;
		min-width: 68px;
		height: 2.1em;
		float: right;
		overflow: hidden;
		-webkit-transition: width 0.3s;
		-moz-transition: width 0.3s;
		transition: width 0.3s;
		-webkit-backface-visibility: hidden; }
	 
	.sb-search-input {
		position: absolute;
		top: 0;
		right: 0;
		border: none;
		outline: none;
		background: #fff;
		width: 100%;
		height: 2em;
		margin: 0;
		z-index: 10;
		color: #2c3e50;
		border: 1px solid #e5e5e5; }
	 
	.sb-icon-search,
	.sb-search-submit {
		width: 68px;
		height: 2.1em;
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		padding: 0;
		margin: 0;
		line-height: 2.1em;
		text-align: center;
		cursor: pointer; }
	 
	.sb-search-submit {
		background: none;
		opacity: 0;
		color: transparent;
		border: none;
		outline: none;
		z-index: -1; }
	 
	.sb-icon-search {
		color: #fff;
		background: none;
		height: 33px;
		width: 68px;
		z-index: 90; }
	 
	/* Open state */
	.sb-search.sb-search-open,
	.no-js .sb-search { width: 100%; }
	 
	.sb-search.sb-search-open .sb-icon-search,
	.no-js .sb-search .sb-icon-search {
		color: #fff;
		z-index: 11; }
	 
	.sb-search.sb-search-open .sb-search-submit,
	.no-js .sb-search .sb-search-submit { z-index: 90; }

/* ==========================================================================
   Formulaires
   ========================================================================== */	  
	label {
		font-size: 0.938em;
		margin-right: 0.2em; }
	 
	.ffTextBoxWrapper,
		.ffPasswordWrapper,
		.ffCheckboxWrapper,
		.ffRadioWrapper,
		.ffTextAreaWrapper,
		.ffSubmitWrapper,
		.ffResetWrapper,
		.ffButtonWrapper {
		display: inline-block;
		zoom: 1;
		*display: inline;
		margin: 5px 0; }
	 
	.ffSelectWrapper {
		display: inline-block;
		zoom: 1;
		margin: 5px 0; }
	 
	.ffTextBoxLeft, .ffTextBoxRight,
		.ffPasswordLeft, .ffPasswordRight,
		.ffCheckbox, .ffRadio, .ffSelectButton, .ffSelectButton span,
		.ffSelectMenuWrapper div.ffSelectMenuTop,
		.ffSelectMenuWrapper div.ffSelectMenuBottom,
		.ffSelectMenuWrapper > div > span,
		.ffTextAreaTop, .ffTextAreaTop span,
		.ffTextAreaBottom, .ffTextAreaBottom span,
		.ffSubmitWrapper a, .ffSubmitWrapper a span,
		.ffResetWrapper a, .ffResetWrapper a span,
		.ffButtonWrapper a, .ffButtonWrapper a span {
		background-image: url(../img/form/sprite.png);
		background-repeat: no-repeat; }
	 
	/* text box */
	.ffTextBoxRight, .ffPasswordRight {
		background-position: right -6px;
		padding-right: 17px; }
	 
	.ffTextBoxLeft, .ffPasswordLeft {
		background-position: 0 -6px;
		padding: 0 17px 0 10px; }
	 
	.ffTextBoxLeft input, .ffPasswordLeft input {
		border: 0;
		height: 2em;
		background-color: transparent;
		margin-top: 6px9;
		height: 22px9; }
	 
	.ffTextBoxRight:hover,
		.ffPasswordRight:hover { background-position: right -6px; }
	 
	.ffTextBoxLeft:hover,
		.ffPasswordLeft:hover { background-position: 0 -6px; }
	 
	.focus .ffTextBoxRight,
		.focus .ffPasswordRight { background-position: right -6px; }
	 
	.focus .ffTextBoxLeft,
		.focus .ffPasswordLeft { background-position: 0 -6px; }
	 
	.ffTextBoxWrapper.disabled .ffTextBoxRight,
		.ffPasswordWrapper.disabled .ffPasswordRight { background-position: right -6px; }
	 
	.ffTextBoxWrapper.disabled .ffTextBoxLeft,
		.ffPasswordWrapper.disabled .ffPasswordLeft {
		background-position: 0 -96px;
		color: #999; }
	 
	/* checkbox */
	.ffCheckboxWrapper a {
		text-decoration: none;
		color: #6F6F6F;
		position: relative;
		top: 1px;
		font-size: 0.938em;
		padding-left: 5px;
		margin-right: 10px; }
	 
	.ffCheckboxWrapper.on a { color: #076d93; }
	 
	.ffCheckbox {
		width: 26px;
		height: 24px;
		float: left;
		background-position: -32px -176px;
		cursor: pointer; }
	 
	.ffCheckboxWrapper:hover a, .ffCeckboxWrapper.focus a { color: #076d93; }
	 
	.ffCheckboxWrapper:hover .ffCheckbox, .ffCeckboxWrapper.focus .ffCheckbox { background-position: -63px -176px; }
	 
	.ffCheckboxWrapper.on .ffCheckbox { background-position: -96px -176px; }
	 
	.ffCheckboxWrapper.on:hover .ffCheckbox, .ffCeckboxWrapper.on.focus .ffCheckbox { background-position: -135px -176px; }
	 
	.ffCheckboxWrapper.disabled .ffCheckbox { background-position: -167px -176px; }
	 
	.ffCheckboxWrapper.on.disabled .ffCheckbox { background-position: -167px -176px; }
	 
	.ffCheckboxWrapper.disabled a, .ffCeckboxWrapper.disabled:hover a, .ffCeckboxWrapper.disabled.focus a { color: #999; }
	 
	/* radio */
	.ffRadioWrapper a {
		text-decoration: none;
		color: #555;
		position: relative;
		top: 1px;
		padding-left: 5px;
		margin-right: 10px; }
	 
	.ffRadio {
		width: 22px;
		height: 22px;
		float: left;
		background-position: -31px -214px;
		cursor: pointer; }
	 
	.ffRadioWrapper:hover a, .ffRadioWrapper.focus a { color: #4e4e4e; }
	 
	.ffRadioWrapper:hover .ffRadio, .ffRadioWrapper.focus .ffRadio { background-position: -63px -214px; }
	 
	.ffRadioWrapper.on .ffRadio { background-position: -95px -215px; }
	 
	.ffRadioWrapper.on:hover .ffRadio, .ffRadioWrapper.on.focus .ffRadio { background-position: -135px -215px; }
	 
	.ffRadioWrapper.disabled .ffRadio { background-position: -167px -214px; }
	 
	.ffRadioWrapper.on.disabled .ffRadio { background-position: -167px -214px; }
	 
	.ffRadioWrapper.disabled a, .ffRadioWrapper.disabled:hover a, .ffRadioWrapper.disabled.focus a { color: #999; }
	 
	/* selectbox */
	.ffSelectWrapper {
		width: auto;
		*clear: both; }
	 
	.ffSelect { position: relative; }
	 
		.ffSelect > a {
			background-position: right -128px;
			display: block;
			text-decoration: none;
			outline: 0;
			cursor: default; }
	 
			.ffSelect > a > span {
				display: block;
				height: 2.25em;
				width:150px;
				margin-right: 40px;
				padding-left: 10px;
				background-position: 0 -6px;
				overflow: hidden;
				line-height: 2.3em;
				font-size: 0.875em;
				color: #555;
				white-space: nowrap;
				*white-space: normal;
				text-overflow: ellipsis; }
	 
		.ffSelect:hover > a, .ffSelectWrapper.focus .ffSelect > a { background-position: right -167px; }
	 
		.ffSelect:hover > a > span, .ffSelectWrapper.focus .ffSelect > a > span { background-position: 0 -6px; }
	 
	.ffSelectWrapper.active  .ffSelect> a {
		background-position: right -167px;
		z-index: 1005;
		position: relative; }
	 
	.ffSelectWrapper.active  .ffSelect > a > span { background-position: 0 -6px; }
	 
	.ffSelectWrapper.disabled .ffSelect > a { background-position: right -128px; }
	 
		.ffSelectWrapper.disabled .ffSelect > a > span {
			background-position: 0 -6px;
			color: #999; }
	 
	.ffSelectMenuWrapper { width: 100%; }
	 
		.ffSelectMenuWrapper .ffSelectMenuMidBG ul {
			list-style-type: none;
			margin: 0 0;
			padding: 0; }
	 
		.ffSelectMenuWrapper .ffSelectMenuMidBG li {
			padding: 5px;
			cursor: default;
			background: #fff; }
	 
			.ffSelectMenuWrapper .ffSelectMenuMidBG li SPAN { font-size: 1em; }
	 
			.ffSelectMenuWrapper .ffSelectMenuMidBG li.disabled SPAN { color: #888; }
	 
			.ffSelectMenuWrapper .ffSelectMenuMidBG li.on {
				background: #0a80ac;
				color: #FFFFFF; }
	 
	.ffSelectMenuWrapper {  }
	 
	.ffSelectMenuMidBG {
		background: url(../img/form/sides.png) repeat-y right 0;
		border-top: 1px solid #e5e5e5;
		border-bottom: 1px solid #e5e5e5; }
	 
	.ffSelectMenuMid {
		max-height: 200px;
		overflow: auto;
		background: url(../img/form/sides.png) repeat-y 0 0;
		padding-left: 4px;
		margin-right: 4px; }
	 
	.scrollingBarWrapper {
		width: 24px;
		height: 200px;
		background: url(../img/form/scrollingBarBg.png) no-repeat;
		right: 3px!important; }
	 
	.scrollingHandle {
		width: 24px;
		padding-top: 20px;
		background: url(../img/form/scrollingHandleTop.png) no-repeat 0 0; }
	 
	.scrollingHandleBottom { width:24px;background: url(../img/form/scrollingHandleBottom.png) no-repeat 0px bottom }
	 
	/* textarea */
	.ffTextAreaWrapper {
		max-height: 139px;
		width: 100%;
		max-width: 545px; }
	 
		.ffTextAreaWrapper textarea {
			border: 0;
			padding: 8px;
			marign: 0;
			font-size: 0.938em;
			background: #fcfcfc;
			resize: none;
			border: 1px solid #e5e5e5;
			width: 100%;
			max-width: 545px;
			height: 100%;
			min-height: 105px; }
	 
	input[type="text"], input[type="password"], textarea, select {
		outline: none;
		font-size: 0.938em;
		font-family: 'solomon_sans_bookregular'; }
	 
	/* remove webkit yellow border */
	select.mobileSelect {
		opacity: 0;
		filter: alpha(opacity=0);
		position: absolute;
		top: 0;
		display: block; }
	 
	::-webkit-input-placeholder {
		font-size: 0.875em;
		color: #555;
		font-family: 'solomon_sans_bookregular'; }
	 
	::-moz-placeholder {
		font-size: 0.875em;
		color: #555;
		font-family: 'solomon_sans_bookregular'; }
	 
	/* firefox 19+ */
	:-ms-input-placeholder {
		font-size: 0.875em;
		color: #555;
		font-family: 'solomon_sans_bookregular'; }
	 
	/* ie */
	input:-moz-placeholder {
		font-size: 0.875em;
		color: #555;
		font-family: 'solomon_sans_bookregular'; }
	
	
	.moteur-recherche input::-webkit-input-placeholder {
		color: #747373;
		 }
	 
	.moteur-recherche input::-moz-placeholder {
		color: #747373;}
	 
	/* firefox 19+ */
	.moteur-recherche input:-ms-input-placeholder {
		color: #747373; }
	 
	/* ie */
	.moteur-recherche input:-moz-placeholder {
		color: #747373; }
/* ==========================================================================
   Gestion des images
   ========================================================================== */ 
	img.alignr, img.alignl { margin-bottom: 15px; }
	 
	img.alignl {
		float: left;
		margin-right: 15px; }
	 
	img.alignr {
		float: right;
		margin-left: 15px; }
 /* ==========================================================================
   Composant youtube
   ========================================================================== */	
   
   /*iframe {
	width:100%;
	height:300px;
    position:relative;
    z-index:750; }*/
   
/* ==========================================================================
   FIN DES SHORTCODES
   ========================================================================== */	

/* ==========================================================================
   Section interne
   Actualités
   Employés
   Services
   Chef de poste
   Nous joindre
   ========================================================================== */ 
	/*Entête des sections iternes*/

	header.interne h2.titre-agenda {
	    -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-right: 1px solid black;
        margin-right: 0.5em;
        padding: 0 0.5em 0 0;
        line-height: 0.8em;
        font-size:1.7em;
        }
	
	header.interne .zone-tri{ 
	border-top: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
	padding-top : 0.5em;
	padding-bottom : 0.5em;
	}
	 
		header.interne h1, header.interne a.retour {
			display: inline-block;
			vertical-align: middle; }

		
		header.interne h1{ font-size:1.7em;}
	 
		header.interne .entete-recherche { width:70%; } /* 65% auparavant */
	 
		header.interne .entete-recherche, .moteur-recherche {
			display: inline-block;
			vertical-align: middle;
			margin-left: 1em; }
	 
		header.interne .entete-recherche  label, header.interne .entete-recherche  .ffSelectWrapper, header.interne .entete-recherche  .ffTextBoxWrapper , .moteur-recherche label, .moteur-recherche  .ffTextBoxWrapper , header.interne .entete-recherche  .ffCheckboxWrapper {
			display: inline-block;
			vertical-align: middle; }
		
		.moteur-recherche input {
		    background:#f0f0f0;
		    color:#b8b8b8;
		    border: 1px solid #d6d6d6;
		    vertical-align:middle;
		    display:inline-block;}
		
		.moteur-recherche input.btn-search {
		    background:url(../img/loupe-header.png) no-repeat center;
		    text-indent: -9999px;
		    border: none;}
	 
		header.interne .entete-recherche  .ffSelectWrapper { margin-right: 2%; }
	 
		header.interne h1 {
			border-right: 1px solid #000;
			margin-right: 0.5em;
			padding-right: 0.5em;
			line-height: 0.8em; }
			
		header.interne h2 {	
			border-right: 1px solid #000;
			margin-right: 0.5em;
			padding-right: 0.5em;
			line-height: 0.8em;
			font-size:1.42em;
			display: inline-block;
			vertical-align: middle;
		}
		
		header.interne h2.en-savoir-plus 	
		{
		    border-right:none;
		    color:#2961a9;
		}
	
/* ==========================================================================
   Actualités
   ========================================================================== */
	
	/*Coordonnées*/
	.coordonnees {
		background: #E9E9E9;
		padding: 2px 2%;
		font-size: 0.9em;
		margin: 0px;
		display: block;
		clear:both;
		 }
		
	.grille-section.actualites .coordonnees {
		width: 96%; }
	 
		.coordonnees .date, .coordonnees .nom {
			display: inline-block;
			padding-right: 1.5em;
			padding-left: 23px;
			vertical-align:middle; 
			margin: 0.5em 0;}
	 
		.coordonnees .date { background: url(../img/actualites/date.png) no-repeat left center; }
	 
		.coordonnees .nom { background: url(../img/actualites/prenomnom.png) no-repeat left center; }
	 
	.liste-employe .coordonnees { font-size: 1em; }
	 
	.coordonnees ul.reseau {
		text-align: right;
		display: inline-block;
		float:right;
		width:auto;
		margin: 0.5em 0; }
		
		.liste-employes .coordonnees ul.reseau 
		{
		display:table-cell;
		float:right;
		width: 30%;    
		}
	 
		.coordonnees ul.reseau li {
			background: none;
			padding: 0px;
			display: inline-block;
			margin-right: 11px;
			vertical-align:middle; }
	 
	/*Liste des actualités complètes*/
	.liste-actualite-complete li {
		background: #FFF;
		padding-left: 0px;
		clear: both;
		margin-bottom: 1em;
		position: relative;
		overflow: auto; }
		.liste-actualite-complete li ul.reseau li{
			margin-bottom:0px; }
	 
		.liste-actualite-complete li a:link, .liste-actualite-complete li a:visited, .liste-actualite-complete li a:link {
			text-decoration: none;
			color: #000;
			display:block; }
	 
		.liste-actualite-complete li a .desc {
			padding-right: 30px;
			padding-bottom: 1em;
			clear: both;
			font-size:1em;
			overflow: auto;
			display: block; }
			
	    .liste-actualite-complete li a { 
			padding:0.5em 0 0.5em 0;
			
			}
			
		.liste-actualite-complete li a:hover { 
			background: url(../img/actualites/actualite-hover.png) no-repeat right center;
			
			}
		
	 
		.liste-actualite-complete li h2, .liste-actualite-complete li span.titre {
			margin: 0;
			line-height: 1.2em;
			font-size: 1.25em;
			display:block;
			padding-right: 25px;}
	 	 
	    /* Ajouté MB */
        .liste-actualite-complete li .actu-picture-mask-aclp{    
            visibility:hidden;
            position:relative;
            overflow:hidden;
			float: left;
						
			width: 24%;
            max-width: 220px;
			height:156px;
        }	 
	 
	        .liste-actualite-complete li .actu-picture-mask-aclp img
	        {
	            position:absolute;
	        }
	 
	    
	    
	    
	    /* Fin ajout */
	 
		.liste-actualite-complete li div.detail {
			float: left;
			width: 76%;
			padding:10px 0 0 0;
			background: url(../img/border-slider-content.png) repeat-x bottom;
		}
		
		.liste-actualite-complete li div.detail h2, .liste-actualite-complete li div.detail span.titre, .liste-actualite-complete li div.detail .desc {
			display:block;
        }
				
		.liste-actualite-complete li div.detail .desc{padding: 0.8em 0;}
		 
		.liste-actualite-complete li div div.coordonnees {
			width: 96%;
			margin-left: 0px; }
			
		.liste-actualite-complete li div.coordonnees ul li img { width: auto; }
	 
	/*Pied de page de la liste complète des actualités*/
	footer.actualite { 
		border-bottom: 1px solid #d6d6d6; 
		border-top: 1px solid #d6d6d6;}
	 
	/*Liste des actualités (droite)*/
	.liste-actualite { padding: 0px 25px; }
	 
		.liste-actualite ul { margin: 0px; }
	 
			.liste-actualite ul li {
				border-bottom: 1px solid #eaeaea;
				padding-bottom: 1em;
				}
	 
			.liste-actualite ul li, .liste-evenements  ul li{
				background: #FFF;
				padding-left: 0px;
				margin-bottom: 1em; }
				
			.liste-actualite ul li:last-child { border-bottom: none; }
	 
			.liste-actualite ul li a img, .liste-actualite ul li a span {
				display: inline-block;
				vertical-align: top; }
	        
	        /* Modif Mikael */	 
            .liste-actualite ul li a .actu-picture-mask-acd-mini{    
                visibility:hidden;
                position:relative;
                overflow:hidden;
		        float: left;								
                width:43px;
			    height:43px;
            }	 	 
	            .liste-actualite ul li a .actu-picture-mask-acd-mini img
	            {
	                position:absolute;
	            }
	 
	 
			.liste-actualite ul li a span.acd-titre-mini {
				width: 75%;
				padding-left: 5%;
				font-size: 1em;
				color: #5c5c5c; }
	 
			.liste-actualite ul li a:hover span.acd-titre-mini {
				color: #076d93;
				text-decoration: underline; }
				
	    .liste-actualite h2 { font-size:1.5em;}
	    
		.liste-actualite h2:first-child { margin-top: 0px; }
		
	 
	/*Tags*/
	.tag li {
		margin-left: 12px;
		border-top: 1px solid #e5e5e5;
		border-bottom: 1px solid #e5e5e5;
		border-right: 1px solid #e5e5e5;
		position: relative;
		background: none;
		min-height: 36px;
		line-height: 36px;
		padding-left: 12px;
		padding-right: 12px;
		margin-right: 0.5em;
		float: left;
		font-size: 1em; }
	 
		.tag li span {
			background: url(../img/actualites/tag.png) no-repeat left center;
			display: block;
			position: absolute;
			left: -12px;
			top: 0px;
			width: 12px;
			height: 36px; }
 

/* =================================== */
.cnt-data-pager
{
    border:1px solid #eeeeee;
    background-color:#fff;
    margin:10px 0px 10px 0px;
    padding:2px;
    width:auto;  /*était à 150px;*/
    float:right;
}

    /* Previous Button*/
    .cnt-data-pager .btn-data-pager-prev
    {
        display:block;        
        float:left;
        text-align: center;
        width:20px;
        border:1px solid #d6d6d6;
        color:#fff;
        background-color:#646464;
        cursor:pointer;
    }
    .cnt-data-pager .btn-data-pager-prev:hover
    {
        text-decoration:none;
        background-color:#076d93;
        color:#fff;        
    }

    /*   Current page label */
    .cnt-data-pager .lbl-data-pager-current-page
    {
        display:block;                
        float:left;
        text-align: center;
        width: 106px;        
    }

    /*   Next Button */
    .cnt-data-pager .btn-data-pager-next
    {
        display:block;        
        float:left;
        text-align: center;
        width:20px;
        border:1px solid #d6d6d6;
        color:#fff;
        background-color:#646464;
        cursor:pointer;
    }
    .cnt-data-pager .btn-data-pager-next:hover
    {
        text-decoration:none;
        background-color:#076d93;
        color:#fff;
    }
    
    /* btn disabled*/
    .cnt-data-pager .disabled
    {
        border:1px solid #d6d6d6;
        color:#d6d6d6;
        background-color:#e6e6e6;        
    }
    .cnt-data-pager .disabled:hover
    {
        border:1px solid #d6d6d6;
        color:#d6d6d6;
        background-color:#e6e6e6;
        cursor:default;
    }

/* ==========================================================================
   Employés
   ========================================================================== */
 
    .liste-employes{margin-bottom:1em;}
	.liste-employes  .collapes-content, .chef  .collapes-content { padding-top: 15px; }
 
	.liste-employes .collapes-content .collapes-titre, .liste-employes .collapes-content-open .collapes-titre-open { display: table; }
	 
	.liste-employes  .collapes-content .collapes-titre a, .chef  .collapes-content-open .collapes-titre-open div.fiche-chef { overflow: auto; }
	 
	.liste-employes .collapes-content .collapes-titre  span.nom, .liste-employes .collapes-content-open .collapes-titre-open span.nom, .chef .collapes-content-open .collapes-titre-open div.fiche-chef span.nom, .liste-employes .collapes-content .collapes-titre a h2, .chef .collapes-content-open .collapes-titre-open div.fiche-chef h2 {
		font-family: 'solomon_sans_normalregular';
		background: url(../img/employes/icon-nom.png) no-repeat top left;
		padding-left: 32px;
		font-size: 1em;
		margin: 1em 0em 0em 0em;
		color:#000;
		display:block;}
		
	.liste-employes .collapes-content-open .collapes-titre-open span.nom{ font-size: 1.2em;}
	 
	.liste-employes .collapes-content-open .collapes-titre-open span.fonction ,.liste-employes .collapes-content .collapes-titre span.fonction, .chef .collapes-content-open .collapes-titre-open div.fiche-chef span.fonction, .liste-employes .collapes-content .collapes-titre a h3, .chef .collapes-content-open .collapes-titre-open div.fiche-chef h3 {
		font-size: 0.7em;
		padding: 0 10px 0 32px;
		margin: 0.5em 0em 0em 0em;
		color:#000;
		display:block; }
		
	 
	.liste-employes .collapes-content , .chef .collapes-content-open {
		padding: 0px;
		margin: 0px; }
	 
	.liste-employes .collapes-content .collapes-titre a, .chef .collapes-content-open .collapes-titre-open a {
		display: table-cell;
		padding: 0px; }
	 
	 .liste-employes .collapes-content .collapes-titre .info{ font-size:1.2em;}
	 
	.liste-employes .collapes-content .collapes-titre .info a {
		width: 100%;
		display: block;
		font-size:1em;
		 }
	 
	.liste-employes .collapes-content .collapes-titre .info ul.reseau li a { background: none; }
	 
	.liste-employes .collapes-content .collapes-titre .info, .liste-employes .collapes-content .collapes-titre img, .chef .collapes-content-open .collapes-titre-open .info, .chef .collapes-content-open .collapes-titre-open img {
		display: table-cell;
		vertical-align: bottom; }
	 
	.chef .collapes-content-open .collapes-titre-open .info { padding: 2.4% 0% 0 0%; }
	
	
	 
	.liste-employes .collapes-content .collapes-titre .info, .chef .collapes-content-open .collapes-titre-open .info  
	{
	    width: 100%;
	    }
	    
	.chef .liste-employes .collapes-content-open .collapes-titre-open .info .coordonnees {/*width: auto;*/}
	 
	.liste-employes .collapes-content .collapes-titre .info hgroup { padding: 0 0 0 3%; }
	
	.liste-employes .collapes-content .collapes-titre .info div { overflow: auto;}
	
	.chef .collapes-content-open .collapes-titre-open .info hgroup { padding: 0 0 1.4em 3%; }
	 
	.liste-employes .collapes-content .collapes-titre hgroup, .liste-employes .collapes-content .collapes-titre p.details, .chef .collapes-content-open .collapes-titre-open hgroup, .chef .collapes-content-open .collapes-titre-open p.details {
		float: left;
		width: 48%; }
	 
	.liste-employes .collapes-content .collapes-titre .details, .chef .collapes-content-open .collapes-titre-open .details {
		margin: 1em 0;
		font-size: 0.737em;
		float:left;		}
	 
	.liste-employes .collapes-content .collapes-titre .details span, .chef .collapes-content-open .collapes-titre-open .details span {
		display: block;
		font-size: 0.9em;
		margin-left: 0px;
		padding-bottom: 0em;
		padding-top: 0.5em;
		color: #000; }
	 
	 .chef .collapes-content-open .collapes-titre-open .details span {
		font-size: 1.1em; }
		
		
	.liste-employes .collapes-content .collapes-titre p.details span.tel , .chef .collapes-content-open .collapes-titre-open p.details span.tel {
		background-position: left 4px;
		color: #5c5c5c; }
	 
	.liste-employes .collapes-content .collapes-titre p.coordonnees , .chef .collapes-content-open .collapes-titre-open p.coordonnees { 
	    width: auto;
		clear: both; }
	 
	.collapes-content .collapses-text p,.liste-evenements .collapes-content .collapses-text p { font-size: 1em; }
	 
	header.interne .entete-recherche label.libelle-az {
		background: url(../img/employes/az.png) no-repeat;
		text-indent: -999999px;
		width: 21px;
		height: 23px; }
    
/* ==========================================================================
   Évènements (Activités)
   ========================================================================== */
    
    section.liste-evenements
    {   
        width:80%;
    }
    
    section.liste-evenements-open
    {
        width:100%;    
    }
    
	.liste-evenements .collapes-content .collapes-titre a  {
	    padding: 0px;
	    background: none; }

/*MB20140520*/	
	.liste-evenements .collapes-content .collapes-titre a:hover  {
	    background: url(../img/actualites/actualite-hover.png) 78% 50% no-repeat;
	}
	    
	.liste-evenements-open .collapes-content .collapes-titre a:hover  {
	    background: none;}
	    
	    
	 
	.liste-evenements  .collapes-content .collapes-titre span.titre {
		margin-top: 0em;
		line-height: 1.2em;
		font-size: 1.125em;
		display:block; }
	 
	.liste-evenements .collapes-content { padding: 0px; }
	 
	.liste-evenements .event div.detail, .event-marker-info div.detail {
		display: table-cell;
		padding: 0 2%;
		margin: 0px;
		vertical-align: middle;
		width:80%;
    }
	.liste-evenements-open div.zone-date  {
		font-size:1.188em;
			}
	 
		.liste-evenements .event div.detail span, .event-marker-info div.detail div {
			padding-bottom: 0px;
			margin-bottom: 0.5em;
			line-height: 1.2em; /* originalement 1em; */
			color: #333333;
			font-size: 0.750em;
			display:block;
			padding:0px;
			width:90%; }
	 
			.liste-evenements .event div.detail .emplacement, .zone-detail-activite .emplacement {
				padding-left: 20px;
				background: url(../img/pointer.png) no-repeat; }
	 
			.liste-evenements .event div.detail .periode, .zone-detail-activite .periode {
				padding-left: 20px;
				background: url(../img/actualites/date.png) no-repeat; }
	 
	.liste-evenements .event div.thumbnail {
		display: block;
	}	
	 
	.liste-evenements .zone-date {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		background: none; }
	 
	.liste-evenements .tag li {
		margin-bottom: 0px;
		font-size: 1.1em; }
	
	#google-map{position:static!important; z-index: 1;}	
	 #liste-evenements-carte {
	            padding:0;
	            margin:0;
	            background:none;
	            }
	         
   	#liste-evenements-carte li {
				background: #FFF;
				padding-left: 0px;
				margin-bottom:0.3em;}
    
    #liste-evenements-carte li a, #liste-evenements-carte li a:link, #liste-evenements-carte li a:visited, #liste-evenements-carte li a:hover, #liste-evenements-carte li a:active {
				color: #333333;
				text-decoration: none;}
				
	#liste-evenements-carte li a:hover div span.titre{ text-decoration:underline;}

.zone-liste-carte {
	            position:absolute; 
	            top:122px;
	            right:12.5%;
	            width:300px;}
	            
.zone-liste-carte .next{
	            background: url(../img/prochaines-activites.jpg) no-repeat right #0196c9;
			    color:#FFF;
	            padding: 5px 45px 5px 5px;
	            display:inline-block;
	            margin-left:10px;
	            -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
                -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
                box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);}
	            
.zone-liste-carte .current{
	            background: #FFF;
	            padding: 5px;
	            display:inline-block;
	            -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
                -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
                box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);}

.zone-liste-carte .current.next{
	            display:none;}
                
.infoBox {
            -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
            -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
            box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
            background: #FFF;
            color: #5c5c5c;
            font-size: 12px;
           
            }
            .zone-lien-carte
            {
                display:block;
                background: url(../img/pointe.png) no-repeat;
                height:53px;
                width:27px;
                position:absolute;
                left:-26px;
                top:50%;
                margin-top:-27px;
                font-family: 'solomon_sans_bookregular';
                
               }
           
           .zone-detail-activite p.tel a, .zone-detail-activite p.mail a, .zone-detail-activite a.lien-chevron.lien-itineraire {
               float:none;}
               
            .zone-detail-activite a.lien-chevron.lien-itineraire {
               margin-left:5%;}
        
               
           .zone-detail-activite p, .zone-detail-activite h3, .zone-detail-activite .tag{ margin: 0.5em 5%; color:#5c5c5c;}
           
           .zone-detail-activite p{ font-size: 1em;}
           
           .zone-detail-activite .tag{ padding-top:10px;}
           
           .zone-detail-activite h3{ font-size : 1.2em; }
           
           .zone-detail-activite.joindre h3{ font-size : 1.5em; }
           
           .zone-detail-activite a, .zone-detail-activite a:link, .zone-detail-activite a:visited, .zone-detail-activite a:hover, .zone-detail-activite a:active
           {
               margin-top:10px;
               float:right;}
           
            .zone-detail-activite ul.reseau{
                margin:0 0 0.5em 0;
                }
                
            .zone-detail-activite ul.reseau li{
                margin-left: 0.2em;
                display:inline-block;
                background:none;
                }
           .zone-detail-activite ul.reseau li a {
               display:block;
               text-indent:-99999px;
               float:none;}
               
           ul.reseau li a {
               display:block;
               text-indent:-99999px;
               font-size:0;
               }  
           
           ul.reseau li a.Facebook{
               background:url(../img/actualites/facebook.png) no-repeat;
               width:10px;
               height:17px;
               }
           ul.reseau li a.Facebook:hover{
               background:url(../img/actualites/facebook-hover.png) no-repeat;
               }
           
           ul.reseau li a.Twitter{
               background:url(../img/actualites/twitter.png) no-repeat;
               width:20px;
               height:18px;
               }
               
           ul.reseau li a.Twitter:hover{
               background:url(../img/actualites/twitter-hover.png) no-repeat;
               }
               
           ul.reseau li a.Instagram{
               background:url(../img/actualites/instagram.png) no-repeat;
               width:21px;
               height:21px;
               }
               
           ul.reseau li a.Instagram:hover{
               background:url(../img/actualites/instagram-hover.png) no-repeat;
               }
               
               
           ul.reseau li a.LinkedIn{
               background:url(../img/actualites/in.png) no-repeat;
               width:20px;
               height:20px;
               }
               
           ul.reseau li a.LinkedIn:hover{
               background:url(../img/actualites/in-hover.png) no-repeat;
               }
               
           ul.reseau li a.YouTube{
               background:url(../img/actualites/youtube.png) no-repeat;
               width:22px;
               height:16px;
               }
               
           ul.reseau li a.YouTube:hover{
               background:url(../img/actualites/youtube-hover.png) no-repeat;
               }
           
           ul.reseau li a.Google{
               background:url(../img/actualites/google.png) no-repeat;
               width:23px;
               height:22px;
               }
               
           ul.reseau li a.Google:hover{
               background:url(../img/actualites/google-hover.png) no-repeat;
               }
               
           ul.reseau li a.Courriel{
               background:url(../img/actualites/courriel.png) no-repeat;
               width:21px;
               height:13px;
               }
               
           ul.reseau li a.Courriel:hover{
               background:url(../img/actualites/courriel-hover.png) no-repeat;
               }
               
           ul.reseau li a.RSS{
               background:url(../img/actualites/rss.png) no-repeat;
               width:24px;
               height:24px;
               }
               
           ul.reseau li a.RSS:hover{
               background:url(../img/actualites/rss-hover.png) no-repeat;
               }
               
           .titre-agenda, .tri-agenda, .entete-joindre
           {
               display:inline-block;
               margin:0; 
               vertical-align:middle;
               background-color: #FFFFFF;
               background-color: rgba(255, 255, 255, 0.8);
               -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
               -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
               box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
               padding:10px;}
               
           .entete-joindre .titre-agenda{
               background-color: transparent;
               -moz-box-shadow: none;
               -webkit-box-shadow: none;
               box-shadow: none;
               padding:0px;}
               
            .tri-agenda div, .tri-agenda label{
               display:inline-block;
               vertical-align:middle;
              }
           
        .entete-agenda, .entete-joindre{
            position: absolute;
            width: 75%;
            left: 12.5%;
            top: 30px; }
            
         .entete-joindre{
             background-color: rgba(255, 255, 255, 0.8);
             -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
             -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
             box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
             padding:10px;
             width: auto;
             }
             
            .entete-joindre a.retour, .entete-joindre h2 {
             display:inline-block;
             vertical-align:middle;}
	 
           
           .titre-agenda{margin-right: 1em;}
/* ==========================================================================
   Paragraphe grande taille
   ========================================================================== */	
	.gtaille {
		font-size:1.25em;/*1.3em;*/
		font-family: 'solomon_sans_bookregular';
		margin: 0.5em 0;		
		}
	
/* ==========================================================================
   Chapeau
   ========================================================================== */	
   .chapeau {
	   border-top: 1px solid #d6d6d6;
	   border-bottom: 1px solid #d6d6d6;
	   padding: 22px 0px;
	   font-size:1.063em; }
   
/* ==========================================================================
   Lien avec chevron
   ========================================================================== */
	.lien-chevron, .lien-chevron:hover {
		display:block;
		background:url(../img/fleche-droite-bleu.png) no-repeat left center; 
		padding-left:10px;
		color:#0196c9;
		text-decoration:none;
		font-size: 1em; }
	
	.lien-chevron:hover {
		text-decoration:underline; }
	
/* ==========================================================================
   Lien de retour
   ========================================================================== */
	/*Bouton de retour à la liste*/
	.retour:link {
		background:url(../img/retour.png) no-repeat left;
		display:block;
		padding-left:27px;
		text-decoration:none;
		font-size: 1em; }


	.retour:hover {
		background:url(../img/retour.png) no-repeat left;
		text-decoration:underline; }

	
/* ==========================================================================
   Butterfly (Plugin lightbox)
   ========================================================================== */
	#jb-overlay {
		background: #000;
		z-index: 999;
		position: fixed;
		top: 0;
		height: 100%;
		left: 0;
		width: 100%; }
 
	#jb-window {
		z-index: 1000;
		position: fixed;
		top: 0;
		height: 100%;
		left: 0;
		width: 100%; }
	 
	#jb-window-inner {
		background-color: #fff;
		color: #444;
		width: 50%;
		height: 50%;
		margin: auto;
		overflow: visible!important; /*position: relative;*/ }
	 
	#jb-loading {
		position: absolute; /* For semantic value, not to be seen */
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		padding: 0;
		margin: 0;
		line-height: 0;
		display: block;
		overflow: hidden; }
	 
	 
	#jb-window.loading #jb-window-inner {
		background-image: url(../img/actualites/slider/loading-black-on-white.gif);
		background-position: center center;
		background-repeat: no-repeat; }
	 
	/*.type-fragment #jb-window-content, */
	.type-ajax #jb-window-content { padding: 1em;  }
	 
	.type-media #jb-window-content { padding: 0;  border: 4px solid white; }
	.type-media #jb-window-content img { }
	 
	#jb-window-content:focus { outline: none; }
	 
	#jb-window-content .jb-caption {
		display: block;
		clear: both;
		margin: 0;
		position: absolute;
		bottom: 0;
		left: 0;
		background: #fff;
		width: 100%; }
	 
		#jb-window-content .jb-caption span {
			display: block;
			padding: .5em 1em; }
	 
	#jb-close-button img { border: none; }
	 
	#jb-window.error-no-content #jb-window-content {
		background: transparent url(../img/actualites/slider/alert-64.png) 15px center no-repeat;
		padding-left: 70px; }
	 
	/* Image replacement on gallery controls */
	#jb-gallery-next { background-position: right center; }
	 
	#jb-gallery-prev { background-position: left center; }
	 
	.type-iframe #jb-window-content iframe {
		border: none;
		background: transparent;
		padding: 0; }
	
 /* ==========================================================================
   Mobile particuliarités
   ========================================================================== */  
   
	.mask-mobile, .mask {
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
		background: #000;
		opacity: 0.5;
		z-index: 750;
		display: none; }
	 
	.mask { z-index: 850; }
	 
	.hamburger {
		float: left;
		width: 38%;
		display: none;
		height: 100%; }
	 
	.hamburger-content-menu { display: none; }
	 
	.hamburger a, .hamburger-content-menu a {
		display: block;
		background: url(../img/hamburger.png) no-repeat center center #FFF;
		text-indent: -999999px;
		width: 18px;
		height: 16px;
		padding: 22px 21px; }
	 
	.hamburger-content-menu a {
		float: left; /*float: right;*/
		padding: 0px; }
	 
	.hamburger a.active { background: url(../img/hamburger.png) no-repeat center center #eee; }
	 
	.drop-down-mobile, .menu-actualites { display: none; }
	 
/* ==========================================================================
   Helper classes
   ========================================================================== */

	/*
	 * Image replacement
	 */

	.ir {
		background-color: transparent;
		border: 0;
		overflow: hidden;
		/* IE 6/7 fallback */
		*text-indent: -9999px;
	}

	.ir:before {
		content: "";
		display: block;
		width: 0;
		height: 150%;
	}

	/*
	 * Hide from both screenreaders and browsers: h5bp.com/u
	 */

	.hidden {
		display: none !important;
		visibility: hidden;
	}

	/*
	 * Hide only visually, but have it available for screenreaders: h5bp.com/v
	 */

	.visuallyhidden {
		border: 0;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	/*
	 * Extends the .visuallyhidden class to allow the element to be focusable
	 * when navigated to via the keyboard: h5bp.com/p
	 */

	.visuallyhidden.focusable:active,
	.visuallyhidden.focusable:focus {
		clip: auto;
		height: auto;
		margin: 0;
		overflow: visible;
		position: static;
		width: auto;
	}

	/*
	 * Hide visually and from screenreaders, but maintain layout
	 */

	.invisible {
		visibility: hidden;
	}

	/*
	 * Clearfix: contain floats
	 *
	 * For modern browsers
	 * 1. The space content is one way to avoid an Opera bug when the
	 *    `contenteditable` attribute is included anywhere else in the document.
	 *    Otherwise it causes space to appear at the top and bottom of elements
	 *    that receive the `clearfix` class.
	 * 2. The use of `table` rather than `block` is only necessary if using
	 *    `:before` to contain the top-margins of child elements.
	 */

	.clearfix:before,
	.clearfix:after {
		content: " "; /* 1 */
		display: table; /* 2 */
	}

	.clearfix:after {
		clear: both;
	}

	/*
	 * For IE 6/7 only
	 * Include this rule to trigger hasLayout and contain floats.
	 */

	.clearfix {
		*zoom: 1;
	}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

	@media only screen and (min-width: 35em) {
		/* Style adjustments for viewports that meet the condition */
	}

	@media print,
		   (-o-min-device-pixel-ratio: 5/4),
		   (-webkit-min-device-pixel-ratio: 1.25),
		   (min-resolution: 120dpi) {
		/* Style adjustments for high resolution devices */
	}
	@media only screen and (min-width: 1001px) {
	   #header-theme section {
	   display:block!important; }
	   
	   .mask-mobile {
	   display:none!important; }

	}
	/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
	@media only screen and (max-width: 900px) {
		div.content, .footer-bloc, .horizontalTabBloc, section.meta, .header-theme, .header-theme .blur-menu, .footer-bloc ul{ 
		width: 100%; }
		
		.piv{display:none;}
		
		.piv a, .piv a img{width:150px;}

/* ==========================================================================
   Bloc
   ========================================================================== */	

		.bloc{
		padding: 1em 2%;
		margin: 0;
		min-height:auto;


		}
			.bloc .content {
			padding:0px; 
			margin: 1em 0;
			}
			
			.titre2-slide, h1.grille-section{
			    margin:0 auto;
                margin-bottom: 21px;
			    }

			    
			div.entete-slider-actualite {
			    width:96%;}
		

	

   
/* ==========================================================================
   Menu du mobile
   ========================================================================== */
	   #header-theme {
		background: #FFF!important;
		padding-top: 0px;
		margin-bottom:0px;
		position:relative!important; }
	 
		#header-theme section {
			width: 285px;
			position: absolute;
			display: none;
			}
	 
		/*Retire de l'affichage les menus absents*/
		.drop-theme, .header-theme .blur-menu, .drop-theme a.delegation-courante, .drop-theme a.lien-accueil, section.meta, .credits,.moteur-recherche, .drop-theme a.lien-accueil-hamburger, .drop-theme a.lien-accueil-maison { display: none; }
		 
		/*Délégation courante sans lien*/
		div.delegation-courante  {
		    display: inline-block;
		    margin-top:1em;
		    
		    }
		 
		/*Menu des langues*/
		
		.menu-langue ul { background: #FFFFFF;}
		    .menu-langue ul li { background: none; padding:0px;}
		        .menu-langue ul li a{ font-size:1.2em;
		                              color:#3B3B3B;
		                              }
		/*Menu des délégations*/

		.drop-theme, .drop-theme:hover {
			float: none;
			border-bottom: none;
			padding: 0px; }
		 
		.drop-theme .menu-delegation { position: static; }
		 
			.drop-theme .menu-delegation ul { width: 100%; }
		 
		.drop-theme ul.delegations li a, .dropdown li a { display: block; }
		 
		.drop-theme ul.delegations li a img { display: none; }
		 
		/*Drop down gris*/
		.drop-down-mobile ul { font-size: 0.750em; }
		 
		/*Menu thématique*/
		.theme ul { padding: 0px; }
		 
		.theme, .theme ul li {
			float: none;
			clear: both; }
		 
		.theme ul li a {
			clear: both;
			overflow: auto;
			text-transform: inherit; }
		 
		.theme ul li, .theme { width: 100%; }
		 
		/*box-color devient le + et le -*/
		.theme ul li .box-color {
			width: 38px;
			height: 38px;
			float: right;
			position: relative;
			border-left: 2px #FFF solid; }
		 
		.theme ul li .libelle { float: left; }
		 
		.theme ul li {
			display: block;
			line-height: 0; }
		 
			.theme ul li a {
				padding-bottom: 0px;
				border-top: 2px solid #FFF;
				padding-top:0px;}
		 
				.theme ul li a span.libelle {
					display: block;
					color: #FFF;
					font-family: 'solomon_sans_normalregular';
					padding: 11px 23px; }
						.theme ul li a span.libelle br {
							display: none; }
		 
					.theme ul li a span.libelle span {
						display: inline;
						font-family: 'solomon_sans_normalregular'; }
		
		/*Ajustement menu de la délégation*/
		.menu-delegation ul.delegations li.continent ul li a, .menu-delegation ul.delegations li.continent ul li a:link{ font-size:1.6em;}
		
		
		    
		
			/*Partenaire - Bleu*/
		.theme ul li.partenaire .box-color, .bleu h2.resp-accordion span.resp-arrow , .categorie li.commerce a.thematique span { background: url(../img/mobile/open-bleu.png) no-repeat center center; }
		 
			.theme ul li.partenaire.active .box-color, .bleu h2.resp-accordion.resp-tab-active span.resp-arrow , .categorie li.commerce a.thematique span.active { background: url(../img/mobile/close-bleu.png) no-repeat center center; }
		 
			.theme ul li.partenaire a, .bleu h2.resp-accordion {
				background-color: #095f9e;
				background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
				background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
				background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
				background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(0,0,0,0) 72%); }
		 
		 
		.categorie li div.back div div.bouton a:first-child span{ display:table-cell;}
		
		/*Tabs*/
		h2.resp-accordion {
			display: table;
			width: 100%;
			position: relative;
			min-height: 38px; }
		 
			h2.resp-accordion a:link, h2.resp-accordion a:visited, h2.resp-accordion a:hover, h2.resp-accordion a:active { color: #FFF; }
		 
			h2.resp-accordion a span {
				display: table-cell;
				
				float:left;
				padding: 10px 23px;
				line-height: 1em; 
				color: #FFF; }
				
		    h2.resp-accordion span.box-color {
				display: none; }
		 
			h2.resp-accordion img { display: none; }
		 
			h2.resp-accordion a.page-button-footer:link, h2.resp-accordion a.page-button-footer:visited  {
			    display:table;
			    height: auto;
			    width:100%; }
		 
		.menu h2.resp-accordion span { background: none; }
		 
		h2.resp-accordion span.resp-arrow {
			position: absolute;
			right: 0px;
			top: 0px;
			width: 38px;
			height: 38px;
			padding: 0px;
			border-left: 2px solid #FFF; }
		 
		section.horizontalTab { background: none; }
		 
		/*Vivre au Québec - Rouge*/
		.theme ul li.adn .box-color, .rouge h2.resp-accordion span.resp-arrow, .categorie li.adn a.thematique span { background: url(../img/mobile/open-rouge.png) no-repeat center center; }
		 
		.theme ul li.adn.active .box-color, .rouge h2.resp-accordion.resp-tab-active span.resp-arrow , .categorie li.adn a.thematique span.active { background: url(../img/mobile/close-rouge.png) no-repeat center center; }
		 
		.theme ul li.adn a, .rouge h2.resp-accordion {
			background-color: #8c1314;
			background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
			background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
			background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
			background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(0,0,0,0) 72%); }
		 
		/*Avenir - Jaune*/
		.theme ul li.avenir .box-color, .jaune h2.resp-accordion span.resp-arrow , .categorie li.etudier a.thematique span { background: url(../img/mobile/open-jaune.png) no-repeat center center; }
		 
		.theme ul li.avenir.active .box-color, .jaune h2.resp-accordion.resp-tab-active span.resp-arrow , .categorie li.etudier a.thematique span.active { background: url(../img/mobile/close-jaune.png) no-repeat center center; }
		 
		.theme ul li.avenir a, .jaune h2.resp-accordion {
			background-color: #ab660c;
			background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
			background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
			background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
			background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(0,0,0,0) 72%); }
		 
		/*Travail et immigration - Vert*/
		.theme ul li.reve .box-color, .vert  h2.resp-accordion span.resp-arrow, .categorie li.travail a.thematique span { background: url(../img/mobile/open-vert.png) no-repeat center center; }
		 
		.theme ul li.reve.active .box-color, .vert  h2.resp-accordion.resp-tab-active span.resp-arrow, .categorie li.travail a.thematique span.active { background: url(../img/mobile/close-vert.png) no-repeat center center; }
		 
		.theme ul li.reve a, .vert h2.resp-accordion {
			background-color: #4a842b;
			background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
			background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
			background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
			background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(0,0,0,0) 72%); }
		 
		/*Passion - Mauve*/
		.theme ul li.passion .box-color, .mauve  h2.resp-accordion span.resp-arrow, .categorie li.arts a.thematique span { background: url(../img/mobile/open-mauve.png) no-repeat center center; }
		 
		.theme ul li.passion.active .box-color, .mauve  h2.resp-accordion.resp-tab-active span.resp-arrow, .categorie li.arts a.thematique span.active { background: url(../img/mobile/close-mauve.png) no-repeat center center; }
		 
		.theme ul li.passion a, .mauve h2.resp-accordion {
			background-color: #8b106d;
			background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
			background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
			background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
			background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(0,0,0,0) 72%); }
		 
		/*Tourisme Québec - Sarcelle*/
		.theme ul li.tq .box-color, .sarcelle  h2.resp-accordion span.resp-arrow, .categorie li.tourisme a.thematique span { background: url(../img/mobile/open-sarcelle.png) no-repeat center center; }
		 
		.theme ul li.tq.active .box-color, .sarcelle  h2.resp-accordion.resp-tab-active span.resp-arrow , .categorie li.tourisme a.thematique span.active { background: url(../img/mobile/close-sarcelle.png) no-repeat center center; }
		 
		.theme ul li.tq a, .sarcelle h2.resp-accordion {
			background-color: #128291;
			background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
			background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
			background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
			background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(0,0,0,0) 72%); }
		 
		.drop-down-mobile a.drop-down-lien {
			display: block;
			background-color: #5a5959;
			background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
			background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
			background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
			background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
			color: #FFF;
			position: relative;
			font-size: 0.875em;
			overflow: auto; }
		 
			.drop-down-mobile a.drop-down-lien.active {
				background-color: #5a5959;
				background-image: -webkit-linear-gradient(bottom, rgba(33,33,33,.6), rgba(63,63,63,.6));
				background-image: -moz-linear-gradient(bottom, rgba(33,33,33,.6), rgba(63,63,63,.6));
				background-image: -o-linear-gradient(bottom, rgba(33,33,33,.6), rgba(63,63,63,.6));
				background-image: linear-gradient(to top, rgba(33,33,33,.6), rgba(63,63,63,.6)); }
		 
			.drop-down-mobile a.drop-down-lien span.libelle {
				display: block;
				float: left;
				padding: 5px 23px; }
		 
			.drop-down-mobile a.drop-down-lien span.fleche {
				display: block;
				background: url(../img/mobile/fleche-langue.png) no-repeat;
				width: 30px;
				height: 30px;
				float: right; }
		 
		.drop-down-mobile, .menu-actualites { display: block; }
		 
		.menu-actualites ul { margin: 0px; }
		 
			.menu-actualites ul li {
				background: none;
				padding-left: 0px; }
		 
				.menu-actualites ul li a:link {
					padding: 10px 23px;
					background-color: #c7c5c5;
					background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
					background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
					background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
					background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(0,0,0,0) 72%);
					display: block;
					color: #000; }
		 
				.menu-actualites ul li a:visited { color: #000; }
		 
		.hamburger, .hamburger-content-menu {
			display: block;}
		
		.hamburger {
			margin-top:1em;}
			
	    .hamburger-content-menu {
			margin-bottom: 1em; }
 /*Boîte bleue*/
 
 .boite-bleu a:link, .boite-bleu a:visited, .boite-bleu a:hover, .boite-bleu a:active{display:table;}
 .boite-bleu a span, .boite-bleu a img {
		display: table-cell;
		vertical-align: middle;
	}
	 
	.boite-bleu a span {
		width: 100%;
		 }
    .boite-bleu a img {
		width:auto;
		}
 

/* ==========================================================================
   Menu de l'accueil
   ========================================================================== */	
		.box-1, .box-2, section.col1-accueil { width: 100%; }
	 
		.back, .vertical .back {
			position: relative;
			-webkit-transform: rotateX(0deg);
			-ms-transform: rotateX(0deg);
			transform: rotateX(0deg);
			backface-visibility: visible;
			-webkit-backface-visibility: visible;
			-moz-backface-visibility: visible;
			-ms-backface-visibility: visible;
			display: none;
			visibility:visible; }
		 
		.back h2, .vertical .back h2 { display: none; }
		
		.categorie li  {
		margin:1% 0;}
		
			.categorie li a.thematique {
				min-height: inherit;
				padding: 0px;
				font-size: 0.913em; }
			 
				.categorie li a.thematique span { 
				display: block;
				min-height: 36px;
				line-height: 36px;
				padding: 10px 3%; }
			
		 
		.categorie li.commerce a.thematique span, .categorie li.etudier a.thematique span, .categorie li.travail a.thematique span, .categorie li.adn a.thematique span, .categorie li.arts a.thematique span, .categorie li.tourisme a.thematique span, .categorie li.commerce a.thematique span.active, .categorie li.etudier a.thematique span.active, .categorie li.travail a.thematique span.active, .categorie li.adn a.thematique span.active, .categorie li.arts a.thematique span.active, .categorie li.tourisme a.thematique span.active {
			background-position: right center;
			box-shadow: none; }
		
		.categorie li a.thematique span.bg {
					display:table;
					width:100%;
					background:none!important;
					
					}
		 
		.categorie li div.back div div.bouton {
			display: block;
			position: relative; }
		 
			.categorie li div.back div div.bouton a {
				float: none;
				display: table;
				width: 100%;
				 }
		 
				.categorie li div.back div div.bouton a span {
					display: table-cell;
					width: 100%; }
		 
				.categorie li div.back div div.bouton a img {
					display: table-cell;
					width: 21px; }
		 
		.categorie li.adn div.back, .categorie li.adn, .theme ul li.adn ul li a {
			background-color: #8c1314;
			background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%)!important;
			background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%)!important;
			background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%)!important;
			background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(0,0,0,0) 72%)!important; }
		 
		.categorie li.commerce div.back, .categorie li.commerce, .theme ul li.partenaire ul li a {
			background-color: #095f9e;
			background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%)!important;
			background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%)!important;
			background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%)!important;
			background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(0,0,0,0) 72%)!important; }
		 
		.categorie li.etudier div.back, .categorie li.etudier, .theme ul li.avenir ul li a {
			background-color: #ab660c;
			background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%)!important;
			background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%)!important;
			background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%)!important;
			background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(0,0,0,0) 72%)!important; }
		 
		.categorie li.travail div.back, .categorie li.travail, .theme ul li.reve ul li a {
			background-color: #4a842b;
			background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%)!important;
			background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%)!important;
			background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%)!important;
			background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(0,0,0,0) 72%)!important; }
		 
		.categorie li.arts div.back, .categorie li.arts, .theme ul li.passion ul li a {
			background-color: #8b106d;
			background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%)!important;
			background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%)!important;
			background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%)!important;
			background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(0,0,0,0) 72%)!important; }
		 
		.categorie li.tourisme div.back, .categorie li.tourisme, .theme ul li.rtq ul li a {
			background-color: #128291;
			background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%)!important;
			background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%)!important;
			background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(0,0,0,0) 72%)!important;
			background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(0,0,0,0) 72%)!important; }
	   
/* ==========================================================================
   Menu de contenus dynamiques
   ========================================================================== */
		.content-menu nav {
			display: none;
			width: 100%; }
		 
		.content-menu article { width: 100%; }
		 
		.header-theme .blur-menu, .drop-theme, .drop-theme .menu-delegation, .theme { display: block!important; }
		 
		.menu-horizontal ul li ul li a, .menu-horizontal ul li.active ul li a {
			padding: 10px;
			width: auto; }
		 
		.menu-vertical, .menu-horizontal {
			border: 1px solid #e7e7e7;
			width: 30%;
			margin-right: 5%;
			float: left;
			padding: 0px;
			margin: 0px 0px 1em 0px; }
		 
		.menu-vertical ul, .menu-horizontal ul {
			margin-top: 0px;
			margin-bottom: 0px;
			padding-left: 0;
			position: static; }
		 
		.menu-vertical ul li, .menu-horizontal ul li {
			border-bottom: 1px solid #e7e7e7;
			display: block; }
		 
		.menu-vertical ul li:last-child, .menu-horizontal ul li:last-child { border-bottom: none; }
		 
		.menu-vertical ul li, .menu-vertical ul li.active, .menu-horizontal ul li, .menu-horizontal ul li.active {
			background: none;
			padding: 0px; }
		 
		.menu-vertical ul li a, .menu-horizontal ul li a {
			color: #3b3b3b;
			font-family: 'solomon_sans_semiboldregular';
			text-decoration: none;
			font-size: 1.154em;
			padding: 10px;
			display: block;
			background: #FFF;
			border-bottom: 1px solid #eaeaea;
			margin-top: 0px; }
		 
		.menu-vertical ul li a:hover, .menu-horizontal ul li a:hover { color: #076d93; }
		 
		.menu-horizontal ul li.active ul li.active a, .menu-horizontal ul li ul li.active a, .menu-vertical ul li ul li.active a, .menu-horizontal ul li ul li.active a {
			background: #0a80ac;
			color: #FFFFFF;
			font-family: 'solomon_sans_normalregular'; }
		 
		.menu-vertical ul li ul , .menu-horizontal ul li ul {
			padding: 0px;
			margin: 0px;
			position: static; }
		 
		.menu-vertical ul li ul li, .menu-horizontal ul li ul li {
			border: none;
			position: static; }
		 
		.menu-vertical ul li ul li a, .menu-horizontal ul li ul li a {
			font-family: 'solomon_sans_normalregular';
			font-size: 1.000em;
			border-bottom: none;
			text-align: left;
			margin-top: 0px; }
		 
		.menu-horizontal ul li a:hover .box-color, .menu-horizontal ul li.active a .box-color { display: none; }
		 
		.menu-horizontal ul li a span { padding: 0px; }
		 
		.header-theme .blur-menu, .drop-theme, .drop-theme .menu-delegation, .theme { display: block!important; }
		
/* ==========================================================================
   Tabs
   ========================================================================== */

		ul.resp-tabs-list { display: none; }
		 .accueil .menu .page-button-footer:link, .accueil .menu .page-button-footer:visited{ padding:1%; width:100%;}
		.accueil .menu .resp-tabs-list li a span {
			width: 93%;
			vertical-align: middle;
			padding: 0% 3%;
			display:block;
			 }
		 
		.menu ul.resp-tabs-list { display: block; }
		 
		.menu .resp-tabs-list li {
			display: block;
			float: none;
		 
			width: 100%; }
		.accueil .menu .resp-tabs-list li, .accueil .menu .resp-tabs-list li.resp-tab-active { margin: 2% 0!important; }
		 
		.accueil section.horizontalTab.menu { border-bottom: none; }
		 
		section.horizontalTabBloc ul.resp-tabs-list { display:none; }
		
		.accueil section.horizontalTabBloc ul.resp-tabs-list { width: 100%; }
		
		 
		h2.resp-accordion {
			display: block;
			margin-top: 2%; }
		 
		.resp-vtabs .resp-tab-content { background: #FFF; }
		 
		.resp-vtabs .resp-tabs-container {
			border: none;
			float: none;
			width: 100%;
			min-height: initial;
			clear: none;
			background: none;
			}
		 
		.resp-accordion-closed { display: none !important; }
		 
		.resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; }
		 
		/*A classer*/
		.theme { display: none; }
	
/* ==========================================================================
   Actualités
   ========================================================================== */
	
		h2.actualite {
			width: 100%;
			padding: 0px;
			 }
		 
		.liste-actualite { padding: 0px; }
		 
		.liste-actualite-complete li div.coordonnees { /* position:absolute; 
		   left:0px;
		   bottom:0px;*/ }
		 
		header.interne .entete-recherche, .moteur-recherche { display: none; }
		 
		.pagination-interne, .pagination-container  { 
			display: none; 
			margin: 0.3em 0 0.5em 0;}
		 
		.coordonnees ul.reseau { display: none; }
		 
		.liste-employes .collapes-content .collapes-titre hgroup, .liste-employes .collapes-content .collapes-titre .details, .chef .collapes-content-open .collapes-titre-open hgroup, .chef .collapes-content-open .collapes-titre-open .details {
			float: none;
			padding-left: 3%; }
	

	.text-panel{padding:0px;}}

	@media only screen and (max-width: 800px) {
		aside.col2-accueil, .col1-accueil { width: 100%; }
		 
		blockquote {
			float: none;
			width: 100%; }
		 
		 
		
		/* ==========================================================================
		   Container (1, 1-2, 1-4, 1-3, 2-3
		   ========================================================================== */
		.container-1-4 { width: 48%; }
		 
		/* ==========================================================================
		   Youtube
		   ========================================================================== */
		iframe {
			width: 100%;
			height: auto; }
		 

	}

	@media only screen and (max-width: 700px) 
	{
	    
	    /*Employé, chef de poste*/
	    .liste-employes .collapes-content .collapes-titre img, .chef .collapes-content-open .collapes-titre-open img{ display:none;}
	    
	    .liste-employes .collapes-content .collapes-titre .info, .chef .collapes-content-open .collapes-titre-open .info{ width:100%;}
		
		.liste-employes .collapes-content .collapes-titre .info a{margin: 5%; width:90%;}
		
		.bloc{border-bottom : none; }

	/*	.bleu .bloc, .bloc { background: url(../img/mobile/Mobile_bg_seamless_General.jpg) repeat; }*/
		 
		.rouge .bloc { background: url(../img/mobile/Mobile_bg_seamless_Vivre.jpg) repeat; }
		 
		.vert .bloc { background: url(../img/mobile/Mobile_bg_seamless_Immigrer.jpg) repeat; }
		 
		.jaune .bloc { background: url(../img/mobile/Mobile_bg_seamless_Etudier.jpg) repeat; }
		 
		.sarcelle .bloc { background: url(../img/mobile/Mobile_bg_seamless_Tourisme.jpg) repeat; }
		 
		.marin .bloc { background: url(../img/mobile/Mobile_bg_seamless_Commerce.jpg) repeat; }
		 
		.mauve .bloc { background: url(../img/mobile/Mobile_bg_seamless_ArtsCulture.jpg) repeat; }
		 
		.rtp-nav-next A, #jb-gallery-next {
			background: url(../img/mobile/fleche-slider-right.png) no-repeat;
			width: 37px;
			height: 59px;
			margin-top: -29px; }
		 
		.rtp-nav-prev A, #jb-gallery-prev {
			background: url(../img/mobile/fleche-slider-left.png) no-repeat;
			width: 37px;
			height: 59px;
			margin-top: -29px; }
		 
		.rtp-nav-next { 
		    right: 0px; 
		    margin-top: 0px; }
		 
		.rtp-nav-prev { 
			left: 0px; 
			margin-top: 0px; }
		 
		.text-panel { padding: 0px; }
		 
		div.rtp-slider-viewport.grille-section div.rtp-slider-panel.text-panel{background:none;}
		 
		h1.grille-section  
		{
		    margin-left: 0px;  
		   }
		 

		 
		.text-panel div.content-text { 
		    padding: 10px;
		  }
		 
		.text-panel h2, .text-panel h1{ 
			background: none; 
			color:#FFF; 
			padding: 0px;}
			 
		 
		.ffTextAreaWrapper textarea {
			max-width: 95%;
			padding: 2%; }
		 
		.container-1-4, .container-1-2, .container-1-3, .container-2-3, .grille-section .slide-droite, .grille-section .slide-gauche, .actualites-nouveau, .evenements-nouveau { width: 100%; }
	}

/* ====================================================================================================================
   Pour écran de 900px de largeur et moins  (Réjean Godbout - 30 mai 2014)
   ==================================================================================================================== */
	

    	@media only screen and (max-width: 800px) {

/* ==========================================================================
   Actualités
   ========================================================================== */
   
	   .slider-actualite {
	   display:none; }
	   
	   .liste-actualite-complete li a p.desc, .coordonnees ul.reseau {
	   display:none; }

       .colonne2 a {
    margin: 0 0 5px;
}

        .colonne1, .colonne2, .col2-largeur
        {
            width:100%;
        }
       
       .bloc-actualite, .texte-largeur-petit, .texte-largeur, .col1-largeur .description, .bloc-actualite, .col1-largeur
        {
            width:100%;
        }

        .bloc-actualite .texte-largeur, .bloc-actualite .texte-largeur-petit, .bloc-actualite .texte2-largeur, .bloc-actualite .texte2-largeur-petit, .colonne2 a, .colonne1 a
        {
            width:90%;
        }
 
/* ==========================================================================
   Évènement
   ========================================================================== */
      

.liste-evenements .event div.thumbnail
       {
            display:none;    
       } 
 
        section.liste-evenements, .bloc-evenement, .evenement, .eve-desc, .bloc-evenement .texte, .bloc-evenement .eve-onglet, .onglets_evenements ul
        {
            /*width:100%;*/
        }


        .eve-date, .eve-lieu
        {
            width:95%;
        }

        .bloc-evenement .fleche-retour
        {
            margin: 5px 0 0 90%;
        }


        .bloc-evenement .onglets_evenements ul li, a.btn-pointeur-active
        {
            width:49.5%;
        }
        
        .evenement
        {
            /*background: url("/content/img/actualites/bg-event-bloc.jpg") no-repeat scroll 0 0 / 100% 198px rgba(0, 0, 0, 0);*/
        }
	}
/* ====================================================================================================================*/   

   
   
/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

	@media print {
		* {
			background: transparent !important;
			color: #000 !important; /* Black prints faster: h5bp.com/s */
			box-shadow: none !important;
			text-shadow: none !important;
		}

		a,
		a:visited {
			text-decoration: underline;
		}

		a[href]:after {
			content: " (" attr(href) ")";
		}

		abbr[title]:after {
			content: " (" attr(title) ")";
		}

		/*
		 * Don't show links for images, or javascript/internal links
		 */

		.ir a:after,
		a[href^="javascript:"]:after,
		a[href^="#"]:after {
			content: "";
		}

		pre,
		blockquote {
			border: 1px solid #999;
			page-break-inside: avoid;
		}

		thead {
			display: table-header-group; /* h5bp.com/t */
		}

		tr,
		img {
			page-break-inside: avoid;
		}

		img {
			max-width: 100% !important;
		}

		@page {
			margin: 0.5cm;
		}

		p,
		h2,
		h3 {
			orphans: 3;
			widows: 3;
		}

		h2,
		h3 {
			page-break-after: avoid;
		}
	}

/* ==========================================================================
   Icônes documents
   ========================================================================== */
   
   a.icone_pdf:link  /*marche aussi avec :visited et :hover */
   {
       background: url("/content/img/icon_pdf.png") no-repeat 100% 0;
       padding: 0 20px 0 0; /*espace à droite entre lien et icône */
   }  
   
   a.icone_word:link  
   {
       background: url("/content/img/icon_word.png") no-repeat 100% 0;
       padding: 0 20px 0 0; /*espace à droite entre lien et icône */
   }  
   
   a.icone_excel:link  
   {
       background: url("/content/img/icon_excel.png") no-repeat 100% 0;
       padding: 0 20px 0 0; /*espace à droite entre lien et icône */
   }  
   
   a.icone_powerpoint:link  
   {
       background: url("/content/img/icon_ppt.png") no-repeat 100% 0;
       padding: 0 20px 0 0; /*espace à droite entre lien et icône */
   }  
   
   a.lien_externe:link  
   {
       background: url("/content/img/icon_ext.png") no-repeat 100% 0;
       padding: 0 15px 0 0; /*espace à droite entre lien et icône */  
   }
   
   a.lien_externe_bas_de_page:link  
   {
       background: url("/content/img/icon_ext_bas_de_page.png") no-repeat 100% 0;
       padding: 0 15px 0 0; /*espace à droite entre lien et icône */  
   }    

/* Fils RSS */

.fils_rss
{
	border-left:1px solid #d6d6d6; /* barre verticale */
	padding-left: 7px;
	height:240px;
}

.fils_rss ul li
{
    background: url("/content/img/icon_rss.png") no-repeat scroll 0 7px transparent;
    padding-left: 20px;
    padding-top:4px;
	float: left;
	width: 263px;
	height: 19px;
	line-height: 19px;
	margin-bottom: 20px;
	margin-right: 25px;
	margin-left:15px;
}

.fils_rss ul li a
{
	line-height: 1em;
	display: block;
}

.fils_rss a.tous_secteurs
{
    background: url("/content/img/icon_rss.png") no-repeat scroll 0 7px transparent;
    padding-left: 20px;
    padding-top:4px;
	float: left;
	width: 200px;
	height: 19px;
	line-height: 19px;
	margin-bottom: 20px;
	margin-right: 25px;
	margin-left:288px; 
	margin-top:-215px; /* pour que tous les secteurs soit à la même hauteur que Affaires publiques et Arts et culture */
} 

.fils_rss a.tous_secteurs.seulement
{
    margin-top:0px; /* lorsque qu'une délégation affiche seulement tous les secteurs */
    margin-left:15px;
}       

.fils_rss_clear
{
	clear: both;
}

/* Fin Fils RSS */

/* Vignettes Excellence + Grands Dossiers */

#ex_aerospatiale
{
    background:url("/content/img/grands-dossiers/excellence/aero.png");
	width:171px;
	height:170px;
	background-repeat:no-repeat;
	float:left;
	margin-left:0px;
	position:relative;
}

#ex_agroalimentaire
{
    background:url("/content/img/grands-dossiers/excellence/agro.png");
	width:171px;
	height:170px;
	background-repeat:no-repeat;
	float:left;
	margin-left:15px;
	position:relative;
}

#ex_aluminium
{
    background:url("/content/img/grands-dossiers/excellence/aluminium.jpg");
	width:171px;
	height:170px;
	background-repeat:no-repeat;
	float:left;
	margin-left:15px;
	position:relative;
}

#ex_biotechnologies
{
    background:url("/content/img/grands-dossiers/excellence/biotech.jpg");
	width:171px;
	height:170px;
	background-repeat:no-repeat;
	float:left;
	margin-left:0px;
	position:relative;
}

#ex_construction
{
    background:url("/content/img/grands-dossiers/excellence/construc.png");
	width:171px;
	height:170px;
	background-repeat:no-repeat;
	float:left;
	margin-left:15px;
	position:relative;
}

#ex_design-industriel
{
    background:url("/content/img/grands-dossiers/excellence/design.png");
	width:171px;
	height:170px;
	background-repeat:no-repeat;
	float:left;
	margin-left:15px;
	position:relative;
}

#ex_energie
{
    background:url("/content/img/grands-dossiers/excellence/energie.png");
	width:171px;
	height:170px;
	background-repeat:no-repeat;
	float:left;
	margin-left:0px;
	position:relative;
}

#ex_environnement
{
    background:url("/content/img/grands-dossiers/excellence/enviro.png");
	width:171px;
	height:170px;
	background-repeat:no-repeat;
	float:left;
	margin-left:15px;
	position:relative;
}

#ex_recherche-innovation
{
    background:url("/content/img/grands-dossiers/excellence/recherche.png");
	width:171px;
	height:170px;
	background-repeat:no-repeat;
	float:left;
	margin-left:15px;
	position:relative;
}

#ex_sciences-vie
{
    background:url("/content/img/grands-dossiers/excellence/sciences.png");
	width:171px;
	height:170px;
	background-repeat:no-repeat;
	float:left;
	margin-left:0px;
	position:relative;
}

#ex_mode-vetements
{
    background:url("/content/img/grands-dossiers/excellence/mode.png");
	width:171px;
	height:170px;
	background-repeat:no-repeat;
	float:left;
	margin-left:15px;
	position:relative;
}

#ex_tic
{
    background:url("/content/img/grands-dossiers/excellence/tic.png");
	width:171px;
	height:170px;
	background-repeat:no-repeat;
	float:left;
	margin-left:15px;
	position:relative;
}

#ex_transport-terrestre
{
    background:url("/content/img/grands-dossiers/excellence/transport.png");
	width:171px;
	height:170px;
	background-repeat:no-repeat;
	float:left;
	margin-left:0px;
	position:relative;
}

#ex_mines
{
    background:url("/content/img/grands-dossiers/excellence/mines.png");
	width:171px;
	height:170px;
	background-repeat:no-repeat;
	float:left;
	margin-left:15px;
	position:relative;
}

#gd_plan-nord
{
    background:url("/content/img/grands-dossiers/plan-nord.png");
	width:171px;
	height:170px;
	background-repeat:no-repeat;
	float:left;
	margin-left:0px;
	position:relative;
}

#gd_strategie-maritime
{
    background-image:url("/content/img/grands-dossiers/strategie-maritime.png");
	width:171px;
	height:170px;
	background-repeat:no-repeat;
	float:left;
	margin-left:15px;
	position:relative;
}

#gd_titre
{
    /*background-color:#0a7eaa;*/
    background-image:url("/content/img/grands-dossiers/degrade-bleu.png");
    background-repeat:repeat-x;
    width:171px;
	height:77px;
	float:left;
	margin-left:-171px;
	position:relative;
	margin-top:172px;
	margin-bottom:15px;
} 

#gd_titre:hover
{
    /*background-color:#676767;*/
    background-image:url("/content/img/grands-dossiers/degrade-gris.png");
} 

#gd_titre p
{
    /*font-family:Arial;*/
    font-family: 'solomon_sans_bookregular';
    font-size:14px;
    color:#FFFFFF;
    text-transform:uppercase;
    text-align:center;
    margin:0px;
    padding:10px 25px;
    line-height:15px;
    vertical-align:middle;
    height:30px;
    width:160px;
    display:table-cell;
    position:relative;
} 

#gd_titre a
{
    color:#FFFFFF;
    text-decoration:none;
} 

#gd_titre span
{
    background: url(../img/bouton_fleche.png) repeat-y right center;
	width:28px;
    height:24px;
	display:block;
	position:absolute;
	top:45px;
	left:73.5px; 
} 

.vignettes_clear  /* Pour Firefox */
{
	clear: both;
}

/* Fin Vignettes Excellence + Grands Dossiers */

p.logo-quebec 
{
    position:relative;
    top:65px;
    margin-top:-60px;
}   

p.nom-delegation
{
    margin-left:45px;
    position:relative;
    top:80px;
    margin-top:-60px;  
}

p.nom-delegation span
{
    background: url("../img/bg-drop-delegation.png") repeat-y scroll center center transparent;
    display: block;
    padding-left: 4%;
    width:100px;  
}        

.drop-theme .lien-accueil-hamburger  {
	display: block;
	background: url(../img/hamburger.png) no-repeat center center #FFF;
	text-indent: -999999px;
	width: 18px;
	height: 16px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
	padding: 22px 21px;
	float:right; }
	
.drop-theme .lien-accueil-maison  {
	display: block;
	background: url(../img/accueil.png) no-repeat center center #FFF;
	text-indent: -999999px;
	width: 18px;
	height: 16px;
	padding: 22px 21px;
	margin-right:2px;
	float:right; }
	 
/* ==========================================================================
    Formulaires Bulletins - pour empêcher le scrolling en mobile
========================================================================== */
.iframe_bulletins {
	width: 100%;
	height:550px;
}	

.icone_actualite_ny75
{
    position:relative;
    top:-50px;
    float:right;
    width:130px;   
}

.icone_actualite_MONS
{
    position:relative;
    top:-53px;
    float:right;
    width:36px;   
}

.icone_actualite_MONS.evenementMONS
{
    /*top:-45px;*/
    top:-65px;
    width:80px;
}

/* Nouveau bas de page */

.bas_de_page
{
	background-color:#373737;
}

.bas_de_page a
{
	color:White;
}

.bas_de_page p
{
	color:White;
	font-weight:bold;
	font-family:Arial;
	font-size:13px;
}

.bas_de_page ul li
{
	color:White;
	font-family:Arial;
	font-size:9.5px;
}

.bas_de_page .liste_items
{
    border-right:none;
	display:block;
}    

.bas_de_page .grappes 
{  
}
    .col-gra{
			width:160px;
			float:left;	
			margin-left:100px;
			margin-top:-20px;		
		} 
	@media only screen and (max-width: 780px) 
    {
        .col-gra{
			margin-left:20px;	
		} 	
    }    
	.col-gra-ang{
			width:150px;
			float:left;	
			margin-left:30px;
			margin-top:-20px;		
		} 
	@media only screen and (max-width: 780px) 
    {
        .col-gra-ang{
			margin-left:20px;
		} 	
    }    			
	.col-gra2{
			width:165px;
			float:left;
		}
	@media only screen and (max-width: 780px) 
    {
        .col-gra2{
			margin-left:20px;	
		} 	
    }
    .col-gra2-ang{
			width:160px;
			float:left;
		}
	@media only screen and (max-width: 780px) 
    {
        .col-gra2-ang{
			margin-left:20px;
		} 	
    }  	    	  
		         		          
.bas_de_page .grappes p
{
      float:left;
      margin-left:9px;  
      margin-bottom:-15px;
}

.bas_de_page .grappes ul
{
      float:left;
      text-align:left;
}

.bas_de_page .liste_items_bas
{
    border-right:none;
}    

.bas_de_page .liens_bas
{
    float:left;
    margin-left:100px;
}
@media only screen and (max-width: 780px) 
{
    .bas_de_page .liens_bas
    {
        margin-left:20px;
    }
}    

.bas_de_page .zone_droite 
{
	margin-left:825px;
	margin-top:-350px; 
	overflow:hidden;
	float:left;
}

@media only screen and (max-width: 1225px) 
{
    .bas_de_page .zone_droite 
    {
	    margin-left:30px;
	    margin-top:0px; 
	    overflow:hidden;
	    float:left;
    }

}
    .ligne-zone-titre{
			width:400px;
			float:left;		
		}
	@media only screen and (max-width: 400px) 
    {
        .ligne-zone-titre{
			width:240px;
		}
    }
	.ligne-liens{
			width:390px; /* 315px */
			float:left;	
			border: 1px solid #373737;
			border-top-color:#8d8d8d;
			border-bottom-color:#8d8d8d;
			margin-top:-35px;	
		}
	@media only screen and (max-width: 400px) 
    {
        .ligne-liens
        {
            width:240px;
        }
    }    	
		
	.ligne-liens ul li {
	        font-size:13px;
	        font-weight:bold;
	        float: left;
            height: 19px;   
            line-height: 19px;  
            margin-bottom: 15px;
            margin-right: 25px;
            width: 105px;  /* 80px */
            border-right:none;
	        display:block;
	        text-align:left;
		} 
	@media only screen and (max-width: 400px) 
    {
        .ligne-liens ul li
        {
            margin-right: 15px;
        }
    }   
	
	.ligne-joindre-medias-sociaux{
			width:382px;
			float:left;
			margin-top:25px;
			margin-bottom:15px;	
			overflow:hidden;
		}
	@media only screen and (max-width: 400px) 
    {
        .ligne-joindre-medias-sociaux
        {
            width: 225px;
        }
    }   	
		
		.ligne-joindre-medias-sociaux .coljms 
		{
		   width:157px;
		   float:left;
		   text-align:left; }
		   
		   .ligne-joindre-medias-sociaux .coljms p
		{ 
		   line-height:3px; }	 
		   
		.ligne-joindre-medias-sociaux .coljms a
		{ 
		   font-size:10px; }
		   
		.ligne-joindre-medias-sociaux .coljms p.telephone
		{ 
		   font-size:10px; }     
		
		.ligne-joindre-medias-sociaux .coljms2 
		{
		   width:225px;
		   float:left;
		   text-align:left; }
		   
		   .ligne-joindre-medias-sociaux .coljms2 p
		{ 
		   line-height:3px; }	  
		   
		   .ligne-joindre-medias-sociaux .coljms2 div.sociaux {}
		   
		   .ligne-joindre-medias-sociaux .coljms2 div.sociaux ul 
		   {
		        margin: 0 -15px;
			    padding: 0px;
			    text-align: left;
		   }
		   
		   .ligne-joindre-medias-sociaux .coljms2 div.sociaux ul li {
				list-style: none;
				display: inline-block;
				background: none;
				vertical-align:middle;
				padding-left: 0px;
				/*margin: 0 2%;*/  
				padding-top: 2px; 
				border-right:none; } 
			
			.ligne-joindre-medias-sociaux .coljms2 div.sociaux ul li a {
				text-indent: -999999px;
				display: block;}
			
			.ligne-joindre-medias-sociaux .coljms2 div.sociaux ul li a.Google {
				background: url(../img/google.png) no-repeat;
				width: 17px;
				height: 17px;
				opacity: 0.8; }
	 
	         .ligne-joindre-medias-sociaux .coljms2 div.sociaux ul li a.YouTube {
				background: url(../img/g-youtube.png) no-repeat;
				width: 41px;
				height: 35px;
				opacity: 0.8; }
						
			.ligne-joindre-medias-sociaux .coljms2 div.sociaux ul li a.Facebook {
				background: url(../img/g-facebook.png) no-repeat;
				width: 27px;
				height: 35px;
				margin-top:-1px;
				opacity: 0.8; }
	 
			.ligne-joindre-medias-sociaux .coljms2 div.sociaux ul li a.LinkedIn {
				background: url(../img/g-in.png) no-repeat;
				width: 40px;
				height: 40px;
				opacity: 0.8; }
	 
			.ligne-joindre-medias-sociaux .coljms2 div.sociaux ul li a.Twitter {
				background: url(../img/g-twitter.png) no-repeat;
				width: 37px;
				height: 35px;
				opacity: 0.8; }
					
			.ligne-joindre-medias-sociaux .coljms2 div.sociaux ul li a.Instagram {
				background: url(../img/g-instagram.png) no-repeat;
				width: 42px;
				height: 40px;
				opacity: 0.8; }
													
			.ligne-joindre-medias-sociaux .coljms2 div.sociaux ul li a:hover{
				opacity: 1;}
		    
		 	 

.bas_de_page .zone_droite p.titre_espace
{
      float:left;
      text-transform:uppercase;
      font-family:Arial;
      font-size:46px;
      color:#8d8d8d;
      text-align:left;
}

@media only screen and (max-width: 400px) 
{
    .bas_de_page .zone_droite p.titre_espace
    {
        font-size:28px;
    }    
}    

.bas_de_page .barre_verticale
{
    width: 780px;
    border-right: 3px solid #2d2d2d;    
}

@media only screen and (max-width: 780px) 
{
    .bas_de_page .barre_verticale
    {
        width: 0px;
        border-right: none;
    }
}

/* Fin Nouveau bas de page */

/* Page coordonnées, médias sociaux et bulletin */

.representations
{
  width:391px;
  background:white;
  margin-left:77px;
  margin-top:-4px;
  height:130px;  
}

.representations p
{
    margin-left:25px;
    margin-top:-10px;
    font-size:15px;
}

.representations a {color: #0196c9;font-size:16px;}

.representations ul 
{
    margin-top:-10px;
}
		   
.representations ul li {
	list-style: none;
	display: inline-block;
	background: none;
	padding-left: 0px; 
	border-right:none; } 
			
.representations ul li a {
	text-indent: -999999px;
	display: block;}

.representations ul li a.facebook-p
{
    background: url(../img/facebook-p.png) no-repeat;
	width: 32px;
	height: 32px;
}

.representations ul li a.twitter-p
{
    background: url(../img/twitter-p.png) no-repeat;
	width: 32px;
	height: 32px;
}

.representations ul li a.linkedin-p
{
    background: url(../img/linkedin-p.png) no-repeat;
	width: 32px;
	height: 32px;
}

.representations ul li a.instagram-p
{
    background: url(../img/instagram-p.png) no-repeat;
	width: 32px;
	height: 32px;
}

.representations ul li a.youtube-p
{
    background: url(../img/youtube-p.png) no-repeat;
	width: 32px;
	height: 32px;
}

.representations .bulletins-1-icone
{
   font-size: 0.875em; 
   position:relative;
   top:-20px;
   margin-left:60px;
}

.representations .bulletins-2-icones
{
   font-size: 0.875em; 
   position:relative;
   top:-20px;
   margin-left:95px;
}

.representations .bulletins-3-icones
{
   font-size: 0.875em; 
   position:relative;
   top:-20px;
   margin-left:130px;
}

.representations .bulletins-4-icones
{
   font-size: 0.875em; 
   position:relative;
   top:-20px;
   margin-left:165px;
}

.representations .bulletins-lien
{
    background: url("../img/fleche-droite-bleu.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    color: #0196c9;
    margin-left: 5px;
    padding-left: 10px;
    text-decoration: none;
}

.representations .fermeture {
		border-bottom: 1px solid gray;
		padding: 0;
		margin-left:25px;
	}
	
.entete-carte
{
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    padding: 10px;
    width: auto;
    position: absolute;
    left: 12.5%;
    top: 1650px;
    margin: 0;
}	

@media only screen and (min-width: 1455px) 
{
    #OrgInter
    {
        margin-left:70px !important;
        margin-top:-390px !important;
    }    
}      

@media only screen and (max-width: 1145px) 
{
   .entete-carte
    {
        display:none;
    }  
    
    #googleMapAccueilGeneral  
    {
        display:none;
    }
} 

@media only screen and (max-width: 1125px) 
{   
    #OrgInter
    {
        position:relative;
        top:592px;
        left:-405px;
        margin-bottom:605px;
    } 
    
    #Asie
    {
        position:relative;
        top:15px;
        margin-bottom:15px;
    }
    
    #Afrique
    {
        position:relative;
        top:130px;
        margin-bottom:15px;
    }      
    
}  

@media only screen and (max-width: 912px) 
{ 
    #OrgInter h2.titre2-slide
    {
       margin-left:77px;
    }  
    
    #AmeNord h2.titre2-slide
    {
        margin-left:77px;
    }
    
    #AmeSud h2.titre2-slide
    {
        margin-left:77px;
    }  
    
    #Europe h2.titre2-slide
    {
        margin-left:77px;
    }  
    
    #Asie h2.titre2-slide
    {
        margin-left:77px;
    } 
    
    #Afrique h2.titre2-slide
    {
        margin-left:77px;
    }           
    
    #representations-qc
    {
         margin-left:77px;   
    }
} 

@media only screen and (max-width: 755px) 
{
    #OrgInter
    {
        position:relative;
        top:735px;
        left:-810px;
        margin-bottom:715px;
    }   
    
    #Europe
    {
        position:relative;
        left:-70px; 
        top:15px;
        margin-bottom:15px;   
    }
    
    #Asie
    {
        position:relative;
        left:-70px; 
        top:15px;
        margin-bottom:15px;   
    }  
    
    #AmeSud
    {
       position:relative;
       top:5px;
    }
    
    #Afrique
    {
       position:relative;
       top:150px;
       left:-70px;
       margin-bottom:15px;
    }
    
    #OrgInter h2.titre2-slide
    {
       margin-left:77px;
    }  
    
    #AmeNord h2.titre2-slide
    {
        margin-left:77px;
    }
    
    #AmeSud h2.titre2-slide
    {
        margin-left:77px;
    }  
    
    #Europe h2.titre2-slide
    {
        margin-left:77px;
    }  
    
    #Asie h2.titre2-slide
    {
        margin-left:77px;
    } 
    
    #Afrique h2.titre2-slide
    {
        margin-left:77px;
    }           
}   

/* Fin Page coordonnées, médias sociaux et bulletin */   

/* Gestion du mobile pour pages Publications  */
 
@media only screen and (max-width: 910px) 
{ 
    #normal_it   
    {
        display:none;    
    }
    
    #mobile_it
    {
        display:block!important;
    }    
}    

/* Gestion du mobile pour page Ailleurs en Folie Bruxelles */

@media only screen and (max-width: 900px) 
{ 
    #mobile_ailleurs   
    {
        position:relative;
        left:-360px;
        top:320px;
        margin-bottom:280px    
    }
    
}    

/*@media screen and (-webkit-min-device-pixel-ratio:0) {  /* Pour Chrome */
    /*.representations
    {
        
    }
}*/

/* Ancres page En savoir plus */
.ancres
{
    border-bottom: 1px dotted #cccccc;
    border-top: 1px dotted #cccccc;
    margin-bottom: 15px;
    /*padding: 15px 0 10px;*/
}

.ancres ul li
{
    background: url("../img/fleche.jpg") no-repeat scroll 0 4px rgba(0, 0, 0, 0);
    padding-left:20px;
    float: left;
    margin-bottom: 15px;
    margin-right: 25px;
    width:195px; /*max width:265px;*/
}  

.ancres ul li.premier_ligne
{
    width:100px;
} 

.ancres ul li.dernier_ligne
{
    width:235px;
    margin-right:225px; 
}

.ancres ul li.sans_chef_de_poste, .ancres ul li.sans_territoires
{
    width:235px;
    margin-right:500px; 
}              

.ancres ul li a
{
    display: block;
    line-height: 1.4;
    color: #2961a9;
    text-decoration: none;
    font-family: "solomon_sans_semiboldregular";
    font-size:1em;
}

/* Affichage Bio chef de poste avec accordéon */
.collapes-content .collapes-titre.bio-chef
{
	    float:left;
        position:relative;
        top:-59px;
        left:625px; /* 610px pour image 100% */
}

.collapes-content .collapes-titre.bio-chef2  /* 2 lignes desciption du poste */
{
        float:left;
        position:relative;
        top:-67px;
        left:625px; /* 610px pour image 100% */
} 

.collapes-content .collapes-titre.bio-chef3  /* 3 lignes desciption du poste */
{
        float:left;
        position:relative;
        top:-75px;
        left:625px; /* 610px pour image 100% */
}

.collapes-content .collapes-titre.bio-chef3.version2
{
    top:-90px;    
}

.collapes-content .collapes-titre.bio-chef3.version3
{
    top:-97px;    
}              

@media screen and (-webkit-min-device-pixel-ratio:0)     /* hack pour Chrome */
{
    .collapes-content .collapes-titre.bio-chef, .collapes-content .collapes-titre.bio-chef2, .collapes-content .collapes-titre.bio-chef3, .collapes-content .collapes-titre.bio-chef3.version2, .collapes-content .collapes-titre.bio-chef3.version3      
    {
        top:-63px;   
    }
}

.collapes-content .collapes-titre.bio-chef a, .collapes-content .collapes-titre.bio-chef2 a, .collapes-content .collapes-titre.bio-chef3 a, .collapes-content .collapes-titre.bio-chef3.version2 a, .collapes-titre.bio-chef3.version3 a
{
        background-size: 28px 37px; /* à 80% - 100% = 35px 46px */
}

.collapes-content .collapes-titre.bio-chef a.open:hover, .collapes-content .collapes-titre.bio-chef2 a.open:hover, .collapes-content .collapes-titre.bio-chef3 a.open:hover, .collapes-content .collapes-titre.bio-chef3.version2 a.open:hover, .collapes-titre.bio-chef3.version3 a.open:hover
{
        background: url(../img/close-hover.png) no-repeat right center;
        background-size: 28px 37px; /* à 80% - 100% = 35px 46px */ 
}        

@media only screen and (max-width: 900px) 
{ 
	.collapes-content .collapes-titre.bio-chef, .collapes-content .collapes-titre.bio-chef2, .collapes-content .collapes-titre.bio-chef3, .collapes-content .collapes-titre.bio-chef3.version2, .collapes-content .collapes-titre.bio-chef3.version3
	{
	    float:left;
        position:relative;
        top:-67px;
        left:225px; /* 210px pour image 100% */
	}


}

@media screen and (max-width: 900px) and (-webkit-min-device-pixel-ratio:0)     /* hack pour Chrome */
{
    .collapes-content .collapes-titre.bio-chef, .collapes-content .collapes-titre.bio-chef2, .collapes-content .collapes-titre.bio-chef3, .collapes-content .collapes-titre.bio-chef3.version2, .collapes-content .collapes-titre.bio-chef3.version3     
    {
        top:-87px;   
    }
}

@media only screen and (max-width: 700px) /* Quand la photo ne s'affiche plus */
{ 
	.collapes-content .collapes-titre.bio-chef, .collapes-content .collapes-titre.bio-chef2, .collapes-content .collapes-titre.bio-chef3, .collapes-content .collapes-titre.bio-chef3.version2, .collapes-content .collapes-titre.bio-chef3.version3
	{
	    float:left;
        position:relative;
        top:-67px;
        left:70px; /* 55px pour image 100% */
	}
	
}

@media screen and (max-width: 700px) and (-webkit-min-device-pixel-ratio:0)     /* hack pour Chrome */
{
    .collapes-content .collapes-titre.bio-chef, .collapes-content .collapes-titre.bio-chef2, .collapes-content .collapes-titre.bio-chef3, .collapes-content .collapes-titre.bio-chef3.version2, .collapes-content .collapes-titre.bio-chef3.version3     
    {
        top:-87px;   
    }
}