/* CSS responsive de base pour site */

/**************** SOMMAIRE ************/
/*                                    */
/*   00 - Fontface                    */
/*   01 - Reset                       */
/*   02 - Taille de texte globale     */
/*   03 - Styles globaux              */
/*   04 - Structure                   */
/*   05 - Header                      */
/*   06 - Menu principal              */
/*   07 - Sommaire                    */
/*   08 - MegaMenu                    */
/*   09 - Menu footer                 */
/*   10 - Copyright-Menu              */
/*   11 - Menu Gauche ou droite       */
/*   12 - Breadcrumbs                 */
/*   13 - Toolbox                     */
/*   14 - Zoom-Dezoom                 */
/*   15 - Bloc                        */
/*   16 - Recherche                   */
/*   17 - Accueil                     */
/*   18 - Actualités                  */
/*   19 - Fiches tourisme             */
/*   20 - Onglets                     */
/*   21 - Presse                      */
/*   22 - Videos/Photos               */
/*   23 - Formulaires                 */
/*   24 - Moteur de recherche         */
/*   25 - Carousel                    */
/*   26 - Plan du site                */
/*   27 - Calendrier                  */
/*   28 - I-Démarches                 */
/*   29 - RTE                         */
/*   30 - Tableaux                    */
/*   31 - Gallerie                    */
/*   32 - Slideshow                   */
/*   33 - Lightbox                    */
/*   34 - Liste de fichiers           */
/*   35 - Pagination                  */
/*   36 - Annuaire                    */
/*   37 - Go to top                   */
/*   38 - Sondages                    */
/*   39 - Sommaire                    */
/*                                    */
/**************************************/

/* 00 = Font face */
@font-face {
	font-family: 'Cicle_Fina';
	src: url('fonts/Cicle_Fina-webfont.eot');
	src: local('☺'),
	url('fonts/Cicle_Fina-webfont.woff') format('woff'),
	url('fonts/Cicle_Fina-webfont.ttf') format('truetype'),
	url('fonts/Cicle_Fina-webfont.svg') format('svg');
}

@font-face {
	font-family: 'Cicle_Gordita';
	src: url('fonts/Cicle_Gordita-webfont.eot');
	src: local('☺'),
	url('fonts/Cicle_Gordita-webfont.woff') format('woff'),
	url('fonts/Cicle_Gordita-webfont.ttf') format('truetype'),
	url('fonts/Cicle_Gordita-webfont.svg') format('svg');
}

@font-face {
	font-family: 'Cicle_Semi';
	src: url('fonts/Cicle_Semi-webfont.eot');
	src: local('☺'),
	url('fonts/Cicle_Semi-webfont.woff') format('woff'),
	url('fonts/Cicle_Semi-webfont.ttf') format('truetype'),
	url('fonts/Cicle_Semi-webfont.svg') format('svg');
}

/* 01 = Reset */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
form, fieldset {border:none;}
table {border-collapse:collapse; border-spacing:0;}
li {list-style:none;}
img {border:0; -ms-interpolation-mode:bicubic; vertical-align:middle;}

/* 02 = Taille de texte globale */
html {font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
body {background:url(../img/bg.jpg) #000 no-repeat center center fixed; background-size:cover; color:#333; font:0.75em Arial, Helvetica, sans-serif; -webkit-font-smoothing:antialiased;}

/* 03 = Styles globaux */
a {color:#85d35c; font-weight:bold; text-decoration:none; transition:background-color ease 0.2s, color ease 0.2s;}
a:hover {text-decoration:underline;}
a:focus {outline:thin dotted;}
a:hover, a:active {outline:0;}
abbr[title] {border-bottom:1px dotted;}
noscript {display:block;}
.noscript {background-color:#C00000; color:#FFF; border:1px solid #990000; border-radius:3px; font-size:13px; font-weight:bold; margin:0 auto; padding:6px 7px; text-align:center; width:980px; -webkit-border-radius:3px; -moz-border-radius:3px;}
address {font-style:normal;}
.skip {display:inline;}
.skiplink {left:-1000px; position:absolute; top:-1000px;}
.skiplink:focus,
.skiplink:active {background-color:#000; color:#FFF; display:block; font-size:1.5em; font-weight:bold; left:0; padding:5px 10px; top:0; z-index:999999;}
.btnMenuResp {display:none;}
.facebook {background:url(../img/sprite-fiches.png) #4774b7 no-repeat -7px -253px !important; background-size:74px auto !important; -webkit-background-size:74px auto !important; border-radius:4px !important; color:#fff !important; display:inline-block !important; font-family:"Cicle_Fina", Arial, Helvetica, sans-serif !important; font-weight:normal !important; overflow:hidden !important; padding:15px 15px 15px 40px !important;}
.ie8 .facebook {background:url(../img/ie8-sprite-fiches.png) #4774b7 no-repeat -7px -383px;}

/*---Class---*/
.float-right {float:right; margin:0 0 1em 1em;}
.float-left {float:left; margin:0 1em 1em 0;}
.clear, .retourLigne {clear:both;}
.overflow {overflow:hidden;}
.margBot {margin-bottom:10px;}
.padBot {padding-bottom:10px;}
.left {float:left;}
.right {float:right;}
.align-left {text-align:left;}
.align-right {text-align:right;}
.align-center {text-align:center;}
.invisible {display:none !important;}
.outScreen {position:absolute; left:-9999px; top:-9999px;}
.ir {overflow:hidden; white-space:nowrap; text-indent:110%;}
.separator {border-bottom:1px solid #000; padding-bottom:10px; margin-bottom:10px;}
.btnBack {background:#FFF; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin:20px 0 0; width:70px;}
.btnBack a {display:block; padding:5px 5px 5px 23px;}
.no-icon {background-image:none !important; padding-left:0 !important;}
p.empty {margin:10px 0;}
.banner {text-align:center;}

/*Tailles globales*/
.font12 {font-size:12px;}
.font14 {font-size:14px;}
.font18 {font-size:18px;}

.pdf {background:url("../img/icons/ico-pdf.png") no-repeat left top;}
.jpg, .png, .gif {background:url("../img/icons/ico-img.png") no-repeat left top;}
.doc {background:url("../img/icons/ico-doc.png") no-repeat left top;}
.xls {background:url("../img/icons/ico-xls.png") no-repeat left top;}
.ppt {background:url("../img/icons/ico-ppt.png") no-repeat left top;}
.mp3, .flv {background:url("../img/icons/ico-file.png") no-repeat left top;}
.ico-rss {background:url("../img/icons/ico-rss.gif") no-repeat left top; display:block; line-height:19px; padding-left:33px;}

/* 04 = Structure */
#wrap {position:relative;}
.header {overflow:hidden;} 
.header img {height:auto; width:100%;} 
.colLeft, .colRight {}
.colContent {background:#fff; padding:40px;}
.colContent header {overflow:hidden;}
.footer {background:url(../img/bg-trame.png) repeat left top; clear:both; color:#fff; overflow:hidden;}
.footer a {color:#fff; font-weight:normal;}
.footer .row {margin:0;}
.footer .col2 img {height:auto; width:100%;}

/* 04bis = Structure en grille */
.row {clear:both; margin-bottom:20px; overflow:hidden; padding:0 10px;}
.sizeNogrid {margin:0 auto; width:940px;}
.showGrid [class*="col"] {background:#30A1C0; color:white; height:30px; line-height:30px; text-align:center;}
.container {margin:0 auto;}
.container .col1, .container .col2, .container .col3, .container .col4, .container .col5, .container .col6, .container .col7, .container .col8, .container .col9, .container .col10, .container .col11, .container .col12 {float:left; margin:0 10px; min-height:1px;}

.container .col1 {width:60px;}
.container .col2 {width:140px; margin:0;}
.container .col3 {width:220px; margin:0;}
.container .col2.colLeft, .home .col2.colLeft {width:160px; margin:0; float:left;} /* margin 0 > with + 20 */
.container .col3.colRight, .home .col3.colRight {width:240px; margin:0; float:left;} /* margin 0 > with + 20 */
.home .col3.colRight {position:absolute; right:0; top:0;}
.container .col4 {width:300px;}
.container .col5 {width:380px;}
.container .col6 {width:460px;}
.container .col7, .home .col7 {width:540px; float:left;}
.container .col8 {width:620px;}
.container .col9 {width:700px;}
.container .col10 {width:780px;}
.container .col11 {width:860px;}
.container .col12 {width:940px;}

@media (min-width: 1230px) /* VERSION 1280px */ {
	.container, .sizeNogrid {width:1230px;}
	.row {margin-bottom:30px; padding:0 15px;}
	.container .col1, .container .col2, .container .col3, .container .col4, .container .col5, .container .col6, .container .col7, .container .col8, .container .col9, .container .col10, .container .col11, .container .col12 {margin:0 15px;}
	.container .col1 {width:70px;}
	.container .col2 {width:170px;}
	.container .col3 {width:270px;}
	.container .col2.colLeft, .home .col2.colLeft {width:200px; margin:0;} /* margin 0 > with + 30 */
	.container .col3.colRight, .home .col3.colRight {width:300px; margin:0;} /* margin 0 > with + 30 */
	.container .col4 {width:370px;}
	.container .col5 {width:470px;}
	.container .col6 {width:570px;}
	.container .col7 {width:670px;}
	.container .col8 {width:770px;}
	.container .col9 {width:870px;}
	.container .col10 {width:970px;}
	.container .col11 {width:1070px;}
	.container .col12 {width:1170px;}
}

@media (min-width: 1000px) and (max-width: 1229px) /* VERSION 1024px */ {
	.container{width:980px;}
}

@media (max-width: 999px) /* VERSION FLUIDE */ {
	.container, .sizeNogrid {width:auto;}
	.row {margin:0; padding:0;}
	.container .col1, .container .col2, .container .col3, .container .col4, .container .col5, .container .col6, .container .col7, .container .col8, .container
	.col9, .container .col10, .container .col11, .container .col12, .container .col3.colRight, .home .col3.colRight {float:none; margin:0; width:100%;}
    .container .col2.colLeft, .home .col2.colLeft {float:none;}
    .colContent {padding:20px;}
}

/* 05 = Header */

/* 06 = Menu principal */
.navPrincipal {position:relative;}
.navPrincipal li {background:url(../img/bg-trame.png) repeat left top; margin:0 0 1px;} /*METTRE DES TAILLES AUX LI POUR IE ET MAC*/
.navPrincipal li a {background:transparent; color:#fff; display:block; font-family:"Cicle_Semi", Arial, Helvetica, sans-serif; font-size:1.25em; font-weight:normal; padding:15px 10px; text-align:center;}
.navPrincipal li.current_page_item a, .navPrincipal li.current_page_parent a, .navPrincipal li.current_page_ancestor a, .navPrincipal li a:hover {background:#232322; text-decoration:none;}

.navPrincipal .trigger {display:none;}
/* 07 = Sommaire */
.sommaire li {margin-bottom:1px;}
.sommaire li a {display:block; font-size:13px; padding:8px 10px;}

/* 08 = Menu langues */
.lang {position:relative;}
.lang ul {padding-top:52px;}
.lang li {background:url(../img/bg-trame.png) repeat left top; display:none; margin:0 0 2px;}
.lang li a {background-color:none; color:#fff; display:block; font-size:1.167em; font-weight:normal; height:30px; padding:17px 60px 3px; text-align:center; text-decoration:none;}
.lang li a:hover  {background-color:#232322;}
.lang .flag-fr a {background:url(../img/sprite-lang.png) no-repeat left top; background-size:50px auto;}
.lang .flag-en a {background:url(../img/sprite-lang.png) no-repeat left -50px; background-size:50px auto;}
.lang .flag-de a {background:url(../img/sprite-lang.png) no-repeat left -100px; background-size:50px auto;}
.lang .flag-nl a {background:url(../img/sprite-lang.png) no-repeat left -150px; background-size:50px auto;}
.lang .flag-cn a {background:url(../img/sprite-lang.png) no-repeat left -200px; background-size:50px auto;}

.ie8 .lang .flag-fr a {background:url(../img/ie8-sprite-lang.png) no-repeat left top;}
.ie8 .lang .flag-en a {background:url(../img/ie8-sprite-lang.png) no-repeat left -50px;}
.ie8 .lang .flag-de a {background:url(../img/ie8-sprite-lang.png) no-repeat left -100px;}
.ie8 .lang .flag-nl a {background:url(../img/ie8-sprite-lang.png) no-repeat left -150px;}
.ie8 .lang .flag-cn a {background:url(../img/ie8-sprite-lang.png) no-repeat left -200px;}

.lang.actif li,
.lang li.current {display:block;}
.lang li.current {left:0; position:absolute; top:0; width:100%;}

.lang .trigger {background:url(../img/lang-trigger.png) no-repeat right 14px; background-size:26px 23px; -webkit-background-size:26px 23px; cursor:pointer; display:block; height:50px; left:0; position:absolute; top:0; width:100%;}
.ie8 .lang .trigger {background:url(../img/ie8-lang-trigger.png) no-repeat right 5px;}

.home .lang {position:absolute; right:240px; top:0;}
.home .lang .trigger {display:none;}
.home .lang ul {padding-top:0;}
.home .lang ul a { height:50px; padding:0 0 0 50px;}
.home .lang li {display:block; float:left; height:50px; overflow:hidden; position:relative; width:50px;}

/* 09 = Menu footer */

/* 10 = Copyright-Menu */
.copyrightMenu {overflow:hidden; padding:10px 10px 0; text-transform:uppercase;}
.copyrightMenu, .copyrightMenu a {color:#c2c2c2; text-decoration:none;}
.copyrightMenu a, .copyrightMenu span {display:block; float:left; padding:12px 2px;}
.copyrightMenu li  {float:left;}
.copyrightMenu a:hover {color:#fff;}

/* 11 = Menu Gauche ou droite */
.menuSubPages li {margin:0 0 10px; position:relative;}
.menuSubPages img {height:auto; width:100%;}
.menuSubPages .masque {background: url(../img/masque-list.png) repeat-x left bottom; height:100%; left:0; position:absolute; top:0; width:100%;}
.menuSubPages span {bottom:20px; color:#FFF; display:block; font-family:"Cicle_Gordita", Arial, Helvetica, sans-serif; font-size:2.75em; font-weight:normal; left:20px; position:absolute; text-shadow:1px 2px 5px #000; text-transform:uppercase;}
.menuSubPages li > span {bottom:65px; font-family:Arial, Helvetica, sans-serif; font-size: 1.167em; text-transform:none; text-shadow:none;*}

.menuListButton a {background:#85D35C; border-radius:4px; color:#333; display:block; font-family:"Cicle_Gordita", Arial, Helvetica, sans-serif; font-size:1.75em; font-weight:normal; margin:0 0 20px; padding:15px 24px; text-align:center; text-decoration:none;}
.menuListButton a:hover {background:#eee;}

/* 12 = Breadcrumbs */

/* 13 = Toolbox */
.toolbox {overflow:hidden; padding:10px 10px 0;}
.toolbox li, .toolbox span {float:left;}
.toolbox li a, .toolbox span {display:block; overflow:hidden; padding:12px 5px;}
.toolbox .page-item-22 {background:url(../img/ico-fb.png) no-repeat left 10px; background-size:20px 20px; -webkit-background-size:20px 20px; -ms-background-size:20px 20px; -moz-background-size:20px 20px; padding-left:30px;}/* Facebook */
.ie8 .toolbox .page-item-22 {background:url(../img/ie8-ico-fb.png) no-repeat left 10px;}
.toolbox #twitter {}
.toolbox #share {}
.toolbox #print {}
.toolbox #btnTypoMore {}
.toolbox #btnTypoLess {}

/* 14 = Zoom-Dezoom */
.typo_size1 .colContent {font-size:100%;}
.typo_size2 .colContent {font-size:120%;}
.typo_size3 .colContent {font-size:140%;}

/* 16 = Recherche */
.reserver {background:url(../img/bg-trame.png) repeat left top; color:#fff; padding:40px 30px 30px;}
.reserver h2 {font-family:"Cicle_Semi", Arial, Helvetica, sans-serif; font-size:2.5em; font-weight:normal; margin:0 0 20px; text-transform:uppercase;}
.reserver form div {overflow:hidden;}
.reserver form select {background:url(../img/select_form.png) no-repeat #fff 170px top; border:none; border-radius:0; -webkit-border-radius:0; cursor:pointer; height:37px; margin:0 0 10px; padding:10px 0 10px 5px; width:110%;}
.reserver input[type="button"] {background:#85d35c; border:none; border-radius:4px; box-shadow:0 1px 1px #000; color:#333; cursor:pointer; display:inline-block; font-family:"Cicle_Gordita", Arial, Helvetica, sans-serif; font-size:1.333em; overflow:hidden; padding:15px 24px; text-align:center; text-decoration:none; transition:background-color ease 0.2s;}
.reserver input[type="button"]:hover {background:#85d35c;}

.reserver .AVP_list_days {float:left; width:28%;}
.reserver .AVP_list_months {float:right; width:68%;}
.reserver .AVP_list_days select {background-position:40px top; width:138%;}
.reserver .AVP_list_months select {background-position:112px top; width:115%;}


/* 17 = Accueil */
.home .colContent {background:none;}
.home .colContent h2 {border:none; color:#fff; font-family:"Cicle_Gordita", Arial, Helvetica, sans-serif; font-size:4.833em; margin:100px 50px; text-transform:none;}
.home .footer, .page404 .footer {position:fixed; bottom:0; left:0; width:100%; z-index:2;}
.page404 .logo {margin-bottom:20px;}
.home .colRight img {margin:0 0 60px;}

/* 18 = Actualités */
.actuHome {background:#fff; min-height:140px; padding:30px 40px; position:relative;}
.actuHome .next, .actuHome .previous {height:30px; overflow:hidden; position:absolute; top:95px; width:30px;}
.actuHome .next {background:url(../img/sprite-slider.png) no-repeat left bottom; background-size:30px auto; -webkit-background-size:30px auto; right:5px;}
.actuHome .previous {background:url(../img/sprite-slider.png) no-repeat left top; background-size:30px auto; -webkit-background-size:30px auto; left:5px;}
.ie8 .actuHome .next {background:url(../img/ie8-sprite-slider.png) no-repeat left bottom;}
.ie8 .actuHome .previous {background:url(../img/ie8-sprite-slider.png) no-repeat left top;}
.actuHome .title {margin:0 0 10px;}
.actuHome h2 {border-bottom:1px solid #85D35C; display:inline-block; font-family:"Cicle_Fina" Arial, Helvetica, sans-serif; font-size:2em; font-weight:normal; margin:0 0 15px; padding:0 0 5px; text-transform:uppercase;}
.actuHome .illustration {background:#eee; height:70px; width:70px;}
.actuHome .text {display:block; overflow:hidden;}

/* 19 = Fiches tourisme 
.colContent .idfmedia .list li {height:100%;}*/
.idfmedia .list li {display:block; margin:0 0 30px; overflow:hidden; position:relative;}
.idfmedia .list .illustration {position:relative; z-index:1;}
.idfmedia .list .illustration img {width:100%; height:auto;}
.idfmedia .list .text {background:url(../img/masque-list.png) repeat-x left bottom; color:#fff; height:100%; left:0; position:absolute; top:0; width:100%; z-index:2;}
.idfmedia .list .text .innerText {bottom:15px; left:0; padding:50px 20px 0; position:absolute;}
.idfmedia .list .text .innerText p {margin-bottom:7px;}
.idfmedia .list .text .innerText .city {font-size:1.167em;}
.idfmedia .list .text .innerText .listTitle a {color:#fff; font-family:"Cicle_Gordita", Arial, Helvetica, sans-serif; font-size:2.75em; font-weight:normal; text-shadow:1px 2px 5px rgba(0,0,0,1); text-transform:uppercase;}
.etoiles {background:url(../img/etoile.png) repeat-x left top; display:block; height:16px;}
.etoiles1 {width:22px;}
.etoiles2 {width:44px;}
.etoiles3 {width:66px;}
.etoiles4 {width:88px;}
.etoiles5 {width:110px;}

.cocottes {background:url(../img/sprite-fiches.png) repeat-x left top; background-size:60px auto; -webkit-background-size:60px auto; display:inline-block; height:50px; margin-bottom:30px;}
.ie8 .cocottes {background:url(../img/ie8-sprite-fiches.png) repeat-x left top;}
.cocottes1 {width:60px;}
.cocottes2 {width:120px;}
.cocottes3 {width:180px;}

.cheminees {background:url(../img/sprite-fiches.png) repeat-x left -108px; background-size:60px auto; -webkit-background-size:60px auto; display:inline-block; height:50px; margin:20px 0 30px;}
.ie8 .cheminees {background:url(../img/ie8-sprite-fiches.png) repeat-x left -100px;}
.cheminees1 {width:60px;}
.cheminees2 {width:120px;}
.cheminees3 {width:180px;}
/* aside */
.colRight .idfmedia {background:#2a2928; color:#fff;}
.colRight .idfmedia li {background:#2a2928; margin:0; padding:20px 30px; transition:background ease 0.2s;}
.colRight .idfmedia li:hover {background:#000;}
.colRight .idfmedia h2 {border-bottom:1px solid #85d35c; display:block; font-family:"Cicle_Fina" Arial, Helvetica, sans-serif; font-size:1.75em; font-weight:normal; margin:0 30px 10px; padding:40px 0 10px; text-transform:uppercase;}
.colRight .idfmedia .illustration {border-radius:55px; height:55px; overflow:hidden; width:55px;}
.colRight .idfmedia p {margin-bottom:5px;}
.colRight .idfmedia .listTitle a {color:#fff; font-family:"Cicle_Gordita", Arial, Helvetica, sans-serif; font-size:1.5em; font-weight:normal;}
/* fiches */
.single .colContent {min-height:457px; overflow:hidden; padding:0 0 40px; position:relative;}
.single .colContent header {position:absolute; top:-9999px; left:-999px;}
.single .colContent .idfmedia {padding:0 40px;}
.single .colContent .idfmedia .layout {display:none;}
.single .colContent .idfmedia .layout.actif {display:block;}
.single .colContent .idfmedia .layout:first-child {display:block;}
.single .colContent .idfmedia.traiteur {padding:20px 40px 0;}
.single .colContent .idfmedia p {overflow:hidden;}
.single .colContent .ficheHeader {position:relative;}
.single .colContent .ficheHeader h1 {border:none; color:#fff; display:block; font-family:"Cicle_Gordita", Arial, Helvetica, sans-serif; font-size:2.75em; font-weight:normal; margin:0 0 20px; padding:0; text-align:center; text-decoration:none; text-shadow:1px 2px 5px #000;}
.single .colContent .ficheHeader .text {background:url(../img/masque-fiche-header.png) repeat-x left bottom; color:#fff; height:100%; left:0; position:absolute; top:0; width:100%; z-index:2;}
.single .colContent .ficheHeader .text .innerText {bottom:15px; left:0; padding:50px 0 0; position:absolute; width:100%;}
.single .colContent .ficheHeader .etoiles {background-image:url(../img/etoile-big.png); display:block; height:26px; margin:0 auto;}
.single .colContent .ficheHeader .etoiles1 {width:37px;}
.single .colContent .ficheHeader .etoiles2 {width:74px;}
.single .colContent .ficheHeader .etoiles3 {width:111px;}
.single .colContent .ficheHeader .etoiles4 {width:148px;}
.single .colContent .ficheHeader .etoiles5 {width:185px;}
.single .textHeader {display:none;}

p.reservation {}
p.reservation a {display:block;background-color:#85d35c; border:none; border-radius:4px; color:#333; cursor:pointer; font:normal 1.167em Arial; margin:10px auto; overflow:hidden; padding:15px 80px; transition:background-color ease 0.2s, color ease 0.2s;width: 120px; text-align: center;}
p.reservation a :hover {background-color:#eee;}

/*.fb, #presentation > div > .rteContent a {background:url(../img/sprite-fiches.png) #4774b7 no-repeat -7px -253px; background-size:74px auto; -webkit-background-size:74px auto; border-radius:4px; color:#fff; display:inline-block; font-family:"Cicle_Fina", Arial, Helvetica, sans-serif; font-weight:normal; overflow:hidden; padding:15px 15px 15px 40px;}
.ie8 .fb, .ie8 #presentation > div > .rteContent a {background:url(../img/ie8-sprite-fiches.png) #4774b7 no-repeat -7px -383px;}
#presentation > ul > li {display:inline-block; vertical-align:top; width:48%;}
#presentation > ul > li:nth-child(even) {margin-left:3%;}*/
.ie8 #presentation > ul > li {float:none; width:100%;}

/* 20 = Onglets */
.onglets {clear:both;text-align:center;}
.onglets li {display:inline-block; text-align:center;}
.onglets li a {font-family:"Cicle_Gordita", Arial, Helvetica, sans-serif; color:#999; display:block; font-size:1.5em; font-weight:normal; padding:20px 10px; text-decoration:none;}
.onglets li a:hover {color:#333;}
.onglets li a.actif {color:#333;}

#presentation, #sejour, #localisation, #contact {display:none;}
#presentation.actif, #sejour.actif, #localisation.actif, #contact.actif {display:block;}

.restaurant .idfmedia #sejour, .restaurant .idfmedia .ongletSejour {display:none;} 

.ie8 #localisation img {width:100%; height:auto;}
/* 21 = Presse */

/* 22 = Videotheque / phototheque */
/* liste */
.photothequeList ul {list-style:none; overflow:hidden; padding:5px 0; text-align:left;}
.photothequeList ul li {background:#f2f2f2; border-bottom:1px solid #ddd; border-top:1px solid #ddd; display:block; float:left; height:150px; margin:10px 1%; padding:1%; text-align:center; width:30%;}
.photothequeList ul li:hover {border-color:#ccc;}
.ie7 .pageThreeCols .photothequeList ul li{width:31%;}
.photothequeList ul li.list-2 {margin:10px 0;}
.photothequeList a {display:block; padding:3px;}
.photothequeList a img {box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2); height:auto; max-height:99%; max-width:99%; padding:0; width:auto; transition:box-shadow ease 0.3s;}
.photothequeList li:hover a img {box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.4);}

.pageThreeCols .photothequeList ul li {height:130px;}
.pageFullWidth .photothequeList ul li {height:180px;}

/* Sommaire */
.summary {overflow:hidden;}
.summary ul {margin-left:-20px;}
.summary ul li {background:#F5F5F5; float:left; margin-bottom:20px; margin-left:20px; min-height:120px; padding:20px; width:260px;}
.summary ul li.list-1 {clear:left;}

/* 23 = Formulaires */
.artifica-form {clear:both; margin:0 0 20px;}
.artifica-form label {cursor:pointer; display:block; font-size:1.167em; font-weight:bold; padding:10px 0;}

.artifica-form input, .artifica-form select {font:400 13px/23px "MS Shell Dlg",Helvetica,Arial,sans-serif;}
.artifica-form fieldset {background:#eee; border:1px solid #dedede; margin-top:20px; padding:10px;}
.artifica-form legend {background-color:#fff; border:1px solid #D2D2D2; font-size:1.5em; padding:5px 20px;}
.artifica-form div,
.artifica-form fieldset dl {margin:0 0 10px;}
.artifica-form div input,
.artifica-form div textarea {background:#FFF; border:1px solid #dedede; color:#666; display:block; font:1.167em Arial, sans-serif; padding:2px; width:98%; transition:border-color ease 0.3s;}
.artifica-form div input:hover,
.artifica-form div textarea:hover,
.artifica-form div input:focus,
.artifica-form div textarea:focus {border-color:#000;}
.artifica-form div select {background:#FFF; border:1px solid #dedede; color:#666; padding:10px 0;min-width:30%;}
.artifica-form div textarea {height:175px; padding:5px 0 0 5px; overflow:auto; vertical-align:top; resize:vertical;}
.artifica-form div input,
.artifica-form div input[type="file"] {background:#fff; border:1px solid #DEDEDE; display:inline; height:34px; text-indent:0;}
.artifica-form .file-infos {display:block; font-size:smaller;}
.artifica-form .submit {background-color:#85d35c; border:none; border-radius:4px; color:#333; cursor:pointer; font:normal 1.167em Arial; margin:10px auto 15px; overflow:hidden; padding:15px 80px; transition:background-color ease 0.2s, color ease 0.2s;}
.artifica-form .submit:hover {background-color:#eee;}

.artifica-form .submit:active {position:relative; top:1px;}
.artifica-form fieldset div {clear:both; margin:0; overflow:visible; padding:5px 0; position:relative;}
.artifica-form small {color:#666; display:block; font-size:0.786em; line-height:13px; font-weight:normal; margin-top:-2px;}
.artifica-form em {font:bold 11px/13px Verdana, sans-serif; color:#ff6633;}
.artifica-form .error {clear:none; color:#ee333a; display:block; font:bold 11px/10px Arial, sans-serif; margin:0 0 3px 0; padding:0;}
.artifica-form .captcha .error {}
.artifica-form p {margin:7px; font:1em/1.250em Arial, sans-serif;}
.artifica-form .comments {clear:both; margin:10px 0; padding:10px; background:#f5f5f5; border:1px solid #dedede;}
.artifica-form .buttons {margin:0; overflow:hidden; -height:1%; padding:0; text-align:right;}
.artifica-form-response-output {color:#EE333A; border:2px solid #F1C208; margin:0 0 20px 0; padding:10px; text-align:center; font-size:1.167em; font-weight:bold;}
.artifica-form-confirmation {color:#f00; margin:0 0 20px 0; padding:10px;}
.artifica-form .radio span,
.artifica-form .label_check {display:block; font-size:1.167em; font-weight:bold; margin:0 10px 0 0; padding:10px 0;}
.artifica-form .label_check {display:none;}
.artifica-form .radio .error {top:-15px;}
.artifica-form .radio ul input,
.artifica-form .check input {float:left; width:auto;}
.artifica-form .check {overflow:hidden;}
.artifica-form .radio ul {float:left; margin-top:5px; padding:0; width:60%;}
.artifica-form .radio ul li {clear:both; height:1.6em;}
.artifica-form .radio ul label {text-align:left; margin:0 10px 0 5px; width:auto;}
.artifica-form .alert {overflow:visible; padding:5px 0;}
.artifica-form div input,
.artifica-form div textarea,
.artifica-form div select {background:#FFF;}
.artifica-form input[type="radio"],
.artifica-form input[type="checkbox"] {border:0; width:auto;}
.artifica-form .champs {color:#ee333a; font-size:10px; left:690px; line-height:12px; margin:0; text-align:right;}
.artifica-form .buttons .require {color:#EE333A; display:block; font-size:0.833em; text-align:right;}
.artifica-form div .radio ul label,
.artifica-form div .check label {font-size:1em; font-weight:normal; margin:0 10px 0 5px; padding:8px 15px; text-align:left; width:auto;}
/*-CAPTCHA-*/
.artifica-form .captcha {text-align:center;}
.artifica-form .captcha .alert {margin-top:12px;}
.artifica-form .captcha ul {color:#000; margin:0; padding:0; list-style:none;}
.artifica-form .captcha li {display:inline; font-size:18px; font-weight:bold; margin:0 10px 0 0; padding:0;}
.artifica-form .captcha p strong {color:#EE333A;}
.artifica-form .captcha label {margin:2%; padding:3px 0; text-align:left;  width:94%;}
.artifica-form .captcha input[type="text"] {margin:2%; width:94%;}
/*-ALERT-*/
.artifica-form div.alert input,
.artifica-form div.alert textarea,
.artifica-form div.alert select {border-color:#F1C208;}

.artifica-form .getpost {font-size: 1.5em;background-color:#f2f2f2; border:1px solid #616161; border-width:1px 1px 1px 5px; margin:0 0 20px; padding:7px 10px 7px 15px;}

/* 24 = Moteur de recherche */

/* 25 = Carousel */

/* 26 = Plan du site */
.csc-sitemap {margin-bottom:10px;}
.csc-sitemap ul {background:url("../img/icons/sitemap-dot.png") 0 bottom repeat-y; margin:0 0 0 3px; padding:10px 0 0; list-style:none outside;}
.csc-sitemap ul ul {margin:0 0 0 10px; padding:0;}
.csc-sitemap li {background:url("../img/icons/sitemap-dot.png") 0 12px repeat-x; display:block; margin-left:1px; padding:0 0 0 10px;}
.csc-sitemap a {background:url("../img/icons/ico-page.png") 5px 6px no-repeat #FFF; color:#333; display:block; padding:0 0 5px 24px; font-size:16px; font-weight:bold; line-height:24px; text-transform:uppercase;}
.csc-sitemap ul ul a {font-style:italic; font-weight:normal; text-transform:none;}
.csc-sitemap ul ul ul a {font-size:12px; font-style:normal;}
.csc-sitemap a:hover {color:#000; text-decoration:underline}

.csc-menu {overflow:hidden; margin-bottom:10px;}
.csc-menu .colonne1 {float:left;}
.csc-menu .colonne2 {float:right;}
.csc-menu ul {border-bottom:1px solid #DEDEDE; list-style:none; width:48%; margin-top:5px;}
.csc-menu li {background:none; padding:0; margin:0;}
.csc-menu a {display:block; border-top:1px solid #DEDEDE; padding:10px 0 10px 15px; text-decoration:none;}
.csc-menu a:hover {text-decoration:underline; background-color:#FBFDFC;}

.csc-default {padding: 10px;}
.csc-default .result {font-size:1em; font-weight:bold; line-height:18px;}

/* 27 = Calendrier */
/*-filter-*/
.searchAgenda {padding:15px 17px 0;}
.searchAgenda form h3 {background:#ccd045; color:#333; font-family:Tahoma, Geneva, sans-serif; font-size:14px; margin-bottom:15px; margin-left:-17px; padding:1px 15px 3px; text-transform:lowercase; width:52px;}
.searchAgenda form ul {background:#FFF; border:1px solid #dcdbe3; height:80px; margin-bottom:20px; overflow-y:scroll; padding:10px;}
.searchAgenda form li {margin-bottom:3px;}
.searchAgenda form label {color:#666; font-family:Tahoma, Geneva, sans-serif; font-size:11px; padding-left:7px;}
.firefox .searchAgenda form button,
.chrome .searchAgenda form button,
.opera .searchAgenda form button {background:url("http://www.relais-sud-champagne.com/fileadmin/relaissud/templates/img/sprite_h.png") no-repeat -21854px 0; border:none; cursor:pointer; height:30px; margin-left:100px; text-indent:-9999px; width:95px;}
.ie .searchAgenda form button {height:30px; width:95px;}
/*-filter-*/
.calAgenda {}
.calendar-fleches {background:#52b5d9; position:relative; text-align:center; width:196px;}
.choixMois {border:none; color:#FFF; font-size:14px; font-weight:bold;}
.previous span {cursor:pointer; display:block; height:14px; left:0; position:absolute; top:0; width:20px;}
.next span {cursor:pointer; display:block; height:14px; position:absolute; right:0; top:0; width:20px;}

.calendar-table {border-bottom:1px solid #dcdbe3; border-collapse:separate; border-spacing:3px; margin-bottom:15px; padding-bottom:15px; width:200px;}
.cal-selected,
.cal-today,
.cal-event,
.cal-saturday,
.cal-sunday,
.cal-outdated {border:solid 2px #FFF; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:12px; height:25px; text-align:center; width:25px;}
.searchAgenda .intitule {color:#333;}
.cal-outdated {background:#dcdbe3; border-color:#dcdbe3;}
.cal-outdated a {color:#999;}
.cal-event,
.cal-saturday,
.cal-selected,
.cal-sunday {background:#FFF;}
.cal-selected {border-color:#f56620; font-weight:bold;}
.cal-event:hover,
.cal-saturday:hover,
.cal-outdated:hover,
.cal-sunday:hover {border-color:#f56620; font-weight:bold;}
.calendar-table a {display:block;}
.calendar-table a:hover {text-decoration:none;}
.cal-today {background:#f56620; border-color:#f56620; font-weight:bold;}
.cal-today a {color:#FFF;}

/* 28 = I-Démarches */

/* 29 = RTE */
.colContent h1, .colContent h2, .colContent h3, .colContent h4, .colContent h5, .colContent h6 {border-bottom:1px solid #85d35c; display:inline-block; font-family:"Cicle_Fina" Arial, Helvetica, sans-serif; font-weight:normal; margin:0 0 20px; padding:0 0 5px; text-transform:uppercase;}
.colContent h1 {font-size:3em; margin:0 0 40px; padding:0 0 15px;}
.chapeau {background-color:#f2f2f2; color:#666; font-size:1.167em; line-height:1.4; margin:0 0 30px; padding:25px 30px;}
.rteContent h2,
.colContent h2 {font-size:2em;}
.rteContent h3 {font-size:1.56em; margin-top:10px;}
.rteContent h4 {font-size:1.333em; margin-top:10px;}
.rteContent h5 {font-size:1.107em; margin-top:10px;}
.rteContent h6 {font-size:0.893em; margin-top:10px;}
.rteContent p {margin:0 0 1em;}
.rteContent div.encart,
.rteContent div.encartDroite,
.rteContent div.encartGauche {background-color:#f2f2f2; margin:10px 0 20px; overflow:hidden; padding:25px 30px;}
.rteContent div.encartGauche {float:left; margin:0 1em 1em 0 !important; width:40%;}
.rteContent div.encartDroite {float:right; margin:0 0 1em 1em !important; width:40%;}
.rteContent p {font-size:1.167em; line-height:1.5em; margin-bottom:1em;}
/*.rteContent p:last-child {margin-bottom:0;}*/
.rteContent ul {margin:0 0 20px 18px;}
.rteContent ul li {background:url("../img/bg-list.gif") no-repeat 0 8px; font-size:1.083em; line-height:1.5em; padding-left:13px;}
.rteContent ul li ul li {font-size:inherit; line-height:inherit;}
.rteContent ol {margin:0 0 10px 18px;}
.rteContent ol li {font-size:1.083em; line-height:1.5em; list-style:decimal outside; margin-left:13px;}
.rteContent ol li ol li {font-size:inherit; line-height:inherit;}
.rteContent blockquote {background:#f2f2f2; border-left:5px solid #616161; font-style:italic; margin:0 0 20px; padding:7px 10px 7px 15px;}
.rteContent strong {font-weight:bold;}
.rteContent em {font-style:italic;}
.rteContent big {font-size:larger;}
.rteContent small {font-size:smaller;}
.rteContent cite {font-style:italic;}
.rteContent dfn {font-style:italic;}
.rteContent q  {font-style:italic;}
.rteContent q:after {content:close-quote;}
.rteContent q:before {content:open-quote;}
.rteContent samp {font-family:monospace;}
.rteContent sub {font-size:smaller; line-height:normal; vertical-align:sub;}
.rteContent sup {font-size:smaller; line-height:normal; vertical-align:super;}
.rteContent span {}
.rteContent a {}
.rteContent a:hover {}
.rteContent a.mail,
.rteContent a[href^="mailto"] {background:url("../img/icons/ico-mail.png") no-repeat right center; padding-top:1px; padding-right:20px;}
.ie8 .rteContent a.mail,
.ie8 .rteContent a[href^="mailto"] {background:url("../img/icons/ico-mail.png") no-repeat right center;}
.rteContent a[href^="http"] {background:url("../img/icons/ico-link.gif") no-repeat right center; padding-top:1px; padding-right:15px;}
.rteContent a[href$=".pdf"] {background:url("../img/icons/ico-pdf.png") no-repeat right 0; padding-top:1px; padding-right:20px;}
.rteContent a[href$=".jpg"],
.rteContent a[href$=".png"],
.rteContent a[href$=".gif"] {background:url("../img/icons/ico-img.png") no-repeat right 0; padding-top:1px; padding-right:20px;}
.rteContent a[href$=".doc"] {background:url("../img/icons/ico-doc.png") no-repeat right 0; padding-top:1px; padding-right:20px;}
.rteContent a[href$=".xls"] {background:url("../img/icons/ico-xls.png") no-repeat right 0; padding-top:1px; padding-right:20px;}
.rteContent a[href$=".ppt"] {background:url("../img/icons/ico-ppt.png") no-repeat right 0; padding-top:1px; padding-right:20px;}
.rteContent a[href$=".mp3"],
.rteContent a[href$=".flv"] {background:url("../img/icons/ico-file.png") no-repeat right 0; padding-top:1px; padding-right:20px;}
.rteContent a.no-icon {background:none; padding:0;}
.rteContent span.strike {text-decoration:line-through;}
.rteContent span.important {color:#db1515;}
.rteContent span.abbr {font-style:italic;}
.rteContent hr {}
.rteContent img {margin-bottom:20px;}

/* =============== STYLES du BO =============== */
.container .csc-textpic-left {text-align:left;}
.container .csc-textpic-center {text-align:center}
.container .csc-textpic-right {text-align:right;}
.container .csc-textpic-above {clear:both;}

/* Box d'image */
.imageBox {border-bottom:2px solid #e8e8e8;}
.imageBoxLeft {clear:none; float:left; margin:0 1em 1em 0;}
.imageBoxRight {clear:none; float:right; margin:0 0 1em 1em;}
.imageLegende, .imageCopyright {color:#777; font-size:0.917em; display:block;}
.imageLegende {font-weight:bold;}

/* 30 = Tableaux */
.rteContent table {width:100%; border-top:1px solid #D8D8D8; border-left:1px solid #D8D8D8; margin-bottom:10px;}
.rteContent table p {margin:0;}
.rteContent caption {font-size:1.5em; color:#277ABE; border-top:1px solid #D8D8D8; border-left:1px solid #D8D8D8; border-right:1px solid #D8D8D8; padding:5px 7px; background:#FBFDFC;}
.rteContent table td, .rteContent table th {padding:5px; vertical-align:top;}
.rteContent thead {text-align:center; font-size:1.167em;}
.rteContent tr td, .rteContent tr th {border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; border-collapse:separate; border-spacing:0;}
.rteContent tr.tableauLigneAlternee {background:#f2f2f2;}

/* 31 = Gallerie */
.gallery ul {list-style:none; margin:0 0 30px; overflow:hidden;}
.gallery ul li {display:none;}
.gallery ul li:first-child {display:block; text-align:center;}
.gallery a {display:inline-block; position:relative;}
.gallery img {max-width:100%; height:auto; padding:0;}
.gallery a:hover img {}
.gallery a span {background:#FFF; border-radius:4px; bottom:20px; box-shadow:0 1px 1px #000; color:#333; display:block; font-family:"Cicle_Gordita", Arial, Helvetica, sans-serif; font-size:1.333em; overflow:hidden; padding:15px 24px; position:absolute; right:35px; text-align:center; text-decoration:none;}
.gallery a span:hover {background:#EEE;}

/* 32 = Slideshow (diaporama) */
.artifica-slideshow {background-color:#000; color:#FFF; margin:10px 0; position:relative;}
.artifica-slideshow .controls {height:30px;}
.artifica-slideshow .controls a {color:#FFF;}
.artifica-slideshow .controls .playPause a {background-color:#666; display:block; padding:5px 15px;}
.artifica-slideshow .controls .playPause {left:0; position:absolute; top:0;}
.artifica-slideshow .controls .counter {background-color:#666; padding:5px 15px; position:absolute; right:0; top:0;}
.artifica-slideshow .elements {position:relative; margin:0 10px; clear:both; overflow:hidden; height:334px;}
.artifica-slideshow .caption {background-color:#333; bottom:0; opacity:0.7; position:absolute; padding:10px 2%; width:96%;}
.artifica-slideshow .caption .image-title {font-weight:bold}
.artifica-slideshow .caption .image-copy {text-align:right; font-style:italic; color:#FFF;}
.artifica-slideshow .slideshow {text-align:center;}
.artifica-slideshow .thumbs {height:60px; overflow:hidden; position:relative; text-align:center; z-index:300;}
.artifica-slideshow .thumbs .previous, .artifica-slideshow .thumbs .next {display:block; height:60px; opacity:0.7; text-indent:100%; transition:opacity ease 0.3s; white-space:nowrap; width:35px;}
.artifica-slideshow .thumbs .previous:hover, .artifica-slideshow .thumbs .next:hover {opacity:1;}
.artifica-slideshow .thumbs .previous {background:url("../img/galerie/prevPageArrowWhite.gif") no-repeat center;}
.artifica-slideshow .thumbs .next {background:url("../img/galerie/nextPageArrowWhite.gif") no-repeat center;}
.artifica-slideshow .thumbs ul {display:inline-block; height:42px; margin:10px 0; overflow:hidden; text-align:center;width:388px;}
.ie7 .artifica-slideshow .thumbs ul {display:inline; list-style:none;}
.artifica-slideshow .thumbs ul li {display:block; float:left; padding:0; margin:0 2px;}
.artifica-slideshow .thumbs ul li a {border:1px solid #777; display:block; opacity:0.7; transition:border ease 0.3s, opacity ease 0.3s;}
.artifica-slideshow .thumbs ul li a:hover {opacity:1;}
.artifica-slideshow .thumbs ul li.current a {border:1px solid #FFF; opacity:1;}
.artifica-slideshow .thumbs ul li .in {display:none;}
.artifica-slideshow .thumbs ul img {display:block;}

.pageThreeCols .artifica-slideshow .thumbs ul {left:0; margin:0 36px; position:absolute; top:10px;}
.ie7 .pageThreeCols .artifica-slideshow .thumbs ul {width:388px;}

/* 33 = Lightbox */
.simple_overlay {background:url("../img/galerie/loading.gif") no-repeat 50% 50%; display:none; z-index:10000; background-color:#333; width:675px; min-height:20px; border:1px solid #666; -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow:0 0 90px #000;}
.simple_overlay .disabled {visibility:hidden;}
.simple_overlay .close {background-image:url("../img/galerie/lightbox-close.png"); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px;}
.simple_overlay .next:hover,
.simple_overlay .play:hover,
.simple_overlay .prev:hover {text-decoration:underline; background-color:#000;}
.simple_overlay .next {display:block; padding:10px 20px; position:absolute; top:40%; right:0; border:1px solid #666; border-right:0; cursor:pointer; font-size:11px; color:#fff; background:#333 !important; background:rgba(0,0,0,0.6) url(../img/galerie/lightbox.png) repeat-x; -webkit-border-top-left-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-bottomleft:5px; border-top-left-radius:5px; border-bottom-left-radius:5px;}
.simple_overlay .prev {display:block; padding:10px 20px; position:absolute; top:40%; left:0; border:1px solid #666; border-left:0; cursor:pointer; font-size:11px; color:#fff; background:#333 !important; background:rgba(0,0,0,0.6) url(../img/galerie/lightbox.png) repeat-x; -webkit-border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomright:5px; border-top-right-radius:5px; border-bottom-right-radius:5px;}
.simple_overlay .play {display:block; padding:10px 20px; position:absolute; text-align:center; top:20%; left:30%; width:33%; border:1px solid #666; cursor:pointer; font-size:11px; color:#fff; background:#333; opacity:0.8; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.simple_overlay .info {padding:10px 15px; position:absolute; bottom:0; left:0; font-size:11px; color:#fff; border-top:1px solid #666; background:#333 !important; background:rgba(0,0,0,0.6) url("../img/galerie/lightbox.png") repeat-x;}
.simple_overlay .info strong {display:block;}
.simple_overlay .progress {position:absolute; top:45%; left:50%; display:none;}
#thumbs a.active img {outline:1px solid #000; z-index:9999; position:relative;}

/* Rajouts modal */
#fade {display:none; background:#000; position:fixed; left:0; top:0; width:100%; height:100%; opacity:.80; z-index:11000;}
.overlay-modal {display:none; background:#fff; float:left; font-size:1.2em; padding:10px; position:fixed; top:50%; left:50%; z-index:12000; -webkit-box-shadow:0px 0px 20px #000; -moz-box-shadow:0px 0px 20px #000; box-shadow:0px 0px 20px #000;}
img.btn_close {float:right; margin:-55px -55px 0 0;}
.overlay-modal .close {background-image:url("../img/galerie/close.png"); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px;}
.artifica-form .info-form {display:block; padding-left:39px; width:450px;}
.artifica-form .obligatoire {position:absolute; right:0;}

#popup {padding:0 10px;}
#overlay-modal .artifica-form.centertext span {display:block; margin-left:160px; text-align:left; padding-top:4px; font-size:11px; line-height:13px; color:#333; font-weight:normal;}
#overlay-modal a.close {background-image:url("../img/galerie/close.png"); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px;}

/* 34 = Liste de fichiers */
.csc-uploads a {display:block; font-size:1.167em; padding:10px;}
.csc-uploads li {border-bottom:1px solid #ddd; transition:background ease 0.3s;}
.csc-uploads li:first-child {border-top:1px solid #ddd;}
.csc-uploads li:hover {background:#efefef;}
.csc-uploads .debats-file-desc {margin:3px 0;}
.csc-uploads .debats-file-type,
.csc-uploads .debats-file-size {display:inline; text-transform:uppercase; font-size:0.833em;}
.csc-uploads .debats-file-size {padding-left:0;}
.csc-uploads .list-1 {background:#FFF; clear:left;}
.csc-uploads .list-2 {background:#FBFDFC;}
.csc-uploads .csc-uploads-element-jpg, .csc-uploads .csc-uploads-element-png, .csc-uploads .csc-uploads-element-gif, .csc-uploads .csc-uploads-element-pdf, .csc-uploads .csc-uploads-element-xls, .csc-uploads .csc-uploads-element-xlsx, .csc-uploads .csc-uploads-element-doc, .csc-uploads .csc-uploads-element-docx {padding-left:25px;}

.csc-uploads li.csc-uploads-element-pdf {background:url("../img/icons/ico-pdf.png") no-repeat left 10px;}
.csc-uploads li.csc-uploads-element-jpg, .csc-uploads li.csc-uploads-element-png, .csc-uploads li.csc-uploads-element-gif {background:url("../img/icons/ico-img.png") no-repeat left 10px;}
.csc-uploads li.csc-uploads-element-doc, .csc-uploads li.csc-uploads-element-docx {background:url("../img/icons/ico-doc.png") no-repeat left 10px;}
.csc-uploads li.csc-uploads-element-xls, .csc-uploads li.csc-uploads-element-xlsx {background:url("../img/icons/ico-xls.png") no-repeat left 10px;}
.csc-uploads li.csc-uploads-element-ppt {background:url("../img/icons/ico-ppt.png") no-repeat left 10px;}

.csc-uploads li.csc-uploads-element-pdf:hover {background:url("../img/icons/ico-pdf.png") #efefef no-repeat left 10px;}
.csc-uploads li.csc-uploads-element-jpg:hover, .csc-uploads li.csc-uploads-element-png:hover, .csc-uploads li.csc-uploads-element-gif:hover {background:url("../img/icons/ico-img.png") #efefef no-repeat left 10px;}
.csc-uploads li.csc-uploads-element-doc:hover, .csc-uploads li.csc-uploads-element-doc:hover:hover {background:url("../img/icons/ico-doc.png") #efefef no-repeat left 10px;}
.csc-uploads li.csc-uploads-element-xls:hover, .csc-uploads li.csc-uploads-element-xlsx:hover {background:url("../img/icons/ico-xls.png") #efefef no-repeat left 10px;}
.csc-uploads li.csc-uploads-element-ppt:hover {background:url("../img/icons/ico-ppt.png") #efefef no-repeat left 10px;}

/* Downloads */
.downloads {border-bottom:1px solid #DCDCDC; margin-bottom:10px; padding-bottom:10px;}
.downloads h2 {margin-bottom:5px;}
.downloads a {display:block; padding:0 0 0 25px;}
.downloads .file-title {font-size:1.167em;}
.downloads span {font-size:0.833em; text-transform:uppercase;}

/* 35 = Pagination */
.pagination {font-size:0.917em; overflow:hidden;}
.pages a {font-size:11px; padding:6px 10px; text-align:center; text-decoration:none; color:#000;}
.pages a:hover {text-decoration:underline; background-position:0 -24px;}
.pages a.paginationPagerPrec { padding:6px 26px; color:#277abe;}
.pages a.paginationPagerCourant { color:#FFF; font-weight:bold;}
.pages a.paginationPagerSuiv {padding:6px 26px; color:#277abe;}

/* 36 = Annuaire */

/* 37 = Go to top */

/* 38 = Sondages */

/* Médias */
.player-object, .player-mp3, .player-flv {margin-bottom:10px;}

/* XX = Trombi */

/* Tabulation */
.tabulations {min-height:290px; position:relative;}
.tabulations .on .titleTab {background-color:#3b3b3b;}
.tabulations .off .titleTab {background-color:#d5d5d5; color:#7f7f7f;}
.tabulations .titleTab {color:#FFF; display:block; font-family:OpenSansRegular; font-size:1.167em; font-weight:normal; float:left; height:28px;
padding-top:12px; text-align:center; text-transform:uppercase; width:105px;} /*Taille à régler*/
.tabulations .titleTab:hover {text-decoration:none;}
.tabulations .tab-content {background-color:#3b3b3b; min-height:250px; left:0; position:absolute; top:40px; width:210px;} /*Taille à régler*/

/* Bannière */
.colContent .banner {margin:0 0 1em;}


/* CSS Management FO */

/* TYPO3 .home .idfmedia {display:none;}*/
.colRight img {width:100%; height:auto; margin:0;}

.csc-textpic {overflow:hidden;} /* image  seule */
.csc-textpic-image img {margin-bottom:20px; max-width:100%; height:auto;}

/* habillage du txt */
.csc-textpic-intext-right .csc-textpic-imagewrap {float:right; margin:0 0 1em 1em;} /* Habillé a droite */
.csc-textpic-intext-left .csc-textpic-imagewrap {float:left; margin:0 1em 1em 0;} /* Habillé a gauche */
/* sans habillage du txt */
.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {float:left; margin:0 1em 1em 0;}
.csc-textpic-intext-left-nowrap .csc-textpic-text .rteContent{overflow:hidden;}
.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {float:right; margin:0 0 1em 1em;}
.csc-textpic-intext-right-nowrap .csc-textpic-text .rteContent{overflow:hidden;}
/* colonnes */
.csc-textpic-imagecolumn {display:inline-block; vertical-align:top;}
/* 3 colonnes */


/* REGLES RESPONSIVES */
/* -VERSION 1024px- */
@media (min-width:1000px) and (max-width:1229px) {
	/* Banniere */
}

/* -VERSION 1280px- */
@media (min-width:1230px) {
    .home .colContent h2 {margin:150px 100px;}
    .home .lang {right:300px;}
    
	/* 08 = MegaMenu */
	.container .navPrincipal {}

	/* SOMMAIRE */
	.summary ul {margin-left:-30px;}
	.summary ul li {margin-bottom:30px; margin-left:30px; width:330px;}
	
	/* Fiches tourisme */
	.idfmedia .list .text .innerText {padding:80px 20px 0;}
    
	/* liste */
	.photothequeList ul li {height:180px;}
	.pageThreeCols .photothequeList ul li {height:150px;}

	/* Management FO */
	.reserver form select {background-position:230px top;}
	.reserver .AVP_list_days select {background-position:57px top;}
	.reserver .AVP_list_months select {background-position:153px top;}
}

/* -VERSION FLUIDE- */
@media (max-width:999px) {
    body {background:url(../img/bg.jpg) #000 no-repeat center -360px fixed;}
	/* Header */ 
	.logo {position:relative; width:45px; z-index:4;}
	.logo img {height:auto; width:45px;}
    
    .home .colContent h2 {font-size:2.5em; margin:60px 20px 80px;}
    .home .colContent {padding:0;}
    .home .footer, .page404 .footer {bottom:auto; left:auto; position:relative;}
    .home .col3.colRight {position:relative; right:auto; top:auto;}
	.home .colRight img {margin:0;}
    
	.navPrincipal {background:#000; height:45px; left:0; position:absolute;top: 0; width:100%; z-index:3;}
	.navPrincipal .trigger {background:url(../img/nav-trigger.png) no-repeat 12px 15px; background-size:45%; cursor:pointer; display:block; height:45px; margin-left:45px; width:45px;}
	.navPrincipal ul {background: url(../img/bg-trame.png) repeat left top; display:none; height:0; transition:height ease 0.3s;} /*Elements a cacher en responsive*/
	.navPrincipal li {background:rgba(0, 0, 0, 0.2);}
	.navPrincipal.actif  ul {display:block; height:585px;} /*Elements a cacher en responsive*/
    
    /**/
    .home .lang, .lang {height:45px; position:absolute; right:0; top:0; width:60px; z-index:3;}
    .home .lang .trigger, .lang .trigger {background:url(../img/lang-trigger.png) no-repeat 36px 12px; background-size:26px 23px; -webkit-background-size:26px 23px; display:block; height:45px;}
    .home .lang ul, .lang ul {padding-top:47px;}
    .home .lang li a, .lang li a {height:25px; padding:17px 60px 3px;}
    .home .lang li, .lang li {display:none; float:none; overflow:hidden; width:60px;}
    .home .lang.actif li, .lang.actif li {display:block;}
    .home .lang li.current {display:block; left:0; position:absolute; top:0; width:100%;}
    
	/* Fiches tourisme 
    .colContent .idfmedia .list li {height:107px;}*/
	.idfmedia .list .text .innerText {bottom:10px; padding:20px 20px 0;}
    .idfmedia .list .text .innerText .city {font-size:1em;}
    .idfmedia .list .text .innerText .listTitle a {font-size:1.5em;}
    .idfmedia .list .text .innerText p {margin-bottom:3px;}
    .etoiles {background-size:auto 10px; height:10px;}
	.etoiles1 {width:12px;}
	.etoiles2 {width:24px;}
	.etoiles3 {width:36px;}
	.etoiles4 {width:48px;}
	.etoiles5 {width:62px;}
    
	.single .colContent .idfmedia {padding:0 20px;}
    .single .colContent .ficheHeader .etoiles {background-size:auto 15px;}
	.single .colContent .ficheHeader .etoiles1 {width:15px;}
	.single .colContent .ficheHeader .etoiles2 {width:36px;}
	.single .colContent .ficheHeader .etoiles3 {width:57px;}
	.single .colContent .ficheHeader .etoiles4 {width:77px;}
	.single .colContent .ficheHeader .etoiles5 {width:99px;}
    .onglets li a {padding:10px;}
    
    .chapeau {padding:15px}
    .rteContent h2, .colContent h2, .colRight .idfmedia h2 {font-size:1.5em;}

    .colRight .idfmedia .trigger {background:url(../img/sprite-accordion.png) no-repeat right 43px; background-size:50px auto; cursor:pointer; overflow:hidden; padding:0 30px 20px;}
    .colRight .idfmedia.actif .trigger {background:url(../img/sprite-accordion.png) no-repeat right -27px; background-size:50px auto;}
    .colRight .idfmedia h2 {display:inline-block; margin:0;}
    .colRight .idfmedia ul {display:none;}
    .colRight .idfmedia.actif ul {display:block;}
    
	#presentation > ul > li {width:100%;}
	#presentation > ul > li:nth-child(even) {margin-left:0;}
    
    /* Gallery*/
    .gallery a span {bottom:10px; right:10px;}
	    
	/* Footer */
	.footer > div {margin:0; text-align:center; width:100%;}
	.footer li {display:inline-block; float:none; text-align:center;}

	/* Banniere */
	.banner img {height:auto; max-width:770px; width:100%;}	

	/* RTE */
	.rteContent div.encart,
	.rteContent div.encartDroite,
	.rteContent div.encartGauche {float:none; margin:0 0 1em !important; width:auto;}
	.csc-menu .colonne1,
	.csc-menu .colonne2 {float:none; width:100%;}
	.csc-menu ul {border:none; margin:0;}
	.csc-menu-3 {border-bottom:1px solid #DEDEDE;}	

	/* TABLEAUX */
	.rteContent table th, .rteContent table td {display:block; text-align:left; width:auto;}

	/* SOMMAIRE */
	.summary ul {margin-left:0;}
	.summary ul li {float:none; margin-left:0; padding:2%; width:96%;}
    
	.reserver form select {background-image:none!important; width:100%!important;}
}

/* -VERSION TABLETTE- */
@media (min-width:480px) and (max-width:999px) {
	/* 32 = Slideshow (diaporama) */
    .artifica-slideshow .thumbs ul {left:0; margin:0 36px; position:absolute; top:10px;}
	
	/* 31 = Videotheque */
	.videotheque iframe {min-height:100px;}
    .pageFullWidth .videotheque iframe {width:100%;}
    
	/* liste */
    .videothequeList ul li {width:46%;}
    .videothequeList ul li.list-2 {margin:10px 1%;}    
	.videothequeList ul li, .pageThreeCols .videothequeList ul li {height:180px; padding-top:2%;}
    
	/* 31 = phototheque */
    .photothequeList ul li {width:46%;}
    .photothequeList ul li.list-2 {margin:10px 1%;}
	.photothequeList ul li, .pageThreeCols .photothequeList ul li {height:180px; padding-top:2%;}
}

/* -VERSION MOBILE- */
@media (max-width:479px) {
	/* RTE */
	.rteContent .imageBox {display:block; float:none; margin:0 0 1em;}
	.rteContent .imageBox img {height:auto; width:100%; max-width:320px;}
    
	.csc-textpic-intext-right .csc-textpic-imagewrap {float:none; margin:0;} /* Habillé a droite */
	.csc-textpic-intext-left .csc-textpic-imagewrap {float:none; margin:0;} /* Habillé a gauche */
	
	.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {float:none; margin:0;}
	.csc-textpic-intext-left-nowrap .csc-textpic-text .rteContent{overflow:hidden;}
	.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {float:none; margin:0;}
	.csc-textpic-intext-right-nowrap .csc-textpic-text .rteContent{overflow:hidden;}
    .csc-textpic-image img {width:100%; height:auto; min-width:280px;}
	
	/* 32 = Slideshow (diaporama) */
    .artifica-slideshow .thumbs ul {left:0; margin:0 50px; position:absolute; top:10px;}
	
	/* 31 = Videotheque */
	.videotheque iframe {min-height:100px;}
    .pageFullWidth .videotheque iframe {width:100%;}
	/* liste */
	.videothequeList ul li.list-1, .videothequeList ul li.list-2, .videothequeList ul li.list-3 {margin:0 0 15px; width:98%;}
    .videothequeList ul li, .pageThreeCols .videothequeList ul li {height:180px; padding-top:2%;}
     
	/* 31 = phototheque */
	.photothequeList ul li.list-1, .photothequeList ul li.list-2, .photothequeList ul li.list-3 {margin:0 0 15px; width:98%;}
    .photothequeList ul li, .pageThreeCols .photothequeList ul li {height:180px; padding-top:2%;}
}

/* ARTIFICA 2014 */