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

/* Home - Présentation
--------------------------------------------------*/
div#presentation div.col {
    display: block;
	height: auto;
}
div#presentation div.col50 {
	width: 100%;
}
div#presentation div.col.pr80 {
	padding-right: 0px;
}
div#presentation div.col h1{
	text-align: center;
}
div#presentation div.col .hr-vert {
	margin-left: auto;
	margin-right: auto;
}
div#presentation div.col-photo {
	text-align: center;
	padding-top: 50px;
}

}

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

/* Article
--------------------------------------------------*/
div.article{
	width: 100%;
	padding: 25px;
	padding-bottom: 40px;
}
div.article-header{
	width: 100%;
	padding-top: 25px;
	margin-top: 0px;
}

/* Liste articles
--------------------------------------------------*/
div.liste-articles{
	padding-top: 40px;
}
div.liste-articles div.actu-infos h3{
	padding-top: 0px;
}
div.liste-articles div.actu-photo{
	width: 275px;
	padding-top: 5px;
}
div.liste-articles div.actu-infos{
	width: calc(100% - 300px);
}

}

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

/* Header
--------------------------------------------------*/
div#header{
	padding: 25px 30px 15px 30px;
}

/* Menu
--------------------------------------------------*/
.ubermenu-column-id-164{
	border-left: none !important;
}
.ubermenu-item-type-column{
	padding: 0 0px !important;
}

/* Content
--------------------------------------------------*/
.wrap {
	padding: 50px 70px;
}

/* Home - Actu
--------------------------------------------------*/
div#actualite{
	padding: 50px 0;
}
div.slider-actu{
	margin: 50px 0;
}

/* Raccourcis
--------------------------------------------------*/
div#raccourcis{
	padding-top: 50px;
	padding-bottom: 50px;
}
div.item-raccourcis{
	padding: 0 25px;
}
div.item-raccourcis div.picto a{
	width: 150px;
	height: 150px;
}
div.item-raccourcis h3{
	font-size: 20px;
}
div.item-raccourcis div.picto a img{
	width: 50%;
	max-width: 50%;
	height: auto;
}

/* Partenaires
--------------------------------------------------*/
div#partenaires{
	padding: 50px 0;
}

/* Footer
--------------------------------------------------*/
div#logo-footer{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
div#adresse-footer{
	font-size: 20px;
}	
img.logo-fnaut-footer{
	width: 180px;
}


}

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

/* Raccourcis
--------------------------------------------------*/
div.item-raccourcis div.picto a{
	width: 100px;
	height: 100px;
}

/* Liste articles
--------------------------------------------------*/
div.liste-articles div.actu-photo{
	width: 100%;
	display: block;
	text-align: center;
}
div.liste-articles div.actu-infos{
	width: 100%;
	display: block;
	padding-left: 0px;
	padding-top: 20px;	
	text-align: center;
}
div.liste-articles div.actu-infos div{
	text-align: left;
}

}

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

/* Footer
--------------------------------------------------*/
div#footer {
	padding-top: 30px;
}

/* Content
--------------------------------------------------*/
.wrap {
	padding: 25px 35px;
}
.titre1{
	font-size: 30px;
}

/* Home - Présentation
--------------------------------------------------*/
div#presentation div.col-photo {
	padding-top: 25px;
	padding-bottom: 10px;
}

/* Home - Actu
--------------------------------------------------*/
div#actualite{
	padding: 25px 0;
	padding-bottom: 35px;
}
div.slider-actu{
	margin: 25px 0;
	margin-bottom: 15px;
}

/* Raccourcis
--------------------------------------------------*/
div#raccourcis{
	padding-top: 35px;
	padding-bottom: 25px;
}
div.item-raccourcis{
	padding: 0 25px;
	width: 100%;
	margin-bottom: 10px;
}

/* Partenaires
--------------------------------------------------*/
div#partenaires{
	padding: 25px 0;
}

/* Footer
--------------------------------------------------*/
div#footer {
	padding: 10px;
	padding-top: 30px;
	padding-bottom: 30px;
}
div#logo-footer{
	width: 100%;
}
div#adresse-footer{
	font-size: 16px;
	line-height: 1.1;
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
}	
img.logo-fnaut-footer{
	width: 130px;
}
div#copyright{
	font-size: 13px;
	color: #e1f599;
	padding-left: 10px;
	padding-right: 10px;
}

/* Article
--------------------------------------------------*/
h1.article-titre{
	font-size: 30px;
}
div.article-breadcrumb{
	font-size: 14px;
}
div.article-content{
	padding-top: 30px;
}

/* Article - Contenu
--------------------------------------------------*/
div.article-content h2{
	font-size: 20px;
}

/* Liste articles
--------------------------------------------------*/
div.liste-articles{
	padding-top: 20px;
}


}













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











/* Pagination
--------------------------------------------------*/
div.nav-links{
	padding-top: 10px;
}
div.nav-links span.page-numbers.current{
	padding: 5px 10px;
	margin-left: 1px;
	margin-right: 1px;
}
div.nav-links a.page-numbers{
	padding: 5px 10px;
	margin-left: 1px;
	margin-right: 1px;
}


}