@media screen and (min-width: 1280px) {
	
}

@media screen and (max-width: 1166px) {
	#header .header-content { 
		padding-right: 90px;
		padding-left: 20px;
	}
	#footer {
		position: relative;
		padding: 25px 140px;
		min-height: 60px;
	}
	#footer p {
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	#footer p span { width: 100%; margin-bottom: 10px; }
	#footer p a.link-foot { margin: 0 10px; }
}

@media screen and (max-width: 990px) {
	
	/* > commun */
	#content { padding:0 20px; }
	._page { padding:80px 0 0 }
	
	/* > Accueil > Entête */
	#entete { height:250px; }
	#entete-interieur { height:140px; }
	#entete-interieur figure { margin-right:25%; }
	
	/* > Présentation */
	ul.puce-bleu li, ul.puce-blanc li { margin-bottom:10px; }
	
	/* > laureat fiche */
	#heading-laureat .content-heading { width:75%; }
	#heading-laureat .content-heading:before { display:none }
	#heading-laureat .content-wrapper { padding:0 20px; width:auto; }
	#architecte-content .col-6 { width:auto }
		
	/* > Identification */
	#form-identification { padding:30px; }
	/*#form-identification fieldset { width:70%; }*/
	
	#sinscrire-dev .col-6 { padding:20px; }
	
	/* > Compte > Projet */
	.forms-projet { padding:30px 50px; }
}

@media screen and (max-width: 860px) {
	.footer-content {
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	#footer p,
	.footer-logos { width: 100%; }
	.footer-logos { margin-bottom: 15px; }
}

@media screen and (max-width: 780px) {
	
	/* > commun */
	h1 { font-size:30px; margin:30px 0; }
	.heading_title { margin:0 }	
	
	/* > Laureat */
	#page_book #galerie li { width:46%; }
	#panel-2016 .panel-content, #panel-2017 .panel-content { text-align:center; padding:60px 20px; }
	#panel-2016 h2, #panel-2017 h2 { float:none; font-size:30px }
	#panel-2016 .bouton_1, #panel-2017 .bouton_1 { margin-top:30px; float:none }
	
	/* > Laureat > fiche */
	#heading-laureat h1 { font-size:30px; }
	#heading-laureat h1 span { margin-top:10px; font-size:20px; }
	#architecte-content .col-6 { display:block; padding:20px 10px; }
	#laureat-galerie { padding-top:134.4%; }
	#laureat-galerie li { width:50%; height:25%; }
	#laureat-galerie li.vertical { height:50%; }
	#laureat-galerie li.image-2 { left:50%; }
	#laureat-galerie li.image-3 { top:25%; left:50%; }
	#laureat-galerie li.image-4 { top:50%; left:50%; }
	#laureat-galerie li.image-5 { top:50%; left:0; }
	#laureat-galerie li.video-galerie { top:75%; left:0; }
	.collapse-bouton { display:block }
	.collapse-content {
		padding:0; height:0;
		border-top:none;
		overflow:hidden;
		border-color:transparent;
		-webkit-transition:height .6s ease, padding .6s ease, border-color .3s ease;
		-o-transition:height .6s ease, padding .6s ease, border-color .3s ease;
		transition:height .6s ease, padding .6s ease, border-color .3s ease;
	}
	.collapse-open .collapse-content {
		height:auto; padding:20px 0 50px;
		border-color:#adadad
	}
	
	/* > Actualites */
	#listing-actualites .actualite_els { width:50%; }
	.col-4.right {
		margin-top:0; padding:20px;
		width:100%; float:none;
		text-align:center;
	}
		
	/* > presentation */
	#team-jury .col-3 { width:33.333%; }
	#team-jury .col-3:nth-child(4),
	#team-jury .col-3:nth-child(7) { clear:left; }
	#team-jury .col-3:nth-child(5) { clear:none; margin-left: 0 }
	
	/* > presentation > fancy president */
	#fancy_mot-president .col-4, 
	#fancy_mot-president .col-8 {
		width: 100%;
	}
	
	/* > Compte > Projet */
	#compte-projet-nav li { 
		display:block;
		padding:0;
	}
	#compte-projet-nav li:first-child { padding-left:0; }
	#compte-projet-nav li:last-child { padding-right:0; }
	#compte-projet-nav li a { height:70px; }
	#compte-projet-nav li a em {
		padding:10px 0;
		font-size:20px;
		line-height:40px;
	}
	#compte-projet-nav li a strong {
		padding:20px 10px 10px 10px;
		font-size:20px;
	}
	
	/* > Compte > Projet > Architecte */
	#virgule { display:none; }
	#submit-email { margin-top:0; }
}

@media screen and (max-width: 640px) {
	
	/* > commun */
	.heading_title img { width:200%; margin-left:-50%; }
	
	/* > accueil */
	#slider-home .heading-title { width:70%; right:15%; }
	#slider-home .heading-title img { width:100%; max-width:320px; }
	
	/* > Laureat */
	#page_book .bouton_1.right {
		display:block; width:180px;
		text-align:center;
		margin:30px auto;
		float:none;
	}

	/* > Laureat > fiche */
	.collapse-content p {
	    -webkit-column-count: 1;
	    column-count: 1;
	}
	
	/* > presentation */
	#team-jury .col-3 { width:50%; }
	#team-jury .col-3:nth-child(4),
	#team-jury .col-3:nth-child(7) { clear:none; }
	#team-jury .col-3:nth-child(3),
	#team-jury .col-3:nth-child(5),
	#team-jury .col-3:nth-child(7) { clear:left }
	
	/* > footer */
	#footer { padding: 20px 20px; }
	#footer p {
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	#footer a.logo-foot { position: static;	}
	#footer a.logo-foot.left { 
		margin: 0 5px;
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		    -ms-flex-order: 1;
		        order: 1;
	}
	#footer a.logo-foot.right { 
		margin: 0 5px;
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		    -ms-flex-order: 2;
		        order: 2;
	}
	#footer p span {
		margin: 20px 0 10px;
		-webkit-box-ordinal-group: 4;
		-webkit-order: 3;
		    -ms-flex-order: 3;
		        order: 3;
	}
	#footer p a.link-foot {
		-webkit-box-ordinal-group: 5;
		-webkit-order: 4;
		    -ms-flex-order: 4;
		        order: 4;
	}
	
}

@media screen and (max-width: 480px) {
	
	/* > commun */
	h1 { font-size:24px; margin-bottom:20px; }
	
	/* > header */
	._page { padding:0 0 0 }
	#menu-alt { top:20px; }
	#header-left,
	body.fixed_head #header-left { width:70%; }
	#header, body.fixed_head #header {
		position: relative;
		height: auto;
	}
	#header .header-content { padding: 20px }
	#header-left, body.fixed_head #header-left { width: auto;  float: none }
	#header-compte {
		padding: 20px 0 0;
		width: 100%; float: none;
		text-align: center;
	}
	#header-compte #header-compte-content {
		position: relative;
		width: 100%; 
		height: auto;
		text-align: center;
		background-color: #ededed;
	}
	#header-compte #header-compte-content strong { display: block }
		
	/* > Laureat */
	#page_book #galerie li { width:96%; float:none }
	#page_book #galerie li a { padding-bottom:20px; }
	#page_book #galerie li a h2 { height:auto }
	
	/* > Laureat > fiche */
	#heading-laureat { position:relative;  }
	#heading-laureat .content-heading { display:block; height:70vh; }
	#heading-laureat .content-wrapper {
		display:block;
		height:auto; 
		padding:30px;
		position:absolute;
		width:auto; bottom:0;
		background:url(../images/laureat/bgn_bleu.png) repeat;
	}
	#heading-laureat h1 { font-size:20px; margin:0; }
	#heading-laureat h1 span { font-size:16px; }
	#video-link { display:none }
	#architecte-content ul { display: block }
	#architecte-content li  { 
		display: block;
		padding:5px 0 10px; 
		border-bottom:#b5b5b5 1px solid;
	}
	#architecte-content li strong,
	#architecte-content li span {
		display: block;
		padding:5px 0 0;
		border: none;
		width: auto;
	}
	
	/* actualites */
	#listing-actualites .actualite_els { width:100%; float:none; }
	#listing-actualites .actualite_els a { height:auto; }
	
	/* > presentation */
	#page_presentation .col-6 { padding:20px 10px 0; }
	#team-jury .col-3:nth-child(1) { width:100%; float:none; }
	#team-jury .col-3:nth-child(8) { margin:0 auto; float:none; }
	#team-jury .col-3:nth-child(3),
	#team-jury .col-3:nth-child(5),
	#team-jury .col-3:nth-child(7) { clear:none }
	#team-jury .col-3:nth-child(4),
	#team-jury .col-3:nth-child(6) { clear:left; }
	
	/* > presentation > fancy president */
	#fancy_mot-president .citation { font-size: 20px; }
	.fancybox-container.president .fancybox-content {
		width: 100% !important;
		margin: 0;
	}

	/* > Présentation */
	#pourquoi-inscrire { padding:20px; }
	#comment-inscrire { padding:20px; }
	
	
	/* > Identification */
	#form-identification { width:100%; padding:20px; }
	#form-identification p { color:#fff; }
	#form-identification fieldset { float:none; width:100%; }
	#form-identification input[type="submit"] { float:none;  margin-top:10px; }
	#form-identification input[type="submit"].bt_rond_bleu { width:100%; padding:10px 20px; }
	#sinscrire { text-align:center; }
	#sinscrire h2 {
		float:none;
		width:100%;
		margin:0;
	}
	#sinscrire a.bt_rond_gris {
		float:none;
		margin:10px 0 0 0;
		padding:20px 17px;
	}
	#sinscrire-dev #form-inscription fieldset { float:none; width:100%; }
	#sinscrire-dev #form-inscription input[type="submit"] { display:block; float:none; margin:10px auto 0 auto; }
	
	/* > Compte > Accueil */
	#form-compte-accueil fieldset { float:none; width:100%; }
	#form-compte-accueil input[type="submit"] { display:block; float:none; margin:0 auto; /*margin:10px auto 0 auto;*/ }
	
	/* > Compte > Projet */
	#compte-projet-encours { float:none; width:100%; }
	#page_compte-projet #bt-ajouter-projet {
		float:none;
		width:100%;
		height:auto;
		padding-left:10px;
		line-height:normal;
	}
	#compte-projet-encours span { 
		display:block;
		position:absolute;
		bottom:-18px;
		left:50%;
		width:71px;
		height:18px;
		margin-left:-35px;
		background:url(../images/compte/compte_01.gif) no-repeat;
	}	
	.forms-projet { padding:20px; }

}

@media screen and (max-width: 360px) { }