html {
	height: 100%;
}

body {
	min-height: 100%;
}

.mobile {
	display: none;
}

.notmobile {
	display: block;
}

#voile {
	background: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
	min-height: 100%;
	display: none;
	position: fixed;
	z-index: 1;
	cursor: pointer;
}


#raccourcis {
	display:none;
}

body, a, a:hover, .navbar .nav > li > a, .navbar .nav > li > a:hover {
	color:rgb(143,135,120);
        text-decoration:none;
}

a.grey, a.grey:hover, a.grey:active {
        color:rgb(106,0,50);
}



abbr[title], abbr[data-original-title] {
	border-bottom:0;
}

h1, h2, h3 {
    line-height:20px;
	font-weight:100;
}

.pull_left {
	float:left;
}

.pull_right {
	float:right;
}

#liens_content h3 {
	color:#002627 !important;
	text-transform: uppercase;
    font-family: 'ITCAvantGardeStd-Md';
    font-size: 1.4em;
    padding-bottom: 20px;
    font-weight: normal;
}

#liens_content {
	text-align: center;
	clear:both;
}

#plan_content h3{
		color:#ffffff !important;
	}

/* polices */

@font-face {
	font-family: 'ITCAvantGardeStd-Md';
	src: url('../fonts/ITCAvantGardeStd-Md.eot?');
	src: local('☺'), url('../fonts/ITCAvantGardeStd-Md.woff') format('woff'), url('../fonts/ITCAvantGardeStd-Md.ttf') format('truetype'), url('../fonts/ITCAvantGardeStd-Md.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ITCAvantGardeStd-Bold';
	src: url('../fonts/ITCAvantGardeStd-Bold.eot?');
	src: local('☺'), url('../fonts/ITCAvantGardeStd-Bold.woff') format('woff'), url('../fonts/ITCAvantGardeStd-Bold.ttf') format('truetype'), url('../fonts/ITCAvantGardeStd-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ITCAvantGardeStd-Bk';
	src: url('../fonts/ITCAvantGardeStd-Bk.eot?');
	src: local('☺'), url('../fonts/ITCAvantGardeStd-Bk.woff') format('woff'), url('../fonts/ITCAvantGardeStd-Bk.ttf') format('truetype'), url('../fonts/ITCAvantGardeStd-Bk.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'OpenSans-Bk';
	src: url('../fonts/OpenSans-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}

h1, h2, h3, #plan_content .main, #transversal li {
	font-family:'ITCAvantGardeStd-Md';
}

h4 {
	font-weight:100;
}

p.pictos a.picto_rubrique.video {
	background:url(../img/picto-liste-video.png) top left no-repeat;
	width:22px;
	height:22px;
	display: inline-block;
	text-indent: -9999px;
	margin-right: 5px;
}

p.pictos a.picto_rubrique.photos {
	background:url(../img/picto-liste-galerie.png) top left no-repeat;
	width:22px;
	height:22px;
	display: inline-block;
	text-indent: -9999px;
	margin-right: 5px;
}

p.pictos a.picto_rubrique.infographie {
	background:url(../img/picto-liste-infographie.png) top left no-repeat;
	width:22px;
	height:22px;
	display: inline-block;
	text-indent: -9999px;
	margin-right: 5px;
}

p.pictos a.picto_rubrique.podcast {
	background:url(../img/picto-liste-podcast.png) top left no-repeat;
	width:22px;
	height:22px;
	display: inline-block;
	text-indent: -9999px;
	margin-right: 5px;
}

p.pictos a.picto_rubrique.quiz {
	background:url(../img/picto-liste-quiz.png) top left no-repeat;
	width:22px;
	height:22px;
	display: inline-block;
	text-indent: -9999px;
	margin-right: 5px;
}

p.pictos a:hover.picto_rubrique {
	background-position:0 -22px;
}

/* Entete et barre de navigation
------------------------------------------ */

.content-header {
	padding: 40px 0;
}

.content-header-sous-site {
	/*background:url("../img/fond-header.png") no-repeat scroll 1px 36px transparent;*/
	background:transparent;
}

.content-header-sous-site img {
	/*background:url("../img/fond-header.png") no-repeat scroll 1px 36px transparent;*/
	max-width: 990px;
}

.content-header-sous-site div#slogan {
	/*background:url("../img/fond-header.png") no-repeat scroll 1px 36px transparent;*/
	/*margin-top: 0px;*/
	text-align: center;
	/*margin-top: 15px;*/
}

.header .navbar-inner {
    background-color: transparent;
    border: 0;
    border-radius: 0px;
    box-shadow: none;
    min-height: 40px;
	background-image:none;
}

.header .navbar #transversal .nav > li {
	margin-right: 8px;
    padding: 0 2px 10px 0;
}

.header .navbar #transversal .nav >li:last-child{
	margin-right: 0;
    padding: 0 0 10px;
}

.header .navbar #transversal .nav > li > a:hover, #navbar-dedies > ul > li > a:hover {
	color: rgba(106,0,50,1);
}

.header .navbar {
	margin-bottom:0;
	float: left;
}

.header .navbar .nav {
	margin:10px 6px 0 0;
}

.header .row-fluid {
	float: left;
	max-width: 50.84%;
}

#logo {
	width: 120px;
}

#marianne {
    /*width:245px;
    max-width:245px !important;*/
}

#slogan {
     color: #29062A;
    font-family: 'ITCAvantGardeStd-Md';
    font-size: 22px;
    /*padding: 30px 0 24px 120px;*/
    text-transform: uppercase;
    width: 50%;
    /*max-width: 307px;*/
}

#slogan h1 {
	line-height: 1.2em;
	padding-top: 4px;
	padding-left: 5px;
}

#slogan a, #slogan a:visited {
    color:rgb(96,109,93);
}


#navbar-dedies {
	padding:20px 0;
}

.navbar .nav > li > a {
	text-shadow:0 0px 0 #FFFFFF;
}

.main {
}



#transversal {
	display:table;
	float: right;
}

#transerval, #search, #reseaux {
	padding-top:14px;
}

#transversal ul {
	display:table-row;
	width:100%;
}

/*#transversal ul li, #thematiques ul li {
	display:table-cell;
}

#transversal ul li:first-child{
	text-align:left;
}

#transversal ul li a, #thematiques ul li a{
	display:block;
}*/

/* réseaux sociaux */

#networks {
	/*width:*/
}

#networks ul{
	margin:15px 0;
}

#networks ul li {
	display:inline;
	width:24px;
	height:30px;
	margin-right:3px;
}

#networks ul li a{
	background:url('../img/rs2.png') no-repeat;
	width:31px;
	height:31px;
	text-indent:-5000px;
	display:inline-block;
}

	#networks ul li a.fb {
		background-position:-2px -4px;
	}

	#networks ul li a.tw {
		background-position:-38px -4px;
	}

	#networks ul li a.fk {
		background-position:-75px -4px;
	}

	#networks ul li a.yt {
		background-position:-146px -4px;
	}

	#networks ul li a.dm {
		background-position:-110px -4px;
	}

	#networks ul li a.fb:hover{
		background-position:-2px -46px;
	}

	#networks ul li a.tw:hover {
		background-position:-38px -46px;
	}

	#networks ul li a.fk:hover {
		background-position:-75px -46px;
	}

	#networks ul li a.yt:hover {
		background-position:-146px -46px;
	}

	#networks ul li a.dm:hover {
		background-position:-110px -46px;
	}

#networks ul li a:hover{
	/*opacity: 0.5;*/
}

.breadcrumbs a, .breadcrumbs-soussite a {
	color:#b4b1b4;
}

.breadcrumbs strong, .breadcrumbs-soussite strong.on, .breadcrumbs a:hover, .breadcrumbs-soussite a:hover {
    color:#949294;
}

.breadcrumbs-soussite strong.on {
    font-weight: bold;
}



.breadcrumbs a:hover, .breadcrumbs-soussite a:hover {
    text-decoration: none;
	color:#949294;
}

.breadcrumbs, .breadcrumbs-soussite {
    font-family: 'ITCAvantGardeStd-Bk';
	margin:10px 0 10px 0;
}


/* images */

figure {
  display: block;
  position: relative;
  float: left;
  overflow: hidden;
  /*margin: 0 20px 20px 0;*/
}

figcaption {
  position: absolute;
  background: black;
  background: rgba(0,0,0,0.75);
  color: white;
  /*padding: 10px 5px;*/
  opacity: 0;
  -webkit-transition: all 0.6s ease;
  -moz-transition:    all 0.6s ease;
  -o-transition:      all 0.6s ease;
  width:100%;
}

figure:hover figcaption {
  opacity: 1;
}
figure:before {
  /*content: "?";*/
  position: absolute;
  font-weight: 800;
  background: black;
  background: rgba(255,255,255,0.75);
  text-shadow: 0 0 5px white;
  color: black;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 12px;
  -moz-border-radius:    12px;
  border-radius:         12px;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  -moz-transition: all 0.6s ease;
  opacity: 0.75;
}
figure:hover:before {
  opacity: 0;
}


.rolls figure:before { bottom: 10px; left: 10px; }
.rolls figcaption { left: 0; bottom: -30%;}
.rolls figure:hover figcaption { bottom: 0; }


/* cartouches

/* cartouche secteur */

	#secteur_content, #bandeau_content{
		margin-left:auto;
		margin-right:auto;
		width:100%;
        color:rgb(255,255,255);
		/*text-transform:uppercase;*/
		text-align:center;
		padding:15px 0;
		font-family:'ITCAvantGardeStd-Md';
		font-weight:100;
	}

	 #titre_content, #titre_content_agenda {
	 	margin-left:auto;
		margin-right:auto;
		width:100%;
        color:rgb(255,255,255);
		text-transform:uppercase;
		text-align:center;
		font-family:'ITCAvantGardeStd-Md';
		font-weight:100;
	 }

	#rubrique_content_dossier #secteur_content {
		display:none;
	}

	#secteur_content {
		background:rgb(40,61,64);
        margin-bottom:40px;
	}

	#secteur_content h1 {
		font-size:1.3em;
		margin:10px 0 9px 0;
	}

        #secteur_content a, #secteur_content a:hover, #secteur_content a:visited {
            color:rgb(255,255,255);
        }

	#ariane a {
            margin-left: 10px;
            margin-right: 10px;
        }

    #ariane a.home {
            margin-left: 0px;
        }

        #ariane a:hover {
           /* opacity: 0.7;
            -khtml-opacity:0.7;
            -moz-opacity : 0.7;
            -ms-filter: "alpha(opacity=50)";
            filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
            filter : alpha(opacity=70);
            opacity : 0.7;*/
        }

	#ariane strong {
		margin-left:10px;
	}


/* cartouche titre */

	#titre_content {
		background:rgb(31,46,48);
        margin-bottom:40px;
		margin-top:30px;
		padding:15px 0;
	}

	#titre_content_agenda {
		background:rgb(31,46,48);
        margin-bottom:40px;
		padding:30px 0;
	}

	#titre_content h2, #titre_content_agenda h2 {
		/*border-bottom:1px solid rgb(88,11,53);*/
        margin:0 0 10px 0;
		font-size:1.2em;
		text-transform:none;
		padding:0px 0px 10px 0;
	}

	#titre_content p.date, #titre_content_agenda p.date {
		color:rgb(255,255,255);
		text-transform:initial;
		/*margin-bottom: 15px;*/
		font-size:0.9em;
		font-family: 'ITCAvantGardeStd-Bk';
	}




/* footer */

	#plan_content {
		margin-left:auto;
		margin-right:auto;
		width:100%;
		color:#fff;
		/*text-align:center;*/
        background:url(img/bg_footer.png) no-repeat center #1d000e;
		padding-top:26px;
		height:auto;
	}

	#plan_content .bloc-gauche_footer h3 {
		max-width:315px;
		line-height: 1.5em;
		font-family: 'ITCAvantGardeStd-Bk';
	}

	p.btn-footer{
		display: none;
	}

	#plan_content .rs_footer a{
		display: block;
		width: 43px;
		height: 43px;
	}

	#plan_content .rs_footer a.facebook {
		background: url(img/fb_footer.png);
	}

	#plan_content .rs_footer a.twitter {
		background: url(img/tw_footer.png);
	}

	#plan_content .rs_footer a.flickr {
		background: url(img/fk_footer.png);
	}

	#plan_content .rs_footer a.dailymotion {
		background: url(img/dm_footer.png);
	}

	#plan_content .rs_footer a.youtube {
		background: url(img/yt_footer.png);
	}

	#plan_content .rs_footer a:hover {
		background-position:0 -43px;
	}

	#plan_content a, #plan_content a:visited, #plan_content a:active {
		color:rgb(255,255,255);
		background:none;
	}

	#plan_content a:hover {
		text-decoration: underline;
		/*opacity: 0.5;*/
	}

	#plan_content .navbar-inner {
		background: transparent;
		border: 0;
		border-radius: 0;
		box-shadow:0;
		min-height: 40px;
		padding-left: 0px;
		padding-right: 0px;
	}

	#plan_content ul {
		display:table;
		margin-left: 0px;
	}


	#plan_content ul li {
		display:block;
		text-transform:uppercase;
		font-family:'ITCAvantGardeStd-Bk';
		font-weight: normal;
		margin-top: 20px;
	}

	#plan_content .bloc-droite_footer  ul li {
		font-family:arial, sans-serif;
	}

	#plan_content .rs_footer li {
		float: left;
		margin-right: 15px;
	}

	#plan_content .bloc-gauche_footer {
		float: left;
		width: 50%;
	}

	#plan_content .bloc-droite_footer {
		float: right;
		width: 50%;
	}

	#plan_content .bloc-droite_footer h3 {
		font-size: 1em;
		padding-bottom: 10px;
		border-bottom: 1px solid #ffffff;
		margin-bottom: 10px;
	}

	.plan-du-site_footer ul, .themas_footer ul {
		width: 100%;
	}

	.plan-du-site_footer {
		margin-bottom: 40px;
	}

	#plan_content .plan-du-site_footer ul li, #plan_content .themas_footer ul li{
		float: left;
		width: 47%;
		text-transform: none;
		border-bottom: 1px solid #a3a9b4;
		padding-bottom: 5px;
	}

	#plan_content .plan-du-site_footer ul li:nth-child(odd), #plan_content .themas_footer ul li:nth-child(odd) {
		margin-right: 29px;
	}

	#plan_content .plan-du-site_footer ul li a, #plan_content .themas_footer ul li a{
		color: #a3a9b4;
	}

	#plan_content .plan-du-site_footer ul li a:hover, #plan_content .themas_footer ul li a:hover{
		color: rgba(255,255,255,1);
		opacity: 1;
		text-decoration:none;
	}

	#plan_content .nav-footer {
		margin-left:auto;
		margin-right:auto;
		width:58%;
	}

	#plan_content .nav-footer li {
		margin-right:45px;
	}

	#plan_content .nav-footer li:last-child {
		margin-right:0px;
	}

	#plan_content .nav-footer li a {
		padding:0;
	}

	#plan_content .nav-footer li a:hover {
		text-decoration: none;
	}

	#plan_content .nav {
		margin-left:auto;
		margin-right:auto;
		width:100%;
		margin-bottom:6px;
	}

	#plan_content .transverse {
		width:100%;
		margin-left:auto;
		margin-right:auto;
        /*border-bottom:1px solid rgb(81,53,82);*/
		padding-bottom:20px;
	}

	#plan_content .themes {
		text-align:left;
		margin-top:34px;
	}

	#plan_content .main {
		text-transform:uppercase;
		border-top:0;
		margin-bottom:25px;
	}

	#plan_content .main ul {
		display:none;
		margin-top:25px;
	}

	#plan_content .main ul li {
		display:inline-block;
		margin-bottom:14px;
	}

	#plan_content a.arrow {
		width:20px;
		height:20px;
		display:inline-block;
		text-indent:-5000px;
		background:url('../img/arrows.png') 0px -13px no-repeat;
	}

	#plan_content a.active {
		background:url('../img/arrows.png') 0px 3px no-repeat;
	}


	#plan_content .fond {
		background: url("../img/fond-footer.png") no-repeat scroll center top rgba(0, 0, 0, 0);
		height: 327px;
		margin-bottom: 22px;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}

	#footer_content {
		margin-left:auto;
		margin-right:auto;
		width:100%;
        color:white;
		text-align:center;
        background:#0c0006;
		padding-top:5px;
		font-size:0.9em;
	}

	#footer_content a, #footer_content a:visited, #footer_content a:active {
		color:rgb(41,6,42);
        background:none;
		margin:0 12px;
	}

	#footer_content a:hover {
		text-decoration: none;
		opacity: 0.5;
	}

	#agenda .container {
        background:rgb(236,234,234);

	}

	#dossiers_content h3, #services_content h3, #mediatheque_content h3, #agenda_content-mobile h3, #liens_content h3 {
	font-weight:normal;
	margin:0;
	font-size:1.4em;
}

#liens_content #footer_content {
	min-height: 150px;
	color: #3f383b;
}

#liens_content #footer_content h3 {
	color:#3f383b;
	text-transform: uppercase;
    font-family: 'ITCAvantGardeStd-Md';
    font-size: 1.1em;
    padding: 20px 0 10px 0;
    font-weight: normal;
    border-bottom: 1px solid #3f383b;
    max-width: 990px;
    margin: 0 auto 15px;
}

#liens_content .notmobile.rs.container {
	border-top:1px solid rgba(255,255,255,0.2);
}

#liens_content #footer_content ul {
	max-width: 990px;
	margin: 0 auto;
	text-align: center;
}

#liens_content #footer_content ul li {
	display: inline;
}

#liens_content #footer_content ul li a {
	text-transform: uppercase;
	color:#3f383b;
	font-size: 0.95em;
	font-family: 'ITCAvantGardeStd-Md';
}

#liens_content #footer_content ul li a:hover {
	color: #ffffff;
	opacity: 1;
}
/*#jours div.span2.event {
	padding-left: 5px;
}*/

/* share */

.share {
	margin-top:10px;
}

.share .fb, .share .tw {
	text-indent:-5000px;
	width:20px;
	height:25px;
	display:inline-block;
	background:url('../img/rs-media.png') -9px 0 no-repeat;
}

.share .tw {
	background-position:-5px -46px;
}

.share .fb:hover {
	background-position:-9px -23px;
}

.share .tw:hover {
	background-position:-5px -71px;
}

div.affichage-entete {
	max-width: 990px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 90;
}



div.affichage-entete p {
	width: 175px;
	padding: 5px 10px;
    background-color:rgb(143,135,120);
	float: right;
	color: white;
	text-transform: uppercase;
	text-align: right;
	font-family: 'ITCAvantGardeStd-Md';
    background:url('../img/fleche_soussite.png') 10px 8px rgb(143,135,120) no-repeat;
	cursor: pointer;
}

.content-header-sous-site {
	padding-bottom: 16px;
	padding-top: 20px;
	/*border-top: 1px solid rgba(218,217,216,1);*/
}

.content-header-sous-site #logo.span2 {
	width: 93px;
	margin-top: 30px;
}

.content-header-sous-site #slogan {
	margin-left: 0px;
	/*margin-top: 20px;*/
	padding:10px 0 10px 0px;
}

.content-header-sous-site #slogan img {
	width: 990px;
}

div.bandeau-soussite {
	/*min-height: 80px;*/
	box-shadow: 0px 2px 2px rgb(159,159,159);
}

div.bandeau-soussite {
	text-align: left;
	color: white;
	font-family: 'ITCAvantGardeStd-Md';
	padding-top: 30px;
	margin:0 auto;
	width: 100%;
	max-width: 100%;
	padding-bottom: 30px;
}

div.bandeau-soussite {
	float:left;
	margin-right: 30px;
}

div.bandeau-soussite a{
	color: white;
}

div.bandeau-soussite a:hover {
	text-decoration: none;
       /* color:rgb(246,202,189);*/

}

#liste_articles-soussite .container.wrapper h3 {
	line-height: 22px;
}

.container-soussite, .container-soussite-content {
	width: 100%;
}

.container-soussite-content [class*="span"] {
	margin-left: 0;
}

.container-soussite-content {
background: linear-gradient(top, rgb(143,135,120) 33%, rgb(140,133,118) 84%);
	background: -o-linear-gradient(top, rgb(143,135,120) 33%, rgb(140,133,118) 84%);
	background: -moz-linear-gradient(top, rgb(143,135,120) 33%, rgb(140,133,118) 84%);
	background: -webkit-linear-gradient(top, rgb(143,135,120) 33%, rgb(140,133,118) 84%);
	background: -ms-linear-gradient(top, rgb(143,135,120) 33%, rgb(140,133,118) 84%);

	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.33, rgb(143,135,120)),
		color-stop(0.84, rgb(140,133,118))
	);
	height: 366px;
	overflow: hidden;
}

.container-soussite-content .span12 {
	max-width: 990px;
}

.container-soussite-content .jshowoff {
	max-width: 990px;
	margin: 0 auto;
}

/*.container-soussite-content .datas, */.container-soussite-content .span4  {
	width: 230px;
	margin-left: 35px;
	/*margin-top: 70px;*/
}

.container-soussite-content .bloc {
	/*padding-top: 100px;*/
}


.container-soussite-content .slider_datas .datas {
    display: inline-block;
    line-height: 1.1em;
    margin-top: 70px;
}

.container-soussite-content .bloc {
    height: 290px;
    line-height: 301px;
}

.container-soussite-content .share {
    margin: 5px 0 0;
}

#barre_hashtag {
	clear: both;
}

#barre_hashtag h3 {
	display: inline-block;
}

#barre_hashtag div ul {
	margin-bottom: 0;
	display: inline-block;
	margin-left: 0;
}

#barre_hashtag div ul li {
	float: left;
	margin-top: 5px;
	/*margin-right: 30px;*/
	margin-right:15px;
	color: #ffffff;
	font-size: 1em;
	margin-left: 40px;

}

#barre_hashtag div ul li a{
	color: #002627;
	display: block;
	margin-bottom: -4px;
}

#barre_hashtag div ul li a:hover{
	text-decoration: underline;
}

#navigation-principale {
	max-width: 990px;
	margin: 0 auto;
	position: relative;
	max-height: 55px;
}

#navigation-principale #thematiques {
	width: 63px;
	height: 55px;
	background: url(../img/themas_bg.png) transparent;
	float: left;
	z-index: 1;
	position: relative;
	cursor: pointer;
}

#navigation-principale #thematiques.thematiques-close {
	width: 63px;
	height: 55px;
	background: url(../img/themas_bg_close.png) transparent;
	float: left;
	z-index: 1;
	position: relative;
}

#contenu-themas {
	display: none;
	width: 255px;
	background:#3c5d61;
	padding: 20px 0px 20px 20px;
	position: absolute;
	margin-top: 55px;
	margin-left: 0;
	z-index: 1;
	height: 620px;
}

#contenu-themas li {
	margin-bottom: 15px;
	color: #ffffff;
	background: url(../img/fleche_menu_principal.png) no-repeat right;
}

#contenu-themas li:last-child {
	margin-bottom: 0;
}

#contenu-themas li a{
	color: #ffffff;
	display: block;
	width: 100%;
	font-family: arial, sans-serif;
}

#contenu-themas li a:hover{
	color: #ffffff;
}

#contenu-themas #niveau2-6 {
	background:#375356;
	width: 225px;
	margin-left: 255px;
	position: absolute;
	display: none;
	float: left;
	margin-top: -40px;
	padding: 20px 20px 20px 0;
	height: 620px;
}

#contenu-themas #niveau2-8 {
	background:#375356;
	width: 225px;
	margin-left: 255px;
	position: absolute;
	display: none;
	float: left;
	margin-top: -40px;
	padding: 20px 20px 20px 0;
	height: 620px;
}

#contenu-themas #niveau2-9 {
	background:#375356;
	width: 225px;
	margin-left: 255px;
	position: absolute;
	display: none;
	float: left;
	margin-top: -75px;
	padding: 20px 20px 20px 0;
	height: 620px;
}

#contenu-themas #niveau2-10 {
	background:#375356;
	width: 225px;
	margin-left: 255px;
	position: absolute;
	display: none;
	float: left;
	margin-top: -110px;
	padding: 20px 20px 20px 0;
	height: 620px;
}

#contenu-themas #niveau2-20 {
	background:#375356;
	width: 225px;
	margin-left: 255px;
	position: absolute;
	display: none;
	float: left;
	margin-top: -145px;
	padding: 20px 20px 20px 0;
	height: 620px;
}

#contenu-themas #niveau2-6 ul li, #contenu-themas #niveau2-8 ul li, #contenu-themas #niveau2-9 ul li, #contenu-themas #niveau2-10 ul li, #contenu-themas #niveau2-20 ul li  {
	background: none;
}

#contenu-themas li:hover #niveau2-6, #contenu-themas li:hover #niveau2-8, #contenu-themas li:hover #niveau2-9, #contenu-themas li:hover #niveau2-10, #contenu-themas li:hover #niveau2-20 {
	display: block;
}

#rubriques {
	height: 55px;
	float: right;
}

#rubriques ul {
	margin-left: 0;
}

#rubriques ul li {
	float: left;
	width: 184px;
	border-right: 1px solid #ffffff;
	height: 55px;
	text-align: left;
	background: #f0edf0;
	line-height:18px;
}

#rubriques ul li a {
	color:#3c4861;
}

	#rubriques ul li.bouton-5 a{
		background: url(../img/picto-acualites.png) no-repeat;
		display: block;
		height: 34px;
		width: 82px;
		padding-left: 48px;
		padding-top: 0px;
		margin: 9px auto 0 auto;
	}

	#rubriques ul li.bouton-644 a{
		background: url(../img/picto-actions.png) no-repeat;
		display: block;
		height: 39px;
		width: 82px;
		padding-left: 48px;
	²	padding-top: 0px;
		margin: 9px auto 0 auto;
	}

	#rubriques ul li.bouton-4 a{
		background: url(../img/picto-services.png) no-repeat;
		display: block;
		height: 35px;
		width: 72px;
		padding-left: 48px;
		padding-top: 0px;
		margin: 11px auto 0 auto;
	}

	#rubriques ul li.bouton-2 a{
		background: url(../img/picto-ministere.png) no-repeat;
		display: block;
		height: 30px;
		width: 82px;
		padding-left: 78px;
		padding-top: 11px;
		margin: 9px auto 0 auto;
	}

	#rubriques ul li.bouton-366 a{
		background: url(../img/picto-mediateque.png) no-repeat;
		display: block;
		height: 36px;
		width: 82px;
		padding-left: 48px;
		padding-top: 11px;
		margin: 9px auto 0 auto;
	}

	#rubriques ul li:hover {
		box-shadow: -1px 2px 10px 3px rgba(0, 0, 0, 0.1) inset;
	}

	#rubriques ul li.bouton-4 a:hover, #rubriques ul li.bouton4:hover a{

	}

	#rubriques ul li.bouton-5 a:hover, #rubriques ul li.bouton5:hover a{

	}

	#rubriques ul li.bouton-644 a:hover, #rubriques ul li.bouton644:hover a{

	}

	#rubriques ul li.bouton-366 a:hover, #rubriques ul li.bouton366:hover a{

	}

	#rubriques ul li.bouton-2 a:hover, #rubriques ul li.bouton2:hover a{

	}

#rubriques ul li:last-child {
	border-right: 0;
}

#rubriques ul li a {
	color:#3c5d61;
	font-size: 1em;
	font-family: arial, sans-serif;
	vertical-align: middle;
}

@media screen and (max-width: 768px) {
	.container-soussite-content .bloc {
	padding-top: 0;
	}
}

.container-soussite-content .datas h2 {
	font-size: 1.3em;
	text-transform:uppercase;
	margin-bottom: 30px;
}

.container-soussite-content .datas h2 a {
	color: white;
}

.container-soussite-content .datas h2 a:hover {
	color: rgb(64,63,66);
	text-decoration: none;
}

.container-soussite-content .datas p.date {
	border-bottom: 1px solid rgb(64,63,66);
	text-transform: uppercase;
	width: 150px;
	padding-bottom: 9px;
}

.container-soussite-content .datas p.date .published {
	color:rgb(64,63,66);
	font-family: 'ITCAvantGardeStd-Md';
	line-height: 20px	;
	font-weight: 100;
	border-bottom: 1px solid #8F8778;
}

.container-soussite-content .datas p.share a.fb {
	background-position: -9px -23px;
}

.container-soussite-content .datas p.share a.tw {
	background-position: -5px -71px;
}


.breadcrumbs-soussite {
	max-width: 990px;
	margin: 0 auto;
	margin-top: 120px;
}

#bloc_couleur {
	background: linear-gradient(bottom, rgb(143,135,120) 33%, rgb(126,117,102) 84%);
	background: -o-linear-gradient(bottom, rgb(143,135,120) 33%, rgb(126,117,102) 84%);
	background: -moz-linear-gradient(bottom, rgb(143,135,120) 33%, rgb(126,117,102) 84%);
	background: -webkit-linear-gradient(bottom, rgb(143,135,120) 33%, rgb(140,133,118) 84%);
	background: -ms-linear-gradient(bottom, rgb(143,135,120) 33%, rgb(126,117,102) 84%);

	background: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.33, rgb(143,135,120)),
		color-stop(0.84, rgb(126,117,102))
	);
	height: 125px;
}

div.titre-soussite {
	background: rgb(235,107,68);
	padding: 15px 0 25px 0;
}

div.titre-soussite h3 {
	font-size:1.5em;
	text-transform: uppercase;
	text-align: center;
	max-width: 990px;
	color: white;
	margin: 0 auto;
	padding-bottom: 15px;
	border-bottom: 1px solid #fff;
	margin-bottom: 15px;
}

div.titre-soussite h2 {
	font: inherit;
	color: #444443;
	font-weight: bold;
	max-width: 990px;
	margin: 0 auto;
}

div.titre-soussite div {
	max-width: 990px;
	color: white;
	margin: 0 auto;
	text-align: center;
}

#sidebar-soussite {
	width: 228px;
	padding: 15px 0px 3px 0px;
	float: left;
	overflow: hidden;
	margin:0;
	margin-left: 23px;
}

#lire_aussi {
		margin:60px 0;
	}

	#lire_aussi .bloc_title {
		color:rgb(41,6,42);
		font-weight:bold;
		font-family:'ITCAvantGardeStd-Md';
		margin-bottom:30px;
		text-transform:uppercase;
	}

	#lire_aussi ul {
		margin:0;
		padding-left:0;
	}

	#lire_aussi li a {
		color:rgb(86,84,79);
		font-weight:bold;
		font-size:1em;
	}

	#lire_aussi li a:hover {
		color:rgb(114,113,109);
		font-weight:bold;
		font-size:1em;
	}

	#lire_aussi li{
		/*background: url("../img/puce.png") no-repeat scroll 0 9px transparent;*/
		padding: 3px 0px;
	}

	#sidebar-soussite .ps {
		background: rgba(86,84,79,1);
	}

	#content-soussite {
		margin-top: 20px;
		max-width: 990px;
		margin: 0 auto;
	}

	#liste_articles-soussite {
		max-width: none;
		float: none;
		padding-right: 20px;
	    font-size:0.9em;
	}

	.liste #liste_articles-soussite  {
		float:none;
	}

	#liste_articles-soussite .container .row-fluid, #liste_articles-soussite .wrapper{
		max-width: 716px;
		margin-top: 10px;
	}

	#liste_articles-soussite .container .row-fluid.article-seul {
		margin-top:50px;
	}

	#liste_articles-soussite .container .row-fluid.notation {
		margin-top: -5px;
	}

	#liste_articles-soussite .span4{
		margin-right:30px;
	}

	#liste_articles-soussite .span8  {
		color:rgba(68,68,67,1);
		margin-left:0;
		font-weight:bold;
		font-size:0.8em;
		max-width: 440px;
	}

	#liste_articles-soussite article .span8 strong a{
		color:rgb(235,107,68);
		font-weight:bold;
		font-size:1.4em;
	}

	#liste_articles-soussite strong .span8 a:hover{
		color:rgb(236,142,113);
		text-decoration: none;
	}

	#liste_articles-soussite ul li  {
		/*border-bottom: 1px solid rgb(222,219,219);*/
		clear:both;
		/*padding-bottom:30px;*/
		margin-bottom:30px;
		color:rgba(68,68,67,1);
		margin-left:0;
		/*font-weight:bold;*/
		font-size:0.8em;
	}

	#liste_articles-soussite p{
		margin: 7px 0;
		line-height: 1.5em;
	}

	#liste_articles-soussite p.date{
		margin:-6px 0px -3px 0px;
	}

	#liste_articles-soussite ul li article .logo_article{
		float:left;
		margin-right:30px;
	}

	#liste_articles-soussite ul li article strong a{
		color:rgb(235,107,68);
		font-weight:bold;
		font-size:1.4em;
	}

	#liste_articles-soussite ul li article strong a:hover{
		color:rgb(236,142,113);
		text-decoration: none;
	}

	div.break {
		height:1px;
		clear:both;
	}

	#liste_articles-soussite ul li article small{
		text-transform: uppercase;
		color:rgb(143,135,120);
		font-weight:bold;
		font-size:1em;
	}

	#liste_articles-soussite #outils.span12 {
		margin-left: 0;
	}

	#populaires p.titre-populaires {
		margin-left: auto;
		margin-right: auto;
	}

	#liste_articles-soussite #lire_aussi .bloc_title {
		margin-bottom: 0;
	}

	#liste_articles-soussite #lire_aussi ul li {
		border-bottom: 0px;
		margin-left: 15px;
	}

	.content-recherche {
		width: 100%;
		/*margin-top: 30px;*/
	}

	.content-recherche p.arbo {
		max-width: 990px;
		margin: 0 auto;
	}
	.content-recherche-avancee {
		width: 100%;
		background: rgb(231,231,231);
		/*margin-top: 20px; */
		padding-top: 20px;
		padding-bottom: 1px;
	}

	.menu_articles h2 {
		font-size: 1em;
		margin-bottom: 0;
	}

	.menu_articles {
		max-width: 990px;
		margin: 0 auto;
	}

	.menu_articles ul {
		margin-left: 0;
		padding-top: 30px;
		color: rgb(68,68,67);
		max-width: 702px;
	}

	.menu_articles p.titre_thematique {
	}

	.menu_articles span.titre_thematique {
		color:white;
		background:rgb(144,202,224);
		padding:2px 5px;
		text-transform: uppercase;
		font-family: 'ITCAvantGardeStd-Md';
		font-size: 0.8em;
	}

	.menu_articles h3 {
		font-size: 1.3em;
		margin-bottom: 0px;
		margin-top: 0;
	}

	.menu_articles h3 a{
		color:rgba(41,6,42,1);
	}

	.menu_articles h3 a:hover{
		color:rgb(105,33,107);
		text-decoration: none;
	}

	.menu_articles p.date {
		margin-bottom: 15px;
		text-transform: uppercase;
		font-size: 0.8em;
		font-weight:bold;
		color:rgb(143,135,120);
	}

	.menu_articles ul li{
		margin-bottom: 30px;
		padding-bottom: 30px;
		border-bottom:1px solid rgb(143,135,120);
	}

	#formulaire_recherche form div input[type="submit"]{
		width: 40px;
		height: 40px;
		color:rgba(143,135,120,1);
		border:0;
		margin-left: 230px;
		margin-top: -45px;
		position: absolute;
		background:url(../img/loupe_header.png);
	}

	#formulaire_recherche form div input[type="text"], #recherche {
		width: 227px;
		height: 42px;
		padding-right: 45px;
		box-shadow: none;
		background: #ebeeec;
		border:none;
		padding-left: 7px;
		color:#002627;
		font-weight:bold;
		font-size:0.6em;
	}

	#formulaire_recherche input[type="submit"]:hover{
		/*background: rgba(143,135,120,1);*/
		/*color:rgba(246,246,246,1);
		box-shadow: none;*/
	}

	#formulaire_recherche_avancee {
		max-width: 990px;
		margin: 0 auto;
		padding-bottom: 20px;
	}

	#formulaire_recherche_avancee label{
		text-transform: uppercase;
		font-size: 1.2em;
		font-weight: bold;
		padding-bottom: 20px;
		margin-top: 25px;
		cursor: default;
	}

	#formulaire_recherche_avancee input, #formulaire_recherche_avancee select{
		border-radius: 0;
	}

	#formulaire_recherche_avancee input[type="text"]{
		max-width: 567px;
		padding-left: 10px;
	}

	#formulaire_recherche_avancee select{
		max-width: 581px;
	}

	#formulaire_recherche_avancee input[type="submit"]{
		background: url('../img/mediatheque/rechercher.png') no-repeat scroll -3px 0px transparent;
		border:0px none;
		height: 45px;
		margin: 10px 0 0 0;
		padding: 0px;
		text-indent: -5000px;
		width: 127px;
	}

	.menu_articles .infosrecherche{
		color:rgb(31,46,48);
		font-family: 'ITCAvantGardeStd-Md';
		padding-top: 10px;
	}

	.menu_articles .infosrecherche a{
		color:rgb(31,46,48);
	}

	.menu_articles .infosrecherche a:hover{
		color:rgb(0,172,137);
	}

	.pagination {
		margin-top:50px;
		text-align:center;
		line-height:70px;
		max-width: 705px;
    }

.pagination a {
	color:rgb(31,46,48);
	margin:0 2px;
	/*font-weight: bold;*/
	font-size: 1.2em;
}

.pagination a:hover {
	color:rgb(0,172,137);
}

.pagination .prev, .pagination .next {
	text-transform:uppercase;
	height:70px;
}

.pagination .prev {
	float:left;
	background: url("../img/fleche-gauche.png") no-repeat scroll -6px 1px transparent;
	padding-left: 30px;
}

.pagination .next {
	float:right;
	background: url("../img/fleche-droite.png") no-repeat scroll 65px 2px transparent;
	padding-right: 30px;
}

.pagination .on {
	font-size:1.2em;
	color:rgb(0,172,137);
	margin:0 5px;
	font-weight: bold;
}

.pagination .pages .on {
	font-size:1.5em;
}

.pagination .sep {
	display:none;
}

.pagination .disabled {
    opacity:0.5;
    /*-khtml-opacity:0.5;
    -moz-opacity : 0.5;
    -ms-filter: "alpha(opacity=50)";
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    filter : alpha(opacity=50);
    opacity : 0.5;*/
    display:none;
}

p.noresult {
	width: 990px;
	margin: 30px auto 150px auto;
	text-transform: uppercase;
	font-weight: bold;
	color: rgb(41,6,42);
}

#formulaire_recherche_avancee span.entre {
	color:rgb(85,83,78);
	font-size: 0.8em;
}

input[readonly], select[readonly]{
	cursor: pointer;
	background: white;
}

.widget_twitter, .widget_facebook {
	background: white;
	width: 485px;
	box-shadow: 0px 0px 5px #333333;
	margin-top: 40px;
}

.widget_facebook table{
	display: none !important;
}

.widget_facebook {
	float: left;
}

a._8o_8r {
	display: none;
}

.widget_twitter {
	float: right;
}

.widget_twitter .bloccouleur {
	background:rgb(51,157,195) url(../img/widget_twitter.png) 10px top no-repeat;
	height:35px;
}

.widget_facebook .bloccouleurfb {
	background:rgb(59,89,152) url(../img/widget_facebook.png) 10px 1px no-repeat;
	height:35px;
}

.widget_twitter a {
	padding: 0 10px;
	display: inline-block;
}

#mobile-content {
	display: none;
}

.container-fb-desktop{
		display: block;
	}
	.container-fb-mobile{
		display: none;
	}

#table-solibail, #table-solibail tr td {
	border: none;
}

div p.number {
	font-size:30px;
	float:left;
	font-weight:bold;
	margin-right:7px;
	line-height: 1em;
	padding-right: 10px
}

div p.titrage {
	font-size:12px;
	text-transform: uppercase;
	font-weight:bold;
	margin-top:17px;
	line-height: 1.2em !important;
	padding-top: 7px !important;
}

div p.clear{
	clear:both;
	padding:10px 0;
	margin-top: 0px !important;
}

#liens_content div.span12 {
	min-height: 0;
}

body.page_sommaire #liens_content div.span12 {
	padding-bottom: 20px;
	min-height: 30px;
}

#liste_articles-21 {
	float: left;
}


#barre_hashtag {
	background:#00ac89;
}

#barre_hashtag div {
	max-width: 990px;
	margin: 0 auto;
}

#barre_hashtag h3 {
	font-size: 1.2em;
	color: #002627 !important;
	font-family: 'ITCAvantGardeStd-Md';
	margin: 0;
	padding: 12px 0 10px 0;
	text-transform:uppercase;
}

#sidebar-21{
	float: right;
	background: #a61b44;
	font-family: 'ITCAvantGardeStd-Bk';
}

#sidebar-21 #infos-presse ul{
	padding: 25px 25px 5px 25px;
	text-align: center;
}

#sidebar-21 #infos-presse ul li{
	margin-bottom: 10px;
}

#sidebar-21 #infos-presse ul li a{
	color: #ffffff;
}

#sidebar-21 #infos-presse ul li a:hover{
	opacity: 0.5;
}

.bandeau_bas_container {
	text-align:center;
	background:#01a1e5;
}



/* sous sites hack */

#entete_ministere #logo{
    width:0px;
}

#entete_ministere #slogan {
    width:100%;
    margin: 0 14%;
    max-width: 320px;
}

/* services hack */

#secteur_4 #rubrique_content_ {
    background:rgb(246,246,246);
    color:rgb(255,255,255);
}

#secteur_4 #rubrique_content_ h1 {
    /*border-bottom: 1px solid #A5A097;
    padding-bottom:20px;
    margin-bottom:20px;*/
}

#secteur_4 #secteur_content{
    margin-bottom:0;
}

#secteur_4 #desktop-content img {
    max-width:none;
}

#secteur_4 #rubrique_content_ #ariane,  #secteur_4 #rubrique_content_ #ariane a, #secteur_4 #rubrique_content_ #ariane a:hover, #secteur_4 #rubrique_content_ .breadcrumbs strong {
    color:rgb(255,255,255);
}

/* REBOND */

.bounce_it {
	background:#1A1A1A;
	/*display:none;*/
	color:#fff;
    clear: both;
	padding:0;
	overflow:auto;
	position:fixed;
	bottom:0;
	width:100%;
	left:0;
	 z-index: 2147483647;
}

.bounce_it .bounce_box, .bounce_it .bounce_header {
	padding:0 0 15px 0;
	margin:0 auto;
	overflow:auto;
}

.bounce_it .bounce_header {
	height:auto;
	overflow:hidden;
	cursor:pointer;
}

.bounce_it .h {
	font-size:20px;
	color:#fff;
	text-transform:uppercase;
	text-align:left;
	font-family: 'ITCAvantGardeStd-Md';
	margin-top:0;
	margin-left:0 !important;
	float:left;
	padding:5px 0 0 0;
}

.bounce_it .h h3 {
	margin:2px 15px 8px 15px;
	font-size:20px;
}

.bounce_it .bounce_header .h.moment {
	background:rgb(166, 27, 68) url('/squelettes/img/fleches-sprite.png') 175px -30px no-repeat;
}

.bounce_it .bounce_header .h.moment.toggle {
	background-position:150px 4px;
}

.bounce_it .moment {
	width:22%;
}

.bounce_it .descriptif {
	width:78%;
}

.bounce_it a{
	color:#fff !important;
	text-decoration:none;
	font-size:13px;
}

.bounce_it li {
	max-width:217px;
	margin-left:0px;
	padding:15px;
}

.bounce_it p {
	padding:0;
	text-align:left !important;
}

.bounce_it p.lien {
	text-align:left !important;
	margin-left:15px;
	max-width:213px;
	margin-bottom:10px;

}

.bounce_it ul {
	margin:0;
	padding:0;
}

.bounce_it li p.surtitre {
	font-size:14px;
	text-transform:uppercase;
	font-family: 'ITCAvantGardeStd-Md';
	color: #79B51C;
	text-align:left !important;
}


.bounce_it li p {
	margin:0 !important;
}

.bounce_it li:hover a {
	color:#fff;
}

.bounce_it li:hover a {
	color:#fff;
	text-decoration:none !important;
}

.bounce_it li p.surtitre a, .bounce_it li p.surtitre a:hover {
	color:rgb(205, 0, 103) !important;
	text-decoration:none;
}

.bounce_it li:hover {
	background:#333;
	color:#fff;
}

#liste_articles-soussite .notation-infog p{
		margin: 0 0 15px;
	}

	#liste_articles-soussite .notation-infog .row-fluid.notation{
		margin-top:0;
	}


#liens_dedies {
	background:#1f2e30;
}
#liens_dedies h3 {
	color:#5c6465 !important;
	text-transform:uppercase;
	padding:15px 0 10px 0;
	text-align:center;
	width:990px;
	border-bottom:1px solid #5c6465;
	font-size:1em;
	margin-bottom:20px;
	font-size:1em;
	margin:0 auto 10px auto;}

#liens_dedies ul {
	width:990px;
	color:#424449;
	padding-bottom:15px;
	margin-top:20px;
}

#liens_dedies ul, #liens_content #footer #liens_dedies  h3 {
margin:0 auto;
position:relative;
}

#liens_dedies ul li  {
	display:inline-block;
	color:#424449;
	text-transform:uppercase;
	font-weight:bold;
	font-size:0.8em;
}

#liens_dedies ul li a {
color:#5c6465;
}

#liens_dedies ul li a:hover {
color:#ffffff;
text-decoration:none;
}

@media screen and (max-width: 320px) {
	body {
		/*overflow: hidden;*/
	}

	#titre_content {
		margin-bottom: 0;
	}

	.mobile {
		display: block;
	}

	#barre_hashtag div {
		display: none;
	}

	.page_sommaire {
		width: 100%;
		max-width: 320px;
	}

	.header .row-fluid {
		width: 100%;
		max-width: 100%;
	}

	.content-header {
		background: none;
		padding: 20px 0;
	}

	/*.content-header .header .row-fluid #logo {
		margin: 0 auto 15px auto;
	}*/

	.content-header .header .navbar, #navigation-principale {
		display: none;
	}

	#logo {
		width: 90px;
		float: left;
	}

	#marianne {
		max-width: 80%;
		float: left;
		margin-left: 10px;
	}

	#slogan {
		text-align: left;
		line-height: 1em;
		margin-left: 0;
		width: 62%;
		margin-top:-8px;
		padding: 0;
	}

	#slogan h1 {
		font-size: 0.6em !important;
	}

	#slider_content, #mediatheque_content {
		height: 100%;
		overflow:visible;
	}

	#fil_actu {
		float: none;
		clear: both;
		width: 100%;
	}

	#dossiers_content {
		max-width: 320px;
		padding-bottom: 0;
	}

	#dossiers_content h3, #mediatheque_content h3 {
		font-size: 1.2em;
		padding: 15px;
	}

	#dossiers_content .container {
		border-top: 1px solid rgba(255,255,255,0.5);
	}

	#dossiers-desktop [class*="span"]{
		float: none;
	}

	#dossiers-desktop li {
		border-right: none;
		border-bottom: 1px solid #b73058;
	}

	#dossiers-desktop .span3 {
		width: 100%;
		padding-bottom: 15px;
	}

	#dossiers-desktop .span3:last-child{
		padding-bottom: 0;
		border-bottom: none;
	}

	#carousel_publications p {
		width: 100%;
		margin-left: auto;
	}

	#medias_gallery {
		padding-bottom: 0;
	}

	#medias_gallery .span3 {
		background: none;
	}

	#medias_gallery #infographie {
		margin-bottom: 40px;
	}

	#voir p {
		text-align: center;
	}

	#mediatheque_content #voir {
		margin-top: 15px;
		text-align: center;
	}



	#liens_content h3 {
		display: none;
	}

	#liens_content .notmobile.rs.container {
		border-top: none;
	}

	#services_content .mobile {
		display: block;
	}

	.carousel-inner .item {
		margin: 0 auto;
		text-align: center;
	}

	#services_gallery .carousel-control {
		display: none;
	}

	.notmobile, .span3.notmobile {
		display: none;
	}

	#services_gallery .carousel-inner .item a img {
		display: inline-block;
	}

	.mobile {
		display: block;
	}

	.mobile.footer ul {
		margin: 0;
	}

	.mobile.footer ul li {
		margin-bottom: 10px;
	}

	.mobile.footer ul li a {
		color: #ffffff;
	}


	/* Navigation Menu - Background */
.navigation {
  /* critical sizing and position styles */
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 95px;
  z-index: 0;
  /* non-critical appearance styles */
  list-style: none;
  background: rgb(0,38,39);
}

/* Navigation Menu - List items */
.nav-item {
  /* non-critical appearance styles */
  width: 200px;
  padding-left: 10px;
  margin-bottom: 7px;

}

.thematiques-mobile {
	margin-bottom: 15px;
}

.contact-mobile {
	border-top: 1px solid rgba(255,255,255,0.5);
	margin: 0px 105px 0 35px;
	padding-left: 0px;
	padding-top: 15px;
}

.contact-mobile .nav-item {
	margin-bottom: 0px;
	padding-left: 0;
}

.contact-mobile .nav-item a{
	text-transform: none;
}

.thematiques-mobile .nav-item a {
	text-transform: none;
	color: rgba(255,255,255,0.7);
	font-family: 'ITCAvantGardeStd-Bk';
}

.nav-item a {
  /* non-critical appearance styles */
  display: block;
  color: white;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  font-family: 'ITCAvantGardeStd-Md';
}

.nav-item a:hover {
  color: #ffffff;
  text-decoration:underline;
  background: none;
  font-size:12px;
}

/* Site Wrapper - Everything that isn't navigation */
.site-wrap {
  /* Critical position and size styles */
  min-height: 100%;
  min-width: 100%;
  background-color: white; /* Needs a background or else the nav will show through */
  position: relative;
  top: 0;
  bottom: 100%;
  left: 0;
  z-index: 1;

  /* non-critical apperance styles */
}

/* Nav Trigger */
.nav-trigger {
  /* critical styles - hide the checkbox input */
  position: absolute;
  clip: rect(0, 0, 0, 0);
}

#nav-trigger.mobile {
	display: block;
}

label[for="nav-trigger"] {
  /* critical positioning styles */
  position: fixed;
  right: 10px; top: 30px;
  z-index: 2;

  /* non-critical apperance styles */
  height: 30px;
  width: 30px;
  cursor: pointer;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='30px' height='30px' viewBox='0 0 30 30' enable-background='new 0 0 30 30' xml:space='preserve'><rect width='30' height='6'/><rect y='24' width='30' height='6'/><rect y='12' width='30' height='6'/></svg>");
  background-size: contain;
}

/* Make the Magic Happen */
.nav-trigger + label, .site-wrap {
  transition: right 0.2s;
}

.nav-trigger:checked + label {
  left: 80px;
}

.nav-trigger:checked ~ .site-wrap {
  left: -200px;
  box-shadow: 0 0 5px 5px rgba(0,0,0,0.5);
}

body {
    /* Without this, the body has excess horizontal scroll when the menu is open */
  overflow-x: hidden;
}

.navigation.mobile input#recherche {
	width: 120px;
	height: 20px;
}

#secteur_content h1 {
	font-size: 1.2em;
}

#liens_dedies {
	display:none;
}

#formulaire_recherche form div input[type="text"], #recherche {
	font-size:1em;
	font-family:'ITCAvantGardeStd-Bk';
	color:#273654;
	font-weight:normal;
}

}

@media screen and (min-width: 321px) and (max-width: 360px) {
	body {
		/*overflow: hidden;*/
	}

	.page_sommaire {
		width: 100%;
		max-width: 360px;
	}

	#titre_content {
		margin-bottom: 0;
	}

	#barre_hashtag div {
		display: none;
	}

	.header .row-fluid {
		width: 100%;
		max-width: 100%;
	}

	.content-header {
		background: none;
		padding: 20px 0;
	}

	/*.content-header .header .row-fluid #logo {
		margin: 0 auto 15px auto;
	}*/

	.content-header .header .navbar, #navigation-principale {
		display: none;
	}

	#logo {
		width: 90px;
		float: left;
	}

	#marianne {
		max-width: 80%;
		float: left;
		margin-left: 10px;
	}

	#slogan {
		text-align: left;
		line-height: 1em;
		margin-left: 0;
		width: 62%;
		margin-top:-8px;
		padding: 0;
	}

	#slogan h1 {
		font-size: 0.7em !important;
	}

	#slider_content, #mediatheque_content {
		height: 100%;
		overflow:visible;
	}

	#fil_actu {
		float: none;
		clear: both;
		width: 100%;
	}

	#dossiers_content {
		max-width: 360px;
		padding-bottom: 0;
	}

	#dossiers_content h3, #mediatheque_content h3 {
		font-size: 1.2em;
		padding: 15px;
	}

	#dossiers_content .container {
		border-top: 1px solid rgba(255,255,255,0.5);
	}

	#dossiers-desktop [class*="span"]{
		float: none;
	}

	#dossiers-desktop li {
		border-right: none;
		border-bottom: 1px solid #b73058;
	}

	#dossiers-desktop .span3 {
		width: 100%;
		padding-bottom: 15px;
	}

	#dossiers-desktop .span3:last-child{
		padding-bottom: 0;
		border-bottom: none;
	}

	#carousel_publications p {
		width: 100%;
		margin-left: auto;
	}

	#medias_gallery {
		padding-bottom: 0;
	}

	#medias_gallery .span3 {
		background: none;
	}

	#medias_gallery #infographie {
		margin-bottom: 40px;
	}

	#voir p {
		text-align: center;
	}

	#mediatheque_content #voir {
		margin-top: 15px;
		text-align: center;
	}

	#liens_content h3 {
		display: none;
	}

	#liens_content .notmobile.rs.container {
		border-top: none;
	}

	#services_content .mobile {
		display: block;
	}

	.carousel-inner .item {
		margin: 0 auto;
		text-align: center;
	}

	#services_gallery .carousel-control {
		display: none;
	}

	.notmobile, .span3.notmobile {
		display: none;
	}

	#services_gallery .carousel-inner .item a img {
		display: inline-block;
	}

	.mobile {
		display: block;
	}

	.mobile.footer ul {
		margin: 0;
	}

	.mobile.footer ul li {
		margin-bottom: 10px;
	}

	.mobile.footer ul li a {
		color: #ffffff;
	}


	/* Navigation Menu - Background */
.navigation {
  /* critical sizing and position styles */
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 135px;
  z-index: 0;

  /* non-critical appearance styles */
  list-style: none;
  background: rgb(0,38,39);
}

/* Navigation Menu - List items */
.nav-item {
  /* non-critical appearance styles */
  width: 200px;
  padding-left: 10px;
  margin-bottom: 7px;

}

.thematiques-mobile {
	margin-bottom: 15px;
}

.contact-mobile {
	border-top: 1px solid rgba(255,255,255,0.5);
	margin: 0px 105px 0 35px;
	padding-left: 0px;
	padding-top: 15px;
}

.contact-mobile .nav-item {
	margin-bottom: 0px;
	padding-left: 0;
}

.contact-mobile .nav-item a{
	text-transform: none;
}

.thematiques-mobile .nav-item a {
	text-transform: none;
	color: rgba(255,255,255,0.7);
	font-family: 'ITCAvantGardeStd-Bk';
}

.nav-item a {
  /* non-critical appearance styles */
  display: block;
  color: white;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  font-family: 'ITCAvantGardeStd-Md';
}

.nav-item a:hover {
  color: #ffffff;
  text-decoration:underline;
  background: none;
  font-size:12px;
}

/* Site Wrapper - Everything that isn't navigation */
.site-wrap {
  /* Critical position and size styles */
  min-height: 100%;
  min-width: 100%;
  background-color: white; /* Needs a background or else the nav will show through */
  position: relative;
  top: 0;
  bottom: 100%;
  left: 0;
  z-index: 1;

  /* non-critical apperance styles */
}

/* Nav Trigger */
.nav-trigger {
  /* critical styles - hide the checkbox input */
  position: absolute;
  clip: rect(0, 0, 0, 0);
}

label[for="nav-trigger"] {
  /* critical positioning styles */
  position: fixed;
  right: 10px; top: 30px;
  z-index: 2;

  /* non-critical apperance styles */
  height: 30px;
  width: 30px;
  cursor: pointer;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='30px' height='30px' viewBox='0 0 30 30' enable-background='new 0 0 30 30' xml:space='preserve'><rect width='30' height='6'/><rect y='24' width='30' height='6'/><rect y='12' width='30' height='6'/></svg>");
  background-size: contain;
}

/* Make the Magic Happen */
.nav-trigger + label, .site-wrap {
  transition: right 0.2s;
}

.nav-trigger:checked + label {
  left: 120px;
}

.nav-trigger:checked ~ .site-wrap {
  left: -200px;
  box-shadow: 0 0 5px 5px rgba(0,0,0,0.5);
}

body {
    /* Without this, the body has excess horizontal scroll when the menu is open */
  overflow-x: hidden;
}

.navigation.mobile input#recherche {
	width: 120px;
	height: 20px;
}

#secteur_content h1 {
	font-size: 1.2em;
}

#liens_dedies {
	display:none;
}

}

/* IPHONE 6 */

@media screen and (min-width: 361px) and (max-width: 375px) {
	body {
		/*overflow: hidden;*/
	}

	#barre_hashtag div {
		display: none;
	}

	#titre_content {
		margin-bottom: 0;
	}

	.page_sommaire {
		width: 100%;
		max-width: 375px;
	}

	.header .row-fluid {
		width: 100%;
		max-width: 100%;
	}

	.content-header {
		background: none;
		padding: 20px 0;
	}

	/*.content-header .header .row-fluid #logo {
		margin: 0 auto 15px auto;
	}*/

	.content-header .header .navbar, #navigation-principale {
		display: none;
	}

	#logo {
		width: 90px;
		float: left;
	}

	#marianne {
		max-width: 80%;
		float: left;
		margin-left: 10px;
	}

	#slogan {
		text-align: left;
		line-height: 1em;
		margin-left: 0;
		width: 62%;
		margin-top:-8px;
		padding: 0;
	}

	#slogan h1 {
		font-size: 0.6em !important;
	}

	#slider_content, #mediatheque_content {
		height: 100%;
		overflow:visible;
	}

	#fil_actu {
		float: none;
		clear: both;
		width: 100%;
	}

	#dossiers_content {
		max-width: 375px;
		padding-bottom: 0;
	}

	#dossiers_content h3, #mediatheque_content h3 {
		font-size: 1.2em;
		padding: 15px;
	}

	#dossiers_content .container {
		border-top: 1px solid rgba(255,255,255,0.5);
	}

	#dossiers-desktop [class*="span"]{
		float: none;
	}

	#dossiers-desktop li {
		border-right: none;
		border-bottom: 1px solid #b73058;
	}

	#dossiers-desktop .span3 {
		width: 100%;
		padding-bottom: 15px;
	}

	#dossiers-desktop .span3:last-child{
		padding-bottom: 0;
		border-bottom: none;
	}

	#carousel_publications p {
		width: 100%;
		margin-left: auto;
	}

	#medias_gallery {
		padding-bottom: 0;
	}

	#medias_gallery .span3 {
		background: none;
	}

	#medias_gallery #infographie {
		margin-bottom: 40px;
	}

	#voir p {
		text-align: center;
	}

	#mediatheque_content #voir {
		margin-top: 15px;
		text-align: center;
	}

	#liens_content h3 {
		display: none;
	}

	#liens_content .notmobile.rs.container {
		border-top: none;
	}

	#services_content .mobile {
		display: block;
	}

	.carousel-inner .item {
		margin: 0 auto;
		text-align: center;
	}

	#services_gallery .carousel-control {
		display: none;
	}

	.notmobile, .span3.notmobile {
		display: none;
	}

	#services_gallery .carousel-inner .item a img {
		display: inline-block;
	}

	.mobile {
		display: block;
	}

	.mobile.footer ul {
		margin: 0;
	}

	.mobile.footer ul li {
		margin-bottom: 10px;
	}

	.mobile.footer ul li a {
		color: #ffffff;
	}


	/* Navigation Menu - Background */
.navigation {
  /* critical sizing and position styles */
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 155px;
  z-index: 0;

  /* non-critical appearance styles */
  list-style: none;
  background: rgb(0,38,39);
}

/* Navigation Menu - List items */
.nav-item {
  /* non-critical appearance styles */
  width: 200px;
  padding-left: 10px;
  margin-bottom: 7px;

}

.thematiques-mobile {
	margin-bottom: 15px;
}

.contact-mobile {
	border-top: 1px solid rgba(255,255,255,0.5);
	margin: 0px 105px 0 35px;
	padding-left: 0px;
	padding-top: 15px;
}

.contact-mobile .nav-item {
	margin-bottom: 0px;
	padding-left: 0;
}

.contact-mobile .nav-item a{
	text-transform: none;
}

.thematiques-mobile .nav-item a {
	text-transform: none;
	color: rgba(255,255,255,0.7);
	font-family: 'ITCAvantGardeStd-Bk';
}

.nav-item a {
  /* non-critical appearance styles */
  display: block;
  color: white;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  font-family: 'ITCAvantGardeStd-Md';
}

.nav-item a:hover {
  color: #ffffff;
  text-decoration:underline;
  background: none;
  font-size:12px;
}

/* Site Wrapper - Everything that isn't navigation */
.site-wrap {
  /* Critical position and size styles */
  min-height: 100%;
  min-width: 100%;
  background-color: white; /* Needs a background or else the nav will show through */
  position: relative;
  top: 0;
  bottom: 100%;
  left: 0;
  z-index: 1;

  /* non-critical apperance styles */
}

/* Nav Trigger */
.nav-trigger {
  /* critical styles - hide the checkbox input */
  position: absolute;
  clip: rect(0, 0, 0, 0);
}

label[for="nav-trigger"] {
  /* critical positioning styles */
  position: fixed;
  right: 10px; top: 30px;
  z-index: 2;

  /* non-critical apperance styles */
  height: 30px;
  width: 30px;
  cursor: pointer;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='30px' height='30px' viewBox='0 0 30 30' enable-background='new 0 0 30 30' xml:space='preserve'><rect width='30' height='6'/><rect y='24' width='30' height='6'/><rect y='12' width='30' height='6'/></svg>");
  background-size: contain;
}

/* Make the Magic Happen */
.nav-trigger + label, .site-wrap {
  transition: right 0.2s;
}

.nav-trigger:checked + label {
  left: 130px;
}

.nav-trigger:checked ~ .site-wrap {
  left: -200px;
  box-shadow: 0 0 5px 5px rgba(0,0,0,0.5);
}

body {
    /* Without this, the body has excess horizontal scroll when the menu is open */
  overflow-x: hidden;
}

.navigation.mobile input#recherche {
	width: 120px;
	height: 20px;
}

#secteur_content h1 {
	font-size: 1.2em;
}

#liens_dedies {
	display:none;
}

#formulaire_recherche form div input[type="text"], #recherche {
	font-size:1em;
	font-family:'ITCAvantGardeStd-Bk';
	color:#273654;
	font-weight:normal;
}

}

@media screen and (min-width: 376px) and (max-width: 384px) {
	body {
		/*overflow: hidden;*/
	}

	#barre_hashtag div {
		display: none;
	}

	#titre_content {
		margin-bottom: 0;
	}

	.page_sommaire {
		width: 100%;
		max-width: 384px;
	}

	.header .row-fluid {
		width: 100%;
		max-width: 100%;
	}

	.content-header {
		background: none;
		padding: 20px 0;
	}

	/*.content-header .header .row-fluid #logo {
		margin: 0 auto 15px auto;
	}*/

	.content-header .header .navbar, #navigation-principale {
		display: none;
	}

	#logo {
		width: 90px;
		float: left;
	}

	#marianne {
		max-width: 80%;
		float: left;
		margin-left: 10px;
	}

	#slogan {
		text-align: left;
		line-height: 1em;
		margin-left: 0;
		width: 62%;
		margin-top:-8px;
		padding: 0;
	}

	#slogan h1 {
		font-size: 0.6em !important;
	}

	#slider_content, #mediatheque_content {
		height: 100%;
		overflow:visible;
	}

	#fil_actu {
		float: none;
		clear: both;
		width: 100%;
	}

	#dossiers_content {
		max-width: 384px;
		padding-bottom: 0;
	}

	#dossiers_content h3, #mediatheque_content h3 {
		font-size: 1.2em;
		padding: 15px;
	}

	#dossiers_content .container {
		border-top: 1px solid rgba(255,255,255,0.5);
	}

	#dossiers-desktop [class*="span"]{
		float: none;
	}

	#dossiers-desktop li {
		border-right: none;
		border-bottom: 1px solid #b73058;
	}

	#dossiers-desktop .span3 {
		width: 100%;
		padding-bottom: 15px;
	}

	#dossiers-desktop .span3:last-child{
		padding-bottom: 0;
		border-bottom: none;
	}

	#carousel_publications p {
		width: 100%;
		margin-left: auto;
	}

	#medias_gallery {
		padding-bottom: 0;
	}

	#medias_gallery .span3 {
		background: none;
	}

	#medias_gallery #infographie {
		margin-bottom: 40px;
	}

	#voir p {
		text-align: center;
	}

	#mediatheque_content #voir {
		margin-top: 15px;
		text-align: center;
	}

	#liens_content h3 {
		display: none;
	}

	#liens_content .notmobile.rs.container {
		border-top: none;
	}

	#services_content .mobile {
		display: block;
	}

	.carousel-inner .item {
		margin: 0 auto;
		text-align: center;
	}

	#services_gallery .carousel-control {
		display: none;
	}

	.notmobile, .span3.notmobile {
		display: none;
	}

	#services_gallery .carousel-inner .item a img {
		display: inline-block;
	}

	.mobile {
		display: block;
	}

	.mobile.footer ul {
		margin: 0;
	}

	.mobile.footer ul li {
		margin-bottom: 10px;
	}

	.mobile.footer ul li a {
		color: #ffffff;
	}


	/* Navigation Menu - Background */
.navigation {
  /* critical sizing and position styles */
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 160px;
  z-index: 0;

  /* non-critical appearance styles */
  list-style: none;
  background: rgb(0,38,39);
}

/* Navigation Menu - List items */
.nav-item {
  /* non-critical appearance styles */
  width: 200px;
  padding-left: 10px;
  margin-bottom: 7px;

}

.thematiques-mobile {
	margin-bottom: 15px;
}

.contact-mobile {
	border-top: 1px solid rgba(255,255,255,0.5);
	margin: 0px 105px 0 35px;
	padding-left: 0px;
	padding-top: 15px;
}

.contact-mobile .nav-item {
	margin-bottom: 0px;
	padding-left: 0;
}

.contact-mobile .nav-item a{
	text-transform: none;
}

.thematiques-mobile .nav-item a {
	text-transform: none;
	color: rgba(255,255,255,0.7);
	font-family: 'ITCAvantGardeStd-Bk';
}

.nav-item a {
  /* non-critical appearance styles */
  display: block;
  color: white;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  font-family: 'ITCAvantGardeStd-Md';
}

.nav-item a:hover {
  color: #ffffff;
  text-decoration:underline;
  background: none;
  font-size:12px;
}

/* Site Wrapper - Everything that isn't navigation */
.site-wrap {
  /* Critical position and size styles */
  min-height: 100%;
  min-width: 100%;
  background-color: white; /* Needs a background or else the nav will show through */
  position: relative;
  top: 0;
  bottom: 100%;
  left: 0;
  z-index: 1;

  /* non-critical apperance styles */
}

/* Nav Trigger */
.nav-trigger {
  /* critical styles - hide the checkbox input */
  position: absolute;
  clip: rect(0, 0, 0, 0);
}

label[for="nav-trigger"] {
  /* critical positioning styles */
  position: fixed;
  right: 10px; top: 30px;
  z-index: 2;

  /* non-critical apperance styles */
  height: 30px;
  width: 30px;
  cursor: pointer;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='30px' height='30px' viewBox='0 0 30 30' enable-background='new 0 0 30 30' xml:space='preserve'><rect width='30' height='6'/><rect y='24' width='30' height='6'/><rect y='12' width='30' height='6'/></svg>");
  background-size: contain;
}

/* Make the Magic Happen */
.nav-trigger + label, .site-wrap {
  transition: right 0.2s;
}

.nav-trigger:checked + label {
  left: 145px;
}

.nav-trigger:checked ~ .site-wrap {
  left: -200px;
  box-shadow: 0 0 5px 5px rgba(0,0,0,0.5);
}

body {
    /* Without this, the body has excess horizontal scroll when the menu is open */
  overflow-x: hidden;
}

.navigation.mobile input#recherche {
	width: 120px;
	height: 20px;
}

#secteur_content h1 {
	font-size: 1.2em;
}

#liens_dedies {
	display:none;
}

}

@media screen and (min-width: 385px) and (max-width: 414px) {
	body {
		/*overflow: hidden;*/
	}

	.page_sommaire {
		width: 100%;
		max-width: 414px;
	}

	#titre_content {
		margin-bottom: 0;
	}

	#barre_hashtag div {
		display: none;
	}

	#secteur_content h1 {
	font-size: 1.2em;
}

	.header .row-fluid {
		width: 100%;
		max-width: 100%;
	}

	.content-header {
		background: none;
		padding: 20px 0;
	}

	/*.content-header .header .row-fluid #logo {
		margin: 0 auto 15px auto;
	}*/

	.content-header .header .navbar, #navigation-principale {
		display: none;
	}

	#logo {
		width: 90px;
		float: left;
	}

	#marianne {
		max-width: 80%;
		float: left;
		margin-left: 10px;
	}

	#slogan {
		text-align: left;
		line-height: 1em;
		margin-left: 0;
		width: 62%;
		margin-top:-8px;
		padding: 0;
	}

	#slogan h1 {
		font-size: 0.6em !important;
	}

	#slider_content, #mediatheque_content {
		height: 100%;
		overflow:visible;
	}

	#fil_actu {
		float: none;
		clear: both;
		width: 100%;
	}

	#dossiers_content {
		max-width: 414px;
		padding-bottom: 0;
	}

	#dossiers_content h3, #mediatheque_content h3 {
		font-size: 1.2em;
		padding: 15px;
	}

	#dossiers_content .container {
		border-top: 1px solid rgba(255,255,255,0.5);
	}

	#dossiers-desktop [class*="span"]{
		float: none;
	}

	#dossiers-desktop li {
		border-right: none;
		border-bottom: 1px solid #b73058;
	}

	#dossiers-desktop .span3 {
		width: 100%;
		padding-bottom: 15px;
	}

	#dossiers-desktop .span3:last-child{
		padding-bottom: 0;
		border-bottom: none;
	}

	#carousel_publications p {
		width: 100%;
		margin-left: auto;
	}

	#medias_gallery {
		padding-bottom: 0;
	}

	#medias_gallery .span3 {
		background: none;
	}

	#medias_gallery #infographie {
		margin-bottom: 40px;
	}

	#voir p {
		text-align: center;
	}

	#mediatheque_content #voir {
		margin-top: 15px;
		text-align: center;
	}

	#liens_content h3 {
		display: none;
	}

	#liens_content .notmobile.rs.container {
		border-top: none;
	}

	#services_content .mobile {
		display: block;
	}

	.carousel-inner .item {
		margin: 0 auto;
		text-align: center;
	}

	#services_gallery .carousel-control {
		display: none;
	}

	.notmobile, .span3.notmobile {
		display: none;
	}

	#services_gallery .carousel-inner .item a img {
		display: inline-block;
	}

	.mobile {
		display: block;
	}

	.mobile.footer ul {
		margin: 0;
	}

	.mobile.footer ul li {
		margin-bottom: 10px;
	}

	.mobile.footer ul li a {
		color: #ffffff;
	}


	/* Navigation Menu - Background */
.navigation {
  /* critical sizing and position styles */
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 190px;
  z-index: 0;

  /* non-critical appearance styles */
  list-style: none;
  background: rgb(0,38,39);
}

/* Navigation Menu - List items */
.nav-item {
  /* non-critical appearance styles */
  width: 200px;
  padding-left: 10px;
  margin-bottom: 7px;

}

.thematiques-mobile {
	margin-bottom: 15px;
}

.contact-mobile {
	border-top: 1px solid rgba(255,255,255,0.5);
	margin: 0px 105px 0 35px;
	padding-left: 0px;
	padding-top: 15px;
}

.contact-mobile .nav-item {
	margin-bottom: 0px;
	padding-left: 0;
}

.contact-mobile .nav-item a{
	text-transform: none;
}

.thematiques-mobile .nav-item a {
	text-transform: none;
	color: rgba(255,255,255,0.7);
	font-family: 'ITCAvantGardeStd-Bk';
}

.nav-item a {
  /* non-critical appearance styles */
  display: block;
  color: white;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  font-family: 'ITCAvantGardeStd-Md';
}

.nav-item a:hover {
  color: #ffffff;
  text-decoration:underline;
  background: none;
  font-size:12px;
}

/* Site Wrapper - Everything that isn't navigation */
.site-wrap {
  /* Critical position and size styles */
  min-height: 100%;
  min-width: 100%;
  background-color: white; /* Needs a background or else the nav will show through */
  position: relative;
  top: 0;
  bottom: 100%;
  left: 0;
  z-index: 1;

  /* non-critical apperance styles */
}

/* Nav Trigger */
.nav-trigger {
  /* critical styles - hide the checkbox input */
  position: absolute;
  clip: rect(0, 0, 0, 0);
}

label[for="nav-trigger"] {
  /* critical positioning styles */
  position: fixed;
  right: 10px; top: 30px;
  z-index: 2;

  /* non-critical apperance styles */
  height: 30px;
  width: 30px;
  cursor: pointer;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='30px' height='30px' viewBox='0 0 30 30' enable-background='new 0 0 30 30' xml:space='preserve'><rect width='30' height='6'/><rect y='24' width='30' height='6'/><rect y='12' width='30' height='6'/></svg>");
  background-size: contain;
}

/* Make the Magic Happen */
.nav-trigger + label, .site-wrap {
  transition: right 0.2s;
}

.nav-trigger:checked + label {
  left: 175px;
}

.nav-trigger:checked ~ .site-wrap {
  left: -200px;
  box-shadow: 0 0 5px 5px rgba(0,0,0,0.5);
}

body {
    /* Without this, the body has excess horizontal scroll when the menu is open */
  overflow-x: hidden;
}

.navigation.mobile input#recherche {
	width: 120px;
	height: 20px;
}

#liens_dedies {
	display:none;
}

}


@media screen and (min-width: 415px) and (max-width: 768px) {
	body {
		/*overflow: hidden;*/
	}

	.page_sommaire {
		width: 100%;
		max-width: 768px;
	}

	#barre_hashtag div {
		display: none;
	}

	#secteur_content h1 {
	font-size: 1.2em;
}

	.header .row-fluid {
		width: 100%;
		max-width: 100%;
	}

	.content-header {
		background: none;
		padding: 20px 0;
	}

	/*.content-header .header .row-fluid #logo {
		margin: 0 auto 15px auto;
	}*/

	.content-header .header .navbar, #navigation-principale {
		display: none;
	}

	#logo {
		width: auto;
		float: left;
	}

	#marianne {
		max-width: 80%;
		float: left;
		margin-left: 10px;
	}

	#slogan {
		text-align: left;
		line-height: 1em;
		margin-left: 0;
		width: 40%;
		padding: 0;
		float: left;
	}

	#slogan h1 {
		font-size: 0.9em;
		padding-top: 0;
	}

	#slider_content, #mediatheque_content {
		height: 100%;
		overflow:visible;
	}

	#fil_actu {
		float: right;
		/*clear: both;*/
		width: 100%;
	}

	#dossiers_content {
		max-width: 768px;
		padding-bottom: 0;
	}

	#dossiers_content h3, #mediatheque_content h3 {
		font-size: 1.2em;
		padding: 15px;
	}

	#dossiers_content .container {
		border-top: 1px solid rgba(255,255,255,0.5);
	}

	#dossiers-desktop [class*="span"]{
		float: left;
	}


	#dossiers-desktop li {
		border-right: none;
		border-bottom: 1px solid #b73058;
	}

	#dossiers-desktop .span3 {
		width: 33%;
		padding-bottom: 15px;
		min-height: 274px;
	}

	#dossiers-desktop .span3:last-child{
		padding-bottom: 0;
		border-bottom: none;
	}

	#publications.notmobile {
		display: block;
	}

	#carousel_publications p {
		width: 100%;
		margin-left: auto;
	}

	#medias_gallery {
		padding-bottom: 0;
	}

	#medias_gallery .span3 {
		background: none;
	}

	#medias_gallery #infographie {
		/*margin-bottom: 40px;*/
	}

	#infographie.notmobile {
		display:block;
	}

	#voir p {
		text-align: center;
	}

	#mediatheque_content #voir {
		padding-top: 20px;
		padding-bottom: 15px;
		text-align: center;
	}

	#liens_content {
		padding-top: 15px;
		/*padding-bottom: 15px;*/
	}

	#liens_content h3.notmobile {
		display: none;
	}

	/*#liens_content .notmobile.rs.container {
		border-top: block;
		display: block;
	}

	#liens_content .notmobile.rs.container .notmobile.row-fluid, #liens_content .notmobile.rs.container .notmobile.row-fluid .notmobile.span12, #liens_content .notmobile.rs.container .notmobile.span12 {
		display: block;
	}*/

	#services_content .notmobile {
		display: block;
	}

	.carousel-inner .item {
		margin: 0 auto;
		text-align: center;
	}

	#services_gallery .carousel-control {
		display: none;
	}

	.notmobile, .span3.notmobile {
		display: none;
	}

	#services_gallery .carousel-inner .item a img {
		display: inline-block;
	}

	.mobile {
		display: block;
	}

	.mobile.footer {
		display: none;
	}

	.mobile.footer ul li {
		margin-bottom: 10px;
	}

	.mobile.footer ul li a {
		color: #ffffff;
	}

	#plan_content .plan-du-site_footer ul li, #plan_content .themas_footer ul li {
		width: 45%;
	}

	.bloc-gauche_footer.notmobile {
		display: block;
	}


	/* Navigation Menu - Background */
.navigation {
  /* critical sizing and position styles */
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 550px;
  z-index: 0;

  /* non-critical appearance styles */
  list-style: none;
  background: rgb(0,38,39);
}

/* Navigation Menu - List items */
.nav-item {
  /* non-critical appearance styles */
  width: 200px;
  padding-left: 10px;
  margin-bottom: 7px;

}

.thematiques-mobile {
	margin-bottom: 15px;
}

.contact-mobile {
	border-top: 1px solid rgba(255,255,255,0.5);
	margin: 0px 105px 0 35px;
	padding-left: 0px;
	padding-top: 15px;
}

.contact-mobile .nav-item {
	margin-bottom: 0px;
	padding-left: 0;
}

.contact-mobile .nav-item a{
	text-transform: none;
}

.thematiques-mobile .nav-item a {
	text-transform: none;
	color: rgba(255,255,255,0.7);
	font-family: 'ITCAvantGardeStd-Bk';
}

.nav-item a {
  /* non-critical appearance styles */
  display: block;
  color: white;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  font-family: 'ITCAvantGardeStd-Md';
}

.nav-item a:hover {
  color: #ffffff;
  text-decoration:underline;
  background: none;
  font-size:12px;
}

/* Site Wrapper - Everything that isn't navigation */
.site-wrap {
  /* Critical position and size styles */
  min-height: 100%;
  min-width: 100%;
  background-color: white; /* Needs a background or else the nav will show through */
  position: relative;
  top: 0;
  bottom: 100%;
  left: 0;
  z-index: 1;

  /* non-critical apperance styles */
}

/* Nav Trigger */
.nav-trigger {
  /* critical styles - hide the checkbox input */
  position: absolute;
  clip: rect(0, 0, 0, 0);
}

label[for="nav-trigger"] {
  /* critical positioning styles */
  position: fixed;
  right: 10px; top: 30px;
  z-index: 2;

  /* non-critical apperance styles */
  height: 30px;
  width: 30px;
  cursor: pointer;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='30px' height='30px' viewBox='0 0 30 30' enable-background='new 0 0 30 30' xml:space='preserve'><rect width='30' height='6'/><rect y='24' width='30' height='6'/><rect y='12' width='30' height='6'/></svg>");
  background-size: contain;
}

/* Make the Magic Happen */
.nav-trigger + label, .site-wrap {
  transition: right 0.2s;
}

.nav-trigger:checked + label {
  left: 524px;
}

.nav-trigger:checked ~ .site-wrap {
  /*left: -200px;*/
  box-shadow: 0 0 5px 5px rgba(0,0,0,0.5);
}

body {
    /* Without this, the body has excess horizontal scroll when the menu is open */
  overflow-x: hidden;
}

.navigation.mobile input#recherche {
	width: 120px;
	height: 20px;
	margin-left: 33px;
}

#liens_dedies {
	max-width:768px;
}

#liens_dedies  h3, #liens_dedies  ul{
	max-width:768px;
}

#plan_content {
	display:block !important;
}

}


@media screen and (min-width: 769px) and (max-width: 1024px) {
	body {
		/*overflow: hidden;*/
	}

	.page_sommaire {
		width: 100%;
		max-width: 1024px;
	}

	#barre_hashtag div {
		display: none;
	}

	#secteur_content h1 {
	font-size: 1.2em;
}

	.header .row-fluid {
		width: 100%;
		max-width: 100%;
	}

	.content-header {
		background: none;
		padding: 20px 0;
	}

	/*.content-header .header .row-fluid #logo {
		margin: 0 auto 15px auto;
	}*/

	.content-header .header .navbar, #navigation-principale {
		display: none;
	}

	#logo {
		width: auto;
		float: left;
	}

	#marianne {
		max-width: 80%;
		float: left;
		margin-left: 10px;
	}

	#slogan {
		text-align: left;
		line-height: 1em;
		margin-left: 0;
		width: 40%;
		padding: 0;
		float: left;
	}

	#slogan h1 {
		font-size: 0.9em;
		padding-top: 0;
	}

	#slider_content, #mediatheque_content {
		height: 100%;
		overflow:visible;
	}

	#fil_actu {
		float: right;
		/*clear: both;*/
		width: 100%;
	}

	#dossiers_content {
		max-width: 1024px;
		padding-bottom: 0;
	}

	#dossiers_content h3, #mediatheque_content h3 {
		font-size: 1.2em;
		padding: 15px;
	}

	#dossiers_content .container {
		border-top: 1px solid rgba(255,255,255,0.5);
	}

	#dossiers-desktop [class*="span"]{
		float: left;
	}


	#dossiers-desktop li {
		border-right: none;
		border-bottom: 1px solid #b73058;
	}

	#dossiers-desktop .span3 {
		width: 33%;
		padding-bottom: 15px;
		min-height: 274px;
	}

	#dossiers-desktop .span3:last-child{
		padding-bottom: 0;
		border-bottom: none;
	}

	#publications.notmobile {
		display: block;
	}

	#carousel_publications p {
		width: 100%;
		margin-left: auto;
	}

	#medias_gallery {
		padding-bottom: 0;
	}

	#medias_gallery .span3 {
		background: none;
	}

	#medias_gallery #infographie {
		/*margin-bottom: 40px;*/
	}

	#infographie.notmobile {
		display:block;
	}

	#voir p {
		text-align: center;
	}

	#mediatheque_content #voir {
		padding-top: 20px;
		padding-bottom: 15px;
		text-align: center;
	}

	#liens_content {
		padding-top: 15px;
		/*padding-bottom: 15px;*/
	}

	#liens_content h3.notmobile {
		display: none;
	}

	/*#liens_content .notmobile.rs.container {
		border-top: block;
		display: block;
	}

	#liens_content .notmobile.rs.container .notmobile.row-fluid, #liens_content .notmobile.rs.container .notmobile.row-fluid .notmobile.span12, #liens_content .notmobile.rs.container .notmobile.span12 {
		display: block;
	}*/

	#services_content .notmobile {
		display: block;
	}

	.carousel-inner .item {
		margin: 0 auto;
		text-align: center;
	}

	#services_gallery .carousel-control {
		display: none;
	}

	.notmobile, .span3.notmobile {
		display: none;
	}

	#services_gallery .carousel-inner .item a img {
		display: inline-block;
	}

	.mobile {
		display: block;
	}

	.mobile.footer {
		display: none;
	}

	.mobile.footer ul li {
		margin-bottom: 10px;
	}

	.mobile.footer ul li a {
		color: #ffffff;
	}

	#plan_content .plan-du-site_footer ul li, #plan_content .themas_footer ul li {
		width: 45%;
	}

	.bloc-gauche_footer.notmobile {
		display: block;
	}


	/* Navigation Menu - Background */
.navigation {
  /* critical sizing and position styles */
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 805px;
  z-index: 0;

  /* non-critical appearance styles */
  list-style: none;
 background: rgb(0,38,39);
}

/* Navigation Menu - List items */
.nav-item {
  /* non-critical appearance styles */
  width: 200px;
  padding-left: 10px;
  margin-bottom: 7px;

}

.thematiques-mobile {
	margin-bottom: 15px;
}

.contact-mobile {
	border-top: 1px solid rgba(255,255,255,0.5);
	margin: 0px 105px 0 35px;
	padding-left: 0px;
	padding-top: 15px;
}

.contact-mobile .nav-item {
	margin-bottom: 0px;
	padding-left: 0;
}

.contact-mobile .nav-item a{
	text-transform: none;
}

.thematiques-mobile .nav-item a {
	text-transform: none;
	color: rgba(255,255,255,0.7);
	font-family: 'ITCAvantGardeStd-Bk';
}

.nav-item a {
  /* non-critical appearance styles */
  display: block;
  color: white;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  font-family: 'ITCAvantGardeStd-Md';
}

.nav-item a:hover {
  color: #ffffff;
  text-decoration:underline;
  background: none;
  font-size:12px;
}

/* Site Wrapper - Everything that isn't navigation */
.site-wrap {
  /* Critical position and size styles */
  min-height: 100%;
  min-width: 100%;
  background-color: white; /* Needs a background or else the nav will show through */
  position: relative;
  top: 0;
  bottom: 100%;
  left: 0;
  z-index: 1;

  /* non-critical apperance styles */
}

/* Nav Trigger */
.nav-trigger {
  /* critical styles - hide the checkbox input */
  position: absolute;
  clip: rect(0, 0, 0, 0);
}

label[for="nav-trigger"] {
  /* critical positioning styles */
  position: fixed;
  right: 10px; top: 30px;
  z-index: 2;

  /* non-critical apperance styles */
  height: 30px;
  width: 30px;
  cursor: pointer;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='30px' height='30px' viewBox='0 0 30 30' enable-background='new 0 0 30 30' xml:space='preserve'><rect width='30' height='6'/><rect y='24' width='30' height='6'/><rect y='12' width='30' height='6'/></svg>");
  background-size: contain;
}

/* Make the Magic Happen */
.nav-trigger + label, .site-wrap {
  transition: right 0.2s;
}

.nav-trigger:checked + label {
  left: 780px;
}

.nav-trigger:checked ~ .site-wrap {
  left: -200px;
  box-shadow: 0 0 5px 5px rgba(0,0,0,0.5);
}

body {
    /* Without this, the body has excess horizontal scroll when the menu is open */
  overflow-x: hidden;
}

.navigation.mobile input#recherche {
	width: 120px;
	height: 20px;
	margin-left: 33px;
}

}