/* CSS Document */
@font-face {
    font-family: 'chaletbookttitalic';
    src: url('../lib/polices/chaletbooktt-italic-webfont.eot');
    src: url('../lib/polices/chaletbooktt-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../lib/polices/chaletbooktt-italic-webfont.woff2') format('woff2'),
         url('../lib/polices/chaletbooktt-italic-webfont.woff') format('woff'),
         url('../lib/polices/chaletbooktt-italic-webfont.ttf') format('truetype'),
         url('../lib/polices/chaletbooktt-italic-webfont.svg#chaletbookttitalic') format('svg');
    font-weight: normal;font-style: normal;}
@font-face {
    font-family: 'chaletbookttregular';
    src: url('../lib/polices/chaletbooktt-regular-webfont.eot');
    src: url('../lib/polices/chaletbooktt-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../lib/polices/chaletbooktt-regular-webfont.woff2') format('woff2'),
         url('../lib/polices/chaletbooktt-regular-webfont.woff') format('woff'),
         url('../lib/polices/chaletbooktt-regular-webfont.ttf') format('truetype'),
         url('../lib/polices/chaletbooktt-regular-webfont.svg#chaletbookttregular') format('svg');
    font-weight: normal;font-style: normal;}
@font-face {
    font-family: 'chaletbookttbold';
    src: url('../lib/polices/chaletbooktt-bold-webfont.eot');
    src: url('../lib/polices/chaletbooktt-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../lib/polices/chaletbooktt-bold-webfont.woff2') format('woff2'),
         url('../lib/polices/chaletbooktt-bold-webfont.woff') format('woff'),
         url('../lib/polices/chaletbooktt-bold-webfont.ttf') format('truetype'),
         url('../lib/polices/chaletbooktt-bold-webfont.svg#chaletbookttbold') format('svg');
    font-weight: normal;font-style: normal;}
@font-face {
	font-family: 'icomoon';
	src:url('../lib/polices/icomoon.eot?tpoqgf1p');
	src:url('../lib/polices/icomoon.eot?#iefixtpoqgf1p') format('embedded-opentype'),
		url('../lib/polices/icomoon.woff?tpoqgf1p') format('woff'),
		url('../lib/polices/icomoon.ttf?tpoqgf1p') format('truetype'),
		url('../lib/polices/icomoon.svg?tpoqgf1p#icomoon') format('svg');
	font-weight: normal;font-style: normal;}

[class^="icon-"], [class*=" icon-"] {font-family:'icomoon';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
[class^="icon-sicom"], [class*=" icon-sicom"] {font-family:'icon-sicom';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}

.icon-clock:before {content: "\e617";}
.icon-right:before { content: "\e615" }
.icon-left:before { content: "\e616" }
.icon-back:before { content: "\e613" }
.icon-photo:before { content: "\e600" }
.icon-list-item:before { content: "\e614" }
.icon-instagram:before { content: "\e602" }
.icon-youtube:before { content: "\e603" }
.icon-lelixir:before { content: "\e604" }
.icon-plus:before { content: "\e605" }
.icon-menu:before { content: "\e606" }
.icon-search:before { content: "\e607" }
.icon-phone:before { content: "\e608" }
.icon-address:before { content: "\e609" }
.icon-link:before { content: "\e60a" }
.icon-email:before { content: "\e60b" }
.icon-up:before { content: "\e60c" }
.icon-down:before { content: "\e60d" }
.icon-cancel:before { content: "\e60e" }
.icon-lock:before { content: "\e60f" }
.icon-vcard:before { content: "\e610" }
.icon-user:before { content: "\e611" }
.icon-location:before { content: "\e612" }
.icon-facebook:before { content: "\e601" }

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}

*    {outline:none;margin:0;padding:0;-webkit-overflow-scrolling:touch;/**/}
html, body {height:100%;padding:0;margin:0;-webkit-text-size-adjust:none;}

img  {border:none;max-width:100%;height:auto;width:auto\9;/* ie8 */}
#map img { max-width:inherit; height:inherit;}

ul   {list-style-type:none;}
body {font-family:'chaletbookttregular',Arial,Helvetica,sans-serif;font-size:100%;color:#2f3133; /*overflow:hidden;*/}

/* STRUCTURE */
#wrapper {width:100%;height:100%;}
#wrapper_content {width:100%;position:absolute;bottom:0;top:10%;width:100%;overflow:auto;}

header {width:100%;background:#fff;position:relative;height:10%; max-height:10%; height:10%;}
header .header_container { display:table; height:100%; padding:0.5% 2%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
header .cont { display:table-cell; vertical-align:middle;}

header .cont:nth-child(1)  {width:10%;height:100%;background:url(../webimages/logo_SICOM.svg) no-repeat;background-size:contain;}
header .cont:nth-child(2)  {width:5%;}
header .cont:nth-child(3)  {width:40%;}
header .cont:nth-child(4)  {width:20%;  position:relative; z-index:1;}

header .cont:nth-child(4) a  { transition:color 1.5s;cursor:pointer; position:relative;letter-spacing:1px;text-align:center;text-transform:uppercase;padding:2%;color:#b5b5b5; border:2px solid #dbdcdd;display:inline-block; margin:0 1%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
header .cont:nth-child(4) a span  {display:block; padding:0 0 0 18px;}

header .cont:nth-child(4) a:nth-child(1):before  {font-family:"icomoon";content:'\e611';padding-right:2%;position:absolute;left:5%;}
header .cont:nth-child(4) a:nth-child(2):before  {font-family:"icomoon";content:'\e60f';padding-right:2%;position:absolute;left:6%;}
header .cont:nth-child(4) a:hover, header .cont:nth-child(4) a.menu_actif  {transition:color 0.5s;color:#2f3133;}

#left { width:70%; float:left;position:relative; height:100%; color:#FFF; background:#2F3133;}
#right {background:#2f3133;width:30%;float:left;position:relative; height:100%;color:#FFF;}


#layerslider, #map {width:100%;float:left;height:100%;min-height: 100%; position:relative; overflow:hidden;}
.is_extra #layerslider, .is_extra #map {width:70%;height:90%;min-height: 90%;}
.is_extra #map { background:#fff;}
.is_extra#left footer {float:left;background:#2F3133;}
#map { color:#000;}

#left footer {display:table;table-layout: fixed;vertical-align:middle;position:absolute;bottom:0;max-height:10%;min-height:10%;height:10%;width:100%; padding:0 2%;color:#FFF;font-size:80%;background:url(../webimages/bg_footer.png);z-index:100;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.page2 #left footer {background:#2F3133;}
#left footer div.box_main {display:table-cell;vertical-align:middle;padding:0 0 0 2%;width: 40%;}
#left footer div.box {display:table-cell;vertical-align:middle;padding:0 0 0 2%;width: 20%;}
#left footer div.box span {display:block;border-right:1px solid #6a6f73;}
#left footer div.box:last-child span { border:none;}

.extra {height:90%;min-height: 90%; width:30%; float:left;background:#2db8c1;color:#FFF;}
.extra h2 { color:#2F3133; text-transform:uppercase;}
.membre .extra { background:#2F3133; border-right:1px solid #464646;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.membre .extra a {color:#2DB8C1;transition:color 1.5s;transition:background 1.5s;}
.membre .extra a:hover {color:#fff;transition:color 0.5s;transition:background 0.5s;}
.wrap {padding: 8% 10% 5%; }

/* LISTE NEWS */
.all_news { padding:2% 0 2% 2%;}

.membre .news img { float:left;width:30%; max-width:200px;}
.membre .news .icon { float:left;width:30%; font-size:650%; height:auto; display:block; text-align:center; margin:1% 0;max-width:200px;}

.membre .news .news_title {width:70%;padding:2% 25px 2% 10px;}
.membre .news .news_title p { font-size:80%; margin:1% 0 0;}


.news figure {float:left;width:20%; text-align:center;}
.news figure img {display:block;}
.news figure span { font-size:500%; text-align:center;}
.news figure a[class^="icsic-"], .news figure a[class*=" icsic-"] {display:inline-block; font-size:720%;}

.news figure a[class^="icsic-"]:hover, .news figure a[class*=" icsic-"]:hover { color:#2F3133;}


.news .news_content {float:left;width:30%;padding:2%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.news .news_title {float:left;width:50%;padding:2% 3% 2% 1%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.news .news_title p {margin:0;}

.news h4 { font-size:90%;}
.news h2 { font-size:90%;}
.news h4 span{ font-size:70%;}
.news h2 span { font-size:70%; color:#fff;}



.news .icon-plus {display:block;color:#2DB8C1;position:absolute;right:3%;text-align:right; bottom:0; margin-bottom:10px;transition:color 1.5s;}
.news .icon-plus:hover {color:#fff;transition:color 0.5s;}
.pagination { padding:0 2%; display:inline-block;}
.member_link {margin:2% 0;display:inline-block;}
.member_link span {font-size:80%;}
.member_link strong {text-transform:uppercase;}
.news .member_link .icon-plus { display:inline-block;position:static;}

#right article { width:100%; height:90%;}

#right article .news {border-bottom:1px solid #464646;transition:background 1.5s;box-sizing:border-box;clear:both;color:#fff;position:relative;width:100%; float:left;}
#right article .news:hover {background:#202122;transition:background 0.5s;}

.icon_news { font-size:1500%; text-align:center;}

/*FOOTER BAR*/
#right footer {background:#202122;color:#FFF;float:left;max-height:10%;min-height:10%;height:10%;width:100%;color:#FFF;z-index:100;font-size:80%;}
#right footer .icon-down, 
#right footer .icon-up {  cursor:pointer;width:25%;height:100%;float:left;text-align:center;}
#right footer .icon-down:before, 
#right footer .icon-up:before {position:relative;top:37%;font-size:220%;}
#right footer .icon-down:hover:before, 
#right footer .icon-up:hover:before { color:#525659;}
#right footer .icon-up {border-left:1px solid #2e3032;border-right:1px solid #2e3032;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#right footer .search { color:#FFF;width:50%;float:left;text-align:center;position:relative; top:40%;text-transform:uppercase; font-size:115%; }
#right footer .icon-search {position:relative; left:5%;}

/*SELECT LANGUE*/
#lang    {display:inline-block; text-transform:uppercase;}
#lang li {display:inline-block;}
#lang a  {display:block;margin:10px 0px;padding:0 10px;border-right:1px solid #dbdcdd;color:#2f3133;}
#lang li:last-child a {border:none;}

/*NAVIGATION*/
nav { display:inline-block;}
#main_nav      {display:inline-block;width:100%;}
#main_nav li   {display:inline-block;}
#main_nav li a {display:block;margin:10px 0px;padding:0 20px;border-right:1px solid #dbdcdd;color:#2f3133;}
#main_nav li:last-child a {border:none;}
#main_nav li a:before {font-family:"icomoon";content:'\e605';padding-right:5px;color:#2DB8C1; top:-1px; position:relative;}
#dl-menu { display:none;}

/*RESULTATS MEMBRES LISTE*/
.extra.liste {width:100%;height:90%; background:#dbdcdd;}
.extra.liste ul {}
.extra.liste li {width:20%;height:350px;float:left;transition:background 0.2s;border-right:1px solid #fff;border-bottom:1px solid #fff;background:#dbdcdd; position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.extra.liste li:hover {background:#2F3133; color:#fff;transition:background 0.2s;}
.extra.liste li:hover p  { color:#fff;}
.extra.liste li:hover .icon_results { color:#fff !important;}
.extra.liste li .icon-plus { position:absolute; bottom:4%; right:4%;}
.extra.liste li h2 {font-size:100%;text-align:left; margin:0; color:#2DB8C1;}
.extra.liste li p  { color:#2F3133; font-size:90%;}

.extra.liste .icon_news { font-size:100%;}
.extra.liste .icon_results { font-size:1000%; color:#2F3133 !important;}

/*AUTOCOMPLETE FORM*/
#member_list_id { position:static; height:auto;}
.input_container { margin-bottom:4%; position:relative;}
.input_container .icon-search:before { position:relative; top:20%;}
.input_container .icon-search {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background:#2e6468;border:2px solid #2db8c1;font-size:150%;color:#fff;float:left;width:11%;display:inline-block;text-align:center;height:34px;}
input#member_id {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-appearance: none;border-radius:0;float:left; padding-left:4%; font-size:95%;width:89%;background:#2f3f41;color:#fff;text-transform:uppercase;height:34px;outline:none;border-left:none;border-top:2px solid #2db8c1;border-right:2px solid #2db8c1;border-bottom:2px solid #2db8c1;}
input#member_id placeholder {color:#fff;}
.input_container ul {width:100%;position:absolute;z-index:9;background:#2db8c1;}
.input_container ul li {text-transform:uppercase;padding:2.5% 10% 2.5% 2.5%;cursor:pointer; border-bottom:1px solid #2F3133;}
.input_container ul li span {font-family:'chaletbookttbold',Arial,Helvetica,sans-serif;}
.input_container ul li:hover {background:#2F3F41; color:#fff;}
#country_list_id {display:none;}


/*RECHERCHE */
.selectWrap {display:block;width: 100%;height: 34px;margin: 0 0 5%;padding:0;position:relative;}
span.selectInner:before {font-family:"icomoon";content:'\e60d';background:#2e6468; margin-right:4%; font-size:150%;color:#fff; border-right:2px solid #2db8c1; float:left; position:relative; width:10%; text-align:center;}
span.selectInner {text-transform:uppercase;position:absolute;display:block;float:left;margin: 0;padding:0;width: 100%;height: 36px; /* set same height */line-height: 34px; /* set same height */color: #fff;border:2px solid #2db8c1;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;white-space: nowrap;overflow: hidden;text-align: left;text-overflow: ellipsis;z-index:1;background:#2f3f41; /* fallback bg image*/}
select {width: 100%;height: 34px; /* set same height */position:absolute;left:0;z-index:2;padding:0;margin:0;border:0 none;float:none;opacity:0;cursor: pointer;-webkit-appearance: menulist-button;text-transform:uppercase;}
#wrapperFormSelect select option {background:#2db8c1;padding:2%; font-weight:inherit !important;border-bottom:1px solid #2F3F41;width:100%;color:#fff;}
#wrapperFormSelect select option:hover { background:#2F3F41;}
#wrapperFormSelect  input{ background:#202122; text-transform:uppercase; color:#919395; width:100%; margin:2% 0; cursor:pointer;}

/*BOX CONFIRMATION*/
#wrapperHiddenFields {width:100%; padding:4% 0 0;}
#wrapperHiddenFields input { display:none;}
#wrapperHiddenFields label { border:1px solid #202122;transition:background 1.5s; text-align:center; background:#202122;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; padding:2% 4%;cursor:pointer;width:49%;display:inline-block;text-transform:uppercase; position:relative; vertical-align:top;}
#wrapperHiddenFields label:hover {background:#2F3133;transition:background 0.5s;}
#wrapperHiddenFields label span {display:inline-block; margin:5% 0 0;}
#wrapperHiddenFields label[for="carte"]:before {font-family:"icomoon";content:'\e612';font-size:250%;color:#2DB8C1;display:block;}
#wrapperHiddenFields label[for="liste"]:before {font-family:"icomoon";content:'\e614';font-size:250%;color:#2DB8C1;display:block;}


/*PAGE MEMBRE*/
#membre_texte { text-align:justify;overflow:auto; width:100%; border:none; background:#2db8c1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding: 5% 10% 5%;}
.membre .extra [class^="icon-"], .membre .extra [class*=" icon-"] {color:#2db8c1;margin-right:2%;font-size:140%;position:relative; top:4px;}
.membre .extra .icon-address { top:8px; }
.membre .extra h2 {color:#FFF;margin:4% 0 2%; font-size:100%;}
.membre .extra h1 {color:#2DB8C1; margin-bottom:4%;}

.membre-icon-liste {}
.membre-icon-liste td { vertical-align:top;padding:0 0; }
.membre-icon-liste td:first-child { width:30px;padding:0 10px 10px 0;}
.membre-icon-liste p { margin:5px 0 10px;}
/*CALENDAR*/
#sicom_next_events { margin:3% 0 6%; float:left; width:100%;}
#sicom_next_events div {border-bottom: 1px solid #464646; padding:4%;}
#sicom_next_events h4 { margin: 0 0 2%; font-size:80%; color:#fff;}
#sicom_next_events h2 { margin: 0 0 2%; font-size:100%; text-transform:uppercase;}
#sicom_next_events p { color:#fff;}

#calendar_header {text-align:center;width:96%; margin:3% auto 3%;border-collapse:collapse;border:2px #2db8c1 solid;}
#calendar_header a {color:#fff; font-size:200%;}
#calendar_header a:hover {color:#202122;}
#calendar_header td:first-child, #calendar_header td:last-child { text-align:center; width:8%; background:#2db8c1;}
.cal_link { display:block; width:100%; height:100%;}
.headcal { color:#fff; text-transform:uppercase; letter-spacing:2px; line-height:2.5;background:#2E6468;}
#calendar {width:100%;text-align:center; border-collapse:collapse;}
#calendar td a, #calendar td span {font-family:'chaletbookttbold',Arial,Helvetica,sans-serif;color:#fff;display:block;padding:20% 0 15%;margin:15%;text-align:center;border:2px #2db8c1 solid;}
#jours td {font-size:10px;padding:0.5em 0;height:inherit; color:#FFF;}
.ligne{overflow:hidden;width:100%;}
.empty{}
.event.current a{background:#202122;}
#calendar .other.current a, #calendar .other.current span{background:#202122;}
.other span{background:#2e6468;}
.event a{background:#2da7af;}
.event a:hover {background:#2E6468;}

/*TOOLTIP CALENDRIER*/
.bulle {display:none;padding:10px; text-align:justify;font-size:10px;}
.bulle a h4 { color:#fff; font-size:100%;}

.bulle a h2 { color:#2DB8C1;font-weight:normal; font-size:150%; line-height:1; text-align:left;}
.bulle a:hover h2 { color:#fff;}

.bulle.sicom { background:#2DB8C1;}

.bulle.sicom a h2 { color:#fff;}
.bulle.sicom a:hover h2 { color:#202122;}

.qtip {position:absolute;left:-28000px;top:-28000px;display:none;max-width:300px;min-width:180px; direction:ltr;box-shadow:none;padding:0;}
.qtip-content { position: relative; padding: 15px; overflow: hidden; text-align: left; word-wrap: break-word;max-height:400px; overflow:auto;}
.qtip-titlebar { position: relative; padding: 5px 35px 5px 10px;overflow: hidden;border-width: 0 0 1px;}
.qtip-titlebar + .qtip-content { border-top-width: 0 !important }
.qtip-close { position: absolute; right: -9px; top: -9px; cursor: pointer; outline: medium none; border-width: 1px; border-style: solid; border-color: transparent; }
.qtip-titlebar .qtip-close { right: 4px; top: 50%; margin-top: -9px; }
* html .qtip-titlebar .qtip-close { top: 16px } 
/* IE fix */
.qtip-titlebar .ui-icon, .qtip-icon .ui-icon { display: block; text-indent: -1000em; direction: ltr; }
.qtip-icon, .qtip-icon .ui-icon { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-decoration: none; }
.qtip-icon .ui-icon { width: 18px; height: 14px; line-height: 14px; text-align: center; text-indent: 0;color: inherit; background: transparent none no-repeat -100em -100em; }
/* Tipsy style */
.qtip-tipsy { background:#202122;color:#202122;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15); box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15); }
.qtip-tipsy .qtip-titlebar { padding: 6px 35px 0 10px; background-color: transparent; }
.qtip-tipsy .qtip-content { padding: 6px 10px }
/* IE9 fix - removes all filters */
.qtip:not(.ie9haxors) div.qtip-content, .qtip:not(.ie9haxors) div.qtip-titlebar { filter: none; -ms-filter: none; }
.qtip .qtip-tip { margin: 0 auto; overflow: hidden; z-index: 10; }
/* Opera bug #357 - Incorrect tip position https://github.com/Craga89/qTip2/issues/367 */
x:-o-prefocus, .qtip .qtip-tip { visibility: hidden }
.qtip .qtip-tip, .qtip .qtip-tip .qtip-vml, .qtip .qtip-tip canvas { position: absolute; color: #123456; background: transparent; border: 0 dashed transparent; }
.qtip .qtip-tip canvas { top: 0; left: 0; }
.qtip .qtip-tip .qtip-vml { behavior: url(#default#VML); display: inline-block; visibility: visible; }


/*MULTIMEDIA*/
.bg_multimedia img { display:inline-block; width:45%; margin:2%; }

/* STYLES */
::selection 	 {color:#2F3133;background:#2DB8C1;}
::-moz-selection {color:#2F3133;background:#2DB8C1;}

a   	{color:#2DB8C1;transition:color 1.5s;text-decoration:none; cursor:pointer;}
a:hover {color:#ccc;transition:color 0.5s;}
#main_nav .menu_actif, #lang .menu_actif {color:#2DB8C1;}

h1  	{font-family:'chaletbookttbold',Arial,Helvetica,sans-serif;font-weight:normal;font-size:120%;text-transform:uppercase;}
h2  	{font-family:'chaletbookttbold',Arial,Helvetica,sans-serif;font-weight:normal;font-size:110%;color:#2DB8C1;}
h3		{font-family:'chaletbookttregular',Arial,Helvetica,sans-serif;font-weight:normal; font-size:100%; margin:4% 0 1%;}
h4		{font-family:'chaletbookttbold',Arial,Helvetica,sans-serif;font-weight:normal;}
strong  {font-family:'chaletbookttbold',Arial,Helvetica,sans-serif;font-weight:normal;}
p   	{margin:4% 0;}


.wrap h2 { margin:10% 0 4%}
.back { border:1px solid #fff;background:#2db8c1;transition:background 1.5s; color:#fff !important; padding:2% 4%;margin:4% 0 4%; display:inline-block;font-size:80%;text-transform:uppercase;font-family:'chaletbookttbold',Arial,Helvetica,sans-serif;  }
.back .icon-back {color:#fff !important;transition:background 0.5s;display:inline-block; position:static !important; margin:0 !important; font-size:inherit !important;}

.back:hover {background:#202122; color:#fff !important;}
.back:hover .icon-back {color:#fff !important;}

.empty { text-align:center; margin:10% 20%; text-transform:uppercase; font-size:100%;}
hr {clear:both;visibility:hidden;height:0;border:0;}

/* FORMULAIRES */
#formulaire textarea {width:100%;height:200px;}
#formulaire .failed  {color:#900;}
#formulaire .valid   {color:#090;}
#formulaire .sends   {width:100px;margin:5px auto;text-align:center;cursor:pointer;display:block;font-family:'chaletbookttbold',Arial,Helvetica,sans-serif;}
#special {display:none;}

#formulaire input, #formulaire textarea {font-size:100%;font-family:'chaletbookttregular',Arial,Helvetica,sans-serif;width:100%;background:#2e969d;color: #fff;transition:background 1.5s;padding:2%;outline:none;border:3px solid #2db8c1;-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#formulaire input:focus, #formulaire textarea:focus, #formulaire .sends:hover {background:#2f3f41;transition:background 0.5s; color:#fff;}
/*FORMULAIRES STYLES REMOVE OUTLINE SELECT FIREFOX*/
select:-moz-focusring {color:transparent;text-shadow:0 0 0 #fff;}
/*FORMULAIRES STYLES REMOVE ARROW IE */
select::-ms-expand {display: none;}

::-webkit-input-placeholder {/* WebKit browsers */color:#fff;}
:-moz-placeholder {/* Mozilla Firefox 4 to 18 */color:#fff;opacity:1;}
::-moz-placeholder {/* Mozilla Firefox 19+ */color:#fff;opacity:1;}
:-ms-input-placeholder {/* Internet Explorer 10+ */color:#fff;}


/* COPYRIGHT LELIXIR */
.icon-lelixir { display:block;color:#FFF;}
.icon-lelixir:hover {color:#2DB8C1;}

.copy_cartoriviera {font-size:80%;text-align:center;color:#9F3; display:block;margin:8% auto 2%;}
.copy_cartoriviera span {color:#FFF;display:inline-block; }

#toTop {width:45px;height:45px;bottom:2.5%;right:2.5%; color:#FFF; background:#202122;cursor:pointer;position:fixed;z-index:100;display:none;  border: 1px solid #464646;}
#toTop:before {font-size:42px; left:6px; position:relative;}

#image_hack { display:none;}
.home_search { display:none;}
#OpenLayers_Control_Attribution_5, .mobile { display:none;}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	
}

@media screen and (max-width: 1760px) {
	/*JAUNE
	#test{background:#FC3;}*/
	#main_nav { font-size:80%;}
	#main_nav li a {padding: 0 10px; margin:10px 0;}
	header .cont:nth-child(4) a  { text-align:center; letter-spacing:0px;padding:10px 10px;margin:0 5px 0 0;}
}
@media screen and (max-width: 1260px) {
	/*rouge
	#test{background:#F00;}*/
	body {background:#2f3133;}
	
	#dl-menu, .mobile {display: block;}
	header .cont.no-mobile { display:none;}
	header {height:50px; max-height:50px;position:fixed;z-index:100; top:0;}
	header .header_container {display:block;height:50px;padding:0 2%;}
	header .cont:nth-child(1)  {width:4%;height:50px;}
	header .cont:nth-child(2)  {width:4%;}
	header .cont:nth-child(3)  {width:inherit;}
	header .cont:nth-child(4) { width:25%;}
	
	#wrapper_content {bottom:0;position:static;padding-top:50px;}
	#layerslider, #map {float:none;height:inherit;min-height:inherit;position:static;width:100%;}
	
	#left {float:none;height:auto;position:static;width:100%;}
	#left footer {position:static; padding:2%;}
	#left footer div.box { width:32%;display:inline-block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
	#left footer div.box:nth-of-type(3) { text-align:center;}
	#left footer div.box:nth-of-type(4) { text-align:right;}
	
	#hpw {width: 100% !important; display:inline-block !important; margin:0  0 4%;}
	#hpw div { width:28% !important; max-width:150px;}
	#hpw_0,#hpw_1,#hpw_2  {display:inline-block !important; vertical-align:top;}
	
	
	#right {float:left;height:inherit;position:static;width:100%;}
	#right article {height:inherit; float:none;}
	#right footer { display:none;}
	
	.is_extra #layerslider, .is_extra #map {height:inherit;min-height:inherit;width:100%;}
	.is_extra #map { height:200px;}
	.extra {float:left;height:inherit;min-height:inherit;width:100%;}
	#image_hack { display:block; }
	#layerslider { display:none;}
	
	.page1 #left footer {display:block;background:#525659; height:inherit;max-height:inherit;min-height:inherit;}
	.page1 #left .home_search {background:#2F3133;height:10%;max-height:10%;min-height:10%;display:table; text-align:center;font-size:100%;padding:4% 2%;color:#FFF;text-transform:uppercase;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
	.page1 #left .home_search:hover {color:#2db8c1;}
	.page1 #left .icon-search {left:2%;position:relative;}
	.page2 #image_hack,  #left footer { display:none;}
	.page2:not(.membre) #wrapper_content {position:absolute;top:50px; padding:0;}
	.page2:not(.membre):not(.liste) #left {float:left;height:50%;position:relative;width:100%;}
	.extra.liste {height:inherit;}
	.extra.liste li {height:350px;}
	 #map {width:100%;float:left;height:100%;min-height: 100%; position:relative; overflow:hidden;}
	.page1.news #image_hack, .page1.news #left .home_search, .page1.news #left footer  { display:none;}
	.membre .news img {}
	#cal_wrap { margin-bottom:35px;}

}

@media screen and (max-width: 1024px) {
	/*vert
	#test{background:#0F0;}*/
	header .cont:nth-child(1)  {width:6%;}
	.extra.liste li {width:25%;}
}

@media screen and (max-width: 768px) {
	/*Rose
	#test{background:#F0F;}*/
	header .cont:nth-child(1)  {width:20%;}
	header .cont:nth-child(2)  {width:16%;}
	header .cont:nth-child(4) { width:45%;}
	header .cont:nth-child(4) a span { display:none;}
	header .cont:nth-child(4) a:nth-child(1):before  {padding:0; position:relative;}
	header .cont:nth-child(4) a:nth-child(2):before  {padding:0;position:relative;}

	#left footer {height:inherit;max-height:inherit;min-height:inherit;padding:2%;position:static;}
	.extra.liste li {width:33.33%;}
	.bulle a h2 {font-size:100%;}
	.bulle a h4 {font-size:80%;}

	.membre-icon-liste td:first-child { width:inherit;padding: 0 3px 0 0;}
	#right article .news:last-child { margin: 0 0 70px;}
	#sicom_next_events .news { margin:0px !important;}
}

@media screen and (max-width: 480px) {
	/*Turquoise
	#test{background:#0FF;}*/
	header .cont:nth-child(1)  {width:25%;}
	header .cont:nth-child(2)  {width:14%;}
	header .cont:nth-child(4) { width:25%;}

	.extra.liste li {width:50%;height:290px;}
	.input_container .icon-search:before { position:relative; top:20%;}
}

@media screen and (max-width: 200px) {
	.membre .news img { float:none;width:inherit; max-width:200px; text-align:center; margin:0 auto; display:block; }
	.membre .news .news_title {width:100%;padding:2% 5px;}
}

/*VERSION IMPRIMABLE*/
@media print{*{background:none!important;background-color:white!important;}}

/* ===[ Common styles of menus ]=== */
.dl-menuwrapper {width: 30%; min-width:170px; z-index:100;  top: 6px; right: 5px; position:absolute; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 200%; -moz-perspective-origin: 50% 200%; perspective-origin: 50% 200%; }
.dl-menuwrapper button { z-index:1000; background: #fff; border: none; width: 40px;  overflow: hidden; position: relative; float:right; cursor: pointer; outline: none; }
.dl-menuwrapper button:hover:before, .dl-menuwrapper button.dl-active:before, .dl-menuwrapper ul { color:#000; }
.dl-menuwrapper button:before {font-family:"icomoon";content:'\e606'; color:#2db8c1;  font-size:34px;}
.dl-menuwrapper ul { padding: 0; list-style: none; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; }
#dl-menu.dl-menuwrapper li { width: inherit; position: relative; border-bottom: 1px solid #dbdcdd; }
#dl-menu.dl-menuwrapper li a:before {font-family:"icomoon";content:'\e605';padding-right:5px;color:#2DB8C1; font-size:10px; top:-1px; position:relative;}

.dl-menuwrapper li a { display: block; position: relative; padding: 8px 20px; font-size: 14px; line-height: 20px; font-weight: 300; color: #2f3133; outline: none; background: #fff; }
.dl-menuwrapper .dl-submenu a { padding: 15px 20px; font-size: 16px; }
#dl-menu li a:hover, #dl-menu li a.menu_actif { color: #2db8c1 }
/* BG Retour
   ================================================== */
#dl-menu.dl-menuwrapper li.dl-back > a { padding: 8px 20px 8px 30px; font-size: 14px; line-height: 20px; background: #FCC100; color: #000; }
.dl-menuwrapper li.dl-back > a:hover { color: #fff }
.dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after { position: absolute; top: 3px; line-height: 25px; font-family: 'icomoon'; speak: none; color: #fff; -webkit-font-smoothing: antialiased; content: "\e613"; }
.dl-menuwrapper li > a:hover:not(:only-child):after { color: #FCC100 }
.dl-menuwrapper li.dl-back:after { left: 10px; color: #000; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); }
.dl-menuwrapper li > a:after { right: 10px; color: #000; }
.dl-menuwrapper .dl-menu { margin: 12px 0 0 0; position: absolute; width: 100%; opacity: 0; pointer-events: none; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }
.dl-menuwrapper .dl-menu.dl-menu-toggle { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.dl-menuwrapper .dl-menu.dl-menuopen { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); }
/* ===[ Hide the inner submenus ]=== */
.dl-menuwrapper li .dl-submenu { display: none }
.dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen > a, .dl-menu.dl-subview li.dl-subview > a { display: none }
.dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li { display: block }
/* ===[ Dynamically added submenu outside of the menu context ]=== */
.dl-menuwrapper > .dl-submenu { position: absolute; width: 100%; top: 50px; left: 0; margin: 0; }
/* ===[ Animation classes for moving out and in ]=== */
.dl-menu.dl-animate-out-1 { -webkit-animation: MenuAnimOut1 0.4s; -moz-animation: MenuAnimOut1 0.4s; animation: MenuAnimOut1 0.4s; }
@-webkit-keyframes MenuAnimOut1 { 
	50% { -webkit-transform: translateZ(-250px) rotateY(30deg) }
	75% { -webkit-transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; }
	100% { -webkit-transform: translateZ(-500px) rotateY(0deg); opacity: 0; }
}

@-moz-keyframes MenuAnimOut1 { 
	50% { -moz-transform: translateZ(-250px) rotateY(30deg) }
	75% { -moz-transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; }
	100% { -moz-transform: translateZ(-500px) rotateY(0deg); opacity: 0; }
}

@keyframes MenuAnimOut1 { 
	50% { transform: translateZ(-250px) rotateY(30deg) }
	75% { transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; }
	100% { transform: translateZ(-500px) rotateY(0deg); opacity: 0; }
}

.dl-menu.dl-animate-in-1 { -webkit-animation: MenuAnimIn1 0.3s; -moz-animation: MenuAnimIn1 0.3s; animation: MenuAnimIn1 0.3s; }
@-webkit-keyframes MenuAnimIn1 { 
	0% { -webkit-transform: translateZ(-500px) rotateY(0deg); opacity: 0; }
	20% { -webkit-transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; }
	100% { -webkit-transform: translateZ(0px) rotateY(0deg); opacity: 1; }
}

@-moz-keyframes MenuAnimIn1 { 
	0% { -moz-transform: translateZ(-500px) rotateY(0deg); opacity: 0; }
	20% { -moz-transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; }
	100% { -moz-transform: translateZ(0px) rotateY(0deg); opacity: 1; }
}
@keyframes MenuAnimIn1 { 
	0% { transform: translateZ(-500px) rotateY(0deg); opacity: 0; }
	20% { transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; }
	100% { transform: translateZ(0px) rotateY(0deg); opacity: 1; }
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 { -webkit-animation: SubMenuAnimIn1 0.4s ease; -moz-animation: SubMenuAnimIn1 0.4s ease; animation: SubMenuAnimIn1 0.4s ease; }
@-webkit-keyframes SubMenuAnimIn1 { 
	0% { -webkit-transform: translateX(50%); opacity: 0; }
	100% { -webkit-transform: translateX(0px); opacity: 1; }
}

@-moz-keyframes SubMenuAnimIn1 { 
	0% { -moz-transform: translateX(50%); opacity: 0; }
	100% { -moz-transform: translateX(0px); opacity: 1; }
}

@keyframes SubMenuAnimIn1 { 
	0% { transform: translateX(50%); opacity: 0; }
	100% { transform: translateX(0px); opacity: 1; }
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 { -webkit-animation: SubMenuAnimOut1 0.4s ease; -moz-animation: SubMenuAnimOut1 0.4s ease; animation: SubMenuAnimOut1 0.4s ease; }
@-webkit-keyframes SubMenuAnimOut1 { 
	0% { -webkit-transform: translateX(0%); opacity: 1; }
	100% { -webkit-transform: translateX(50%); opacity: 0; }
}

@-moz-keyframes SubMenuAnimOut1 { 
	0% { -moz-transform: translateX(0%); opacity: 1; }
	100% { -moz-transform: translateX(50%); opacity: 0; }
}

@keyframes SubMenuAnimOut1 { 
	0% { transform: translateX(0%); opacity: 1; }
	100% { transform: translateX(50%); opacity: 0; }
}
/* ===[ No JS Fallback ]=== */
.no-js .dl-menuwrapper .dl-menu { position: relative; opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; }
.no-js .dl-menuwrapper li .dl-submenu { display: block }
.no-js .dl-menuwrapper li.dl-back { display: none }
.no-js .dl-menuwrapper li > a:not(:only-child) { background: rgba(0,0,0,0.1) }
.no-js .dl-menuwrapper li > a:not(:only-child):after { content: '' }
/* ===[ Colors for demos ]=== */