@CHARSET "utf-8";

/* PREPARATION RESPONSIVE */
.w780 {display:none;}
.w435 {display:none;}
.w1260 {display:block;}

@media all and (max-width:1255px){
	.smenu-haut {font-size: 3.5em;}
}

@media all and (max-width:1230px){
	
	#bandeau {max-width: 1211px;}
	#bandeau-anim {left:0;}
	
	#logo {left: -1px;}

}
	
/* PC petits écrans */
@media all and (max-width:1210px){
	#droite {display:block; width:100%; margin:0; text-align:center;}
	#droite > div {width: 288px; display:inline-block;  vertical-align: top; margin:15px !important;}
	#droite-evenements #contenu-evenements {width:calc(100% - 90px);}

	#contenu {margin-right:10px; margin-left:10px; display:block; width:calc(100% - 20px); max-width:unset;}
	
	#smenu, #haut, #bandeau, #global-centre {width:100%;}
	
	/* Menu */
	#menu {text-align:center;}
	#menu .menu-element {background:none !important; display:inline-block; vertical-align:top; float:none; margin:0 1.5%;}
	#menu #menu-1 {width: 38px; background: url(../images/menu-accueil-bg.jpg) left center no-repeat !important;}
	#menu-82 {width:41px;}
	#menu-8 { width:73px;}
	#menu-14 { width:82px;}
	#menu-36 {width:99px;}
	#menu-85 {width:50px;}
	#menu-67 { width:100px;}
	#menu-168 {width:109px;}
	#menu-78 { width:68px;}	
	#menu #menu-2 { width: 41px;  background: url(../images/menu-contact-bg.jpg) left center no-repeat !important;}
	
	#menu .menu-element a, #menu .menu-element span { background-position:0 0; padding-left:0; } 
	
	.smenu-conteneur {width:102%;}
	.smenu-ligne-haut, .smenu-ligne-bas {height:auto; min-height: 67px;}
	.smenu-element {width:20%; height:auto;}
	.smenu-element a .smenu-element-puce {display:none;}
	.smenu-element a .smenu-element-nom {margin-left:10px;} 
	.smenu-element a, .smenu-element a:visited {height:auto;}
	.smenu-element a .smenu-element-nom {font-size: 15px;}

	/* Accueil */
	#contenu .slider-wrapper {  margin: 0 auto 40px; left:0; }
	#contenu #accueil #actualites {margin:0 auto;}
	#contenu #tab {margin:40px auto 20px;}


	#dr-saintleu #droite-fb {border-right: none;height: 38px;padding-right: 0;margin-right: 0;position: absolute;top: 277px;right: 135px;}
	#dr-saintleu #droite-fb img{height: 100%;}
	
}


@media all and (max-width:1085px){
	
	#menu .menu-element {margin: 0 1%;}
	
}
@media all and (max-width:940px){
	
	#menu .menu-element {margin:0 0.8%;}
	
}
	
/* Tablette */
@media all and (max-width:886px) {
	.w1260 {display:none;}
	.w435 {display:none;}
	.w780 {display:block;}
	
	body {width:100%;}
	#body-repeat {background:none;}
	#global-centre {}
	#global { margin:0 auto; min-height:inherit;}
	#ariane {display:none;}
	#centre {width:100%; margin:0; padding: 10px 0;}	
	#contenu {width:auto; }
	#contenu img {max-width:100%; height:auto;}
	#contenu .image-auto-conteneur, 
	#contenu .image-auto {max-width:100% !important;}
	
	#contenu h1 {}
	#contenu h2 {margin-left:10px;}
	#contenu h3 {margin-left:15px; padding-left: 0px;}
	#contenu p {margin-left:20px;}
	#contenu ul {padding-left:20px;}
	
	#gauche {display:none;}
	
	/* Menu tablette */
	#bandeau-tablette-conteneur {display:block;}
	#bandeau-tablette {height:inherit; min-width:inherit; z-index:200; width:100%; background:#fff;}
	#bandeau-tablette-haut {height:130px;}
	#bandeau-tablette-haut #logo-tablette {width:156px; height:auto; margin:0px auto; padding-top:0;}
	#bandeau-tablette-haut #logo-tablette a,
	#bandeau-tablette-haut #logo-tablette a:visited {display:block; width:100%; height:100%; }	
	#bandeau-tablette-haut #logo-tablette img {width:100%; height:auto;}
	#bandeau-tablette-bas {position:relative; z-index:20; background:#ffffff; border-bottom:2px solid #255ac9;}
	#bandeau-tablette .menu-icon {position:relative; z-index:20;}
	#bandeau-tablette .menu-icon span {position:absolute; left:10px; top:8px;}
	#bandeau-tablette .menu-icon > a,
	#bandeau-tablette .menu-icon > a:visited {padding:10px; display:block; font-size:21px; font-family:DaxWide,Arial; width:auto; height:25px; text-transform:uppercase; text-align:center; color:#474747; text-decoration:none;}
	
	#menutablette {width:100%; height:inherit; z-index:1000; position:relative; display:none; background:#255ac9;}
	
	#menutablette .menutablette-element {margin:0; padding:0; text-align:center; color:#ffffff; font-size:15px; border-bottom:2px solid #153a87;  }
	#menutablette .menutablette-element > span,
	#menutablette .menutablette-element > a,
	#menutablette .menutablette-element > a:visited {text-transform:uppercase; text-decoration:none; color:#ffffff; font-size:18px;}
	#menutablette .menutablette-element > a:hover {text-decoration:underline;}
	#menutablette .menutablette-element > span,
	#menutablette .menutablette-element > a {display:block; padding:10px 5px; color:#ffffff; border:1px solid #153a87; border-top:1px solid #153a87; border-bottom:1px solid #153a87;}
	#menutablette .smenutablette-conteneur {padding:3px 20px;}
	#menutablette .smenutablette-conteneur .smenutablette-element {margin:10px 0; line-height:17px; padding:5px;}
	#menutablette .smenutablette-conteneur .smenutablette-element.smenutablette-element-selected {background:#153a87;}
	#menutablette .smenutablette-conteneur .smenutablette-element span,
	#menutablette .smenutablette-conteneur .smenutablette-element a,
	#menutablette .smenutablette-conteneur .smenutablette-element a:visited {text-decoration:none; color:#ffffff; font-size:15px; }
	#menutablette .smenutablette-conteneur .smenutablette-element span {color:#ffffff; font-weight:bold;}
	#menutablette .smenutablette-conteneur .smenutablette-element a:hover {text-decoration:underline;}
	#menutablette .smenutablette-conteneur .ssmenutablette-element {}
	#menutablette .smenutablette-conteneur .ssmenutablette-element a,
	#menutablette .smenutablette-conteneur .ssmenutablette-element a:visited {color:#ffffff; font-size:15px;  text-decoration:none; padding-left:7px;}
	#menutablette .smenutablette-conteneur .ssmenutablette-element a:hover {text-decoration:underline;}

	
	#pied {width:350px; padding-left:0; margin:0 auto;}
	#pied a {font-size:16px;}
	
	/* Accueil */
	#contenu #slider-mainwrapper-tablette {overflow:hidden;}
	#contenu .slider-wrapper-tablette {width:98%; position:relative; margin-bottom:40px; left:10px;}
	#contenu #slider-tablette {margin:0px; width:98%; height:auto; }
	#contenu .nivoSlider {overflow:hidden; cursor:pointer;}
	#contenu #slider-tablette .nivo-prevNav, #contenu #slider-tablette .nivo-nextNav {width:31px; height:64px; display:block; z-index:1000;}
	#contenu #slider-tablette .nivo-prevNav {background:url(../images/nivoslide-prev.png) left top no-repeat; left:-12px;}
	#contenu #slider-tablette .nivo-nextNav {background:url(../images/nivoslide-next.png) left top no-repeat; right:-12px;}
	#contenu #slider-tablette .nivo-caption {display:none; padding:0px;}
	#contenu #slider-tablette .nivo-directionNav a {top: 30%;}
	

	#actualites-mobile {width:100%;}
	#actualites-mobile .actualites-mobile-titre {background:#58A6C5; padding:10px; text-align:center; font-size:19px; font-weight:bold;color:#fff;margin-bottom:3px;}
	#actualites-mobile .actualites-mobile-contenu {margin-top:10px; display:none; margin-bottom:15px;}
	#actualites-mobile .actualites-mobile-contenu .colonne { border-top:1px solid #58A6C5; padding:5px 0;}
	#actualites-mobile .actualites-mobile-contenu .first {border-top:none;}
	#actualites-mobile .actualites-mobile-contenu .colonne .contenu {}
	#actualites-mobile .actualites-mobile-contenu .colonne .contenu .photo {width:120px; height:/*220*/120px; float:left; margin-right:15px;}
	#actualites-mobile .actualites-mobile-contenu .colonne .contenu .texte {padding-right:10px;}
	#actualites-mobile .actualites-mobile-contenu .colonne .contenu .texte  h2 {margin:0px 0px 15px 0px; padding:0px; background:none; font-size:1.6em;}
	#actualites-mobile .actualites-mobile-contenu .colonne .contenu .texte  p {margin:0px; font-size:0.9em; color:#454545;}
	#contenu #accueil #actualites-mobile .lirelasuite  {float:right; display:block; width:122px; height:27px; background:url(../images/bouton-lirelasuite.jpg) left top no-repeat; margin-top:5px;}
	#contenu #accueil #actualites-mobile .lirelasuite:hover {background:url(../images/bouton-lirelasuite-on.jpg) left top no-repeat;}
	
	#contenu #actualites-complet a {background-color:#fff; color:#4C4F59; display:inline-block; padding:7px 20px 7px 5px; border: 1px solid #4C4F59; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; -moz-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.25);-webkit-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.25);box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.25);}
	#contenu #actualites-complet a:hover {border: 1px solid #DF6D07; text-decoration:none;}
	
	#contenu .actualite-contenu {margin-left:10px;}
	
	#contenu #tab-tablette {width:100%; margin-top:40px;}
	#contenu .onglets-tablette {height:75px; position:relative;}
	#contenu .onglets-tablette #viepratique-tablette {width:429px; height:75px;  cursor:pointer;}
	#contenu .onglets-tablette #vousetes-tablette {width:439px; height:75px; cursor:pointer;}
	#contenu .tab-contenu-tablette {}
	
	#contenu #tab-contenu-viepratique-tablette {margin-bottom:10px;}
	#contenu #tab-contenu-viepratique-tablette .tab-haut-tablette {height:4px; background:url(../images/accueil-onglet-viepratique-haut.png) top left no-repeat;}
	#contenu #tab-contenu-vousetes-tablette .tab-haut-tablette {height:4px; background:url(../images/accueil-onglet-vousetes-haut-tablette.png) top left no-repeat;}
	#contenu #tab-contenu-viepratique-tablette .tab-centre-tablette {background:url(../images/accueil-onglet-viepratique-centre.png) top left repeat-y; padding-left:6px; border-right:5px solid #255ac9;}
	#contenu #tab-contenu-vousetes-tablette .tab-centre-tablette {background:url(../images/accueil-onglet-vousetes-centre.png) top left repeat-y; padding-left:6px; border-right:5px solid #58A6C5;}
	
	#contenu .tab-centre-tablette .colonne {width:282px; float:left;}
	#contenu .tab-centre-tablette .viepratique {display:block !important;}
	#contenu .tab-centre-tablette .vousetes {display:block !important;}
	#contenu .tab-centre-tablette p {margin:0px;}
	#contenu #tab-contenu-viepratique-tablette .tab-bas-tablette {height:15px; background:url(../images/accueil-onglet-viepratique-bas.png) top left no-repeat;}
	#contenu #tab-contenu-vousetes-tablette .tab-bas-tablette {height:15px; background:url(../images/accueil-onglet-vousetes-bas.png) top left no-repeat;}

	
	
	/* Fiche membre */
	#ficheMembre-container {margin-right:10px;}
	
	/* Contact */
	#contact #contact-form {margin-left:0;}
	#contact .submitconteneur {text-align:center; width:inherit;}
	#contact .submitconteneur .bouton {content: "Envoyer"; }
	#contact #contact-form div.g-recaptcha {margin-left:0px;} 
	#module-contact .submit {margin-left:0;}
	#contenu a.bouton, #contenu a.bouton:visited, .bouton { height:35px; line-height:35px; }
	input.bouton {height:38px;}
	
	input, .input-text, #module-contact .input-text {width:calc(100% - 10px) !important ;height:40px; padding: 3px !important;}
	select {height:40px; }
	.formulaires-container textarea, #contact textarea, textarea, #module-contact textarea {width:calc(100% - 10px);}
	
	.form140 {text-align:left;float: none;} 
	.vide {display:none;}
	/* Colonne de gauche */
	#default { margin: 10px 0 30px;}
	#default #menuv {width:140px; padding-top:0;}
	#default #menuv #titre-menu {height: 54px; -moz-background-size: auto 100%; -o-background-size: auto 100%; -webkit-background-size: auto 100%;  background-size: auto 100%;}
	#default #default-contenu {margin-left:170px;}
	#default #menuv li a, #default #menuv li a:visited { word-wrap: break-word; word-break: break-word;padding: 2px 0;display: block;line-height: 18px;}
	#default #menuv ul > li {font-size: 20px;}
	#default #menuv ul > ul {padding-left: 3px;}
	#default #menuv ul > ul > li {font-size:15px;}
	#default #default-pied li { margin: 18px 0;}
	
	
	#fonts a, #fonts a:visited {    width: 35px;   height: 35px; line-height:35px;}	
	
	/* Pagination */
	#contenu #pagination .pagination-span {margin:0 9px; font-weight:normal; padding:2px 5px; font-size:1.1em; text-align:center; background:#ffffff; border:1px solid #478F9E; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; -moz-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.25);-webkit-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.25);box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.25);}
	#contenu #pagination .pagination-lien {margin:0 9px; padding:2px 5px; border:1px solid #478F9E; font-size:1.1em; text-decoration:none; text-align:center; color:#ffffff; background-image:-moz-linear-gradient(180deg, #58A6C5, #478F9E);background-image:-webkit-linear-gradient(180deg, #58A6C5, #478F9E);background-image:-o-linear-gradient(180deg, #58A6C5, #478F9E);background-image:linear-gradient(180deg, #58A6C5, #478F9E); border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px;-moz-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.25);-webkit-box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.25);box-shadow: 3px 3px 1px rgba(0, 0, 0, 0.25);}
 	#pagination .pagination-separation {display:none;}
	
	
	/* Formulaires */
	#formulaire-naissance-container-etape1, #formulaire-naissance-container-etape2, #formulaire-naissance-container-etape3, #formulaire-naissance-container-etape4, #formulaire-naissance-container-etape5, #formulaire-deces-container-etape1, #formulaire-deces-container-etape2, #formulaire-deces-container-etape3, #formulaire-deces-container-etape4, #formulaire-mariage-container-etape1, #formulaire-mariage-container-etape2, #formulaire-mariage-container-etape3, #formulaire-mariage-container-etape4, #formulaire-mariage-container-etape5 {margin-left:10px;}
	#contenu .formulaires-container .form input, #contenu #formulaire-naissance .form select {width: 98%;}
	#formulaire-naissance-adresse-container, #formulaire-mariage-adresse-container, #formulaire-deces-adresse-container,#formulaire-naissance-telephones-container, #formulaire-mariange-telephones-container, #formulaire-deces-telephones-container {width:98%}
		
	
	/* Liste des élus */
	#elus #actualites .actualite-contenu {width:100%; height:auto; float:none; margin-left:0;}
	#elus #actualites #actualite-contenu-278478 {width:100%;}
	#elus #actualites .actualite-contenu p {height:auto;}

	
	/* Publication */
	#publication #parametre-conteneur, #publication #submit-conteneur {margin-left:10px;}
	#publication #parametre-conteneur {height:auto;}
	#publication #submit-conteneur {clear:both; margin-top:15px;}	
	#publication .publications {padding-left:0;}


	#dr-saintleu #droite-fb {top: 136px;right: 11px;z-index: 100;}
}


@media all and (max-width:685px) {	
	
	#contenu h1 {font-size: 36px;}
	#contenu p {margin-left:5px;}
	
	#accueil-slider {height: 320px;}
	#accueil-texte {}
	#accueil-texte table tr hr {display:none;}
	#accueil-texte table tr td {display:inline-block; vertical-align:top;}
	
	#droite-contact .conteneur {padding: 70px 0px 0px 0px;}
	#droite-evenements #contenu-evenements {padding: 0px 30px; width:calc(100% - 60px);}
}

/* Smartphone */
@media all and (max-width:435px) {	
	.w1260 {display:none;}
	.w780 {display:none;}
	.w435 {display:block;}
	
	#droite > div {margin: 15px 0 auto !important;}
	
	#pied {width:90%;}
	
	#contenu h1 {}
	#contenu h2 {margin-left:5px;}
	#contenu h3 {margin-left:10px;}
	#contenu p {margin-left:0px;}
	#contenu ul {padding-left:17px;}
	

	/* Menu mobile */
	#bandeau-tablette-haut {height:100px;}
	#bandeau-tablette-haut #logo-tablette {width:115px;}
	
	#menutablette .menutablette-element { padding:0 7px; text-align:left; border:none;}
	#menutablette .menutablette-element span,
	#menutablette .menutablette-element a,
	#menutablette .menutablette-element a:visited {text-decoration:none; color:#ffffff; font-size:1.1em; padding: 7px 0; display: block;}
	#menutablette .menutablette-element a:hover {text-decoration:underline;}
	#menutablette .menutablette-element > span,
	#menutablette .menutablette-element > a {text-transform:uppercase; display:block; padding:10px 5px; color:#ffffff; border:none; border-top:1px solid #153a87; border-bottom:1px solid #153a87;}
	#menutablette .smenutablette-conteneur {padding:0 20px;}
	#menutablette .smenutablette-conteneur .smenutablette-element {margin:6px 0; line-height:17px; padding:0 5px; text-align:left;}
	#menutablette .smenutablette-conteneur .smenutablette-element.smenumobile-element-selected {background:#153a87;}
	#menutablette .smenutablette-conteneur .smenutablette-element span,
	#menutablette .smenutablette-conteneur .smenutablette-element a,
	#menutablette .smenutablette-conteneur .smenutablette-element a:visited {text-decoration:none; }
	#menutablette .smenutablette-conteneur .smenutablette-element span {font-weight:bold;}
	#menutablette .smenutablette-conteneur .smenutablette-element a:hover {text-decoration:underline;}
	#menutablette .smenutablette-conteneur .ssmenutablette-element {}
	#menutablette .smenutablette-conteneur .ssmenutablette-element a,
	#menutablette .smenutablette-conteneur .ssmenutablette-element a:visited {font-size:0.8em; text-decoration:none; padding-left:7px;}
	#menutablette .smenutablette-conteneur .ssmenutablette-element a:hover {text-decoration:underline;}
	
	/* Accueil */
	
	#contenu #slider-mainwrapper-mobile {overflow:hidden;}
	#contenu .slider-wrapper-mobile {width:98%; position:relative; margin-bottom:40px; left:10px;}
	#contenu #slider-mobile {margin:0px; width:98%; height:auto; }
	#contenu .nivoSlider {overflow:hidden; cursor:pointer;}
	#contenu #slider-mobile .nivo-caption {display:none; padding:0px;}
	
	#actualites-mobile .actualites-mobile-contenu .colonne .contenu .texte  p {text-align:left;}
	
	#contenu img {display:block; float:none !important; margin:5px auto !important;}
	
	#contenu .onglets-tablette {height:auto;}
	#contenu .onglets-tablette #viepratique-tablette {width:100%; height:59px;}
	#contenu .onglets-tablette #vousetes-tablette {width:100%; height:59px;}
	#contenu #tab-contenu-viepratique-tablette .tab-haut-tablette { display:none;}
	#contenu #tab-contenu-vousetes-tablette .tab-haut-tablette {display:none;}
	#contenu #tab-contenu-viepratique-tablette .tab-centre-tablette {background:#fff; border-right:4px solid #255ac9; border-left:4px solid #255ac9; padding-top:13px;}
	#contenu #tab-contenu-vousetes-tablette .tab-centre-tablette {background:#fff; border-right:4px solid #58A6C5;  border-left:4px solid #58A6C5; padding-top:13px;}
	#contenu .tab-centre-tablette .colonne {float:none; margin:0 auto;}
	
	#contenu .actualite-contenu {margin-left:0px;}
	
	
	#accueil-slider {height: 420px;}
	#accueil-slider-fleches-conteneur {display:none;}
	
	#accueil-slider .accueil-slider-li .accueil-slider-centre {display: flex; flex-direction: column;justify-content: center;}
	#accueil-slider .accueil-slider-li .accueil-slider-centre img { height:auto !important;  margin: 10px auto !important;   max-width: calc(100% - 20px);   display: block;   float: none !important;}
	
	/* Fiche membre */
	#ficheMembre-informations {float:none;}
	#ficheMembre-map {float:none;}
	
	/* Contact */
	#contact #contact-texte {float:none;}
	#contact #contact-acces {width:100%; float:none;}
	#contact #contact-mairie {    padding-bottom: 10px;}
	
	/* Colonne de gauche */
	#default #menuv {display:none;}
	#default #default-contenu {margin-left:0;}
	
	/* Pagination */
	#pagination {width:auto;}
	#pagination .pagination-span {margin:0 4px; padding:2px 3px; font-size:1em; }
	#pagination .pagination-lien {margin:0 4px; padding:2px 3px; font-size:1em; }
 	
 	
 	/* Liste des élus */
 	#contenu .actualite-contenu .actualite-image {float:none; width:150px; margin:5px auto;}
 	#contenu .actualite-extrait {margin-left:10px !important; }
 	#contenu .actualite-extrait .titre {text-align:center;}
	
	/* Publication */
	#publication #parametre-conteneur, #publication #submit-conteneur {margin-left:0px;}
	#publication .parametre {float:none; margin:5px auto;}
	#publication #publication-ou .parametre {float:left; margin-left:5px;} 
	#publication #publication-ou {float:none; width:272px; margin:5px 0;}
	#publication .ou {width:50px;}
	#publication #submit-conteneur {width: 180px; margin: 5px auto;}
	#publication .publication {float:none; margin: 10px auto;}


	#dr-saintleu #droite-fb {top: 106px;}
}