/* MDH RESPONSIVE DESIGN */

@media only screen and (min-width : 1500px) {
	#menu li {font-size: 17px;}
	#menu7 span {background-size:70% 70%;}
	
#central h1 {font-size: 30px;}
#central h2.sous_titre {font-size: 22px;}
#central p, #central li {font-size: 14px;
line-height: 21px;
}

#colonne2 p, #colonne2 li {
line-height: 18px;
font-size: 13px;
text-align:justify;
}
.liste_resume .affichage_liste_entree {width: 30%;
padding-left:1%;
}
.liste_resume .sous_titre_sommaire {width:261px!important;
margin-top: -50px;
}
#accueil .liste_resume .sous_titre_sommaire {margin-top:-35px;
width: 298px!important;}
#conteneur_navigation_onglets {font-size: 13px;}
}

@media only screen and (min-width : 1300px) {
	#bandeau_defilant {margin-left:200px;}
	#menu li {min-width:15%;}
	#menu #menu6 .sous_menu {width: 240px;}
	
	#macaron_recherche_globale h2, .macaron_objetdumois h1, #macaron_annotation_collaborative h2, #macaron_infos_pratiques h2 {font-size: 19px;}
	.liste_resume .sous_titre_sommaire {width:350px;}
.nb_resultats_fonds {width: 13%;
margin-right:1%;
}
#macaron_recherche_globale, .macaron_objetdumois, #macaron_annotation_collaborative, #macaron_infos_pratiques {padding-left:10%;}
#logo_chemins_de_memoire a {background-size: 75%;
height: 105px;
}
}
@media only screen and (max-width : 1500px) {
	#logo_ministere_defense {margin-left:1%;}	
}

@media only screen and (max-width : 1100px) {
	body {width: 95%;}	
	.vignette_cartouche {max-width:40%;}
	.liste_resume .sous_titre_sommaire {width:290px;}
	#menu li {max-width:19%;
	font-size: 15px;
	}
	#menu li a {
		padding-left: 5%;
padding-right: 5%;
overflow:hidden;
text-overflow: ellipsis;
	}
	#menu #menu6 .sous_menu {margin-left:-80px;}
	#outils_article {width:61%;}
}

@media only screen and (max-width : 1000px) {
	#bandeau_defilant {background-image:url(../images/bandeau/bandeau_responsive.jpg);
	background-repeat:no-repeat;
	width:100%;
	}
.liste_resume .vignette_cartouche {height:140px;}
	.liste_resume .sous_titre_sommaire {width:220px;}
	#accueil .liste_resume .sous_titre_sommaire {width:290px;}
	.liste_resume h2 a {font-size:15px;}
	#bandeau_defilant img {display:none!important;}
	#drapeaux, #ead #drapeaux {right:0;}
	#drapeaux_interieur {border-radius:0 0 0 8px;}
	#pied_de_page_interieur_bis {min-width:0;
	width:95%;
	}
.acces_carto {display:none;}
#intro_conflit {
padding-left: 6%;
padding-right: 6%;
    padding-top: 280px;	
	min-height:0;
}
.nb_resultats_fonds {width: 19%;
margin-right:1%;
}
}

@media only screen and (max-width : 900px) {.nb_resultats_fonds {width: 24%;}
.resultat_mosaique {width:100%;
display:block;
padding-right:0;
float:none;
}
}

@media only screen and (max-width : 750px) {
body {width: 100%;
font-size: 14px;
}	
.filrouge {font-size: 12px;
margin-left:60px;
	margin-top:-47px;
	max-height:none;
	margin-right:5%;
}
#menu #menu6 .sous_menu {margin-left:0px;}
#logo_ministere_defense {margin-left:10px;}
.titre_rubrique a {padding-right:4%;}
#outils_article {display:none;}

.titre_rubrique {width:100%;}
#central, #accueil #central {
	width:92%!important;
	padding-right: 4%;
padding-left: 4%!important;
	float:none;
}
.vignette_cartouche {max-width:50%;}
.liste_resume .vignette_cartouche {height:190px;}
.liste_resume .vignette_cartouche img {
	width:auto;
	height:210px;
}
.liste_resume .sous_titre_sommaire {width:45%;}

#popup_lienArk {
	left:0;
	border-radius:0;
	box-sizing: border-box;
	width:100%;
}
#popup_lienArk input[type="text"] {width:88%;}

#colonne2, #accueil #colonne2 {
	float:none;
width:92%;
margin-left:4%;
font-size: 13px;
background-image:none;
border:1px solid #d2dce6;
margin-top:10px;
margin-bottom: 20px;
}
#logo_sga a {height:85px;}
#colonne2 p, #colonne2 li {
font-size: 13px;
line-height: 18px;
}
#conteneur_navigation_onglets {font-size:13px;}
label {float:none;
width:auto;
margin-right:0;
text-align:left;
display:block;
}
.post_label {
	width: auto;
    float: none;
}
.recherche_transversale fieldset {width:96%;}
.nb_resultats_fonds {width: 32%;}
#textfield, input[type="text"], input[type="password"], textarea{
	width: 68%;
	padding: 2%;
	padding-top:10px;
	padding-bottom:10px;
}

.mention_pied_de_page {margin-left:15px;}
#menu_pied_de_page {width:70%;}
#outils {width:30%;}
#pied_de_page li {width:48%;}
#pied_de_page #menu3, #pied_de_page #menu5, #pied_de_page #menu7 {clear:both;}
#pied_de_page #menu4, #pied_de_page #menu8 {clear:none;}
}

@media only screen and (max-width: 550px) {
	#logo_ministere_defense a {width: 70px;}
#menu.menu-visible {width:100%;}
#bandeau_defilant, #accueil #bandeau_defilant {background-image:none;}
#ead #bandeau_defilant {background-image:url(../images/bandeau/bandeau_responsive.jpg);}
#titre_mdh {
	width:100%;
	min-width:0;
	background-image:url(../images/interface/titre_responsive.jpg);
	background-position:-30px 0;
}
#ead #titre_mdh {background-image:url(../images/interface/titre_ead.png);
width:30%;
min-width:400px;
background-position:right 0;
}

.bandeau_haut_image {display:none;}
.vignette_cartouche {float:none;
max-width:none;
text-align:center;
margin-left:0;
}
.vignette_cartouche a {background-color:transparent;}
#reseaux_sociaux {padding-left:20%;}

#abecedaire, #pop_up #abecedaire {font-size: 16px;}
#abecedaire a:link, #abecedaire a:visited, #pop_up #abecedaire a:link, #pop_up #abecedaire a:visited {
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 6px;
	margin-right: 2px;
	margin-left: 3px;
	margin-bottom:10px;
	}

.lien_accordeon {margin-left:4%;}

#menu_pied_de_page {width:60%;}
#outils {width:40%;}
#pied_de_page li {width:98%;}
.liste_resume .affichage_liste_entree {width:88%;
	padding-left:6%;
		float:none;
}
.liste_resume .vignette_cartouche img {
	box-sizing: border-box;
	width:100%;
	height:auto;
}
.liste_resume .sous_titre_sommaire {width:80%;}
.liste_resume h2 a {font-size:16px;}
.liste_resume h3 {font-size:14px;}

#fausse_colonne2 {
	float:none;
	width:auto;
	display:block;
	padding-left:0;
	border:none;
}
body.recherche_transversale #logo_sga {display:none;}
.nb_resultats_fonds {width: 49%;}
}

@media only screen and (max-width: 450px) {
	#titre_mdh {width:100%;}
	#drapeaux {display:none;	}
	#menu_pied_de_page, #outils {width:100%;}
	#onglets {
		float:none;
		text-align:center;
	}
}