/* main */

.wrapper {
	margin-left: auto;
    margin-right: auto;
    max-width: 990px;
}

.global-header .sous-site-88 h1 {
	margin:0;
}



/* header */

#slogan h1 {
	font-size:0.9em;
     /*margin:0;*/
	 margin-top:15px;
}

.navbar-inner {
    padding-left: 0px;
    padding-right: 0px;
	font-size:1em;
}

.navbar .nav > li > a:first-child {
	padding-left:0px;
}

.navbar .nav > li > a {
	font-size:0.9em;
}

.navbar .span1, .navbar .span2, .navbar .span3, .navbar .span4, .navbar .span5, #transversal {
	margin-left:0;
}

.navbar-inner [class*="span"] {
	margin-left:0;
}

.navbar-inner #networks {
	/*width:227px;*/
}

.navbar-inner #search {
	width:272px;
	margin-right: 20px;
}

.navbar-inner #networks {
	width:193px;
	margin-top: 7px;
}

/*.navbar-inner input{
	width:160px;
	border-radius: 0;
}*/

.navbar-inner #dedies {
	width:123px;
}	

#navbar-dedies {
	margin-left:auto;
	margin-right:auto;
}


#navbar-dedies ul {
    margin: 0 0 0 25%;
    width: 66%;
}

#navbar-dedies ul li {
	width:45%;
	display:inline-block;
}

#thematiques {
	width: 97.9167%;
}

#plan_content .main ul li {
	width:215px;
	margin-right:85px;
}


/* sommaire */

#slider .caption {
	padding:0 25px;
}

#slider .caption {
	width:256px;
}

#slider .date {
	width:200px;
}

#fil_actu {
	margin-left:0;
	width:25.64309%;
}

.dossier figcaption {
	width:100%;
}

.breadcrumbs, .breadcrumbs-soussite {
	font-size:0.8em;
	margin-bottom: 10px;
}

#services_content h3, #dossiers_content h3, #mediatheque_content h3 {
	padding:20px 0 10px;
}

nav label, nav input {
    display: none;
}

#plan_content {
		margin-left:auto;
		margin-right:auto;
		width:100%;
		color:#fff;
		text-align:left;
        background: #283d40;
		padding-top:26px;
		height:auto;
		min-height: 417px;
	}
	
#plan_content h3{
		color:#ffffff;
	}

a.scrollup {
	background: url("../img/icon_top.png") no-repeat scroll 0 0 transparent;
    bottom: 50px;
    display: none;
    height: 40px;
    opacity: 0.5;
    position: fixed;
    right: 100px;
    text-indent: -9999px;
    width: 40px;
}


div.container.wrapper.footer-collapse{
	min-height: 60px;
}

@media screen and (max-width: 960px) {
	/* css code */
}

@media screen and (max-width: 768px) {
	/* css code */

	body {
		padding:0;
                
	}

	/* header */
        
        .content-header {
            width:100%;
        }
        
        #transversal {
            width:100%;
        }
        
        .navbar-inner #networks {
            width: 100%;
        }
        
        #transversal ul li {
            text-transform:uppercase;
        }

	/*#logo {
            text-align:center;
	}
	
	#slogan {
            text-align:center;
            line-height:1.1em;
            padding:0 20px;
            margin-left:0;
            width: 100%;
	}*/
        
        #ministres_content .span5, #ministres_content .span7 {
            clear:both;
            width:100%;
            text-align:center;
        }
        
        #ministres_content .span7 {
            margin-top:10px;
        }
        
        #presse_tabs a, #presse_tabs a:hover {
            font-size: 0.9em;
        }
        
        #presse_tabs li:nth-child(3) {
            clear:none;
        }

	#slogan h1 {
		line-height:1.1em;
	}

	.header .navbar .btn-navbar {
		float:left;
	}

	.header .navbar-inner {
		/*background:#968d7d;*/
	}
	
	#dedies {
		display:none;
	}

	#secteur_content {
		margin-bottom: 0;
	}
        
        #mobile-content {
            display: block;
        }

	/* breadcrumbs */


	.breadcrumbs {
		display:none;
	}

	#transversal ul li {
		display:block;
	}

	#thematiques ul {
		max-height: 25em; /* number of items x5 */
		margin: 0; padding: 0;
		list-style: none;
		-webkit-transition: max-height .4s;
		transition: max-height .4s;
		-webkit-transform: translateZ(0); /* activating hardware acceleration */
		-ms-transform: translateZ(0);
		transform: translateZ(0);
		/*-webkit-columns: 2;
		-moz-columns: 2;
		columns: 2;
		-webkit-column-gap: 1px;
		-moz-column-gap: 1px;
		column-gap: 1px;*/
	}

	/* styling menu button */	
	#thematiques label {
		display: inline-block;
		height: 2.6em;
		float: right;
		margin-top: -2.6em;
		padding: 8px 10px 0 10px;
		background: #000;
		color: #fff;
		cursor: pointer;
		border-radius: 16px 0 0 0;
	}
	#thematiques label:after {content: "Menu de navigation \25BC"}

	#thematiques a {
		display: block;
		/*padding: 0.9em;*/
		/*margin-bottom: 1px;*/
                background:rgb(255,255,255);
		background: rgba(255,255,255,0.5);
		color: #fff;
		text-decoration: none;
	}
	#thematiques a:hover, nav a:focus {
		/*background: rgba(255,255,255,.1);*/
	}
	
	#thematiques a, nav label {
		-webkit-tap-highlight-color:rgba(0,0,0,0);
	}
	
	#thematiques input:invalid + ul, #thematiques input:not(:checked) + ul {
		max-height: 0;
		overflow: hidden;
	}

	/* footer */

	#plan_content .fond {
		display:none;
	}

	/* MENU DEROULANT FOOTER VERSION MOBILE */ 
	#plan_content {
		/*height:0;
		overflow: hidden;*/
		display: none;
	}

	#plan_content .themes{
		padding-left:15px;
	}

	/* LIEN MENU DEROULANT FOOTER VERSION MOBILE */
	p.btn-footer {	
		text-transform: uppercase;
		color:rgba(41,6,42,1);
        background:rgb(231,231,231);
		background:rgba(231,231,231,1);
		width: 100%;
		text-align: center;
		margin-bottom:0;
		font-family:'ITCAvantGardeStd-Md';
		font-weight:100;
		font-size: 1.5em;
		padding:3px 0 10px 0;
		display: block;
		cursor: pointer;
	}

	div.container.wrapper.footer-collapse{
		height: 0px;
		overflow: hidden;
		min-height: 0px;
	}

	#plan_content .nav-footer {
		margin-left:15px;
	}

	#plan_content ul.nav li {
		display: block;
		clear:both;
		font-size:1.2em;
		text-transform: uppercase;
		margin-bottom:10px;
	}

	#back_to_top {
		text-align: center;
	}

	#back_to_top a {
		border:1px solid rgba(143, 135, 120, 1);
		padding:10px;
	}

	#contenu, #liste_articles {
		width:100%;
	}
        
        /* network */
        

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

	#networks ul li a.tw {
		background-position:-28px -31px;
	}

	#networks ul li a.fk {
		background-position:-58px -32px;
	}

	#networks ul li a.yt {
		background-position:-88px -32px;
	}

	#networks ul li a.dm {
		background-position:-117px -32px;
	}
        
        .navbar-inner #search {
            width: 100%;
        }
        
        .page_article #article {
            width:99.5%;
        }
        
        .page_article #sidebar {
            margin-left: 2%;
            width: 95%;
        }
        
        #actus {
            margin-top:15px;
        }

        .not-mobile {
        	display: none;
        }

}

@media screen and (max-width: 550px) {
	/* css code */
        .scrollup {
            display:none;
        }
}

@media screen and (max-width: 480px) {
	/* css code */
        
}

@media screen and (max-width: 320px) {
    #presse_tabs > li {
        clear:both;
        float:none;
    }
}