/* -----------------------------------------------------------------------------

  MEDIA QUERIES

----------------------------------------------------------------------------- */


/*

  SMALLER DESKTOPS
----------------------------------------------------------------------------- */


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

.container { width:90%; max-width:auto; min-width:auto; }


/**
  *  Prestations et activit�s
  * - - - - - - - - - - - - - - - - - - - - - - - - - - */

section.page.prestations-activites { }

.prestations-activites a.round { top: 279px; }
.prestations-activites .column { width:33%; }
.prestations-activites .column .content { padding:0 50px 0 50px; }

.prestations-activites .column img.image-carre { width:100%; height:auto; margin-bottom: 100px;  }

.prestations-activites .column1 { padding:0; }
.prestations-activites .column1 .content { padding:0 50px 0 50px ; }
.prestations-activites .column1 img.image-carre  { margin-left:-10%; }
.prestations-activites .column1 a.round { left:15%; }

.prestations-activites .column2 { padding:0; }
.prestations-activites .column2 .content { padding:0; }
.prestations-activites .column2 img.image-carre  {  }
.prestations-activites .column2 a.round { left:21%; }

.prestations-activites .column3 { padding:0; }
.prestations-activites .column3 .content { padding:0 50px 0 70px ;  }
.prestations-activites .column3 img.image-carre  { margin-left:10%; }
.prestations-activites .column3 a.round { left: auto; right: 15%;}



.news-bloc h3 { margin: 25px 0 0 20px; font-size: 22px; }
.news-bloc .image { margin-right: 25px; }
.news-bloc a { padding: 0 15px 0 0; }
.news-bloc p { margin: 8px 15px 0 40px; height: 80px; overflow: hidden; }


.home section.page article.page p {
    /*width: 495px;*/
}

footer.main .container { width:100%!important; }
footer .column { width:22%; box-sizing:border-box; }
footer .column.image { width:170px; }
footer .column h2, footer .column p { margin-left:30px; }
footer .column blockquote { margin-right:0;  max-width: 200px;}


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

	.prestations-activites a.round { top: 160px; }
	header.main p { display: block; margin: -39px 0 35px 128px; }
	header.main a.logo { margin: 70px 0 35px 61px; }
	.home section.page article.page h1 { margin: 0px 0 -15px -42px; }
	section.page.image-top-right > article { padding: 0 0 50px 80px; }

	.page-texting h1 { width: 95%; margin: .4em 0; }
	.page-texting h2 { width:95%; }
	section.page.page-texting > article p, section.page.page-texting > article ul li, section.page.page-texting > article ol li { width:95%;}
	nav#main-nav-top-line li a { padding: 0 16px; }
	#toggle-nav .container { width:100%; }
}
@media screen and (max-width: 1185px) {
	#toggle-nav a.logo { margin-left:45px;}
	nav#main-nav-top-line ul, nav#main-nav-bottom-line ul { left: 123px; }
	nav#main-nav-top-line { top: 68px; }
	nav#main-nav-top-line li a, #toggle-nav nav a { padding: 0 10px; }
	nav#main-nav-bottom-line li a { font-size: 18px; }
	.hamburger .button { margin: 23px 20px; }
	.news-bloc a { width: 100%; margin-left:0; }
	/*.news-bloc a { width:65%; margin-left:30%; }
	.news-bloc a:first-of-type { margin-bottom: 5%; margin-left:0; }*/
	.prestations-activites .column1 a.round { left:10%; }
	.prestations-activites .column2 a.round { left:14%; }
	.prestations-activites .column3 a.round { right: 10%;}

.home section.page > article.page p { /*width: 55%;*//**/ }
	section.page.image-top-right .wp-post-image { width: 45%; }

	section.page.image-left .wp-post-image, section.page.image-right .wp-post-image { max-width:55%; }
	section.page.image-left > article { margin-left: 40%; padding-left:30px; }
	section.page.image-right > article { padding-left:30px; }
	ul.rounds-categories {
    display:block;
    text-align: center;
	padding:0;
	}
	ul.rounds-categories li {
		display: inline-block;
		height:auto;
		background-image: none!important;
	}
	ul.rounds-categories > li > a {
		display: inline-block;
		margin: 4px;
		padding: 13px 15px;
		background-color: #A19AA1;
		width: auto;
		height: auto;
		font-size: 18px;
		line-height: 10px;
		border-radius: 20px;
	}
	ul.rounds-categories > li.current-cat > a
	{
    	background-color: #EE8776;
	}


	.grid-item, .grid-sizer { width:48%; }


}

@media screen and (max-width: 980px) {
	body { padding-top: 100px; }
	.page-texting > article > h2, .page-texting .widgettitle { width: auto; }
	.prestations-activites h1 { margin: 50px 0 50px 50px; }
	.prestations-activites .content { width: 48%; padding:0!important; float: right;}
	.prestations-activites .column img.image-carre { width: 50%; margin:0 0 100px -3%; }
	section.page.prestations-activites > article.column { width:100%; padding:10px; text-align:left; border-top: 1px solid #f4f4f4; margin-top: 20px; }
	section.page.prestations-activites > article.column img.image-carre { width:100%; margin:0; }
	h2.widgettitle { text-align: left; }
	section.page.prestations-activites > article.column a.round { right:auto; left:19%; top:63px; }
	.page-texting blockquote.medium, .page-texting blockquote.medium p { margin: 30px 0 -10px -5px; }

	a.basic-button { margin-right: -10px; }

	.home section.page article.page p { /*width: 60%;*//**/ }
	section.page.image-top-right .wp-post-image { width: 40%; }

	.news-bloc a { width: 100%; margin-left:0; }

	.home section.page > article.page h1 { font-size:39px;}




	section.page.page-texting > article p, section.page.page-texting > article ul li, section.page.page-texting > article ol li { width: 90%; }


	.page-texting .video{width: 100%; padding-bottom: 50%; }



		footer .column { width:55%; margin-bottom:50px; }
	footer .image { width:20%; clear:both; margin-left:80px; }
	footer .image  img { width: 100%; margin:0; height:auto; }
	footer .column h2 { margin:0 0 0 25px; }
	footer .column p { margin-left:25px; }
	footer .column blockquote { margin: 0 10% 0 0; max-width: 200px; }

	footer .horaires-modifies .container { padding:2rem; }
	footer .horaires-modifies p, footer .horaires-modifies h2 { margin-left: 120px; }

}




/*

  IPAD / TABLETS AND ALL SMALLER SCREENS
----------------------------------------------------------------------------- */

@media screen and (max-width:840px) {
	
	#main-container { overflow: hidden; max-width:100%; }
.page-texting > article > h3 {

    width: auto;
}
.home section.page article.page h1 {
    margin: 0px 0 -15px 5px;
}
.page-texting h1 { font-size:39px;}
.page-texting blockquote.big, .page-texting blockquote.big p { font-size:30px; }
section.page.prestations-activites h1 { margin:10px; }
.container { width: 95%; }
header.main a.logo { margin: 50px 0 50px 40px; }
header.main p {
    display: block;
    margin: -55px 0 35px 107px;
}
section.page.image-top-right .wp-post-image, section.page.image-left .wp-post-image, section.page.image-right .wp-post-image {
    width:100%;
	max-width:inherit;
    height: auto;
    position:static;
    top: 0;
    right:0;
	margin:0;
	float:none;
}
section.page.image-top-right > article, section.page.image-left > article, section.page.image-right > article{
    padding: 20px 0 50px 20px;
	margin-left:0;
}

.home section.page article.page h1 {
    font-size: 32px;
}
.home section.page > article.page p {
    width: 90%;
}

 section.page.page-texting > article blockquote.big p {
    width: 100%;
	margin: 0;
}

#toggle-nav { height:100%; padding:0; }
#toggle-nav .container { padding: 50px 0; }
nav#main-nav-top-line, nav#main-nav-bottom-line { position:static; }
nav#main-nav-top-line ul, nav#main-nav-bottom-line ul { left: 6%; }
.hamburger { height:120px!important;  }
.button { margin: 25px 25px;}
nav#main-nav-top-line li:after { content:""; }
#toggle-nav nav > ul > li {
    display: block;
	line-height: 2.2;
}

nav#main-nav-top-line li {
    line-height: 30px;
}
#toggle-nav a.logo {
    display: none;
    margin: 70px 0 25px 82px;
}

.news-bloc { padding: 30px; }
.news-bloc .container { width:100%;}
.news-bloc a {
    padding: 0 0 0 0;
}


.news-bloc .image, .news-bloc .image img{ width:100%; float:none; }
.news-bloc h3 { margin: 25px 0 0 40px; }
.news-bloc p { margin: 8px 30px 30px 40px; height: auto; overflow:visible; }

.prestations-activites h1 { margin: 50px 0 10px 40px; width: 90%; line-height: 1.1;}
.prestations-activites .column img.image-carre { width: 100%;margin: 0 0 0 0;}
.prestations-activites .content { width: 90%;}
.prestations-activites .column a.round { right: auto; left: 17%; top: 30%; }

section.infos-publications .titles {
    left: 25px;
	right:auto;
}

.grid-item { width:100%; }


}

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


.prestations-activites .column a.round { top: 20%; }
img.alignleft { width:100%; height:auto;}

section.page.image-top-right > article, section.page.image-left > article {
    padding: 50px 10px 50px 30px;
	margin-left:0;
}

}



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

.prestations-activites .column a.round { top: 10%; }
header.main a.logo { margin: 50px 0 50px 20px; width:100%; }
header.main a.logo img { width:85%; height:auto; }
header.main p {
    display: block;
    margin: -30px 0 35px 30px;
}


}

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

}