@charset "utf-8";

/* General
---------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;	padding: 0;
}

p, blockquote, q, pre, address, hr, code, samp,
dl, ol, ul, form, table, fieldset, menu {
	margin-bottom: 10px;
}
html {font-size: 100%;}
body,div,td {
	font: 1em Arial;
}
p {	font: 0.9em Arial;}
#content li {font: 1em Arial;}


h1, h2, h3, h4, h5, h6 {	margin-bottom: 10px;	font-weight: bold; font-family: "Exo", cursive, Arial; color:#1decee;}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, h1 div, h2 div, h3 div, h4 div, h5 div, h6 div  {font-weight: bold; font-family: "Exo", cursive, Arial;} 
h1 {	font-size: 2.5em; margin:20px 0px}
h2 {	font-size: 2em}
h3 {	font-size: 1.6em}
h4 {	font-size: 1.3em}
h5 {	font-size: 1.1em}
h6 {	font-size: 1em; margin:0}
em, i {	font-style: italic;}
strong, b {	font-weight: bold;}
blockquote, q, cite {	font-style: italic;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: "";	content: none;}
code, kbd, pre, samp, tt {	font-family: courier;line-height: 1.3;}
pre {white-space: pre-wrap;}
abbr, acronym, dfn {	border-bottom: 1px dotted;	cursor: help;	font-variant: normal;	font-style: normal;}
var {	font-style: normal;}
center {text-align: center;}
p{text-align:justify}

a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}
a:focus {outline: none;}
a img{border:0;}

/*ul {	list-style: disc outside none;}*/
ul {	list-style:  none;}
ol {	list-style: decimal outside none;}
li {	margin-left: 20px;}
li ul, li ol {	margin: 0;}
dt {	font-weight: bold;}
dd {	margin-bottom: 10px;}
hr {	border: 0;	border-bottom: 1px solid;}
big {	font-size: 13px;}
small, sub, sup {	font-size: .85em;}
sub, sup {	line-height: 1;}
sub {	vertical-align: bottom;}
sup {	vertical-align: top;}
del, s, strike {	text-decoration: line-through;}
ins {	text-decoration: none;	border-bottom: 1px dotted;}
bdo {	border-bottom: 1px dotted;}
u {	text-decoration: underline;}

fieldset {	padding: 10px;}
legend {	font-weight: bold;	padding: 0 .25em;}
input, textarea, select, button {	font-family: inherit;	font-size: 12px;}
input[type=button], input[type=file], input[type=image], input[type=reset], input[type=submit], 
button[type=button], button[type=reset], button[type=submit] {cursor: pointer;	line-height: 1;}
input[type=text], input[type=password], textarea {	padding: 1px;}
textarea {	text-align: left;	line-height: 1.25;}

table {border-collapse: collapse;	border-spacing: 0;	border: 0}
caption, th, td {	vertical-align: top}
th, td {	padding: 0;	border: 0 none;}
caption {	padding-bottom: 10px}
th {	font-weight: bold}

.clearfix:after {	visibility: hidden;	display: block;	font-size: 0;	content: " ";	clear: both;	height: 0;}
* html .clearfix {	zoom: 1;}
*:first-child+html .clearfix {zoom: 1;}
#SelectProfil {position:absolute;top:50px;right:0px;text-align:center;z-index:9999}
#SelectProfil select{background-color:yellow;}
#iframe_modules{width: 980px;height:1000px;}
#TBLAY a:link , #TBLA  a:hover , #TBLAY a:active , #TBLAY a:visited {color:#000 !important}

/* Login */
#bodyLogin  label{display:inline-block; width:120px;}
#bodyLogin .loginConnect {padding:20px;	width: 274px;	margin: 20px auto;	background: #b2b1b1;	position: relative;}
#bodyLogin .error,#bodyLogin .error span {color: red;font-weight: bold;}
#bodyLogin .LayCatPath{display:none;}
#bodyLogin #content{padding:50px 0;}
/*#bodyLogin #footer{display:none;}*/

/* -- GNV --- */
.LayCatPath{margin:0px 0px 20px 0px; padding:0;font: 0.8em  "Exo", cursive, Arial;}
.LayCatPathText {color : inherit; Text-transform:capitalize;}
.LayCatPathHref {text-decoration: none;	color : inherit;Text-transform:uppercase;}
.LayCatPathHref a:hover {color: #1decee;}

.font30{font-size:30px;color:inherit;font-weight:inherit;}
.font24{font-size:24px;color:inherit;font-weight:inherit;}
.font22{font-size:22px;color:inherit;font-weight:inherit;}
.font18{font-size:18px;color:inherit;font-weight:inherit;}
.font16{font-size:16px;color:inherit;font-weight:inherit;}
.font14{font-size:14px;color:inherit;font-weight:inherit;}
.font12{font-size:12px;color:inherit;font-weight:inherit;}
.font10{font-size:10px;color:inherit;font-weight:inherit;}
.font9{font-size:9px;color:inherit;font-weight:inherit;}
.font8{font-size:8px;color:inherit;font-weight:inherit;}
.caps{text-transform:uppercase;}
.ombre{text-shadow: 0px 0px 9px #777; }
.clear{clear:both}
.wsite{width:980px;margin:0px auto}
.noir{color:#000}
.blanc{color:#fff}
.orange{color:#fff}
.vert{color:#1decee}
.bleu{color:#1decee} /* rgb(29, 236, 238); */
.gris{color:#e5e5e5}
.grisfonce{color:#b2b1b1}

ul.inline{margin:0;padding:0;list-style:none}
ul.inline>li{margin:0;padding:0;float:left;display:inline-block}
a.btn, input.btn, button.btn{display:block;background:#1decee;color:#000;padding:3px 6px; text-align:center;font:bold 0.9em "Exo", cursive, Arial;width:140px;border:1px solid #1decee;}
a.btn:hover, input.btn:hover, button.btn:hover{text-decoration:none; background:#fff; }
a.pdf{display:block;padding:5px 30px;background:url(/portal_upload/images/pdf.png) 0 0 no-repeat;font-style:italic}
a.btnlarge, input.btnlarge, button.btnlarge{width:auto;max-width:50%;}
.colgauche{width: 347px;}

body{background:#000; color:#fff;}
#content-main{background:#2b2a2a; padding-top:20px;}

/* MENU */

#navigation-main{position: absolute; left:348px; top:0; z-index: 10000;padding:0px; width:634px; height:138px; background:rgba(23,25,26,0.6);}
/*#navigation{position: absolute; left:348px; top:0; z-index: 10000;padding:0px; width:634px; height:138px; background:rgba(23,25,26,0.6);}*/
#navigation1{position: relative;width:634px; height:138px;}
#navigation{position: absolute; left:10px; bottom:10px; z-index: 1;padding:0px;}
#navigation ul{position:relative;}
#navigation ul#nav, #navigation2 ul#nav{margin:0px;padding:0px;list-style:none}
#navigation li ul a{display:block;color:#000; text-decoration:none; padding:10px 0 10px 30px; background:url(/portal_upload/images/template/menu/puce.png) no-repeat 5px 10px;}
#navigation ul#nav ul{display:none; background: rgba(29, 236, 238, 0.8);position: absolute; left:-10px; top: 50px; z-index: 1000; width:634px;}
#navigation ul#nav ul li{ position:relative; float:left;display: inline-block; padding:0;margin:10px;text-transform:none;width:180px; text-align:left;}
#navigation ul#nav > li {display:inline-block; float:left;padding:0px; margin:0px 5px; text-transform:uppercase; max-width:120px;text-align:center; height:52px;}
#navigation ul#nav > li >a{font:bold 1em "Exo", arial; text-decoration:none; }
#navigation ul#nav > li:hover{background: url(/portal_upload/images/template/menu/bg_sel.png) repeat-x 0 44px;}
#navigation li ul li.menuphoto{height:280px; width:220px; float:left; overflow:hidden;}
#navigation li.col01 ul li.menuphoto,#navigation li.col03 ul li.menuphoto{height:130px;}
#navigation li.col04 ul li.menuphoto{height:200px;}
#navigation li.col05 ul li.menuphoto{height:350px;}
#navigation li ul li.menutexte{padding:0 0 10px 0;float:left; width:720px; }
#navigation ul#nav ul li.menuphoto, #navigation ul#nav ul li.menutexte {background:none; padding:10px; margin:0;}
#navigation ul#nav ul li.item_selected a{ background:rgba(255,255,255, 0.8) url(/portal_upload/images/template/menu/puce.png) no-repeat 5px 10px;}
#navigation ul#nav ul li a:hover{ background:#fff url(/portal_upload/images/template/menu/puce.png) no-repeat 5px 10px;}
#navigation ul#nav ul.nv1 li:last-child{display:none;}

#navigation2 {padding:20px 0; margin:0;}
#navigation2 ul#nav li{padding:0; margin:0;}
#navigation2 ul#nav>li{float:left; max-width:180px; margin-right:30px;}
#navigation2 ul#nav>li:last-child{margin-right:0;}
#navigation2 ul#nav>li>a{color:#1decee;text-transform:uppercase;}

/* HEADER */
#header-main{position:relative; height:512px ;background:#666;}
#topmenu-main{position:relative; }
#header-content{position:relative; z-index:10;  }
#header{position:relative; height:150px;}
#header .bigger,#header .smaller{cursor:pointer;}
#header .bigger{font-size:12px;}
#header .smaller{font-size:9px;}

/* DIAPORAMA */
#header-diapo{position:absolute; top:0; z-index:1; background:333; height:512px; width:100%;}
#header-diapo-content{height:512px; z-index:1;}
#header-diapo-content img{z-index:1;height:512px !important}
#diapo-bottom{display:none;position:relative; color:#fff; font:bold 1em arial; z-index:5; border:0px solid red; height:155px;}
#diapo-bottom a.controls{display:block; width:10px; height:20px; position:absolute; z-index:5; bottom:23px}
#diapo-bottom a.prev{background:url(/portal_upload/images/template/ico_fleches.png) no-repeat 0px 0px ;left:5px;}
#diapo-bottom a.next{background:url(/portal_upload/images/template/ico_fleches.png) no-repeat -11px 0px; right:5px;}
#diapo-bottom  #vg-controls{display:none;position:absolute; z-index:5; bottom:23px;right:55px;}
#diapo-bottom  #vg-controls a.btnvg{display:inline-block;background-color:#fff;margin:2px;width:8px;height:8px; border-radius:3px;cursor:default;}
#diapo-bottom  #vg-controls a.btn-actif{background-color:#c32732 !important;}
#header-diapo-controls{display:none;}
#coor-contact {position:absolute; left:200px; top:50px; z-index:10; width:500px; color:#fff; font:normal 14px arial;}
#header-diapo-legende{display:none;background:url(/Portal_Upload/images/template/bg_header.png) 0 0;height:20px;padding:3px;position:absolute; z-index:300; bottom:20px; }
#header-diapo-legende label{display:block; margin:0px 150px 0px 25px; overflow:hidden; text-align:left; color:#dedede; font-size:0.9em}

/* logo */
#logo{position:absolute;z-index:9;left:0;top:0; padding:20px 0 0 0; background: rgba(29, 236, 238, 0.8); text-align:center;height:118px; color:#000;}
#logo h1{text-transform:uppercase;margin:0; color:#000;font:bold 1.6em "Asap", Arial;}
#logo h1 span{letter-spacing:2px;font:bold 1.8em "Asap", Arial;}
#logo a{text-decoration:none;}
#logo .accroche{font:bold 1.1em "Asap", Arial;}

/* AGENDA */
/*#agenda-main{display:none;}*/
.home #agenda-main{position:absolute; top:138px; left:0;height:344px; z-index:10; background: rgba(255, 255, 255, 0.6); padding:30px 20px 0 20px; width: 307px; color:#000;}
.home #agenda-main h5{font: bold 1.4em arial;margin:0; padding:10px 0;color:#000;}
.home #agenda-main p{font: normal 1em arial;margin:0; }
.home #agenda-main p.dates{text-align:center;}
.home #agenda-main p.description{text-align:justify;}
.home #agenda-main #agenda-box{position:relative;}
.home #agenda-main ul#agendaliste{margin:0px auto;}
.home #agenda-main ul#agendaliste li{position:relative;margin:0px auto;  height:350px; text-align:center;}
.home #agenda-main  .navigation {position:absolute; bottom:0;}
.home #agenda-main  .navigation .prev, .home #agenda-main  .navigation .next{width:auto;height:auto !important; border:0 !important;}
.home #agenda-main  .navigation td{padding:5px;}
.home #agenda-main  a.savoirplus{width: 200px; }
.home #agenda-main  a.savoirplus.tot1{width: 276px; margin:0 0 0 5px}

/* menu top */
#contactTop{ text-align:right; height:30px; width:520px; position:absolute; right:0; top:0; z-index:2}
#contactTop a{font-size:0.8em; color:#1decee; }
#menutop{}
#menutop ul{}
#menutop li{margin:2px 5px}
#menutop li.drapeau{padding-top:3px}
#menutop li.drapeau a{display:block;width:23px; height:14px; text-decoration:none; opacity:0.5; filter:alpha(opacity=50);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);}
#menutop li.actif a{opacity:1;filter:alpha(opacity=100);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
#menutop li.fr a{background:url(/portal_upload/images/template/ico_drapeaux.png) no-repeat 0 0 }
#menutop li.en a{background:url(/portal_upload/images/template/ico_drapeaux.png) no-repeat -28px 0 }


#recherche-main{margin-left:10px;width:200px;height:22px;}
#recherche-main form{margin:0;padding:0;position:relative;padding-top:0px}
#recherche-main input{width:130px;margin:0 0 0 4px;height:15px;padding:2px;font:10px arial;float:left;border:0; background:rgba(200,200,200, 0.5); color:#1decee;}
#recherche-main #validSearch{font-weight:bold;display:block;width:20px;height:13px;cursor:pointer;border:0;margin-left:3px;padding:3px 5px;float:left;text-decoration:none; background:rgba(200,200,200, 0.5);}

/* CONTENT */
#content{	position:relative;	padding:0px 20px;	background:#2b2a2a;}

/* colonne gauche & paves Accueil*/
.home .pave h2, .home .pave h3, .home .pave h5,
.home .pave{clear:both;}
.home #presentation-main {padding:20px 40px;}
.home #presentation-main h2,.home #presentation-main h3 {color:#fff;Text-transform:uppercase;}

#actus-box{min-height:200px}
#actus-box .description{clear:both;}
/*#actus-box>h5{display:inline-block;background:#1decee;color:#000; padding:8px 20px; margin:0;}*/
#actus-content h5{display:inline-block;color:#fff; padding:0; margin:0; text-transform:uppercase; white-space:pre-line;}
#actus-content img{display:inline;margin:0 10px 10px 0; width:auto; height:auto;max-height:210px}
#actus-content ul{margin:0; padding:0; list-style:none;}
#actus-content li{clear:both; padding:20px 0px; min-height:400px; margin:0}
#actus-content button,#actus-content a.savoirplus{width:auto; max-width:150px; margin:5px;}
#actus-content a.savoirplus{line-height:22px}

#welcome-box {margin:0 0 5px 0;}
#welcome-box h4{display:inline-block;background:#fff; width:auto; color:#000; padding:8px 20px; margin:0;}
#welcome-box p{display:inline-block;width:320px; color:#1decee; padding:20px 15px; border:1px solid #5f5f5f; font-size:1.1em}

#meteo-box{border:1px solid #5f5f5f; padding:10px 0 0 0 ; text-align:center; margin:0 0 20px 0;width:320px; padding:10px 15px;}
#meteo-box div{display:block; margin:0 auto}
#meteo-box div div{display:none;}

.home #agenda-main .navig{top:10px; left:140px; width: 60px;}

.news>li{padding-top:10px !important;}

/* ACCUEIL */
/*
.home .mbBgndGallery{height:512px !important;}
.home #header-main{height:512px }
.home #header-diapo{height:512px;}
.home #header-diapo-content{height:512px;}
.home #header-diapo-content img{height:512px !important}
.home #diapo-bottom{ height:360px;}
*/
.home .tblayout{border-collapse:collapse; padding:0}
.home .tblayout .c2{width:AUTO;}

/* BOX */
.box {width:650px;margin-bottom:20px; background:#fff}
.box2 {width:650px;margin-bottom:20px; background:#fff}
.box .titre{padding-left:25px; background:url(/portal_upload/images/template/fleche-jaune_gauche.png) no-repeat 0 0;}
.open .titre{padding-left:25px; background:url(/portal_upload/images/template/fleche-jaune_haut.png) no-repeat 0px 5px;}
.box .details{display:none}
.open .details{display:block}

.box h2,.box h3{cursor:pointer}
.box i,.box2 i{font-weight:normal}
.box a,.box2 a{color:#1857DA}
.box ul, .box2 ul {	list-style: disc outside none;}
.box .visuel,.box2 .visuel{min-width:120px}
.box .description, .box2 .description{ padding-right:20px/*border-bottom:1px solid #aaa;*/}
.noimg .description{width:700px;/*border-bottom:1px solid #aaa;*/}
.box .description li{padding:5px 0px}
.box .visuel img,.box2 .visuel img{margin:5px}
.description  img{margin:0px 10px}

.description .pave{background:#fff; border:2px solid #1decee; font-size:12px;padding:10px;margin:10px}
.description a.btn, .visuel a.btn, .gabarit1 a.btn{display:inline-block; color:#fff;}
.description a.btn:hover, .visuel a.btn:hover, .gabarit1 a.btn:hover{color:#000;}

/* ASSO */  
table.listing{width:560px}
.listing tr:hover{background:#eee}
.listing td{padding:6px 3px}
.listing td.libelle{color:#999}
.listing td.libelle h6{padding:0;margin:0; color:#612A27}
.listing td.categorie{width:90px;font-style:italic}

.description .listing .libelle{width:150px;}
.description .listing .adresse{width:220px;}
.description .listing .telephone{width:;}
.description .colonnes2 .telephone{width:;}

.suite{ display:none;}
#liresuite{border:1px solid grey; color:grey;padding:4px 10px; display:inline;pointer:cursor}

/* FOOTER */
#footer-main{clear:both;width:100%}
#footer{position:relative;}
.footer, .footer p{text-align:center;}
.footer img{vertical-align:middle; margin:0 10px;}
#footer, #footer a{font-size:0.9em}
.tb-foot {width:100%}
.tb-foot .c1{width:5%}
.tb-foot .c2{width:50%}
.tb-foot .c3{text-align:right}


#incontournables li{height:327px;}
#incontournables .visuel a, #incontournables h5 a{text-align:left;background:none;border:0;width:auto !important;height:auto!important; padding:0; margin:0;}
#incontournables .ensavoirplus {margin-top:10px;}
#incontournables .ensavoirplus a{color:#000;}
#incontournables .dates{font:bold 0.9em arial;}
#incontournables .descritpion{font:normal 0.8em arial;}