/* $Id: defaults.css,v 1.5 2007/10/02 12:10:40 dries Exp $ */

@import url(/tools/fonts/OxygenSans.css);

/*
** HTML elements
*/
fieldset {
  margin-bottom: 1em;
  padding: .5em;
}
form {
  margin: 0;
  padding: 0;
}
hr {
  height: 1px;
  border: 1px solid gray;
}
img {
  border: 0;
}
table {
  /*border-collapse: collapse;*/
}
th {
  text-align: left; /* LTR */
  border-bottom: 3px solid #ccc;
}

/*
** Markup free clearing
** Details: http://www.positioniseverything.net/easyclearing.html
*/
.clear-block:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clear-block {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clear-block {
  height: 1%;
}
.clear-block {
  display: block;
}
/* End hide from IE-mac */




/* $Id: threecol_33_34_33.css,v 1.1.2.1 2008/12/16 21:27:58 merlinofchaos Exp $ */
.panel-3col-33 .panel-col-first { 
  float: left; 
  width: 33%; 
}
.panel-3col-33 .panel-col-first .inside { 
  margin: 0 .5em 1em 0;
}
.panel-3col-33 .panel-col { 
  float: left; 
  width: 33%; 
}
.panel-3col-33 .panel-col .inside { 
  margin: 0 .5em 1em .5em;
}
.panel-3col-33 .panel-col-last { 
  float: left; 
  width: 33%; 
}
.panel-3col-33 .panel-col-last .inside { 
  margin: 0 0 1em .5em;
}
.panel-3col-33 .panel-separator {
  margin: 0 0 1em 0;
}





.panel-2col-50 .panel-col-first { 
  float: left; 
  width: 50%; 
}
.panel-2col-50 .panel-col { 
  float: left; 
  width: 50%; 
}
.panel-2col-50 .panel-col-last { 
  float: left; 
  width: 50%; 
}



@charset "UTF-8";
/*-----------------------------------------------*/
/* CSS Reset Document */
/*-----------------------------------------------*/
html { overflow:auto; overflow-x:hidden; }

/*Global Settings */
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, img, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body {
	line-height: 1;
	background-color: #F2F2F2;
}
body.page-login{ 
	background-color: #FFF;
}
blockquote, q {
	quotes: none;
}
/* remember to define focus styles!*/
:focus {
outline: 0;
}
/* remember to highlight inserts somehow!*/
ins {
text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup*/
table {
border-collapse: collapse;
border-spacing: 0;
}
/*-----------------------------------------------*/
/* typography.css */
/*-----------------------------------------------*/

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
 font-family:'Oxygen',sans-serif;

}


/* Headings
-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	font-family:inherit;
	font-size:100%;
	font-weight: bold;
	margin-bottom:.5em;
	color:#AF8A48;
}

h1 {
	font-size:140%;
	text-align:center;
}
h2 {
	font-size:140%;
}
h5 {
	margin-bottom:1.5em;
}
h6 {
	margin-bottom:0px;
}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
	margin:0px;
}


/* Text elements
-------------------------------------------------------------- */

p{
	text-align:justify;
	margin-bottom: 0.5em;
}
.popin p{
	margin:1em 0;
}
p img       { /*float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0;*/ }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: inherit; text-decoration: underline; }
a           { color: #AF8A48; font-weight: bold; text-decoration: none; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }

em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em;}
ul, ol      { margin: 1.5em 0 1.5em 3em; }

ul          { line-height:1.4em; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}



/* Tables
-------------------------------------------------------------- */

table       { text-align:left; }
th          { font-weight: normal;}
th          {  }
td          { }
tfoot       { font-style: italic; }
caption     { background: #eee; }



/* Form fields
-------------------------------------------------------------- */

select, input, textarea, button {
	font:inherit;
	border:none;
	background-color:rgba(255, 255, 255, .75);
	padding:.2em 1ex;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	text-align:inherit;
}
input[type="file"] {
	background-color:transparent;
}
fieldset[disabled] select,
select[disabled],
fieldset[disabled] input,
input[disabled],
fieldset[disabled] button,
button[disabled],
fieldset[disabled] textarea,
textarea[disabled]{
	background-color:#CCC;
	color: #999;
	cursor:not-allowed;
}
form select[readonly],
form input[readonly],
form textarea[readonly]{
	background-color:inherit;
	color:inherit;
	cursor:inherit;
}
button.button-image{
	background:transparent;
	padding:0px;
	cursor:pointer;
}

.select-arrow{
	position:relative;
	display:inline-block;
}
.select-arrow::before{
	content:"";
	position:absolute;
	right:0px;
	top:0px;
	border:1.5ex solid transparent;
	border-top:1.2em solid #808080;
	pointer-events:none;
}
.select-arrow:hover::before{
	border-top-color:#666;
}
.select-arrow select{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	padding-right:4ex;
}
.select-arrow select::-ms-expand{
	display:none;
}

/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.text-right{text-align:right;}
.italic{font-style:italic;}
.pl30{ padding-left:30px;}

.bold{font-weight:bold;}

.mh600{
float:left;
height:600px;
width:1px;
}
.tdn{text-decoration:none;}
.w900{width:900px;}

/*-----------------------------------------------*/

/*typekit Myriad Pro 
-----------------------------------------------*/
style     		font-weight 	font-style
Light  	 	300  	 		normal
Light Italic 	300 			italic
Regular 		400 			normal
Italic 		400 			italic
Semibold 		600 			normal
Semibold Italic 	600 			italic
Bold 		700 			normal
Bold Italic 	700 			italic
Black 		900 			normal
Black Italic 	900 			italic 

p strong {
	font-weight:700;
	font-style:normal;
}


/*layout*/
/*-----------------------------------------------*/


/* mymenu type suckerfish*/
/* Accueil*/
/* About*/


body{

}
#page-wrapper{
}
#page{
	position:relative;
	margin:0 auto;
	max-width:980px;
	background-color:#FFF;
}
.popin{
	padding:.5em 1ex;
	background-color:#FFF;
}
#block-menu-menu-top-menu h2{
	display:none;
}

#header{
	padding:20px 35px 0px;
	margin-bottom:20px;
	line-height:1.4em;
	font-size:smaller;
}

.region-header{
	position:relative;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	padding-top:.5em;
}
.region-header a{
	color:inherit;
}
.region-header .logo{
	display:inline-block;
	flex:0 1 auto;
}
.region-header .logo img{
	max-height:125px;
	max-width:175px;
	width:auto;
	height:auto;
	vertical-align: middle;
}
.region-header .menu-user{
	flex:auto;
	display:inline-block;
	text-align:center;
}
.region-header .menu-user .username{
	display:inline-block;
	font-weight:bold;
	color:#AF8A48;
}
.region-header .menu-user .account{
	position:absolute;
	font-style:italic;
	top:0;
	right:0;
	text-align:right;
}
.region-header .menu-user .logout img{
	max-width:1.2em;
	margin-right:.8ex;
	vertical-align:text-bottom;
}
.region-header .select-show{
	margin-top:1em;
}
.region-header .select-show .select-arrow::before{
	font-size:120%;
}
.region-header .select-show .select-arrow select{
	font-size:140%;
	font-weight:bold;
	padding:.5em 2.8ex .5em .8ex;
	line-height:1.2em;
	background-color: rgba(0, 0, 0, .05);
	color:#AF8A48;
	text-align:left;
}
.region-header .select-show .select-arrow select::-ms-expand{
	display:none;
}
.region-header .select-show .select-arrow option{
	font-size:70%;
	background-color:#FFF;
	color:initial;
}

#banner{
	white-space:nowrap;
	overflow:hidden;
}
#banner img{
	max-height:250px;
	width:auto;
}

#main-wrapper{
	margin:20px 35px 40px;
	line-height:1.4em;
	font-size:110%;
	min-height:230px;
}
#main{

}

#content{
	clear:both;
	text-align:justify;

/*bug ie6 et ie7*/
/height:1%;
}
#content h1{
	display:table;
	margin:1em auto 1.5em;
	font-size:140%;
	font-weight:normal;
	text-align:center;
}
#content h1::after{
	content:"";
	display:block;
	margin:.5em 10%;
	border-top:.1ex solid currentColor;
}
#content h2{
	margin:1em 0px 1.5em;
	font-size:150%;
	text-align:center;
	color:inherit;
}
#content h3{
	display:table;
	margin:1.5em 0px;
	text-transform:uppercase;
}
#content h3::after{
	content:"";
	display:block;
	margin:.5em 0px;
	border-top:.15ex solid currentColor;
}
#content h4{
	text-decoration:underline;
}
#content p,
#content ul,
#content ol{
	font-size:90%;
}

#content-area{
}
#content-area p img{
	max-width:100%;
	vertical-align:middle;
}

#breadcrumb {
	font-size:70%;
	margin-bottom:3.5em;
}

#menu{
	margin-top:2em;
}
#menu ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
#menu li{
	flex:0 1 auto;
}
#menu img {
	max-width:300px;
}

#content .home-calendar {
	margin-top:3em;
}
#content .home-calendar h2{
	font-weight:bold;
}
#content .home-calendar .planning {
	border-collapse:separate;
}
#content .home-calendar .planning > * > tr > * {
	border:2.5px solid #AF8A48;
	background-color:#FFF;
}
#content .home-calendar .planning > * > tr > *:nth-child(2n) {
	border-color:#C7AD7F;
}
#content .home-calendar .planning th {
	font-size:larger;
	font-weight:bold;
	padding:.5em 0px;
	background-color:#AF8A48;
	color:#FFF;
	text-align:center;
}
#content .home-calendar .planning th:nth-child(2n) {
	background-color:#C7AD7F;
}
#content .home-calendar .planning td strong {
	color:#AF8A48;
}
#content .home-calendar .planning td a strong::before {
	content:'\1F59D';
	display:inline-block;
	margin-right:.5ex;
	font-size:150%;
	line-height:0px;
	vertical-align:middle;
}
#content .home-calendar .planning td a:hover strong::before {
	text-decoration:none;
}
#content .home-calendar .planning td {
	vertical-align:top;
}
#content .home-calendar .planning td tr {
	display:block;
	margin:1em .2ex;
	padding:.3em 1ex;
	background:linear-gradient(#FCFBF9, #F4EFE5);
	font-size:smaller;
}
#content .home-calendar .planning td > a:only-child {
	margin:-.3em -1ex;
	padding:.3em 1ex;
	display:block;
}
#content .home-calendar .planning ul {
	margin: 0 0 0 1ex;
	font-size:100%;
	list-style:none;
}
#content .home-calendar .planning li:before {
	content:'-';
	padding:0 1ex;
}
#content .home-calendar .planning li a strong::before {
	margin-left:-1.5ex;
}

#content .home-calendar .salon-sh > * > tr > * {
	border:2.5px solid #CE718C;
	background-color:#FFF;
}
#content .home-calendar .salon-sh th {
	background-color:#CE718C;
	color:#FFF;
}
#content .home-calendar .salon-sh a,
#content .home-calendar .salon-sh td strong {
	color:#CE718C;
}
#content .home-calendar .salon-sh > * > tr > *:nth-child(2n) {
	border-color:#DA96A9;
}
#content .home-calendar .salon-sh th:nth-child(2n) {
	background-color:#DA96A9;
}
#content .home-calendar .salon-sh td tr {
	background:linear-gradient(#FDFAFC, #F5DAE3);
}

#content .home-calendar .salon-gsp > * > tr > * {
	border:2.5px solid #055200;
	background-color:#FFF;
}
#content .home-calendar .salon-gsp th {
	background-color:#055200;
	color:#FFF;
}
#content .home-calendar .salon-gsp a,
#content .home-calendar .salon-gsp td strong {
	color:#055200;
}
#content .home-calendar .salon-gsp > * > tr > *:nth-child(2n) {
	border-color:#088000;
}
#content .home-calendar .salon-gsp th:nth-child(2n) {
	background-color:#088000;
}
#content .home-calendar .salon-gsp td tr {
	background:linear-gradient(#F2F8F1, #D1E7D0);
}

#content .home-calendar .salon-eta > * > tr > * {
	border:2.5px solid #1F3A62;
	background-color:#FFF;
}
#content .home-calendar .salon-eta th {
	background-color:#1F3A62;
	color:#FFF;
}
#content .home-calendar .salon-eta a,
#content .home-calendar .salon-eta td strong {
	color:#1F3A62;
}
#content .home-calendar .salon-eta > * > tr > *:nth-child(2n) {
	border-color:#70CCD7;
}
#content .home-calendar .salon-eta th:nth-child(2n) {
	background-color:#70CCD7;
}
#content .home-calendar .salon-eta td tr {
	background:linear-gradient(#F8FCFD, #E2F5F7);
}

#content .ui-tabs{
	font-size:smaller;
}
#content .ui-tabs,
#content .ui-tabs input{
	font-family:'Oxygen',sans-serif;
}
#content .ui-tabs,
#content .ui-tabs-nav{
	padding:0px;
	border:none;
	background:transparent;
}
#content .ui-tabs input{
	border:none;
}
#content .ui-tabs-nav li{
	margin-right:1ex;
	background:#CCC;
	border:0px solid transparent;
	border-radius:1em 1em 0px 0px;
}
#content .ui-tabs-nav li.ui-tabs-active{
	background:#999;
}
#content .ui-tabs-nav a{
	color:#FFF;
}
#content .ui-tabs-panel{
	border:1px solid #E6E6E6;
	border-radius:0px;
}

#content-area .menu{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-evenly;
	font-size:70%;
	line-height:1.2em;
	list-style:none;
	margin:0 0 -1em 0;
}
#content-area .menu li{
	flex:0 1 300px;
	min-width:0px;
	margin-bottom:1em;
}
#menu .menu li{
	flex-basis:30%;
}
#content-area .menu a{
	display:flex;
	flex-direction:column;
	align-items:center;
	font-weight:inherit;
	text-align:center;
}
#content-area .menu a:hover{
	text-decoration:none;
}
#content-area .menu img{
	max-width:100%;
}
#menu .menu img{
	max-height:90px;
	filter:drop-shadow(100vw 0px 0px currentColor);
	transform:translateX(-100vw);
}
#content-area .menu strong{
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	max-width:100%;
}
#content-area .menu li:first-child:nth-last-child(2) img,
#content-area .menu li:first-child:nth-last-child(2) ~ li img{
	max-width:400px;
}

.info-onglets [role="tablist"]{
	display:flex;
	border-bottom:1px solid #CCC;
	padding:0px .5ex;
	font-size:95%;
	margin-bottom:1.5em;
}
.info-onglets [role="tab"]{
	display:flex;
	align-items:center;
	border:1px solid #CCC;
	border-bottom:none;
	margin:0px .5ex;
	padding:.3em 1ex;
	text-align: center;
	cursor:pointer;
}
.info-onglets [role="tab"]:hover,
.info-onglets [aria-selected="true"]{
	background-color:#CCC;
}
.info-onglets [role="tab"]:focus{
	box-shadow:0px 0px 1ex #CCC;
}
.info-onglets [role="tab"]:not(:focus-visible){
	box-shadow:none;
}
.info-onglets [aria-selected="true"]{
	font-weight:bold;
}
.info-onglets [role="tabpanel"]{
	padding:.5em 1ex;
}
.info-onglets [aria-hidden="true"]{
	display:none;
}

#content .application-content li{
	margin-bottom:1.2em;
}

#content .documents-content p,
#content .facture-content p{
	margin-bottom:1.5em;
}

#content .dossier-content table.cpcwidth,
#content .invitation-content table.cpcwidth,
#content .field table{
	background-color:#EDEDED;
}
#content .dossier-content table tr:nth-of-type(2n),
#content .invitation-content table tr:nth-of-type(2n),
#content .field table tr:nth-of-type(2n){
	background-color:#F5EFE6;
}
#content .dossier-content table .titre,
#content .invitation-content table .titre{
	background:transparent;
}
#content .dossier-content table .ligne,
#content .invitation-content table .ligne{
	border:none;
	border-right:1px solid #000;
	padding:.2em 2ex;
	font-weight:bold;
	color:#AF8A48;
}
#content .dossier-content table .ligne:last-child,
#content .invitation-content table .ligne:last-child{
	border-right:none;
}

#content table th.ligne{
	background-color:#DDD;
}
#content table .label.label{
	border-right:none;
	text-align:right;
}
#content table .ligne.tarif,
#content table .ligne.total{
	text-align:right;
	white-space:nowrap;
}
#content table .ligne.qte{
	text-align:center;
}
#content table .ligne.total .sans-devise{
	color:#C00;
}
#content table .ligne.total .sans-devise ~ .devise{
	display:none;
}

#content .plan-content form p{
	text-align:inherit;
}
#content .plan-content .plan{
	max-width:44%;
	margin-right:1%;
	float:left;
	font-size:smaller;
	text-align:center;
}
#content .plan-content .plan img{
	border:.1ex solid currentColor;
	max-width:100%;
}
#content .plan-content .plan .zoom{
	cursor:pointer;
}
#content .plan-content .form{
	display:inline-block;
	width:45%;
}

#content form .file{
	display:block;
	margin-top:1em;
	margin-left:6ex;
}

#content .field input[type="text"],
#content .field textarea{
	width:100%;
}

#content .field table{
	width:100%;
	border-collapse:collapse;
	border-spacing:1px;
	color:#AF8A48;
}
#content .field table .center{
	text-align:center;
}
#content .field table tr > *{
	border-left:1px solid currentColor;
	padding:.25em 1ex;
}
#content .field table tr > *:first-child{
	border-left:0px;
}
#content .field-checkbox-text table tr > *:first-child{
	width:400px;
}
#content .field table tr > .actions{
	width:1px;
}
#content .field table th{
	font-weight:bold;
	height:1.5em;
	border-bottom:1px solid currentColor;
	background-color:#CCC;
}
#content .field-file{
	display:inline-block;
}

#content table.foldable tr.parent > *,
#content .inscription-content tr.section > *{
	padding:5px;
	font-weight:bold;
	color:#FFF;
	background-color:#AF8A48;
}

#content table.foldable tr.parent.lvl1 > *,
#content .inscription-content tr.section.lvl2 > *{
	background-color:#95753D;
}
#content table.foldable tr.parent.lvl2 > *,
#content .inscription-content tr.section.lvl3 > *{
	background-color:#7A6132;
}
#content table.foldable tr.parent.lvl3 > *,
#content .inscription-content tr.section.lvl4 > *{
	background-color:#604C28;
}
#content table.foldable tr.parent.lvl4 > *,
#content .inscription-content tr.section.lvl5 > *{
	background-color:#46371D;
}

#content table.foldable tr.lvl1 > :first-child,
#content .inscription-content tr.section.lvl2 > :first-child{
	padding-left:3ex;
}
#content table.foldable tr.lvl2 > :first-child,
#content .inscription-content tr.section.lvl3 > :first-child{
	padding-left:6ex;
}
#content table.foldable tr.lvl3 > :first-child,
#content .inscription-content tr.section.lvl4 > :first-child{
	padding-left:9ex;
}
#content table.foldable tr.lvl4 > :first-child,
#content .inscription-content tr.section.lvl5 > :first-child{
	padding-left:12ex;
}

#footer{
	padding-bottom:20px;
	font-size:smaller;
}
#footer .footer-attach1,
#footer .footer-attach2,
#footer .footer-attach3{
	padding:0px 35px;
}
#footer .footer-attach1{
	border-bottom:10px solid #AF8A48;
	line-height:1.5em;
}
#footer .footer-attach1 p{
	color:#AF8A48;
	text-align:center;
}
#footer .footer-attach2{
	margin-top:2em;
}
/*layout types*/
/*33-34-33 en fixed */
.panel-3col-33 {
	width:906px;
}
.panel-3col-33 .panel-col-first,
.panel-3col-33 .panel-col,
.panel-3col-33 .panel-col-last{
	width:300px;
}
.panel-3col-33 .panel-col-first .inside{margin:0px;}
.panel-3col-33 .panel-col .inside{margin:0 0 0 3px;}
.panel-3col-33 .panel-col-last .inside{margin:0 0 0 3px;}

/*grid*/
.grid-2{

}
/*colonage grille*/
.grid-2 td.col-1{
width:450px;
padding-bottom:50px;
}
.grid-2 td.col-2{
width:450px;
padding-bottom:50px;
}

.grid-2 .col-1 .field-content{width:435px;}
.grid-2 .col-2 .field-content{width:435px;padding-left:15px;}

/* mymenu type suckerfish
---------------------------------------*/

#block-menu-menu-top-menu{
}

.region-header ul.menu{
	position:relative;
	padding:0;
	margin:0;
	position:absolute;
	top:140px;
	left:30px;
	width:900px;
}
.region-header ul.menu ul{
	padding:0;
	margin:0;
}
/*niveau 1*/
.region-header ul.menu li.expanded,
.region-header ul.menu li.leaf{
	float:left;
	margin:0;
	padding:0;
	border-right:1px solid #fff;
	list-style-type:none;
	list-style-image:none;
	padding-top:7px;
	padding-bottom:14px;
}
.region-header ul.menu a {
	display:block;
	padding:0 16px;
	font:14px 'Oxygen',sans-serif;
	font-weight: 700; 
	text-decoration:none;
	letter-spacing:0;
	color:#5f5f5f;
	height:53px;
	line-height:53px;
}
.region-header ul.menu a:hover{
	color:#fff;
	text-decoration:none;
	background-color:#9BC9E3;
}
.region-header ul.menu li.active-trail{
	background:transparent url('../img/bg_menu.jpg?v=1') repeat-x top left;
}
.region-header ul.menu a.active {
	color:#fff;
	text-decoration:none;
	background:none;	
}
.region-header ul.menu li.active-trail a{
	color:#fff;
}
.region-header ul.menu li.expanded:hover a{
	color:#fff;
	text-decoration:none;
	background-color:#9BC9E3;
}

.region-header ul.menu li.expanded.active-trail:hover li a.active{
	text-decoration:underline;
	color:#000000;
}

/*first*/
.region-header ul.menu li.expanded.first:hover a{
	background-color:transparent;
}

.region-header ul.menu li.first a:hover{
	background:none;
	background-color:transparent;
}
.region-header ul.menu li.first a{
	
}
.region-header ul.menu li.first:hover{
	background:transparent url('../img/bg_menu_left.png') no-repeat left 1px ;
}
.region-header ul.menu li.first{
	background:none;
}
.region-header ul.menu li.first.active-trail{
	background:transparent url('../img/bg_menu_left.png') no-repeat left 1px ;
}

/*niveau 2*/
/*.region-header ul.menu ul{display:none;}*/

.region-header  li ul{ 
	padding:0;
	margin:0; 
}
.region-header ul.menu li.expanded:hover li a{
	color:#5F5F5F;
	text-decoration:none;
	background-color:transparent;
}
/*suckerfish*/

.region-header ul.menu ul{
	position: absolute;
	left: auto;
	top:60px;
	display:none;
	z-index:0;
}
.region-header ul.menu li.active-trail ul,
.region-header ul.menu li.expanded:hover ul{
	display:block;
	left:0px;
	width:120%;/*couvrir toute la ligne*/
}

.region-header ul.menu li:hover ul{
	background-color:#fff;
	z-index:10;
}



/*li*/
.region-header ul.menu li li.expanded,
.region-header ul.menu li li.leaf,
.region-header ul.menu li li.first.active-trail,
.region-header ul.menu li li.first:hover,
.region-header ul.menu li li.last.active-trail,
.region-header ul.menu li li.last:hover,
.region-header ul.menu li li.last{
	background:none;
}
/*a*/
.region-header ul.menu li li.expanded a,
.region-header ul.menu li li.leaf a,
.region-header ul.menu li.first li a:hover,
.region-header ul.menu li.first li a,
.region-header ul.menu li.first li.first a,
.region-header ul.menu li li.first a,
.region-header ul.menu li li.first a:hover,
.region-header ul.menu ul a:hover,
.region-header ul.menu li:hover li a,
.region-header ul.menu li.expanded:hover li a {
	color:#5F5F5F;
	background:transparent url('../img/bk_menu_sublink.gif') no-repeat top right;
}
.region-header ul.menu li li a.active{
	color:#000000;
}
.region-header ul.menu li.expanded li a:hover,
.region-header ul.menu li li a.active{
	text-decoration:underline;
	color:#000000;
}

.region-header ul.menu li li a
{
	background:transparent url('../img/bk_menu_sublink.gif') no-repeat top right;
	display:inline;
	margin:0;
	padding:0 4px;
	line-height:1em;
	font-size:12px;
	font-weight:bold;
}

/*first*/
.region-header ul.menu li li.first{
border:none;
}

.region-header ul.menu li li.leaf.last a,
.region-header ul.menu li li.active-trail.last a{
background:none;
}




/* Accueil
---------------------------------------*/
/*#8ec8e2 - blue*/
/*#96BD0D - green*/
/*#9BC9E3 - purple*/

/*regie*/

#regie-panel{
	margin-left:40px;
}

.regie  {
	background-color:#8ec8e2;
	height:578px;
}
.panel-3col-33 .pane-content {
	padding-bottom:40px;
	background:#fff url('../img/shadow_accueill.jpg') no-repeat right bottom
}

.regie h1{
	background:#fff url('../img/blue_arrow.jpg') no-repeat 267px 15px;
	font:normal normal 30px 'Oxygen',sans-serif;
	color:#8ec8e2;
}
.regie p{
	margin:0;
	color:#fff;
	padding:20px 20px 0 20px;
	text-align:justify;
	font-size:14px;
	background-color:#8ec8e2;
}

.regie .plus-lien p{
	float:left;
	padding:0px;
	padding-left:12px;
	padding-top:10px;
}
.regie .plus-lien span.left{
	float:left;
	width:13px;
	height:50px;
	background:transparent url('../img/blue_btn_left.jpg') no-repeat top left;
}
.regie .plus-lien span.center{
	float:left;
	height:50px;
	width:auto;
	background:transparent url('../img/blue_btn_center.jpg?v=1') repeat-x top left;
	padding:17px 5px 0 5px;
	font-size:12px;
}
.regie .plus-lien span.right{
	float:left;
	width:13px;
	height:50px;
	background:transparent url('../img/blue_btn_right.jpg') no-repeat top right;
}
.regie .plus-lien a{
	line-height:50px;
	font:normal normal 14px 'Oxygen',sans-serif;
	color:#fff;
	letter-spacing:1px;
	text-transform:uppercase;
}
.regie .plus-lien a:hover{
	text-decoration:none;
	cursor:hand;
}
/*service*/
.service {
	background-color:#96BD0D;
	height:578px;
}
.service h1{
	background:#fff url('../img/green_arrow.jpg') no-repeat 267px 15px;
	font:normal normal 30px 'Oxygen',sans-serif;
	color:#96BD0D;
}
.service p{
	margin:0;
	color:#fff;
	padding:20px 20px 0 20px;
	text-align:justify;
	font-size:14px;
	background-color:#96BD0D;
}

.service .plus-lien p{
	float:left;
	padding:0px;
	padding-left:12px;
	padding-top:10px;
}
.service .plus-lien span.left{
	float:left;
	width:13px;
	height:50px;
	background:transparent url('../img/green_btn_left.jpg') no-repeat top left;
}
.service .plus-lien span.center{
	float:left;
	height:50px;
	width:auto;
	background:transparent url('../img/green_btn_center.jpg?v=1') repeat-x top left;
	padding:17px 5px 0 5px;
	font-size:12px;
}
.service .plus-lien span.right{
	float:left;
	width:13px;
	height:50px;
	background:transparent url('../img/green_btn_right.jpg') no-repeat top right;
}
.service .plus-lien a{
	line-height:50px;
	font:normal normal 14px 'Oxygen',sans-serif;
	color:#fff;
	letter-spacing:1px;
	text-transform:uppercase;
}
.service .plus-lien a:hover{
	text-decoration:none;
	cursor:hand;
}

/*location*/
.location {
	background-color:#9BC9E3;
	height:578px;
}
.location h1{
	background:#fff url('../img/purple_arrow.jpg') no-repeat 267px 15px;
	font:normal normal 30px 'Oxygen',sans-serif;
	color:#000000;
}
.location p{
	margin:0;
	color:#fff;
	padding:20px 20px 0 20px;
	text-align:justify;
	font-size:14px;
	background-color:#9BC9E3;
}

.location .plus-lien p{
	float:left;
	padding:0px;
	padding-left:12px;
	padding-top:10px;
}
.location .plus-lien span.left{
	float:left;
	width:13px;
	height:50px;
	background:transparent url('../img/purple_btn_left.jpg') no-repeat top left;
}
.location .plus-lien span.center{
	float:left;
	height:50px;
	width:auto;
	background:transparent url('../img/purple_btn_center.jpg?v=1') repeat-x top left;
	padding:17px 5px 0 5px;
	font-size:12px;
}
.location .plus-lien span.right{
float:left;
width:13px;
height:50px;
background:transparent url('../img/purple_btn_right.jpg') no-repeat top right;
}
.location .plus-lien a{
	line-height:50px;
	font:normal normal 14px 'Oxygen',sans-serif;
	color:#fff;
	letter-spacing:1px;
	text-transform:uppercase;
}
.location .plus-lien a:hover{
	text-decoration:none;
	cursor:hand;
}
/* about
---------------------------------------*/
.about{
	margin-left:40px;
	width:900px;
}
/*bug ie6 ie7 sur contenu tableau*/
.about td {
	
}
.about h2{
	color:#96bc0d;
}
.about h2 span{
	border-bottom:1px solid #96bc0d;
}
.about h2.underline
{
	width:900px;
	border-bottom:1px solid #b0aeaa;
	color:#4C4C50;
}
.about h3{
	color:#74b6dc;
}

/*Bloc*/
.about .bloc {
	padding-bottom:30px;
	overflow: auto;
	line-height: 1.2;
}
.about .bloc h2 {
	width:100%;
	color:#4C4C50;
	border-bottom:1px solid #4c4c50;
	font-size:24px;
	line-height:29px;
}
.about .bloc h3 {
	color:#4C4C50;
}
.about .bloc .col1 {
	float:left;
	width:262px;
}
.about .bloc .col2 {
	float:right;
	width:635px;
}
.about .bloc div.img {
	background:transparent url('../img/bg_img_salon.jpg') no-repeat top left;
	float:left;
}
.about .bloc div.img img{
	padding:12px 20px 25px 12px;
	width:344px;
	height:229px;
}
.about .bloc a.lien {
	line-height:50px;
	font:normal normal 14px 'Oxygen',sans-serif;
	color:#fff;
	letter-spacing:1px;
	text-transform:uppercase;
	text-decoration:none;
}
.about .bloc a.lien span.left {
	float:left;
	width:13px;
	height:50px;
	background:transparent url('../img/btn_left.jpg') no-repeat top left;
}
.about .bloc a.lien span.center {
	float:left;
	height:50px;
	width:auto;
	background:transparent url('../img/btn_center.jpg?v=1') repeat-x top left;
	padding:17px 5px 0 5px;
	font-size:12px;
}
.about .bloc a.lien span.right {
	float:left;
	width:13px;
	height:50px;
	background:transparent url('../img/btn_right.jpg') no-repeat top right;
}

/*Bloc Art*/
.index .blocArt {
	padding-bottom:30px;
	overflow: auto;
	margin-left: 40px;
	margin-right: 40px;
	line-height: 1.2;
}

.about .blocArt {
	padding-bottom:30px;
	overflow: auto;
	font-size : 14px;
	line-height: 1.2;
}
.about .blocArt h2 {
	width:100%;
	color:#4C4C50;
	border-bottom:1px solid #4c4c50;
	font-size:24px;
	line-height:29px;
}
.about .blocArt h3 {
	color:#4C4C50;
	font-style:normal;
}
.about .blocArt .col1 {
	float:right;
	width:500px;
}
.about .blocArt img {
	clear: both;
}
.about .blocArt .col2 {
	float:left;
	width:360px;
	text-align: left;
}
.about .blocArt .col2 img {
	border: 1px solid #B0AEAA;
	max-width:350px;
}
.about .blocArt a.lien {
	line-height:50px;
	font:normal normal 14px 'Oxygen',sans-serif;
	color:#fff;
	letter-spacing:1px;
	text-transform:uppercase;
	text-decoration:none;
	float:left;
	clear:both;
}
.lien {
	background-color: #635d9b;
	border: 1px solid #635d9b;
	border-radius: 5px 5px 5px 5px;
	color: #FFFFFF;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-top: 0;
	padding: 3px 10px 4px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
}

.about .blocArt .restant {
	font-size:12px;
	letter-spacing:1px;
	float:left;
	width:150px;
	margin-left:10px;	
}
.about .blocArt .opendate {
	line-height:25px;
	font-size:20px;
	letter-spacing:14px;
	font-weight:700;
	padding:3px 0px 5px 5px;
	background:transparent url('../img/date_restante.jpg') no-repeat top left;
	float:left;
	width:150px;
	color:#4c4c50;
}


/* footer menu
---------------------------------------*/
#block-multiblock-1{
	float:left;
	width:900px;
}
#block-multiblock-1 h2,
#block-multiblock-1 ul ul{
	display:none;
}
#block-multiblock-1 ul{
	margin:0;
	padding:0;
	padding-top:62px;
}
#block-multiblock-1 ul.menu li.leaf,
#block-multiblock-1 li,
#block-multiblock-1 li.first{
	list-style-image:none;
	list-style-type:none;
	display:inline;
	margin:0;
	padding:0;
}
/*last added footer menu*/
#block-multiblock-1 a{
	font:normal normal 14px 'Oxygen',sans-serif;
	font-weight: 600;
	line-height: 1.3em;
	margin-bottom: 0.5em; 
	color:#4c4c50;
	text-decoration:none;
	padding:20px 7px 14px 7px;
}

#block-multiblock-1 a.active{
	color:#fff;
	background-color:#9BC9E3;
	padding:20px 7px 14px 7px;
}

#block-multiblock-1 .sous_menu {
	display:none;
}
/*search
---------------------------------------*/
/*footer search*/
#block-multiblock-2{
	float:left;
	width:220px;
	border:1px solid #faf;
}
#search-box{}
#block-search-0{
	position:absolute;
	top:10px;
	left:662px;
	width:287px;
}
#search-block-form input.form-text,
#search-block-form input.form-submit{
	float:left;
}
#edit-search-block-form-1{
	margin:0;
	padding:12px 0 0 15px;
	/*background:transparent url('../img/bg_search_top.jpg') no-repeat top left;*/
	/*border:none;*/
	width:217px;
	height:25px;
	line-height:25px;
	color:#4c4c4c;
}

.search-results dt.title a:hover{
	color:#000000;
	text-decoration:underline;
}

/*search de post recherche*/
#search-form{
	display:none;
}

/*resultat*/
body.section-search .box{
width:900px;
margin-left:40px;
}

#block-custom_search_blocks-2 {
	display:none;
}
#edit-custom-search-blocks-form-2-1-wrapper{
	/*reset form item*/
	margin:0;
	float:left;
}

#block-custom_search_blocks-2  h2, #block-custom_search_blocks-2  label{
	display:none;
}

#custom-search-blocks-form-2{
	position:absolute;
	left:708px;
	top:63px;
}

.search2{
	float:left;
	background:transparent url(../img/bg_search_bottom.jpg) no-repeat scroll left top;
	border:none;
	color:#4C4C4C;
	height:26px;
	line-height:26px;
	margin:0;
	padding:5px 0 0 15px;
	width:174px;
}

.sub{
	float:left;
}
/* agenda
---------------------------------------*/
/*back*/
fieldset.location{
	background-color:transparent;
}
/**/

#node-86 .panel-2col{
	margin-left:40px;
}
#agenda-all {
	width:900px;
	margin-left:40px;
}

.panel-2col .panel-col-first .inside,
.panel-2col .panel-col-last .inside
{margin:0;}

.panel-2col .panel-col-first{
	width:445px;
}
.panel-2col .panel-col-last{
	width:440px;
}
/*header
---------------------------------------*/
.header .intro{
	position:absolute;
	top:25px;
	left:280px;
	width:100%;
}
.header p{
	text-align:left;
	font:normal 20px 'Oxygen',sans-serif;
}
.header span.subtitle{
	text-transform:lowercase;
	font:normal bold 22px 'Oxygen',sans-serif;
	font-weight:15px;
}
#header .datelieu{
	position:absolute;
	top:84px;
	left:40px;
}
#header .datelieu p {
	font-size:14px;
	text-align:left;
}
#header .datelieu .info {
	font-size:12px;
}
#header .banniere {
	position:absolute;
	width:540px;
	height:100px;
	right:0px;
	top:135px;
}
#header li.bann {
	position:absolute;
	width:540;
	height:100;
}

.slideshow {
	float:left;
	width:430px;
	background:transparent url('../img/bg_image.jpg') no-repeat top left;
	padding:15px;
}

#videolien{
	position:absolute;
	top:265px;
	left:746px;
	z-index:30;
}

/* SLIDER */
.liste-expo-2{
	position:relative;
}
.liste-expo-2 ul{
	float:left;
	width:240px;
	padding-left:10px;
	text-align:left;
	margin:0;
	line-height:1.4em;
	list-style-type:none;
}
.liste-expo-2 li{
	list-style-type:none;
}
.liste-expo-2 .wrapper{
	position:relative;
	overflow:hidden;
	width:760px;
	height:288px;
	margin-left:100px;
}
.liste-expo-2 .inner{
	position:relative;
	width:30000px;
	height:288px;
	left:0;
}

#block-multiblock-1 ul.sous_menu {
	display: none;
}

/*loading
---------------------------------------*/
.loading{
	position:relative;
	padding-left:2em;
}
.loading:before{
	content:'';
	display:inline-block;
	width:1.4em;
	padding-right:.8ex;
}
.loading:after{
	content:'';
	position:absolute;
	height:1em;
	width:1em;
	left:1ex;
	border:.2em solid currentColor;
	border-top-color:transparent;
	border-radius:50%;
	vertical-align:text-bottom;
	animation:loading 1s infinite linear;
}
@keyframes loading{
	from{
		transform:rotate(0deg);
	}
	to{
		transform:rotate(360deg);
	}
}

/* Preview */
.js-overlay .preview{
	border:1px solid #ccc;
	width:80vw;
	max-width:1024px;
	height:70vh;
}

.js-overlay .preview iframe{
	width:100%;
	height:100%;
}