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

@font-face {
   font-family: 'uni_sans_book-webfont';
   src: url('font/uni_sans_book-webfont.eot');
   src: url('font/uni_sans_book-webfont?#iefix') format('embedded-opentype'),
        url('font/uni_sans_book-webfont.woff') format('woff'),
        url('font/uni_sans_book-webfont.ttf') format('truetype'),
        url('font/uni_sans_book-webfont.svg#uni_sans_book-webfont') format('svg');
 
}


@font-face {       
   font-family: 'uni_sans_semi_bold';
   src: url('font/uni_sans_semi_bold-webfont.eot');
   src: url('font/uni_sans_semi_bold-webfont?#iefix') format('embedded-opentype'),
        url('font/uni_sans_semi_bold-webfont.woff') format('woff'),
        url('font/uni_sans_semi_bold-webfont.ttf') format('truetype'),
        url('font/uni_sans_semi_bold-webfont.svg#uni_sans_semi_bold-webfont') format('svg');
}

@font-face {       
   font-family: 'uni_sans_thin-webfont';
   src: url('font/uni_sans_thin-webfont.eot');
   src: url('font/uni_sans_thin-webfont?#iefix') format('embedded-opentype'),
        url('font/uni_sans_thin-webfont.woff') format('woff'),
        url('font/uni_sans_thin-webfont.ttf') format('truetype'),
        url('font/uni_sans_thin-webfont.svg#uni_sans_semi_bold') format('svg');
}


body {margin: 0 auto; padding:0px; font-family: "uni_sans_book-webfont", Arial, Helvetica, sans-serif; font-size:1em; color:#2b2b2b; }
button { background-color: transparent; border: medium none; cursor: pointer; margin: 0; padding: 0; }
ul { margin:0; padding:0;}
li { margin:0; padding:0;}
fieldset{ border: 0 none; }
img { border: 0 none; height: auto; margin: 0; max-width: 100%; padding: 0; vertical-align: bottom; }
a { color:#00a0ab; text-decoration:none; }

/* Spacer  */
.spacer { clear:both;}
.spacer_10 { clear:both; padding-top:10px;}
.spacer_20 { clear:both; padding-top:20px;}
.spacer_30 { clear:both; padding-top:30px;}
.spacer_40{ clear:both; padding-top:40px;}
.spacer_souligne{ clear:both; padding-top:20px; border-top: 25px solid #c5c5c5; }
.spacer_souligne2{ clear:both; border-top: 1px solid #dcdcdc; }

/* efface / action */
.none { display:none; }
.floatleft { float:left; }
.floatright { float:right; }
.clear{ clear:both;}

/* Header */
.liens_header { background-color:#def3f4; margin:auto; max-width:1600px; text-align:right; padding-right:24px;}
.oo929c{ color:#00929c; }
.oo929c:hover{ color:#000000;}

/* divers */
.liens_blanc{ color:#FFFFFF; }


 /* Slider une */
.logo { max-width:1624px; position:absolute; z-index:100; background-image:url(../images/bg_top.png); background-repeat:repeat-x; width: 100%; display:none; height:10px; }
.logo2 { max-width:1624px; position:absolute; z-index:100; background-image:url(../images/bg_top.png); background-repeat:repeat-x; width: 100%; display:block; }
.bas_une_img { max-width:1624px; position:absolute; z-index:100; width: 100%; margin-top: 382px; }
.blocUne { display: none; }
.Comp-Slide{ position: relative; width: 1624px; height: 476px;}
.param_slide{ cursor: move; position: absolute; left: 0px; top: 0px; width: 1624px; height: 476px; overflow: hidden;}
.captionOrange, .captionBlack { color: #fff; font-size: 20px; line-height: 30px; text-align: center; border-radius: 4px; }
.captionOrange { background: #EB5100; background-color: rgba(235, 81, 0, 0.6); }
.captionBlack {	background: #000; background-color: rgba(0, 0, 0, 0.4); }
a.captionOrange, A.captionOrange:active, A.captionOrange:visited{ color: #ffffff; text-decoration: none;}
a.captionOrange:hover {	color: #eb5100;	text-decoration: underline;	background-color: #eeeeee; background-color: rgba(238, 238, 238, 0.7); }
.jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {	filter: alpha(opacity=70); opacity: .7; overflow:hidden; cursor: pointer; border: #000 1px solid;	}
.jssorb01 div { background-color: gray; }
.jssorb01 div:hover, .jssorb01 .av:hover { background-color: #d3d3d3; }
.jssorb01 .av { background-color: #fff; }
.jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }

.jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn { position: absolute; cursor: pointer; display: block; background: url(../images/fleche.png) no-repeat; overflow:hidden; }
.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05ldn { background-position: -250px -40px; }
.jssora05rdn { background-position: -310px -40px; }
.zoneune { max-width:1624px; margin:auto;}
.bl_une_titre{ width:26%; background-color:#FFFFFF; z-index:100; border-radius: 0px 10px 10px 0px; margin: 230px 0 0 0; position:absolute; font-size:2em;    padding: 0.5% 0.5% 0.5% 3.5%; display:none; box-shadow: 3px 1px 9px 0;}
.title_une_art{ border-left: 7px solid #00a0ab; display:block; min-height:40px; padding-left: 2%; color:#222222; text-decoration:none; }

/* Menu */
.zone_menu { max-width:1624px; margin:auto; background-color:#def3f4; background-image:url(../images/menu_bottom.gif); background-position:bottom center; background-repeat:no-repeat; height:56px; }

/* Menu screen */
.zone_menu ul, .zone_menu li, #ssmenugen ul, #ssmenugen li{list-style: none outside none; }
#menu { display:none; max-width: 1400px; margin:auto; }
li.menuTop_a{ list-style: none outside none; float:left; margin: 1em 1.5% 0 1.5%;  }
li.menuTop{ list-style: none outside none; float:left; margin: 1em 1.5% 0 1.5%; cursor:pointer;}
li.menuTop2{ list-style: none outside none; float:right; }
.logohaut{ max-width:30px; width:50%; margin: 4px 5px 0 0;  }
#ssmenugen{background-color: #ffffff; margin: auto; max-width: 1400px; display:none; border: 1px solid #00a0ab;}
#ssmenugen .subnav{display:none;}
.titre_r1{ color:#00a0ab; font-size:1.1em;  font-family: "uni_sans_semi_bold", Arial, Helvetica, sans-serif;  border-bottom: 2px solid #FFFFFF; display:block; border-bottom: 1px solid #33c6d0;  margin-bottom: 8px;}
.titre_r1:hover{ color:#e40047; }
.subnav{list-style: none outside none; display:none};
.subnav2{list-style: none outside none; }
.li_line_n2{ margin: 0.2em 0.5em 0.2em 0.4em; clear:both;  }
.li_line_n2 a { color: #333333;}
.titre_r2{ background-image:url(../images/title_m.gif); background-repeat:no-repeat; background-position: 1px 5px; padding-left:8px; display:inherit;}
.titre_r2:hover{ color:#e40047; display:list-item; }
#ssmenugen .li_line_n1{margin: 0.9em 1.5% 0.7em 1.5%; display:block; float:left; width:22%; }
.m_gauche{max-with:94px; width:31%;}
.m_droite{max-with:94px; width:69%;}
.active .menuTop1 {color: #e40047;}
.menuTop1:hover {color: #333333;}


/* Menu iphone */
.zone_menu{ display:none; }
#menu2{ background:#def3f4; display:block; }
.somtel { background-color: #00a0ab; float:left; font-size: 1.6em; padding: 2% 8%; color:#FFFFFF; margin:0.5em 0 0 0.1em; border-radius:5px;}
#iphonemenu { background-color: #def3f4; display:none;}
.menuIp { padding: 5px; border-top: 1px solid #def3f4;  background-color: #ffffff; }
.menuIp:hover { background-color: #a3e4e9; }
.titreN2 { font-size: 1.5em; } 
.clear {clear:both; }

/* paramètre recherche */
.recherchedroite {max-width:158px; transition-property: margin, height, padding, font-size, width ; transition-duration: 1s; border-radius: 0.3rem;  border: 1px solid #d5d5d5; width: 100%; margin: 1.3em 0.8em 0.5em 0;; float:right; background-color:#FFFFFF;}
.recherche { color: #333333; margin: 1% 2% 1% 2%; padding: 0.2rem 0.2rem 0.2rem 0.3rem; float: left; width:70%; font-size:0.8rem; border:0; }
.img_recherche { float: left; padding: 0.4% 0 0 2%; }
.recherche:hover{border-color: #009df5; outline: medium none;  }
.recherche:focus{ border-color: #009df5; outline: medium none;  }
.img_recherche { float: left; }
.vosrecherches1 { font-size:1.2em; color:#dd710e; }
.vosrecherches2 { font-size:2em; color:#e15423; }
.vosrecherches3 { color: #e15423; text-decoration: none; padding-bottom: 3px; font-size: 16px; font-weight: bold; padding-left: 5px; width: auto; padding-top: 15px; border-bottom-width: 1px;	border-bottom-style: solid; border-bottom-color: #CCC; margin-bottom: 4px; clear:both; }
.searchTitre2{ font-size:1em; color:color: #333333; display: block; text-decoration:none; }
.searchTitre2:hover{ color: #e15423;}



/* éléments généraux */
.contenuGen { background-color:#ffffff; max-width: 1400px; margin: auto;}
.BlocSection { padding: 2%; width: 96%; }
.contenu1 { padding:0px; margin:0px; display:block; }
.center{ max-width:1056px; width:98%;  }
.right{ max-width:600px; margin: 0 0.5% 0 3.5%; width:96%; }



/* Sommaire */
/* Brèves */
.zonebreve { display:none;}

/* ACTUALITES et Evenements sommaire */
.zone_actu{ background-color:#def3f4; border-radius: 10px; padding: 1em 2%; margin: 8% 2% 0 2%;}
.titre_som{ font-size:2.2em; border-bottom: 1px solid #2b2b2b; font-family: "uni_sans_thin-webfont", Arial, Helvetica, sans-serif;}
.blocs_vertical{ max-width:506px; }
.blocs_horizontal{max-width: 518px; }
.bloc_blanc{ background-color:#FFFFFF; border: 1px solid #e0e0e1; margin: 20px 0 0 0;}
.bloc_blanc2{ background-color:#FFFFFF; border: 1px solid #e0e0e1; margin: 20px 0 0 0; max-width:250px; min-height: 302px; width: 48%;}
.bloc_blanc3{ background-color:#FFFFFF; border: 1px solid #e0e0e1; margin: 20px 0 0 2%; max-width:250px; min-height: 302px; width: 48%;}
.bloc_logo{ margin: 1%; max-width: 206px; width: 48%;}
.bloc_logo2{ }
.bloc_txt_actu{margin: 0px 5px 0 0;}
.bloc_txt_actu2{margin: 4px;}
.esp_titre{padding: 8px 2px 10px 0; }
.esp_titre2{padding: 10px 0 0 0; }
.esp_txt{ margin: -7px 5px 0 2%; min-height: 90px;}
.esp_txt2{ margin: -5px 0px 0 0; min-height: 118px;}
.titre_actu { color:#00a0ab; font-family: "uni_sans_semi_bold", Arial, Helvetica, sans-serif; line-height:normal;}
.txt_al_right{ text-align:right; margin-right:1%;}
.chapo_actu{color:#2b2b2b; font-size:0.9em; line-height:normal;}
.Lire_suite { color:#333333; font-size:0.8em;}

.zone_agenda{ margin: 1% 0 5% 1%;}
.titre_som2{ font-size:2.2em; border-bottom: 1px solid #e0e0e1; font-family: "uni_sans_thin-webfont", Arial, Helvetica, sans-serif;}
.esp_txt3{ margin: 5px 0px 0 0;}
.titre_ag_som{font-size:1.1em; color:#2F2F2F;}
.lieu_som{font-size:1em; color:#00a0ab;}
.blocs_horizontal2{max-width: 1036px; }
.bloc_blanc4{ background-color:#FFFFFF; border: 1px solid #e0e0e1; margin: 20px 0.5% 0 2%; max-width:260px; min-height: 350px; width: 46%;}
.bloc_blanc4:first-child { }
.txt_al_right_ag{ text-align:right;}
#select_agenda_dicipline {display:none }

/* LIENS DIRECT IMG */
.img_pr { width:33%;}
.som_l_center  {margin: 10px 0 0 0; display:none;}


/* Ma MAIRIE EN LIGNE */

.bl_gen_mairie{ max-width:600px; background-color: #e40047; background-image: linear-gradient(#e40047, #b20139); border: 1px solid #636363; box-shadow: 0 1px 4px 2px #bfbfbf;  }
.pancarte{position:absolute; z-index:100; margin: 0 0 0 -25px; }
.mamairie{position:absolute; z-index:150; margin: 8px 0 0 5px; color:#e30046; font-family: "uni_sans_semi_bold", Arial, Helvetica, sans-serif; font-size:1.8em;  }
.contenu_grc{ margin: 3.5em 1% 1% 5px }
.ad{ color:#ffffff; line-height:normal; }
.liens_z1_grc{ border-bottom: 1px solid #FFFFFF;  margin: 2% 3% 4% 3%; padding: 1% 0 2% 0; }
.liens_z2_grc{ margin: 2% 3% 4% 3%;  }
.liens_grc { color:#ffffff; text-decoration:none; background-image:url(../images/fleche_right.png); background-repeat:no-repeat; background-position: 1px 4px; padding: 0 0.5em 0 1.2em; }

.username { border-radius: 0.3rem; color: #333333; margin: 0% 0 3% 1%; padding:0.1rem 0.2rem 0.2rem 0.30rem; float: left; width:96%; border: 1px solid #d5d5d5; font-size:0.8rem; }
.username:hover { border-color: #009df5; outline: medium none; }
.username:focus { border-color: #009df5; outline: medium none; }
.passe { border-radius: 0.3rem; color: #333333; margin: 0% 0 3% 1%; padding:0.1rem 0.2rem 0.2rem 0.30rem; float: left; width:78%; border: 1px solid #d5d5d5; font-size:0.8rem; }
.passe:hover { border-color: #009df5; outline: medium none; }
.passe:focus { border-color: #009df5; outline: medium none; }

.ok-grc {margin: 2px 0 0 15%;}



/* Liens pratiques */

.bl_gen_pratique{ max-width:600px; background-color: #00a0ab; }
.lienspratiq{ margin: 8px 0 0 5px; color:#FFFFFF; font-family: "uni_sans_semi_bold", Arial, Helvetica, sans-serif; font-size:1.8em; }
.plan_lien{ background-color:#FFFFFF;  background-position: center center; border: 4px solid #00a0ab;}
.logoplan{  max-width: 60px; width: 24%;}
.plan_tr_right{ margin: 2.5% 0.4% 0 2%}
.liens_map {font-family: "uni_sans_semi_bold", Arial, Helvetica, sans-serif; font-size:1.5em;  color:#00a0ab; text-decoration:none; }

/* Liens Publications */

.bl_gen_publication{ max-width:600px; background-color: #def3f4; }
.bl_publication {font-family: "uni_sans_semi_bold", Arial, Helvetica, sans-serif; font-size:1.5em;  color:#00a0ab; text-decoration:none; margin: 0 0 0 5px;}
.img_publi{ max-width:126px; width:50%; margin: 1% 3% 1% 3%; }
.numero_une {color:#00a0ab; font-size:1.4em; font-family: "uni_sans_semi_bold", Arial, Helvetica, sans-serif;}
.center_mag{ margin-top:56px;}
.voir_mag {color:#333333; font-size:0.9em; background-color:#FFFFFF; text-decoration:none; }
.liens_publi { color:#00a0ab; text-decoration:none; background-image:url(../images/fleche_right2.png); background-repeat:no-repeat; background-position: 1px 4px; padding: 0 0.5em 0 1.2em; margin-left: 12%; display: block;}

/* facebook */
.facebook_riche{ max-width:475px; text-align:center;}

/* ville fleuri */
.fleuri{ text-align: center;}

/* page Rubrique spip */
.rubimgintro{padding: 1% 0 0 0 }
.bloc-rub{  border-bottom: 1px solid #C5C5C5; }
.bloc-rub:hover{ background-color:#def3f4;}
.titrerub{ color:#00a0ab; font-size:1.6em;}
.Texterub { font-size:1em; line-height: normal;}
.Texterub p { padding:0; margin:0; }
.ImgFloatRub{ float:left;  width: 22%; margin: 2px 3% 1% 2%; border-radius: 12%;
-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;
 }
 
.bloc-rub:hover .ImgFloatRub{ 
-moz-transform: scale(1.10);
-webkit-transform: scale(1.10);
-o-transform: scale(1.10);
-ms-transform: scale(1.10);
transform: scale(1.10);
}

/*chemin d'arbo -  barre des supléments  : agrandir/ partager/ flux rss et autres  ------------------------------------------------------ */
.bas_liens_part{border-top : 1px solid #D8D8D8;}
.int_toolbox{ margin-top: 1.4%; float:right;}
.interface{ text-align: right; width: 100%; margin: 0.9% 0 0 0 ; }
.chemin {width: 100%; font-size: 0.9em; color: #999; padding: 0% 0 0% 0%; border-bottom: 2px dotted #e9e9e9; }
.hierarchie{ font-size: 1.1em; color: #3b3b3b; text-decoration: none; }
.hierarchie:hover{ color: #046eba; }

 
/* page Article spip */
#Centre { background-color:#FFFFFF;}
#page { margin:4%;}
.TitreN1 { font-size: 3em; color:#00a0ab; margin: 0;}
.sstitre-article { font-size: 12px; color:#00a0ab;}
.chapo { font-size: 1.4em ; margin: -10px 0 0 0; color:#464646; font-weight:bold;  }
.TexteArt { font-size: 1.1em; color:#464646;}

/* Spécifs article SPIP  ------------------------------------------------------ */
.TexteArt P{ }
.TexteArt strong{ font-weight: bold; }
.TexteArt i{ font-style: italic; }
.TexteArt h3{ color: #e40047; text-decoration: none; padding-bottom: 3px; font-size: 1.2em; font-weight: bold; width: auto; padding-top: 15px; border-bottom-width: 1px;	border-bottom-style: solid; border-bottom-color: #CCC; margin-bottom: 4px; clear:both; }
.TexteArt h4{ color: #718692; text-decoration: none; font-size: 18px; font-weight: bold; line-height: normal; }
.TexteArt h5 { border-bottom: 1px solid #CCCCCC; color: #00a0ab; display: block; font-size: 1.2em; font-style: normal; padding-bottom: 6px; margin: 20px 0 0 0; }
.TexteArt a{ color: #0f4389; text-decoration: none; }
.TexteArt a:hover{	color: #0f4389;	text-decoration: underline; }
.TexteArt ul, medir { margin-left: 45px; margin-top: 12px; 	margin-bottom: 1.4em; line-height: normal; display: block; list-style-type: none; }
.TexteArt li { background-image: url(../images/puce2.png);	background-repeat: no-repeat; background-position: 1px 4px; padding-left: 16px; list-style-type: none; }
.caractencadre-spip { text-align: center; display: block; color: #666; }
.caractencadre2-spip { 	color: #004c99;	font-size: 24px; font-style: normal; }
.spip_poesie{ text-align: center; display: block; }
.texteencadre-spip { font-size: 14px; font-style: normal; color: #FFF; background-color: #e40047; display: block; padding: 10px; }
blockquote{ color: #333; display: block; padding: 10px; border: 1px solid #999;	}

/* Portfolio*/
#documents_portfolio{ background-color: #efefef; margin-top: 1%; margin-bottom: 1%; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #999; border-bottom-color: #999; padding: 2%; text-align: center; }

#documents_portfolio img { transition-property: padding ;transition-duration: 2s;  padding:0.4%; }

/* Logos, documents et images */
.TexteArt img{ margin: 0.35rem 0; padding: 0; border: 0; height: auto;}
.spip_logos { margin: 0; padding: 0; border: 0; }
.spip_documents { text-align: center; line-height: normal; }
.spip_documents p { margin: 0.10em; padding: 0; }
.TexteArt .spip_documents_center { display: block; clear: both; width:100%; margin: auto; }
.TexteArt .spip_documents_left { float: left; margin-right: 2%; margin-top:0; margin-bottom: 0.5%; max-width: 56%; }
.TexteArt .spip_documents_right { float: right; margin-left: 2%; margin-top:1%; margin-bottom: 1%; max-width: 56%;}
.spip_doc_titre { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 0.6em; color: #666;  margin: auto; max-width: 100%;} 
.spip_doc_descriptif { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 0.6em; color: #666;  margin: auto; max-width: 100%;} 

/* tableau spip  */ 
table.spip th, table.spip td {max-width: 90px;}
table.spip { border-collapse: collapse; border-spacing: 0; line-height: normal; margin-bottom: 1em; width: 90%; }
table.spip caption { background: none repeat scroll 0 0 #74c4c9; border:1px solid #30979d; caption-side: top; color: #FFFFFF; font-weight: bold; padding-left: 10px; padding-right: 10px; text-align: left;}
table.spip tr.row_first { background: #74c4c9;vertical-align: top; } /* ligne titre colonne */
table.spip tr.row_odd { background: #FFFFFF; vertical-align: top;  max-width: 90px; }/* 2eme ligne */
table.spip tr.row_even { background: #e5f1f2;vertical-align: top; border:1px solid #30979d; } /* 1ere ligne */
table.spip th, table.spip td { padding: 1% ; text-align: left; border:1px solid #3ea5ab; vertical-align: top;  }
table.spip th { vertical-align: bottom; font-weight: bold;} 

/* Parutions */
.bloc-pagination{display: block; float: left; padding: 10px 5px 6px;  text-align: center;  width: 18%; }
.bloc-pagination:hover{ background-color:#E9E9E9;}
.titre-page-p{ color:#3D3D3D; height:60px; display:table;}

/* evenement sp agenda */
.bloc-jour{  border-bottom: 1px solid #C5C5C5; background-color:#f3f3d5; }
.bloc-jour:hover{ background-color:#f3dfd5;}

/* plan du site */
.lien_titreplan {color: #00a0ab; text-decoration:underline;}
.lien_titreplan:hover {color: #0064ce;}
.lien_titreplan2 {color: #575757;}
.lien_titreplan2:hover {color: #969696;}
.titreplan1 { font-size:1.4em; list-style: none outside none; padding: 2px 4px 4px 25px; background-image:url(../images/puce.png); background-repeat:no-repeat; background-position: 4px 6px; }
.titreplan2{ font-size:1em; list-style: none outside none; padding: 2px 4px 4px 35px; background-image:url(../images/puce2.png.gif); background-repeat:no-repeat; background-position: 20px 6px; }
.titreplan3{ font-size:1.2em; list-style: none outside none; padding: 2px 4px 4px 70px; background-image:url(../images/puce.png.gif); background-repeat:no-repeat; background-position: 50px 8px; }
.titreplan4{ color:#0064ce; font-size:0.8em; list-style: none outside none; padding: 2px 4px 4px 50px; background-image:url(../images/puce2.png.gif); background-repeat:no-repeat; background-position: 30px 5px; }

/* Envoyez à un ami */ 

.page-global-sp { width:100%;}
.form-base { border-radius: 8px ; padding: 0.8% ; width:85%; margin: 2% 0% 6% 0%; background-color: #e4ebee; color: #1598a9;}
.form-msg {border-radius: 8px ; padding: 0.8% ; width:85%; margin: 2% 0% 6% 0%; background-color: #e4ebee; color: #1598a9; height:130px; max-width:650px;}
.TextFormLeft{ float:left;}
.form-checkbox{ float:left;}
.form-check{ float:left; border-radius:8px ; color:#ffffff; padding: 0.8% ; width:35%; margin: 2% 5% 6% 2%; background-color: #2199aa; }
.form-check:hover {background-color: #318669; }
.envReussi{ text-align:center; font-size:1.4 em; color: #f05a00; }
.RetourPage{text-align:center; }

/* En 1 clic en mode à droite de l'écran */
.conteneur1{display:block;}
.conteneur {position:Fixed; right: 0px; display:none;}
.z_droide{list-style: none outside none; }
.gris_right{ background-color:#bfbfbf; padding: 10px 0 10px 10px; border-radius: 10px 0 0 10px; box-shadow: 0 1px 4px 2px #333333; }
.logo1clic{ max-width:65px; margin: 3px 2% 3px 2%; background-color:#00a0ab; float:left; width:28%; }
.logo1clic:hover{ background-color:#919090; }
.ssclics{list-style: none outside none;  }


/* Agenda ou Evénements */
.dateagenda{ color:#b60039; font-size:1.1em; font-family: "uni_sans_semi_bold", Arial, Helvetica, sans-serif;}
.descriptif-agenda{ color:#373737; font-size:1em;}
.lieu-agenda{ color:#373737; font-size:1em;}
.form_agenda {background-color:#E5E3E3;}
.ImgFloatAgenda{float:none; width:100%; padding-right:0; background-color:#FFF; display:none;}
.agendaLieu{float:none; width:96%; background-color:#d2d2d2; padding:2%}
.agendaLieu p {margin:0; padding:0;}
.agendaInfo {float:none; width:100%}
.bloc-rub_agenda{border-bottom: 3px solid #C5C5C5; padding:5% 0; }
.select_agenda{width: 28%;height: 34px;overflow: hidden;border: 1px solid #ccc; background-color:#FFF; margin: 10px 0 9px 1%; border-radius:10px 0 0 10px}
.agendaInfo_right{float:none; width:100%; background-color:#d2d2d2}
.aucun_event{text-align:center; margin-top:10%}
#submit_agenda {background-color:#d2d2d2;max-width: 68px;float:right;width:9%; height:53px; text-align:center; display:table-cell; vertical-align:middle; line-height:53px}
#submit_agenda_img {width: 100%; vertical-align:middle}


/* vidéos et Web TV */

.videoWrapper { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } 
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



/* bottom */
.zonebasglob2{ display:none;}
.ligne_sep_bas { background-image: url(../images/degrad_bottom.gif); background-repeat: repeat-x; height:10px; margin-top:40px;}
.bottom{ background-color:#def3f4;}
.center_bottom{  max-width: 1400px; margin:auto;}
.bottom2{ background-color:#FFFFFF;}
.center_bottom2{ max-width: 1400px; margin:auto;}
li.menuBottom{ list-style: none outside none; float:left; margin: 0 1.5%; }
.logobas{ max-width:30px; width:50%; margin: 4px 5px 0 0;  }
.logobas1{ max-width:30px; width:50%; margin: 4px 5px 0 0;  }
.div_txt_bas{ max-width:120px;}
.menuBottom1{ display:block;color:#00a0ab; text-decoration:none; text-align:left; clear:both; font-size:2em;  }
.menuB2{display:block; clear:both; color:#00a0ab; text-decoration:none; text-align:left; font-size:11px; padding: 2px 5px 4px 18px; background-image: url("../images/fleche_right2.png"); background-position: 1px 4px; background-repeat: no-repeat; margin: 0 0 0 4%; max-width:120px;}
.menuB2:hover{ text-decoration:underline;}
.menuB3{color:#b9b9b9; text-decoration:none; font-size:12px; }
.menuB3:hover{ text-decoration:underline; color:#00a0ab;}
.ligne_liens{ margin: 5% 0 0 5%; float: none; font-size: 0.8em;}
.bl_logo_bottom{ float:none; margin: 2% auto; width: 250px;}
.logo_bottom{ float:left; max-width:90px;}
.adresse_bottom{ float:left; text-align: center; margin: 9% 0 0;}
.adresse_bottom P{ margin:0; padding:0; font-size:0.8em;}


/* Newsletter */

.bl_gen_newsletter{ max-width:600px; background-color: #e40047; background-image: linear-gradient(#00a0ab, #03757d); border: 1px solid #636363; box-shadow: 0 1px 4px 2px #bfbfbf; margin: 5px auto; padding: 12px 0 0 1%; }

.usermail { border-radius: 0.3rem; color: #333333; padding:0.1rem 0.2rem 0.2rem 0.30rem; float: left; width:84%; border: 1px solid #d5d5d5; font-size:0.8rem; margin: 4px 2% 0 0; }
.usermail:hover { border-color: #009df5; outline: medium none; }
.pusermail:focus { border-color: #009df5; outline: medium none; }

/* Pleaide et Mediathèque */
.zone_agenda_p{ margin: 1% 0 2% 4%;}
.zone_agenda_m{ margin: 1% 0 2% 4%;}
.max_right{ max-width:248px;}
.bloc_logo_m{ margin: 1%; max-width: 328px; width: 46%;}
.titre_actu_m { color: #00a0ab; font-size:1.2em;}
.bloc_blanc_m{ background-color:#FFFFFF;  margin: 20px 0.5% 0 2%; max-width:220px; width: 46%; min-height:264px;}
.bloc_aime1{ width:96%; margin:0 0 0 4%;}
.bloc_aime2{ width:96%; margin:0 0 0 4%;}
.titre_som_m{font-size: 2.2em;  border-bottom: 1px solid #2b2b2b; font-family: "uni_sans_thin-webfont",Arial,Helvetica,sans-serif; margin-top:20px}
.titre_som2_m{font-size: 2.2em;  border-bottom: 1px solid #e0e0e1; font-family: "uni_sans_thin-webfont",Arial,Helvetica,sans-serif;}
.zone_pleiade{ padding: 1em 2%; margin: 0 2% 0 2%;}
.floatleft_m { float: none; }
.blocs_vertical_m{ max-width:506px; width:100%; }
.mureau {display:block;}

/* formulaires*/
.form_info_base { border-radius: 0.3rem;  color: #333333; border: 1px solid #d5d5d5; font-size: 1rem; }
.font_petit { font-size: 0.8em;}
.titre_form{ color: #e40047; text-decoration: none; padding-bottom: 3px; font-size: 1.2em; font-weight: bold; width: auto; padding-top: 15px; border-bottom-width: 1px;	border-bottom-style: solid; border-bottom-color: #CCC; margin-bottom: 4px; clear:both; }
.titre_table  {background-color: #00a0ab; color:#ffffff; text-align:center; padding: 3px 0 3px 0;  }
.table_simulateur{width: 100%;}
.colone_n1 {width: 50%; background-color: #dcdcdc; border: 1px solid #a9acae; padding: 3px 0 3px 0;}
.colone_n2  {background-color: #ffffff; border: 1px solid #a9acae; padding: 3px 2px 3px 4px; }
.cent_96p {width: 96%; text-align: center;}
.p_form{ margin: 0; padding: 0;}