html { font-size:100%; }
body { font-size:1em; }
* { margin:0; padding:0; box-sizing:border-box; }
div { }
h1 { font-size:1.3em; line-height:1.5em; background-color:#FFFFFF; }
h2 { font-size:1.2em; line-height:1.4em; }
h3 { font-size:1.1em; line-height:1.3em; }
h4 { font-size:1.0em; line-height:1.2em; }
h5 { font-size:0.8em; line-height:1.0em; }
h6 { font-size:0.6em; line-height:0.8em; }
a { font-size:1em; color:#585858; }
span { font-family:'Roboto-Regular'; font-size:1.2em; }
label { font-family:'Roboto-Regular'; font-size:1em; color:#424242; line-height:normal; }
fieldset { text-align:left; color:black; }
legend { font:normal 1em verdana, arial, helvetica, sans-serif; color:#333; font-size:0.8em; }
input[type=text] { padding:1px; font-family:'Roboto-Regular'; font-size:1em; border:none; color:#333; }
input[type=text]:focus { background-color:#ffffff; }
input[type=password] { font-family:'Roboto-Regular'; font-size:1em; border:none; color:#333; background-color:rgb(232, 240, 254); }
input[type=checkbox] { width:1em; height:1em; line-height:1em; cursor:pointer; }
input[type=button] { font-size:1em; border:none; color:black; }
.text-error { color:#ff0000; }
html { }
body { width:100%; height:100%; background-color:white; max-width:1024px; margin:auto; }
.div-mask { position:fixed; top:0; left:0; width:100%; height:100%; overflow:hidden; background:#0b0b0b; opacity:0.6; }
.index-header { z-index:2; }
.index-main { z-index:1; }
.index-footer { z-index:2; }
.index-mask { z-index:3; }
.index-menu { z-index:4; }
.index-alert { z-index:5; }
.mask-popup { z-index:80; }
.index-popup { z-index:81; }
.mask-popup-1 { z-index:82; }
.index-popup-1 { z-index:83; }
.mask-popup-2 { z-index:84; }
.index-popup-2 { z-index:85; }
.mask-popup-overview-profil { z-index:86; }
.index-popup-overview-profil { z-index:87; }
.mask-popup-send-messages { z-index:88; }
.index-popup-send-messages { z-index:89; }
.mask-warning { z-index:97; }
.index-warning { z-index:98; }
.index-alert { z-index:99; }
.div-display-alert { position:fixed; top:0px; bottom:0px; left:0px; right:0px; }
.div-display-alert-content { position:relative; height:100%; width:100%; max-width:400px; margin:0px auto 0px auto; background-color:#ffffff; color:#000000; border-radius:5px; border:2px solid #CECECE; }
.div-display-alert-header { position:absolute; top:0px; height:40px; width:100%; padding:5px 5px 5px 5px; background-color:#ffffff; color:#000000; cursor:pointer; }
.class-button-close-alert { width:100%; height:34px; margin-top:3px; padding-right:36px; cursor:pointer; font-family:Arial, sans-serif; background-repeat:no-repeat; background-color:#c7c7c7; border-color:#c7c7c7; border-radius:5px; background-image:url(/img/close_transparent_30_30.png); }
.div-display-alert-main { position:absolute; top:40px; bottom:0px; width:100%; padding:5px 5px 5px 5px; background-color:#4e4e4e; color:#ffffff;}
.div-display-menu-offline { position:fixed; top:0px; bottom:0px; left:0px; width:250px; background-color:#ffffff; color:black; overflow:auto; }
.div-display-menu-offline nav {}
.div-display-menu-offline nav ul { list-style:none; }
.div-display-menu-offline nav ul li { display:block; line-height:30px; margin:5px 0px 5px 10px; cursor:pointer; }
.div-display-menu-offline nav ul li:hover { text-decoration:underline; border:1px solid #fff; }
.div-display-menu-offline nav ul li img { height:30px; width:auto; vertical-align:middle; }
.div-display-menu-offline nav ul li div { display:flex; flex-direction:row; align-items:center; height:100%; text-align:left; cursor:pointer; }
.div-display-menu-offline nav ul li div:hover { text-decoration:underline; border:1px solid #fff; }
.div-display-menu-offline nav ul li div span { padding:0px 5px 0px 5px; font-size:1.5em; }
.div-display-menu { position:fixed; top:0px; bottom:0px; left:0px; width:250px; background-color:#ffffff; color:black; overflow:auto; }
.div-display-menu nav {}
.div-display-menu nav ul { list-style:none; }
.div-display-menu nav ul li div { display:flex; flex-direction:row; align-items:center; height:100%; text-align:left; cursor:pointer; }
.div-display-menu nav ul li div:hover { text-decoration:underline; border:1px solid #fff; }
.div-display-menu nav ul li div span { padding:0px 5px 0px 5px; font-size:1.5em; }
.div-display-menu nav ul li { display:block; line-height:30px; margin:5px 0px 5px 20px; cursor:pointer; }
.div-display-menu nav ul li:hover { }
.div-display-menu nav ul li img { height:30px; width:auto; vertical-align:middle; }
.div-display-menu nav ul li.li-others { color:black; }
.div-display-menu nav ul li:hover.li-others { text-decoration:underline; border:1px solid #fff; }
.ul-sous { display:block; }
.div-display-menu nav ul li:hover .ul-sous { display:block; }
.div-display-menu nav ul li ul li { color:black; }
.div-display-menu nav ul li ul li:hover { text-decoration:underline; border:1px solid #fff; }
.li-active-online { background-color:#E5E8E8; }
.li-not-active-online { background-color:transparent; }
.li-not-active-online-div { background-color:#571F6F; }
.grecaptcha-badge { visibility:hidden; }
.grecaptcha-badge-visible { visibility:visible; }
.div-header-layout { float:left; width:100%; }
.header-offline { position:fixed; top:0px; width:100%; }
.div-header-offline { height:100%; width:100%; }
.div-header-offline-layout,.header-offline { height:42px; }
.header { position:fixed; top:0px; width:100%; }
.div-header { height:100%; width:100%; }
.div-header-color { background-color:#A4A4A4; }
.div-menu-principal-offline { position:absolute; top:3px; left:33px; right:0px; height:42px; overflow:hidden; }
.div-menu-principal-offline nav { width:100%; display:flex; flex-direction:column; color:white; }
.div-menu-principal-offline nav ul { width:100%; list-style:none; flex-direction:row; flex-wrap:nowrap; justify-content:space-around; }
.div-menu-principal-offline nav ul li { padding:5px 5px 5px 5px; display:flex; flex-direction:row; align-items:center; cursor:pointer; }
.div-menu-principal-offline nav ul li:hover { padding:2px 2px 2px 2px; text-decoration:underline; border:1px solid #fff; }
.div-menu-principal-offline nav ul li span { margin-left:10px; font-size:1.1em; }
.div-menu-principal-offline nav ul li img { display:block; float:left; max-height:30px; width:auto; }
.div-menu-offline { position:absolute; top:3px; left:0px; width:32px; height:42px; cursor:pointer; background-color:#A4A4A4; }
.div-menu-offline span { position:relative; display:inline-block; margin-top:12px; width:100%; height:20px; border-top:4px solid #fff; border-bottom:4px solid #fff; }
.div-menu-offline span:before { content:""; position:absolute; top:4px; left:0px; width:100%; border-top:4px solid #fff; }
.div-menu-principal { position:absolute; top:3px; right:33px; left:0px; overflow:hidden; }
.div-menu-principal-color { background-color:#A4A4A4; }
.div-menu-principal nav { width:100%; display:flex; flex-direction:column; color:white; }
.div-menu-principal nav ul { width:100%; list-style:none; flex-direction:row; flex-wrap:nowrap; justify-content:space-around; }
.ul-active { background-color:#000000; }
.ul-not-active { background-color:transparent; }
.div-menu-principal nav ul li { padding:5px 5px 5px 5px; display:flex; flex-direction:row; align-items:center; cursor:pointer; }
.div-menu-principal nav ul li:hover { padding:2px 2px 2px 2px; text-decoration:underline; border:1px solid #fff; }
.div-menu-principal .li-active { background-color:#424242; color:white; border-radius:20px 20px 0px 0px; border:none; }
.div-menu-principal .li-not-active { background-color:transparent; }
.div-menu-principal nav ul li span { margin-left:10px; font-size:1.1em; }
.div-menu-principal nav ul li img { display:block; float:left; max-height:30px; width:auto; }
.div-menu { position:absolute; top:3px; right:0px; width:32px; cursor:pointer; background-color:#A4A4A4; }
.div-menu span { position:relative; display:inline-block; margin-top:12px; width:100%; height:20px; border-top:4px solid #fff; border-bottom:4px solid #fff; }
.div-menu span:before { content:""; position:absolute; top:4px; left:0px; width:100%; border-top:4px solid #fff; }
.div-smenu-principal { position:absolute; right:0px; left:0px; overflow:hidden; border-radius:10px 10px 10px 10px; border:none; }
.div-smenu-principal-color { background-color:#424242; }
.div-smenu-principal nav { width:100%; display:flex; flex-direction:column; color:white; }
.div-smenu-principal nav ul { width:100%; list-style:none; flex-direction:row; flex-wrap:nowrap; justify-content:space-around; }
.div-smenu-principal nav ul li { padding:5px 5px 5px 5px; display:flex; flex-direction:row; align-items:center; cursor:pointer; }
.div-smenu-principal .li-active { padding:3px; background-color:#424242; color:white; border-radius:5px 5px 5px 5px; border:1px solid #fff; }
.div-smenu-principal .li-not-active { background-color:transparent; }
.div-smenu-principal nav ul li:hover { padding:2px 2px 2px 2px; text-decoration:underline; border:1px solid #fff; }
.div-smenu-principal nav ul li span { margin-left:10px; font-size:1.1em; }
.div-smenu-principal nav ul li img { max-height:30px; width:auto; }
.div-filariane { position:absolute; top:45px; right:0px; left:0px; padding:0px 0px 0px 5px; overflow:hidden; background-color:#808080; }
.div-main-layout { float:left; width:100%; }
/*
.main { position:fixed; width:100%; bottom:42px; border:1px solid #808080; }
*/
.main { position:relative; width:100%; top:0px; bottom:0px; text-align:center; }
.div-main-contain-offline { float:left; width:100%; }
.div-main-contain { float:left; width:100%; padding:5px; }
.div-image-fond { background-color:#FFDE59; }
.image-fond { height:auto; max-height:100%; width:auto; max-width:100%; }
.buttons-site { position:fixed; top:200px; left:0px; right:0px; display:flex; flex-direction:column; align-items:center; }
.button-site-connexion { position:relative; top:0px; }
.button-site-inscription { position:relative; top:60px; }
.button-site-facebook { }
.div-references { display:flex; flex-direction:column; align-items:center; min-height:100px; padding:10px; }
.a-reference { }
.div-displayfb { display:flex; flex-direction:column; align-items:center; padding:10px; }
.div-main-contain .class-title { display:flex; flex-direction:row; justify-content:center; margin:10px; color:black; background-color:#E3D4F5; }
.div-main-contain .class-title div { float:left; width:100%; height:100%; display:flex; flex-direction:row; align-items:center; overflow:hidden; }
.div-main-contain .class-title div span { padding:0px 5px 0px 5px; font-size:1.5em; }
.div-main-contain .class-stitle { display:flex; flex-direction:row; justify-content:center; margin:10px; color:black; background-color:#E3D4F5; }
.div-main-contain .class-stitle a { display:block; text-decoration:none; color:black; }
.div-main-contain .class-stitle a:hover { color:red; }
.div-main-contain .class-stitle span:before { content:"\25C4"; }
.div-main-contain .class-stitle span:hover:before { content:"\25BC"; }
.div-main-contain .class-stitle span:after { content:"\25BA"; }
.div-main-contain .class-stitle span:hover:after { content:"\25BC"; }
.div-main-contain article { position:relative; margin-bottom:20px; display:flex; flex-direction:column; }
.div-main-contain article.rows { position:relative; margin-bottom:20px; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; }
.div-main-contain article div.div-vignette { max-width:250px; margin-top:5px; margin-left:5px; text-align:center; background-color:#adc9c5; border:solid 2px #4e4e4e; }
.div-main-contain article div.div-vignette-photo { margin-top:10px; }
.div-main-contain article div.div-vignette-photo img { max-width:100%; height:auto; }
.class-main-contain-entete { float:left; width:100%; font:1.0em verdana, arial, helvetica, sans-serif; background-color: #BACDFF; color: #333; }
.class-main-contain-entete a { margin-left:20px; text-decoration:none; color:black; }
.class-main-contain-entete a:hover { color:red; }
.class-main-contain-container { float:left; width:100%; margin-top:5px; }
.guide-div { }
.guide-div article { display:flex; flex-direction:column; justify-content:start; border:solid 1px #E3D4F5; }
.guide-div article .a-rubrique { padding:5px; margin-left: 10px; text-align:left; }
.guide-div article .a-srubrique { padding:3px; margin-left: 30px; text-align:left; }
.guide-div article .a-ssrubrique { padding:3px; margin-left: 60px; text-align:left; }
.guide-div article .div-title { text-align:center; font-size:1.2em; line-height:1.3em; background-color:#B82A0B; }
.guide-div article .div-stitle { text-align:center; font-size:1em; line-height:1.1em; background-color:#DFA913; }
.guide-div article .div-details { padding:5px; text-align:left; font-size:0.9em; line-height:1em; }
.guide-div article .div-details span { margin-left: 10px; font-size: 1em; }
.guide-div article .div-rubrique { margin:5px; border:solid 1px #E3D4F5; }
.guide-div article .div-rubrique .div-sstitle { text-align:center; font-size:1em; line-height:1.1em; color:black; background-color:#FCD365; }
.guide-div article .div-rubrique .div-srubrique { margin:5px; border:solid 1px #E3D4F5; }
.cgu-div { margin-top:5px; margin-bottom:15px; text-align:left; }
.cgu-div h1 { margin-bottom:30px; text-align:left; font-size:1.5em; font-weight: normal; font-family:Helvetica; color:#333333; }
.cgu-div p { display:block; margin-bottom:7px; font-size:0.9em; font-family:Helvetica; color:#333333; }
.cgu-div p.title { margin-top:30px; }
.cgu-div p.stitle { margin-top:10px; }
.cgu-div p span { font-size:0.9em; font-weight:bold; font-family:Helvetica; color:#333333; }
.class-article-mes-messages { float:left; width:100%; padding:5px 5px 5px 5px; }
.class-article-div { float:left; position:relative; width:100%; height:100%; background:#f9f9f9; }
.class-article-div-noselect { padding:5px 5px 5px 5px; border:solid 1px #DEDEDE; }
.class-article-div-select { padding:3px 3px 3px 3px; border:solid 3px #535a6c; }
.class-div-checkbox-article { position:absolute; top:0px; left:0px; bottom:0px; width:20px; display:flex; align-items:center; flex-direction:row; }
.class-div-photo-article { position:absolute; top:0px; left:20px; bottom:0px; }
.class-div-photo-article div { height:100%; }
.class-div-photo-article div img { max-width:100%; height:auto; max-height:100%; border:solid 1px #DEDEDE; }
.class-div-comment-article-left { position:absolute; top:0px; bottom:0px; right:60px; }
.class-div-comment-mes-messages { float:left; height:100%; width:100%; margin-left:5px; text-align:left; overflow:hidden; cursor:pointer; font-size:0.8em; color:#777; }
.class-div-comment-mes-messages h4 { color:#000; font-weight:bold; }
.class-div-comment-article-right{ position:absolute; top:0px; right:0px; bottom:0px; width:60px; display:flex; font-size:0.8em; color:#a1a1a1; z-index:10; background:#f9f9f9; }
.class-div-comment-article-right div { margin: auto; }
.class-div-comment-article-right span span { display:inline-block; height:20px; line-height:20px; min-width:20px; text-align:center; color:#fff; border-radius:15px; background-color:#535a6c; }
.contain-rubriques { float:left; width:100%; }
.title-contain-rubrique { width:100%; margin-top:0px; margin-bottom:5px; text-align:center; font:1.0em verdana, arial, helvetica, sans-serif; color:white; background-color:#819FF7; white-space: nowrap; overflow: hidden; }
.title-contain-rubrique-open{ width:100%; margin-top:0px; margin-bottom:5px; text-align:center; font:1.0em verdana, arial, helvetica, sans-serif; color:white; background-color:#819FF7; white-space: nowrap; }
.title-contain-rubrique-close{ width:100%; margin-top:0px; margin-bottom:5px; text-align:center; font:1.0em verdana, arial, helvetica, sans-serif; color:white; background-color:#819FF7; white-space:normal; word-break:break-all; }
.stitle-contain-rubrique { width:100%; margin-top:5px; text-align:center; font:bold 0.9em verdana, arial, helvetica, sans-serif; color:white; background-color:#81D8F8;}
.contain-rubrique-text { width:100%; text-align:left; }
.contain-rubrique { width:100%; display:flex; flex-direction:row; justify-content:space-around; flex-wrap:wrap; }
.contain-rubrique form { width:100%; }
.contain-rubrique fieldset { width:100%; }
.contain-rubrique fieldset div.large { width:100%; }
.contain-rubrique fieldset div input[type=text] { width:100%; }
.contain-vignette-commentaire { min-width:270px; margin-top:5px; margin-left:5px; display:flex; flex-direction:column; text-align:left; background-color:#adc9c5; white-space:normal; word-break:break-all; border:solid 2px #4e4e4e; }
.contain-vignette { width:270px; margin-top:5px; margin-left:5px; display:flex; flex-direction:column; text-align:left; background-color:#adc9c5; border:solid 2px #4e4e4e; }
.contain-vignette-details { display:flex; flex-direction:row; }
.contain-vignette-img { float:left; width:60px; }
.contain-vignette-img img { width:100%; height:auto; }
.contain-vignette-detail { display:flex; flex-direction:column; }
.label-vignette { font-size:0.8em; }
.contain-vignette-description { padding:3px; margin-top:5px; background-color:#ABF9EF; }
.contain-vignette-description img { max-width:100%; height:auto; }
.col-contain-rubrique { margin-left:5px; margin-top:5px; }
.size-100 { width:100%; }
.size-name { width:170px; }
.size-organisateur { width:170px; }
.size-hour { width:80px; }
.size-date { width:150px; }
.size-date-site { width:120px; }
.size-comment { width:170px; }
.size-sujet { width:170px; }
.size-nbre-places { width:50px; }
.col-contain-rubrique-entete { text-align:center; color:black; background-color:#BACDFF; }
.contain-rubrique .rubrique-selected { background-color:#d50900; }
.col-contain-rubrique-entete a { width:100%; display:block; text-decoration:none; color:black; }
.col-contain-rubrique-entete a:hover { color:red; }
.col-contain-rubrique-entete span:before { content:"\25C4"; }
.col-contain-rubrique-entete span:hover:before { content:"\25BC"; }
.col-contain-rubrique-entete span:after { content:"\25BA"; }
.col-contain-rubrique-entete span:hover:after { content:"\25BC"; }
.col-contain-rubrique-row { height:18px; margin-top:4px; text-align:left; cursor:pointer; white-space:nowrap; }
.col-contain-rubrique-row-center { height:18px; margin-top:4px; text-align:center; cursor:pointer; white-space:nowrap; overflow:hidden; }
.col-contain-rubrique-row-hidden { height:18px; margin-top:4px; text-align:left; cursor:pointer; white-space:nowrap; overflow:hidden; }
.col-contain-rubrique-row-center-hidden { height:18px; margin-top:4px; text-align:center; cursor:pointer; white-space:nowrap; }
.col-contain-rubrique-row-default { color:black; background-color:#E7E2F7; }
.col-contain-rubrique-row-noselected{ color:black; background-color:#E7E2F7; }
.col-contain-rubrique-row-selected { color:white; background-color:black; }
.col-contain-rubrique-row-online { color:#A4A4A4; background-color:#F8F8F8; }
.div-membre { position:relative; font:normal 12px verdana, arial, helvetica, sans-serif; color:black; cursor:pointer; }
.div-membre-large { width:100%; }
.div-membre div { z-index:2; display:none; position:absolute; width:200px; background:#eff; border-style:solid; border-color:#445; border-width:2px 1px 3px 1px; }
.div-membre:hover div { display:block; }
.div-membre div.div-membre-bottom { left:0px; top:20px; right:-205px; }
.div-membre div.div-membre-top { left:0px; bottom:20px; right:-205px; }
.div-membre div.div-membre-top-list { left:0px; bottom:20px; }
.div-membre div.state-connexion-online { position:absolute; top:3px; left:3px; height:1em!important; width:1em!important; background-color:#4CFF36; border-radius:50%; border:none; }
.div-membre div.state-connexion-oflline { position:absolute; top:3px; left:3px; height:1em!important; width:1em!important; background-color:#FAA401; border-radius:50%; border:none; }
.div-membre-display { position:relative; padding:5px 5px 5px 5px; cursor:pointer; }
.div-membre-display div.state-connexion-online { position:absolute; top:3px; left:3px; height:1em!important; width:1em!important; background-color:#4CFF36; border-radius:50%; border:none; }
.div-membre-display div.state-connexion-oflline{ position:absolute; top:3px; left:3px; height:1em!important; width:1em!important; background-color:#FAA401; border-radius:50%; border:none; }
.a-membre { text-decoration:none; }
.span-homme-membre { width:100%; display:block; color:blue; }
.span-homme-inactif-membre { width:100%; display:block; color:#9EE4FA; background-color:#F8F8F8; }
.span-femme-membre { width:100%; display:block; color:red; }
.span-femme-inactif-membre { width:100%; display:block; color:#FF0040; background-color:#F8F8F8; }
.span-autre-membre { width:100%; display:block; color:blue; }
.span-autre-inactif-membre { width:100%; display:block; color:#9EE4FA; background-color:#F8F8F8; }
.span-center { text-align:center; }
.span-left { text-align:left; }
.div-vignette-membre-offline { text-align:center; }
.div-vignette-membre-online { text-align:center; }
.photo-membre { margin-top:5px; max-height:150px; max-width:198px; }
.span-membre-homme { color:blue; font-weight:bold; }
.span-membre-femme { color:red; font-weight:bold; }
.span-membre-autre { color:blue; font-weight:bold; }
.class-profil-menu { width:100%; max-width:400px; margin:auto; padding:5px 5px 5px 5px; background-color:#808080; }
.class-profil-menu span { width:100%; margin:10px 0px 10px 0px; display:inline-block; text-align:center; line-height:1.4em; font-size:1.1em; color:black; background-color:#adc9c5; border:solid 2px #4e4e4e; }
.class-profil-menu input[type=button] { width:100%; margin:10px 0px 10px 0px; line-height:1.4em; font-size:1em; cursor:pointer; }
.class-profil-menu input[type=button]:hover { background-color:#E4E3E2; font-weight:bold; }
.div-cookies-consent-layout { float:left; width:100%; }
.cookies-consent { display:flex; flex-direction:row; justify-content:space-between; position:fixed; bottom:42px; width:100%; padding:10px 10px 10px 10px; background-color:#BDBDBD; z-index:9999; }
.cookies-consent div { display:flex; flex-direction:column; justify-content: space-around; }
.cookies-consent p { text-align:left; }
.title-cookies-consent { margin:0px 0px 10px 0px; font-size:16px; font-weight:bold; }
.div-footer-layout { float:left; width:100%; height:42px; }
.footer { position:fixed; bottom:0px; width:100%; height:42px; }
.div-footer { height:100%; width:100%; background-color:#404654; }
.div-footer-contain { height:100%; flex-direction:row; flex-wrap:nowrap; justify-content:space-around; align-items:center; }
.display-none { display:none; }
.display-flex { display:flex; }
.class-1-button { display:flex; flex-direction:row; justify-content:center; margin-bottom:10px; }
.class-2-button { display:flex; flex-direction:row; justify-content:space-between; }
.class-div-left { float:left; }
.div-popup { position:fixed; top:0; left:0; width:100%; height:100%; overflow-x:hidden; overflow-y:auto; }
.warning-popup { position:relative; margin:50px auto 0px auto; padding:10px; background-color:#FFFFFF; border-radius:4px; }
.warning-popup .class-title { width:100%; height:35px; text-align:left; cursor:pointer; }
.warning-popup .class-title div { float:left; width:100%; height:100%; display:flex; flex-direction:row; align-items:center; overflow: hidden; }
.warning-popup .class-title div span { padding:0px 5px 0px 5px; font-size:1.5em; }
.warning-popup .warning-content { width:100%; margin-bottom:40px; text-align:left; }
/* Commun */
.cookies-consent-popup { width:100%; max-width:900px; margin:50px auto 0px auto; padding:5px; text-align:left; background-color:#FFFFFF; border-radius:4px; }
.cookies-consent-popup form { margin-top: 20px; }
.cookies-consent-popup fieldset { position:relative; margin-bottom:20px; text-align:center; border:0px; }
.header-popup { position:fixed; top:20px; right:0; left:0; }
.main-popup { position:fixed; right:0; bottom:0; left:0; }
.commun-popup { margin:auto; padding:5px; height:100%; text-align:left; background-color:#FFFFFF; border-radius:4px; overflow-y:auto; }
.commun-popup div.class-all { float:left; width:100%; margin-top:10px; text-align:center; }
.commun-popup div.class-all img { max-width:100%; height:auto; }
.commun-popup div.class-all-left { float:left; width:100%; margin-top:10px; text-align:left; }
.commun-popup div.class-all-left img { max-width:100%; height:auto; }
.commun-popup div.class-right { float:left; width:50%; margin-top:10px; text-align:right; }
.commun-popup div.class-left { float:left; width:50%; margin-top:10px; padding-left:10px; text-align:left; }
.commun-popup div.class-left-hidden { float:left; width:50%; margin-top:10px; padding-left:10px; text-align:left; overflow:hidden; }
.commun-popup .class-title { display:flex; flex-direction:row; justify-content:space-between; height:30px; background-color:#E3D4F5; }
.commun-popup .class-title div { height:100%; align-items:center; cursor:pointer; overflow: hidden; }
.commun-popup .class-title div span { padding:0px 5px 0px 5px; font-size:1.5em; }
.commun-popup .class-title div a { text-decoration:none; }
.commun-popup .class-title div a:hover { color:red; }
.commun-popup .class-title-header { width:100%; height:30px; text-align:left; cursor:pointer; }
.commun-popup .class-title-header div { float:left; width:100%; height:100%; display:flex; flex-direction:row; align-items:center; overflow: hidden; }
.commun-popup .class-title-header div span { padding:0px 5px 0px 5px; font-size:1.5em; }
.commun-popup .class-title-header div img { height:100%; width:auto; }
.commun-popup .class-message-warning { width:100%; font-size:1.5em; text-align:center; color:red; background-color:white; }
.commun-popup .class-stitle { display:flex; flex-direction:row; justify-content:center; margin:10px; color:black; background-color:#E3D4F5; }
.commun-popup .class-stitle a { display:block; text-decoration:none; color:black; }
.commun-popup .class-stitle a:hover { color:red; }
.commun-popup .class-stitle span:before { content:"\25C4"; }
.commun-popup .class-stitle span:hover:before { content:"\25BC"; }
.commun-popup .class-stitle span:after { content:"\25BA"; }
.commun-popup .class-stitle span:hover:after { content:"\25BC"; }
.commun-popup article { position:relative; margin-bottom:20px; display:flex; flex-direction:column; }
.commun-popup article div.div-list-membres { display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-around; }
.commun-popup article.rows { position:relative; margin-bottom:20px; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; }
.commun-popup article div.div-vignette { max-width:250px; margin-top:5px; margin-left:5px; text-align:center; background-color:#adc9c5; border:solid 2px #4e4e4e; }
.commun-popup article div.div-vignette-photo { margin-top:10px; }
.commun-popup article div.rows { position:relative; margin-bottom:20px; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; }
.commun-popup article div.div-vignette-photo-sortie { max-width:250px; margin-top:5px; margin-left:5px; text-align:center; background-color:#adc9c5; border:solid 2px #4e4e4e; }
.commun-popup form { background-color:#FFFFFF; }
.commun-popup legend { margin-bottom:10px; }
.commun-popup fieldset { position:relative; margin-bottom:20px; display:flex; flex-direction:row; align-items:center; flex-wrap:wrap; text-align:left; }
.commun-popup fieldset.no-margin { margin-bottom:0px; }
.commun-popup fieldset label { padding:5px 0px; cursor:text; background-color: #D8D8D8; text-align:left; font-size:0.8em; }
.commun-popup fieldset label.label-row { display:block; width:120px; float:left; }
.commun-popup fieldset img { max-height:20px; width:auto; }
.commun-popup fieldset img.img-vignette-photo { max-width:100%; max-height:120px; }
.commun-popup fieldset div { min-width:200px; display:flex; flex-direction:row; align-items:center; justify-content:space-around; }
.commun-popup fieldset div.large { width:100%; }
.commun-popup fieldset div input[type=text] { width:100%; }
.commun-popup fieldset div input[type=password] { width:100%; }
.commun-popup fieldset div select { width:100%; }
.commun-popup fieldset div.label-data { font-size:1em; background-color:#FFFFFF; }
.commun-popup fieldset div.class-text-input { width:100%; text-align:left; border-bottom:1px solid #9e9e9e; padding:5px 25px 5px 0px; }
.commun-popup fieldset div.class-text-input-error { width:100%; text-align:left; border-bottom:1px solid #ff0000; padding:5px 25px 5px 0px; }
.commun-popup .class-textarea { min-height:30px; width:100%; padding:2px; border:3px solid #cccccc; resize:none; }
.commun-popup .class-textarea-error { min-height:30px; width:100%; padding:2px; border:3px solid #cccccc; resize:none; }
.commun-popup fieldset div.form-captcha { float:left; width:50%; }
.commun-popup fieldset div.form-captcha img { max-width:100%; }
.commun-popup .g-recaptcha {}
.commun-popup fieldset div select.class-select-annee-register { width:32% }
.commun-popup fieldset div select.class-select-mois-register { width:41% }
.commun-popup fieldset div select.class-select-jour-register { width:27% }
.commun-popup fieldset div select.class-option-register {}
.commun-popup fieldset.flex-column { flex-direction:column; }
.commun-popup fieldset.flex-column label { width:100%; text-align:center; }
.commun-popup fieldset.flex-column form { margin-top:5px; margin-bottom:5px; }
.commun-popup fieldset.flex-column form div { width:100%; display:flex; flex-direction:column; align-items:center; }
.commun-popup fieldset.flex-column div { width:100%; display:flex; flex-direction:column; align-items:center; }
.commun-popup fieldset.flex-column div.div-vignettes-photo { width:100%; display:flex; flex-direction:row; flex-wrap:wrap; }
.commun-popup fieldset.flex-column div.div-vignette-photo { width:150px; margin-bottom:5px; border:solid 1px #A4A4A4; }
.div-vignette-img-photo { cursor:pointer; text-align:center; }
.img-vignette-photo { max-width:100%; max-height:120px; }
.div-vignette-ctrl-photo { width:100%; margin-bottom:3px; display:flex; flex-direction:column; align-items:center; justify-content:space-around; }
.commun-popup form.form-profil { width:100%; display:flex; flex-direction:row; justify-content:space-around; flex-wrap:wrap; }
.div-group-params { float:left; width:100%; margin:0px 0px 10px 0px; border:1px solid #d4d4d4; background-color:#f9f9f9; }
.div-radio-profil { padding:10px 10px 0px 10px; text-align:left; }
.div-title-profil { width:100%; font-weight:bold; }
.div-checkbox-profil { padding:10px 10px 10px 10px; width:100%; text-align:left; }
.commun-popup .class-article-message { float:left; width:100%; margin-bottom:20px; text-align:center; }
.commun-popup .class-article-message-left { float:left; width:90%; display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:left; text-align:left; align-items:center; }
.commun-popup .class-article-message-left .class-div-details { padding-right:5px; }
.commun-popup .class-article-message-left .class-div-details .class-div-date { text-align:left; font-size:0.8em; }
.commun-popup .class-article-message-left .class-div-details .class-div-photo { width:100%; height:30px; }
.commun-popup .class-article-message-left .class-div-details .class-div-photo img { max-width:100%; max-height:100%; }
.commun-popup .class-article-message-right { float:right; width:90%; display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-end; text-align:left; align-items:center; }
.commun-popup .class-article-message-right .class-div-details { padding-left:5px; }
.commun-popup .class-article-message-right .class-div-details .class-div-date { text-align:right; font-size:0.8em; }
.commun-popup .class-div-message { padding:10px; border-bottom:1px solid #A4A4A4;background-color:#D8D8D8; border-radius:10px; white-space:normal; word-break:break-all; }
.commun-popup .class-div-message img { max-width:90%; height:auto; }
.autocomplete-items { border:1px solid #d4d4d4; border-bottom:none; border-top:none; }
.autocomplete-items div { padding:10px; cursor:pointer; background-color:#fff; border-bottom:1px solid #d4d4d4; }
.autocomplete-items div:hover { background-color: #e9e9e9; }
.autocomplete-active { background-color: DodgerBlue !important; color: #ffffff; }
.connexion-popup { width:100%; max-width:330px; margin:50px auto 0px auto; padding:10px; text-align:left; background-color:#FFFFFF; border-radius:4px; }
.connexion-popup form { margin-top:20px; background-color:#FFFFFF; }
.connexion-popup fieldset { position:relative; margin-bottom:20px; text-align:left; border:0px; }
.connexion-popup label { text-align:left; padding:5px 0px; cursor:text; }
.connexion-popup .class-text-input { width:100%; text-align:left; border-bottom:1px solid #9e9e9e; padding:5px 25px 5px 0px; }
.connexion-popup .class-text-input-error { width:100%; text-align:left; border-bottom:1px solid #ff0000; padding:5px 25px 5px 0px; }
.connexion-popup .class-title { width:100%; height:35px; display:flex; flex-direction:row; justify-content:space-between; }
.connexion-popup .class-title div { height:100%; align-items:center; cursor:pointer; overflow: hidden; }
.connexion-popup .class-title div span { padding:0px 5px 0px 5px; font-size:1.5em; }
.connexion-popup .class-title div a { text-decoration:none; }
.connexion-popup .class-title div a:hover { color:red; }
.connexion-popup .class-stitle { display:flex; flex-direction:row; justify-content:center; margin:10px; color:black; background-color:#BACDFF; }
.connexion-popup .class-stitle a { display:block; text-decoration:none; color:black; }
.connexion-popup .class-stitle a:hover { color:red; }
.connexion-popup .class-stitle span:before { content:"\25C4"; }
.connexion-popup .class-stitle span:hover:before { content:"\25BC"; }
.connexion-popup .class-stitle span:after { content:"\25BA"; }
.connexion-popup .class-stitle span:hover:after { content:"\25BC"; }
.link-mdp-oublie { font-size:0.8em; cursor:pointer; }
.inscription-popup { width:100%; max-width:330px; margin:50px auto 0px auto; padding:10px; text-align:left; background-color:#FFFFFF; border-radius:4px; }
.inscription-popup form { margin-top:20px; background-color:#FFFFFF; }
.inscription-popup fieldset { position:relative; margin-bottom:20px; text-align:left; border:0px; }
.inscription-popup label { text-align:left; padding:5px 0px; cursor:text; }
.inscription-popup .class-text-input { width:100%; text-align:left; border-bottom:1px solid #9e9e9e; padding:5px 25px 5px 0px; }
.inscription-popup .class-text-input-error { width:100%; text-align:left; border-bottom:1px solid #ff0000; padding:5px 25px 5px 0px; }
.inscription-popup .class-checkbox-input { text-align:left; border-bottom:1px solid #9e9e9e; padding:5px 25px 5px 0px; }
.inscription-popup .class-checkbox-input-error { text-align:left; border-bottom:1px solid #9e9e9e; padding:5px 25px 5px 0px; }
.inscription-popup .class-title { width:100%; height:35px; display:flex; flex-direction:row; justify-content:space-between; }
.inscription-popup .class-title div { height:100%; align-items:center; cursor:pointer; overflow: hidden; }
.inscription-popup .class-title div span { padding:0px 5px 0px 5px; font-size:1.5em; }
.inscription-popup .class-title div a { text-decoration:none; }
.inscription-popup .class-title div a:hover { color:red; }
.inscription-popup .class-stitle { display:flex; flex-direction:row; justify-content:center; margin:10px; color:black; background-color:#BACDFF; }
.inscription-popup .class-stitle a { display:block; text-decoration:none; color:black; }
.inscription-popup .class-stitle a:hover { color:red; }
.inscription-popup .class-stitle span:before { content:"\25C4"; }
.inscription-popup .class-stitle span:hover:before { content:"\25BC"; }
.inscription-popup .class-stitle span:after { content:"\25BA"; }
.inscription-popup .class-stitle span:hover:after { content:"\25BC"; }
@media screen and (max-width: 370px)
{ .div-header-layout,.header { height:94px; }
.div-menu-principal { height:42px; }
.div-menu-principal nav ul li { width:40px; }
.div-menu-principal nav ul li span { display:none; }
.div-smenu-principal { display:block; top:43px; } .div-smenu-principal img { display:block; } .div-smenu-principal span { display:none; }
.div-filariane { display:none; }
.div-menu { height:42px; }
.class-article-mes-messages { height:70px; }
.class-div-photo-article { width:60px; }
.class-div-comment-article-left { left:80px; }
.warning-popup { width:100%; max-width:100%; }
.commun-popup { max-width:100%; }
.enable-tinymce{ display:none; } .disable-tinymce{ display:block; }
}
@media screen and (min-width: 371px) and (max-width: 550px)
{ .div-header-layout,.header { height:94px; }
.div-menu-principal { height:42px; }
.div-menu-principal nav ul li { width:40px; }
.div-menu-principal nav ul li span { display:none; }
.div-smenu-principal { display:block; top:43px; } .div-smenu-principal img { display:block; } .div-smenu-principal span { display:none; }
.div-filariane { display:none; }
.div-menu { height:42px; }
.class-article-mes-messages { height:90px; }
.class-div-photo-article { width:70px; }
.class-div-comment-article-left { left:90px; }
.warning-popup { width:100%; max-width:100%; }
.commun-popup { max-width:100%; }
.enable-tinymce{ display:none; } .disable-tinymce{ display:block; }
}
@media screen and (min-width: 551px) and (max-width: 900px)
{ .div-header-layout,.header { height:108px; }
.div-menu-principal { height:52px; }
.div-menu-principal nav ul li { width:20%; }
.div-menu-principal nav ul li span { display:block; }
.div-smenu-principal { display:block; top:55px; } .div-smenu-principal img { display:none; } .div-smenu-principal span { display:block; }
.div-filariane { display:none; }
.div-menu { height:52px; }
.class-article-mes-messages { height:90px; }
.class-div-photo-article { width:70px; }
.class-div-comment-article-left { left:90px; }
.warning-popup { width:100%; max-width:100%; }
.commun-popup { max-width:100%; }
.enable-tinymce{ display:block; } .disable-tinymce{ display:none; }
}
@media only screen and (min-width: 901px)
{ .footer { max-width: 1024px; }
.div-header-layout,.header { height:108px; max-width: 1024px; }
.header-offline { max-width: 1024px; }
.div-menu-principal { height:52px; }
.div-menu-principal nav ul li { width:20%; }
.div-menu-principal nav ul li span { display:block; }
.div-smenu-principal { display:block; top:55px; } .div-smenu-principal img { display:block; } .div-smenu-principal span { display:block; }
.div-filariane { display:none; }
.div-menu { height:52px; }
.class-article-mes-messages { height:120px; }
.class-div-photo-article { width:100px; }
.class-div-comment-article-left { left:120px; }
.warning-popup { width:900px; }
.commun-popup { width:900px; }
.enable-tinymce{ display:block; } .disable-tinymce{ display:none; }
}
.button-site { margin:3px 0px 0px 0px; border:0; background:transparent; cursor:pointer; }
.button-site::-moz-focus-inner { border:0; }
.button-site span { display: block; }
/* Button borders */
.button-site span { border:1px solid rgb(128,128,128); border-radius:4px; }
.button-site span span { border:1px solid rgb(192,192,192); border-radius:3px; }
/* Button backgrounds */
.button-site span {
background:#535a6c;
background-image : -moz-linear-gradient(#535a6c,#B6C6ED);
background-image : -ms-linear-gradient(#535a6c,#B6C6ED);
background-image : -o-linear-gradient(#535a6c,#B6C6ED);
background-image : -webkit-linear-gradient(#535a6c,#B6C6ED);
background-image : linear-gradient(#535a6c,#B6C6ED);
}
.button-site span:hover {
background:#535a6c;
background-image : -moz-linear-gradient(#535a6c,#AAB9DE);
background-image : -ms-linear-gradient(#535a6c,#AAB9DE);
background-image : -o-linear-gradient(#535a6c,#AAB9DE);
background-image : -webkit-linear-gradient(#535a6c,#AAB9DE);
background-image : linear-gradient(#535a6c,#AAB9DE);
}
/* Button text */
.button-site span { padding:0 7px; line-height:1.2em; font:400 1.0em Arial; color:black; }
.button-site span:hover { font-weight:bold; }
.button-submit-site { border:0; background:transparent; cursor:pointer; }
.button-submit-site::-moz-focus-inner { border:0; }
.button-submit-site span { display: block; }
/* Button borders */
.button-submit-site span { border:1px solid rgb(128,128,128); border-radius:4px; }
.button-submit-site span span { border:1px solid rgb(192,192,192); border-radius:3px; }
/* Button backgrounds */
.button-submit-site span {
background:#535a6c;
background-image : -moz-linear-gradient(#535a6c,#B6C6ED);
background-image : -ms-linear-gradient(#535a6c,#B6C6ED);
background-image : -o-linear-gradient(#535a6c,#B6C6ED);
background-image : -webkit-linear-gradient(#535a6c,#B6C6ED);
background-image : linear-gradient(#535a6c,#B6C6ED);
}
.button-submit-site span:hover {
background:#535a6c;
background-image : -moz-linear-gradient(#535a6c,#AAB9DE);
background-image : -ms-linear-gradient(#535a6c,#AAB9DE);
background-image : -o-linear-gradient(#535a6c,#AAB9DE);
background-image : -webkit-linear-gradient(#535a6c,#AAB9DE);
background-image : linear-gradient(#535a6c,#AAB9DE);
}
/* Button text */
.button-submit-site span { padding:0 7px; line-height:1.3em; font:400 1.1em Arial; color:white; }
.button-submit-site span:hover { font-weight:bold; }
.button-title-site { margin:6px 0px 0px 0px; border:0; background:transparent; cursor:pointer; }
.button-title-site::-moz-focus-inner { border:0; }
.button-title-site span { display: block; }
/* Button borders */
.button-title-site span { border:1px solid rgb(128,128,128); border-radius:8px; }
.button-title-site span span { border:1px solid rgb(192,192,192); border-radius:6px; }
/* Button backgrounds */
.button-title-site span {
background:#535a6c;
background-image : -moz-linear-gradient(#535a6c,#B6C6ED);
background-image : -ms-linear-gradient(#535a6c,#B6C6ED);
background-image : -o-linear-gradient(#535a6c,#B6C6ED);
background-image : -webkit-linear-gradient(#535a6c,#B6C6ED);
background-image : linear-gradient(#535a6c,#B6C6ED);
}
.button-title-site span:hover {
background:#535a6c;
background-image : -moz-linear-gradient(#535a6c,#AAB9DE);
background-image : -ms-linear-gradient(#535a6c,#AAB9DE);
background-image : -o-linear-gradient(#535a6c,#AAB9DE);
background-image : -webkit-linear-gradient(#535a6c,#AAB9DE);
background-image : linear-gradient(#535a6c,#AAB9DE);
}
/* Button text */
.button-title-site span { padding:0 10px; line-height:1.5em; font:400 1.2em Arial; color:white; }
.button-title-site span:hover { font-weight:bold; }
.calendarMain { font-family:"Helvetica Neue", Helvetica, Geneva, sans-serif; text-align:left; }
.calendarMain:after { content:" "; display:block; clear:both; }
/* conteneur calendrier */
.calendarMain > div { width:220px; padding:5px 10px 10px 10px; background-color:#2e373f; border-radius:10px; -moz-box-shadow:0 0 10px #555; -webkit-box-shadow:0 0 10px #555; box-shadow:0 0 10px #555; font-size:12px; }
/* bouton d'affichage*/
.calendarMain > input { display:block; height:22px; padding-top:2px; background-color:#2e373f; color:#fff; border-radius:5px; border:none; }
.calendarMain > input:hover { background-color:#2673cb; }
/* navigation dans le calendrier */
.calendarMain .calendarTitle { position:absolute; margin:7px 0 0 0; padding:0; width:220px; color:#ccc; text-align:center; }
.calendarCommun { font-family:"Helvetica Neue", Helvetica, Geneva, sans-serif; text-align:left; }
.calendarCommun:after { content:" "; display:block; clear:both; }
/* conteneur calendrier */
/* .calendarCommun > div { width:100%; padding:0px 0px 0px 0px; border-radius:10px; -moz-box-shadow:0 0 10px #555; -webkit-box-shadow:0 0 10px #555; box-shadow:0 0 10px #555; font-size:12px; } */
.calendarCommun > div { width:100%; padding:0px 0px 0px 0px; border-radius:10px; font-size:12px; }
/* bouton d'affichage*/
.calendarCommun > input { display:block; height:22px; padding-top:2px; background-color:#2e373f; color:#fff; border-radius:5px; border:none; }
.calendarCommun > input:hover { background-color:#2673cb; }
/* navigation dans le calendrier */
.calendarCommun .calendarTitle { position:absolute; margin:7px 0 0 0; padding:0; width:180px; color:black; text-align:center; }
.calendarNav input { position:relative; margin:5px 0 10px 0; width:20px; background-color:#5d6f7f; border:none; color:#fff; }
.calendarNav input:hover { background-color:#6f8598; }
.calendarNav .calendarNavMR, .calendarNav .calendarNavYR { float:right; }
/* calendrier */
.jsCalendarCommun { color:#fff; border-collapse:collapse; }
.jsCalendarCommun th { color:black; font-size:12px; font-weight:normal; text-align:center; background-color:#96C4FF; }
.jsCalendarCommun td { padding:0; border:none; width:26px; padding:3px 0 3px 0; color:black; font-weight:bold; text-decoration:none; text-align:center; }
.jsCalendarCommun .day:hover { background-color:#96C4FF; border-color:#96C4FF; }
.jsCalendarCommun .selectedDay { background-color:#819FF7; border-color:#819FF7; }
.jsCalendar { color:#fff; border-collapse:collapse; }
.jsCalendar th { color:#8ba7bf; font-size:16px; font-weight:normal; text-align:center; }
.jsCalendar td { padding:0; border:none; width:30px; padding:3px 0 3px 0; color:#fff; font-weight:bold; text-decoration:none; text-align:center; }
.jsCalendar .day:hover { background-color:#2673cb; border-color:#2673cb; }
.jsCalendar .selectedDay { background-color:#c44d38; border-color:#c44d38; }