@media only screen and (max-width: 1140px) {

body.page-template-page-templatesfull-width-detailmetiers-php #left_sidebar { width: 30%; max-width: 300px; margin-top: 20px; }
body.page-template-page-templatesfull-width-detailmetiers-php #main_content { width: 65%; max-width: 630px; margin-left: 20px; }
#submenu_metiers { position: relative; width: 100%; }
.submenu_metiers_scroll { top: 0; }

body.page-template-page-templatesfull-width-federation-php #left_sidebar {  width: 30%; max-width: 300px; margin-top: 20px; }
body.page-template-page-templatesfull-width-federation-php #main_content { width: 65%; max-width: 630px; margin-left: 20px; }
#submenu_historique { position: relative; width: 100%; }

body.page-template-page-templatesfull-width-assurances-php #left_sidebar { width: 30%; max-width: 300px; margin-top: 20px; }
body.page-template-page-templatesfull-width-assurances-php #main_content { width: 65%; max-width: 630px; margin-left: 20px; }
#submenu_assurances { position: relative; width: 100%; }
.submenu_assurances_scroll { top: 0; }

body.page-template-page-templatesfull-width-contact-php #left_sidebar { width: 30%; max-width: 300px; margin-top: 20px; }
body.page-template-page-templatesfull-width-contact-php #main_content { width: 65%; max-width: 630px; margin-left: 20px; }

body.page-template-page-templatesfull-width-legal-php #left_sidebar { width: 30%; max-width: 300px; margin-top: 20px; }
body.page-template-page-templatesfull-width-legal-php #main_content { width: 65%; max-width: 630px; margin-left: 20px; }

.open_bottom { background-size: contain; }

body.page-template-page-templatesfull-width-detailmetiers-php #main_content .open_bottom, body.page-template-page-templatesfull-width-federation-php #main_content .open_bottom, body.page-template-page-templatesfull-width-assurances-php #main_content .open_bottom {  width: 100%; max-width: 1140px; height: 40px; display: none; background: transparent url('images/openblock2.png') no-repeat bottom center; background-size: 100% 100%; cursor: pointer; }

}

@media only screen and (max-width: 1000px) {

#home_annonce_inner { padding: 20px 30px; }

}

@media only screen and (max-width: 945px) {

.main_center { width: 100%; max-width: 1020px; display: block; margin: 0 auto; padding: 0 10px; }

#supheader { width: auto; text-align: left; width: 100%; margin: 0; padding: 0; }

body.page-template-page-templatesfull-width-detailmetiers-php #main_content .metiers_element-boxed .boxed_bottom, body.page-template-page-templatesfull-width-federation-php #main_content .boxed_bottom, body.page-template-page-templatesfull-width-assurances-php #main_content .boxed_bottom { width: 100%; height: 60px; background: transparent url('images/openblock2.png') no-repeat center bottom; background-size: 100% auto; }

/*body.page-template-page-templatesfull-width-detailmetiers-php #main_content .open_bottom, body.page-template-page-templatesfull-width-federation-php #main_content .open_bottom, body.page-template-page-templatesfull-width-assurances-php #main_content .open_bottom { width: 100%; height: 60px; background: transparent url('images/openblock2.png') no-repeat center fixed; background-size: cover; }*/

}

@media only screen and (max-width: 900px) {
ul#supmenu_right li form#searchform div input[type='text'] { max-width: 80px; }
.main-navigation ul div ul { padding: 0 0 0 0px; }
#home_nouveautes_left { display: table-cell; width: 30%; text-align: center; vertical-align: middle; }

}

@media only screen and (max-width: 870px) {
#maps { text-align: center; }
#maps table, #maps table tr { display: block;width: 460px; max-width: 460px; margin: 0 auto; text-align: center; }
#maps table td { display: block; width: 460px; max-width: 460px; margin: 0 auto; text-align: center; }
#inner_associations_liste h4 { font-size: 140%; }
#inner_associations_liste ul li { display: block; float: left; width: 50%; min-height: 240px; padding: 0 20px; margin: 20px 0; }

}
@media only screen and (max-width: 830px) {
#midheader #midheader_left { display: none; }
#midheader #midheader_right { display: none; }
}
@media only screen and (max-width: 810px) {
ul#supmenu_right li form#searchform div input[type='text'] { display: inline-block; border-radius: 4px; padding: 2px 2px 2px 18px; }
ul#supmenu_right li form#searchform div input[type='submit'] { display: none; }
}
@media only screen and (max-width: 740px) {
#supheader_inner { height: 60px; }
.maincontentcontainer_init { padding-top: 290px; }

}

@media only screen and (max-width: 675px) {
.main-navigation { display: block; text-align: center; height: 48px; }
.nav-menu { display: inline-block; height: 48px; }
.main-navigation ul li { padding: 10px 10px; }
.main-small-navigation a, .main-navigation a { display: block; text-decoration: none; color: #FFFFFF; font-size: 100%; font-variant: small-caps; }
#footer_sitemap ul { width: 30%; } 
#footer_sitemap ul.col_1, #footer_sitemap ul.col_2 { min-height: 145px; } 
#home_nouveautes_left { display: none; width: 0%; }
#home_main_left { float: none; width: 100%; border-right: none; padding-right: 0px; }
#home_main_right { float: none; clear: both; width: 100%; padding-left: 0px; padding-top: 40px; }
#inner_associations_liste ul li { display: block; float: none; width: 100%; min-height: auto; padding: 0 20px; margin: 20px 0; }

}

@media only screen and (max-width: 540px) {
.main_center { width: 100%; max-width: 500px; display: block; margin: 0 auto; padding: 0 5px; }
ul#supmenu_right li a { font-size: 60%; padding: 0 5px 0 5px; }
.main-navigation ul li { display: block; float: left; margin: 0 0 0 0!important; height: 50%; padding: 2px 12px; cursor: pointer; }
.main-small-navigation a, .main-navigation a { font-size: 80%; }
.headercontainer_scroll #menu-main-menu { margin-top: 0px!important; }
.main-navigation ul li div { margin-top: 0px; }
.main-navigation ul div ul a { padding: 0 4px; }
#breadcrumbs { display: none; }
body.page-template-page-templatesfull-width-detailmetiers-php #left_sidebar, body.page-template-page-templatesfull-width-federation-php #left_sidebar, body.page-template-page-templatesfull-width-assurances-php #left_sidebar { display: none; }
body.page-template-page-templatesfull-width-detailmetiers-php #main_content, body.page-template-page-templatesfull-width-federation-php #main_content, body.page-template-page-templatesfull-width-assurances-php #main_content, 
body.page-template-page-templatesfull-width-contact-php #main_content, body.page-template-page-templatesfull-width-legal-php #main_content { width: 100%; max-width: 540px; margin-left: 0px; padding: 0 10px; }
#home_annonce_inner { padding: 20px; }
#home_annonce p { font-size: 100%; }
#home_nouveautes { text-align: center; padding: 20px; }
#home_nouveautes_right div, #home_nouveautes_right p, #home_nouveautes_right div p { font-size: 100%; }
#home_nouveautes_right b, #home_nouveautes_right strong { font-size: 100%; } 
#home_nouveautes a.more { font-size: 100%; }
#home_main { padding: 20px; margin-top: 10px; }
#home_main_inner { padding: 0px; }
#home_actus { width: 100%; }
#home_actus li { width: 100%; }
#home_actus li img { display: block; float: none; width: auto; max-width: 100%; }
#home_actus li img+div { display: block; width: 100%; padding-left: 8px; }
#home_actus li img+div span, #home_actus li img+div p { font-size: 80%; }


#footer_sitemap { width: 100%; margin: 0; padding: 0 10px; }
#footer_sitemap ul { display: block; float: none; width: 100%; padding: 0; height: auto; min-height: auto; } 
#footer_sitemap ul li { display: inline-block; width: 45%; } 
#footer_sitemap ul.col_1, #footer_sitemap ul.col_2 { min-height: 50px; } 

}
