@charset "utf-8";
/* CSS Document */

/* Menu */
.zone_menu { height:90px; } 
/* Menu screen */
#menu { display:block; }
.menuTop1{ display:block;color:#00a0ab; text-decoration:none; text-align:left; clear:both; font-size:1em;  }
.div_txt_haut4{max-width:104px;}
.div_txt_haut3{max-width:60px;}
.div_txt_haut2{max-width:84px;}
.div_txt_haut{padding-top: 8px;}
#ssmenugen .subnav{display:block;}


/* paramètre recherche */
.recherchedroite {max-width:132px; margin: 1.5em 0.4em 0.5em 0; }
.recherche {width:64%;}

/* Menu Iphone */
.zone_menu{ display:block; }
#menu2 { display:none; }
.menuIp { display:none; }
#menuN1{ float:left; padding: 5px 2em; list-style-type:none;  }
.titreN1{ color:#ffffff; font-size:1.1em; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; }
#iphonemenu { display:none;}


/* éléments généraux */
.BlocSection { padding: 2%; width: 62%; }
.right{ max-width:344px; margin: 0 0.5% 0 3.5%; width:28%; }
.center{ width:66%;  }

/* ACTUALITES et Evenements sommaire */
.titre_som{ font-size:2.8em;}
.blocs_vertical{ max-width:620px;}
.blocs_horizontal{max-width: 620px; }
.bloc_blanc2{ margin: 20px 0 0 2%; max-width:310px; width: 46%;}
.bloc_blanc3{ margin: 20px 0 0 3%; max-width:310px; width: 46%;}

.zone_agenda{ padding: 1em 2em;}
.titre_som2{ font-size:2.8em;}
.titre_ag_som{font-size:1em;}


/* Ma MAIRIE EN LIGNE */
.passe { width:74%;}

/* Liens pratiques */
.liens_map {font-size:1.5em; }

/* Liens Publications */
.img_publi{ max-width:126px; width:50%;  }
.center_mag{ margin-top:56px;  margin-left: inherit;}


/* Agenda ou Evénements */
.agendaInfo {float:left; margin: 0 2% 0 0; width: 38%; }
.agendaInfo_right{float:left; width:60%; }
.ImgFloatAgenda{ display:block;}
.agendaLieu{float:left; width:42%;}

/* bottom */
.zonebasglob2{ display:block;}
.menuB2{max-width:120px;}
.div_txt_bas{padding-top: 10px;}
.div_txt_bas4{max-width:120px;}
.div_txt_bas3{max-width:80px;}
.div_txt_bas2{max-width:100px;}
.menuBottom1{font-size: 1em;}
li.menuBottom{ margin: 0 0.8%; }

/* Pleaide et Mediathèque */
.titre_som_m{font-size: 1.8em;  }
.titre_som2_m{font-size: 1.8em; }
.floatleft_m { float: left; }
.bloc_aime1{ width:50%; margin: 0;}
.bloc_aime2{ width:46%; margin:0 0 0 4%;}
.titre_actu_m { font-size:1.4em;}
.bloc_blanc_m{ width: 22%; }