@media all and (max-width: 1250px) {
	.story .test {
		top: 700px;
	}
}

@media all and (max-width: 1024px) {

	article {
		width: 100%;
	}
	
	.header-wrap {
		width: 100%;
	}

	h1 {
		margin-left: 27px;
	}
	.main-nav ul{
		margin: 27px 120px 0 0;
	}
	.story 	article {
		width: 100%;
	}

	.article-wrap {
		padding-right:27px;
		padding-left:27px;
	}

	.story .figure-article-2,
	.story .figure-article-3,
	.story .figure-article-4,
	.story .figure-article-7{
		width: 628px;
		margin: 0 auto;
	}

	.article-5-6-wrap {
		width: 628px!important;
		margin: 0 auto;
	}

	.story .article-5,
	.story .article-6 {
		width:100%;
	}

	.story .figure-article-2 img,
	.story .figure-article-4 img ,
	.story .figure-article-7 img {
		width: 321px;
	}

	.story .figure-article-2 p,
	.story .figure-article-4 p,
	.story .figure-article-7 p {
		width: 280px;
	}
	.story .figure-article-2 figcaption,
	.story .figure-article-4 figcaption,
	.story .figure-article-7 figcaption {
		margin-top: 27px;
	}

	.story .liste-avis li {
		width: 100%;
		float: none;
		margin-right:0;
		margin-bottom: 27px;
	}

	.conditionsutilisation p {
		margin-left: 27px;
	}

	/* PROFIL 1024 */

	.profil .left-column {
		width: 100%;
		border-right: none;
	}
	.profil .right-column {
		width: 100%;
		border-left: 1px solid #d7d7d7;
		left: -1px;
	}

	/* INDEX */

	.list-picture li:nth-child(2) div{
		margin-left: 27px;
	}
	
	.wrap-pd-27{
		padding: 0 27px;
	}

	/* PRESELECTION*/

	.preselection p,
	.preselection h3 {
		padding: 0 27px;
		width: 90%;
	}

	/* ATELIER */

	.page-atelier-selection .left-column{
		width: 50%
	}

	.page-atelier-selection .right-column{
		width: 40%;
	}

	/* ATELIER PAGE INDEX */
	.list-ateliers li{
		margin-top: 27px!important;
	}

	.list-ateliers li:nth-child(1),
	.list-ateliers li:nth-child(2){
		margin-top: 0!important;
	}
	.list-ateliers li:nth-child(2n){
		margin-right: 0;
	}

	.list-ateliers li:nth-child(3n){
		margin-right: 27px;
	}

	/* LISTE ATELIER */

	.list-ex-ateliers li .box-atelier{
		width: 434px;
	}

	/* FOOTER */

	.footer nav {
		width: 100%;
		margin: 0;
	}

	.footer nav ul li {
		float: none;
		margin-right: 0;
	}

	/* PRESELECTION */
	.preselection form ul {
		padding-left: 27px;
	}
	/* PRESELECTION */
	.preselection form ul li:nth-child(3n) {
		margin-right: 0;
	}
}

@media all and (max-width: 970px) {
	/* PAGE INDEX */
	.list-ex-ateliers{
		width: 463px;
		margin: 0 auto;
	}

	.list-ex-ateliers li{
		float: none;
		margin-right: 0;
	}

	.list-ex-ateliers li:last-child{
		margin-bottom: 0;
	}

	.list-ex-ateliers li .box-atelier{
		width: 99%;
	}

	.preselection form ul li:nth-child(3n){
		margin-right: 27px;
	}

	.list-ateliers li:nth-child(2){
		margin-top: 27px!important;
	}
}

@media all and (max-width: 960px) {

	.organisateurs-recommandation ul li:nth-child(3){
		margin-top: 27px!important;
	}
}

@media all and (max-width: 930px) {
	.preselection form ul li:nth-child(2n) {
		margin-right: 0!important;
	}
	.preselection form ul li:last-child {
		margin-top: 27px;
	}

	.preselection form ul {
		width: 611px;
		margin: 0 auto;
		padding-left: 0;
	}
}

@media all and (max-width: 865px) {
	/* PAGE INDEX */

	.list-picture li:nth-child(1) img,
	.list-picture li:nth-child(2) img,
	.list-picture li:nth-child(2) div{
		float: none;
	}

	.list-picture li:nth-child(1) div{
		padding:27px;
	}
	.list-picture li div{
		margin: 0 auto!important;
		padding: 27px 27px 0 27px;
		width: 290px;
	}
	.list-picture li img{
		width: 100%;
		margin-right: 0!important;
	}

}

@media all and (max-width: 820px) {

	h1 {
		float: none;
	}
	.main-nav ul{
		display: none;
	}
	.icon-smartnav {
		display: block;
	}

	.main-nav-smartphone ul {
		padding: 0;
		display: block;
	}

	.main-nav-smartphone ul li a{
		color: #9D9D9D;
		opacity: .7;
	}

	.main-nav-smartphone ul li {
		padding-left: 27px;
		padding-top: 10px;
		padding-bottom: 5px;
		position: relative;
	}

	.main-nav-smartphone ul ul li{
		padding-left: 10px;
	}

	.main-nav-smartphone ul li a:active,
	.main-nav-smartphone ul li a.current{
		color: #E46C60;
		opacity: 1;
	}
	.main-nav-smartphone .dropdownicon {
		top: 20px;
		left: 80px;
	}

	.show-tablette {
		opacity: 1!important;
	}
}
@media all and (max-width: 750px) {

	.story .header-story{
		width: 500px;
		margin-left: -250px;
	}
	.story .avatar {
		width: 141px!important;
	}
	.atelier-description li {
		width: 100%;
	}
	figcaption {
		width: 100%!important;
	}
	.story figure {
		width: 100%!important;
	}
	.story figure img{
		width: 100%!important;
	}

	.story figure p {
		width: 100%!important;
	}
	.article-5-6-wrap {
		width: 100%!important;
		margin: 0 auto;
	}
	.story .figure-article-2 img,
	.story .figure-article-4 img ,
	.story .figure-article-7 img {
		float: none;
	}

	.story .figure-article-7 img{
		margin-left: 0;
	}
	
	/* INDEX */

	.list-whatisit{
		width: 210px;
	}

	.list-whatisit li:first-child{
		margin-top: 0;
	}
	.list-whatisit li {
		float: none;
		margin-right:0;
		margin-top: 27px;
		width: 100%!important;
	}

	/* ATELIER */

	.page-atelier-selection .left-column{
		width: 100%;
		margin-right: 0;
	}

	.page-atelier-selection .right-column{
		width: 80%;
		padding: 0 27px;
	}

	.page-atelier-selection .left-column .description-atelier p{
		padding:27px;
	}

	.button-warning{
		margin-left: 0;
	}

	.page-atelier-selection form {
		padding: 0;
	}
}

@media all and (max-width: 700px) {

	/* PROFIL */
	.profil .nav-profil{
		height: 150px;
	}
	.profil .nav-profil li {
		float: none;
		margin-right: 0;
		margin-bottom: 27px;
	}

	.profil .nav-profil li:last-child{
		margin-bottom: 0;
	}
}

@media all and (max-width: 640px) {

	/* PROFIL */

	.profil .right-column ul {
		width: 320px;
		margin: 0 auto;
	}
	.profil .right-column ul li:first-child{
		margin-top: 0;
	}
	.profil .right-column ul li{
		margin-top: 27px;
	}

	.profil .right-column h3 {
		width: 320px;
		margin: 0 auto;
	}

	.preselection form ul {
		width: 292px;
		margin: 0 auto;
	}

	.organisateurs-recommandation ul li:nth-child(2){
		margin-top: 27px!important;
	}
}

@media all and (max-width: 600px) {

	/* STORY */

	.story .mid-width {
		width: 100%;
	}
	.story .figure-article-1,
	.story .figure-article-8{
		width: 100%;
	}

	.story .article-5,
	.story .article-6 {
		width: 100%;
		float: none;
	}

	.story .header-story{
		width: 350px;
		margin-left: -175px;
		top: 110px;
	}
	.story h2 {
		font-size: 27px;
		line-height: 27px;
	}
	.story .p-info {
		width: 100%;
	}

	/* INDEX */

	.introduction {
		width: 320px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -160px;
		margin-top: -124px;
	}

	.introduction .choose {
		width: 100%;
	}

	.introduction .choose li {
		float: none;
	}

	.introduction .choose li :last-child{
		margin-top: 14px;
	}

	.godown {
		bottom: 14px;
	}

	.help {
		width: 100%;
	}

	.help p, .help a {
		float: none!important;
	}

	/* ATELIER */

	.page-atelier-selection .header-column {
	
		height: 100%;
	}

	.page-atelier-selection .header-column .auteur{
		position: absolute;
		top: 50%;
		right: 50%;
		margin-right: -150px;
		width: 300px;
		height: 124px;
		margin-top: -62px;
	}

	.page-atelier-selection .header-column .auteur p {
		color: white;
		margin: 0;
		font-family: 'Montserrat';
		text-align: center;
	}

	.article-filtre p {
		display: none;
	}

}

@media all and (max-width: 520px) {
	.filtre-region {
		clear: both;
	}
	.filtre-region,
	.filtre-categorie{
		margin-top: 14px;
		margin-bottom: 27px;
	}
}

@media all and (max-width: 500px) {

	/* INDEX */

	.list-ex-ateliers{
		width: 320px
	}

	.list-ex-ateliers li .box-atelier .avatar-auteur{
		right: 113px;
		top: 12px;
	}

	form {
		width: 100%;
	}

	form ul li {
		width: 100%;
		clear: both;
	}

	label {
		margin-left: 14px;
	}

	input, .edit-textarea {
		width: 85%!important;
		clear: both;
		margin-left: 14px!important;
	}

	#condition {
		width: 100%!important;
	}

	.story .liste-avis li blockquote p {
		width: 100%;
		margin: 15px auto 0;
	}

	.page-atelier figure h3{
		font-size: 18px;
	}

	.danger,.success, .errors {
		width: 80%;
	}

	.submit{
		width: 250px!important;
		margin: 0 auto!important;
	}

	/* RECOMMANDATION */

	.organisateurs-recommandation img {
		float: none;
	}

	.organisateurs-recommandation ul li h3{
		padding: 0;

	}
	.organisateurs-recommandation ul li p{
		padding: 0;
	}

	.organisateurs-recommandation ul li label {
		margin: 27px auto;
	}

	/* ATELIER PAGE INDEX */
	.list-ateliers li .date{
		background-color: white;
		position: absolute;
		top: 56px;
		right: 150px;
		padding: 5px 10px;
	}

	/* CREATION ATELIER */

	.creation-atelier form input{
		margin-left: 0!important;
	}

	.creation-atelier .line {
	display: none;
	}

	.creation-atelier form textarea {
		width: 85%;
	}

}

@media all and (max-width: 400px) {

	.partage-description li p,
	.partage p {
		width: 100%!important;
	}

}