/**********************************************/
/* Reusable class                             */
/**********************************************/
.wf-loading {
	visibility:hidden;
}
.validate { display:none; color:#F00; }

.overflow-hidden {
	overflow:hidden;	
}
.clear:after{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.clear{
	display: inline-table;
}
.clear{
	height:0;
	clear: both;
	display:block
}
.inline{
    display:inline-block !important;
}
strong, b {
    font-weight:bold;
}
.floatright {
    float:right;
}
.floatleft {
    float:left;
}
.hidden {
    display:none;
}
.indent img{
    display:block;
}
.indent strong{
    position:absolute;
    left:-9999px;
} 
.no-margin{
    margin:0 !important;
}
address{
    font-style:normal;128px
    line-height:16px;
    white-space:nowrap;
}
.block{
    display:block;
}

*::selection {
	background:#6FCDE4;
	color:#3C4B5E;
	}
*::-moz-selection {
	background:#6FCDE4;
	color:#3C4B5E;
}

/*ADMIN*/
ul.adminmenu li{
    margin-bottom:5px;
}
.admin-link {
	/*border:1px solid #999999;*/
	background:#f5f5f5;
	/*margin:15px;*/
	padding:15px;
	text-align:center;
}
.admin-link a{   
	font-weight:bold;
	margin:0 6px;
}
/* START */
html, body{ height:100%;}
html{}
body{}
#wrapper{ min-height:100%; height:auto !important; height:100%; margin:0 auto -150px; min-width:960px;} /*CHANGER LE MARGIN-BOTTOM POUR LE HEIGHT DU FOOTER*/
.wrapper { width:950px; margin:0 auto; position:relative; }
#push{ height:150px;}/*CHANGER LE HEIGHT POUR LE HEIGHT DU FOOTER*/
footer{ height:180px; background:url(/images/bg-footer.png) no-repeat top center; }/*CHANGER LE HEIGHT POUR LE HEIGHT DU FOOTER*/

header{ width:100%; height:303px; padding-top:24px; }
header.header1{ background:url(/images/header-1.jpg) #5e4038 no-repeat top center; }
header.header2{ background:url(/images/header-2.jpg) #3a1f18 no-repeat top center; }
header.header3{ background:url(/images/header-3.jpg) #8a5c20 no-repeat top center; }
.home header{ width:100%; height:472px; padding-top:24px; background:url(/images/header-home.jpg) no-repeat top center; }
.home section, section{ width:100%; position:relative; padding:0 0 166px 0px; }
section{ background:url(/images/bg-home.jpg) repeat; padding-top:30px; padding-bottom:250px; position:relative; z-index:1; }
section:before, section .after{ position:absolute; top:0px; left:0px; background:url(/images/section-before.png) #fff top center no-repeat; content:""; display:block; height:85px; width:100%; z-index:-1; }
.home section:before, .home section .after{ position:absolute; top:0px; left:0px; background:url(/images/section-before.png) top center no-repeat; content:""; display:block; height:21px; width:100%; }
section:after, section .before{ position:absolute; bottom:0px; left:0px; background:url(/images/section-after.png) top center no-repeat; content:""; display:block; height:246px; width:100%; }
.home section:after, .home section .before{ display:none; }
header a.logo{ position:absolute; top:74px; left:50%; margin-left:-100px; }
header .logo-shadow{ position:absolute; top:43px; left:50%; margin-left:-160px; display:block; width:309px; height:264px; background:url(/images/logo-shadow.png) no-repeat top center; }
header .facebook{ position:absolute; top:55px; right:20px; background:url(/images/icon-facebook.png) no-repeat top left; display:block; width:32px; height:32px; }
header .facebook:hover{ background:url(/images/icon-facebook.png) no-repeat bottom left; }

nav *{ -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
nav{ width:100%; height:44px; background:url(/images/bg-nav.png) repeat; }
nav ul{  }
nav ul li{ float:left; }
nav ul li a{ color:#ebedef; font-size:14px; font-family:"Lubalin-Demi", "Palatino Linotype", "Book Antiqua", Palatino, serif; display:block; height:15px; padding:13px 0px 16px 0px; text-transform:uppercase; text-align:center; }
nav ul li a.accueil{ width:122px; }
nav ul li a.services{ width:122px; }
nav ul li a.distribution{ width:154px; }
nav ul li a.profil{ width:106px; }
nav ul li a.actu{ width:136px; }
nav ul li a.evenements{ width:148px; }
nav ul li a.contact{ width:162px; }
nav ul li a:hover{ color:#6fcde4; background:url(/images/bg-nav-hover.png) repeat; }
nav ul li a.active{ color:#6fcde4; background:url(/images/bg-nav-hover.png) repeat; }

.block-home, .block-distribution{ width:275px; float:left; padding:0 26px 0 15px; background:url(/images/bg-block-home.png) repeat-y; margin-top:40px; padding-bottom:27px; position:relative; }
.block-home{ min-height:355px;  }
.block-distribution{ min-height:224px; margin-bottom:15px;  }
.block-distribution ul{ margin:10px 0px; }
.block-home h2{ line-height:26px; margin-bottom:26px; font-size:31px; font-family:"Lubalin-Demi", "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#3c4b5e; text-transform:uppercase; }
.block-home h2 span{ font-family: "HelveticaNeue", Arial, Verdana, sans-serif; font-size:20px; display:block; text-transform:capitalize; }
.block-home a.savoir-plus, .block-distribution a.savoir-plus,{ left:15px; }
.block-home p{ font-weight:500; }
.block-home ul{ margin-left:0px; margin-right:0px; }

a.savoir-plus{ 
  color:#3c4b5e; 
  font-size:12px; 
  text-transform:uppercase; 
  line-height:27px; 
  padding:0px 30px 0px 12px; 
  font-family:"Lubalin-Demi", "Palatino Linotype", "Book Antiqua", Palatino, serif;
  position:absolute;
  bottom:0px;
  text-shadow: 0px 1px 1px #ffffff;
  filter: dropshadow(color=#ffffff, offx=0, offy=1);
  background:url(../images/bt-savoir-plus.png) no-repeat top right #6fcde4; 
}
a.savoir-plus:hover{ color:#fff; background:url(../images/bt-savoir-plus.png) no-repeat top right #3c4b5e; text-shadow:none; filter: none; }

/* ACTUALITÉ */
.pagination{ height:23px; margin:0px; }
.pagination li{ float:left; padding-left:0px; background:none; margin-right:7px; }
.pagination li a{ display:block;  width:23px; height:23px; text-align:center;  background:url(/images/pagination.png) no-repeat top center; line-height:23px; font-size:11px; color:#6f6557;}
.pagination li a:hover{ color:#6fcde4; background:url(/images/pagination.png) no-repeat top center; }
.pagination li a.active{ background:url(/images/pagination-active.png) no-repeat top center; color:#fff; }
.pagination li a.prev{ background:url(/images/pagination-prev.png) no-repeat top center; }
.pagination li a.prev:hover{ background:url(/images/pagination-prev.png) no-repeat bottom center; }
.pagination li a.next{ background:url(/images/pagination-next.png) no-repeat top center; }
.pagination li a.next:hover{ background:url(/images/pagination-next.png) no-repeat bottom center; }
.wrapper-actu{ background:url(/images/bg-h1.png) repeat-x bottom left; padding:10px 0 10px 0; margin:0 0 12px 0; }
.wrapper-actu ul{ margin:0px; }
.wrapper-actu ul li{ width:465px; height:208px; padding-top:12px; background:url(/images/bg-h1.png) repeat-x top left; padding-left:0px; float:left; margin-right:20px; position:relative; margin-bottom:44px; }
.wrapper-actu ul li:after, .wrapper-actu ul li .after{ width:465px; height:27px; position:absolute; bottom:-37px; left:0px; content:""; display:block; background:url(/images/actu-after.png) no-repeat top center; top:auto; }
.wrapper-actu ul li.last{ margin-right:0px; }
.new{ width:445px; height:168px; background:#fff; padding:10px 10px 40px 10px; position:relative; }
.new img{ width:137px; height:125px; float:left; margin-right:10px; margin-bottom:10px; }
p.date{ font-size:12px; margin-bottom:12px; }
.new h2, .article h2, .news-sidebar h2{ color:#3c4b5e; font-size:20px; font-weight:500; margin-bottom:11px; line-height:20px; }
.new p, .article p, .news-sidebar p{ font-weight:300; line-height:18px; }
a.plus{ 
	left:0px;
	color:#3c4b5e; 
	font-size:12px; 
	text-transform:uppercase; 
	line-height:27px; 
	padding:0px 30px 0px 12px; 
	font-family:"Lubalin-Demi", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	position:absolute;
	bottom:10px;
	text-shadow: 0px 1px 1px #ffffff;
	filter: dropshadow(color=#ffffff, offx=0, offy=1);
	background:url(../images/bt-savoir-news.png) no-repeat top right #6fcde4; 
}
a.plus:hover{ color:#fff; background:url(../images/bt-savoir-news.png) no-repeat top right #3c4b5e; text-shadow:none; filter: none; }


/* ACTUALITÉ SEUL */
.wrapper-actu-single{ float:left; width:622px; margin-right:18px; background:url(/images/bg-h1.png) repeat-x top left; padding-top:10px;}
.article{ width:602px; padding:10px; background:#fff; }
.article .wrapper-img-actu img{ width:600px; height:235px; margin-bottom:16px; }
.article a{ background:#6fcde4; color:#3C4B5E; padding:0 2px; }
.article a:hover{ background:#3C4B5E; color:#fff; }

.sidebar-actu{ float:left; width:310px; margin:0px;  }

.sidebar-actu li{ width:310px; padding:12px 0 0 0;  background:url(/images/bg-h1.png) repeat-x top left; position:relative; margin-bottom:30px; }
.sidebar-actu li:after, .sidebar-actu li .after{ width:300px; height:25px; position:absolute; bottom:-25px; left:0px; content:""; display:block; background:url(/images/shadow-news.png) no-repeat top center; top:auto; }
.news-sidebar{ min-height:110px; width:290px; background:#fff; padding:10px 10px 50px 10px; }
.news-sidebar p.date{ margin-bottom:6px; } 

/* PROFIL */
.profil-text{ float:left; width:620px; margin-right:20px; }
.profil-img{ float:left; width:310px; padding-top:65px; }
.profil-img img{ border:10px solid #fff; }


/* ÉVÉNEMENTS */
.wrapper-event{ width: 640px; margin:0; padding:0; float:left; margin-right:88px; }
.wrapper-evenements{ width:640px; float:left; margin:0 88px 12px 0; background:url(/images/bg-h1.png) repeat-x bottom left;margin-top:12px;}
.wrapper-evenements ul{ margin:0px; }
.wrapper-evenements ul li{ width:640px; background:url(/images/bg-h1.png) repeat-x top left; padding:12px 0 0 0 !important; margin-bottom:40px; position:relative; }
.wrapper-evenements ul li:after, .wrapper-evenements ul li .after{ position:absolute; bottom:-27px; left:0px; width:640px; height:27px; display:block; content:""; background:url(/images/events-after.png) no-repeat top center; top:auto; }
.events{ width:620px; background:#fff; padding:10px; }
.events h2{ color:#3c4b5e; font-size:20px; font-weight:500; margin-bottom:11px; line-height:20px; }
.wrapper-img{ float:left; margin-bottom:10px; width:137px; margin-right:10px; }
.wrapper-img img{ width:137px; height:125px; }
.events p{ font-weight:300; line-height:18px; }
.events p.date{ font-size:12px; margin-bottom:6px; }
.wrapper-calendrier{ width:222px; float:left; padding-top:40px; }

.wrapper-info{ float:left; width:473px; }


/* CALENDRIER */
#calendrier{
    margin:0 auto;
    padding:0 34px;
    width:927px;
    padding-top:15px;
	
}
#calendrier #nos-activites{
    float:left;
    width:665px;
}
#calendrier #nos-activites h2{
    margin-left:15px;
    margin-bottom:9px;
}
.calendar-container{
    float:left;
    height:204px;
    width:222px;
    padding:0px 0 0px 0;
	font-family: "HelveticaNeue", Arial, Verdana, sans-serif;
	font-size:15px;
	position:relative;
	margin-bottom:60px;
}
.calendrier .calendar-container { padding:0;}

.calendar-container p{
	font-family: "HelveticaNeue", Arial, Verdana, sans-serif;
	color:#6d6d6d;
	font-size:11px;
} 

.calendar-container .calendar-next{ background:url(../images/calendar-arrow.png) no-repeat top right; position:absolute; bottom:48px; right:25px;}
.calendar-container .calendar-prev{ background:url(../images/calendar-arrow.png) no-repeat top left; position:absolute; bottom:48px; left:126px;}
.calendar-container .calendar-next:hover{ background:url(../images/calendar-arrow.png) no-repeat bottom right;}
.calendar-container .calendar-prev:hover{ background:url(../images/calendar-arrow.png) no-repeat bottom left;}

.month-selector a{ display:block; height:8px; width:9px;}

.calendar-container .month-selector{
    text-align:center;
    /*padding-bottom:10px;*/
	position:relative;
}
.month-selector span{
    margin:0px;
	color:#3c4b5e;
	font-weight:500;
	font-size:20px;
	width:222px;
	height:35px;
	display:block;
	background:url(/images/bg-h1.png) repeat-x left bottom;
	font-family: "HelveticaNeue", Arial, Verdana, sans-serif;
	position:absolute;
	top:-34px;
	left:0px;
}
.month-selector a img{
    vertical-align:top;
}

.calendar-container .jours-semaine{ background:url(/images/bg-h1.png) repeat-x left bottom; padding-bottom:5px; height:35px; }

.calendar-container .jours-semaine th { color:#3c4b5e; padding:4px 0;  font-family: "HelveticaNeue", Arial, Verdana, sans-serif; font-weight:500; font-size:10px;}

.calendar-container table{
	padding-top:0px;
    width:222px;
}
.calendar-container table tr td, .calendar-container table tr th{
    vertical-align:middle;
    text-align:center;
	height:30px;
	line-height:30px;
}
.calendar-container table tr th{
    padding-right:8px;
}
.calendar-container table tr td span{
    display:block;
    /*border:1px solid #676767;*/
    margin:0 5px 5px 5px;
    width:20px;
    line-height:25px;
	color:#796f62;
	font-size:14px;
}
.calendar-container table tr td span a{
	background:#3c4b5e;
	height:24px; width:21px;
	display:block;
	color:#fff;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}
.calendar-container table tr td span a:hover{
	background:#6fcde4;
	display:block;
	color:#fff;
}


.calendar-container table.morerows tr td span{
	line-height:25px;
}

.calendar-container table tr td.inactive span{
    color:#9d9fa2;
	display:block;
	height:22px;
	width:22px;
	
}
#calendar-infos{
    background:url('/images/calendar-infos-bg.png');
    float:left;
    height:164px;
    width:338px;
    padding:29px 22px;
    color:#fff;
}
#calendar-infos h3{
    font-size:18px;
    font-weight:bold;
    margin-bottom:10px;
}
#calendar-infos a.arrow{
    color:#fff;
    background:url('/images/white-arrow.gif') no-repeat right center;
    padding-right:15px;
}
#calendrier #ne-pas-manquer{
    float:left;
}
#calendrier #ne-pas-manquer h2{
    margin-left:25px;
    margin-bottom:5px;
}

.newsgal { float:left;  padding: 0 10px 10px 0;}

.calendar-over { width:182px; background:url(../images/shadow-top.png) no-repeat top center; padding-top:9px; position:absolute; top:0px; left:0px; z-index:1000; }
.calendar-content { width:152px; min-height:20px; padding:15px 15px 35px 15px; background:url(../images/bg-box.png) no-repeat bottom left; position:relative; font-family:"HelveticaNeue", Arial, Verdana, sans-serif; text-align:left;}
.calendar-over h3 {  font-size:12px; color:#1f493b; margin-bottom:5px; text-transform:none;}
.calendar-over p{  font-family: "HelveticaNeue", Arial, Verdana, sans-serif; font-size:11px; color:#6d6d6d; margin-bottom:5px;}


/* CONTACT */
.block-contact{ width:288px; padding:0 14px; float:left; background:url(/images/pointiller-verti.png) repeat-y top left; margin-top:50px; margin-bottom:15px; }
.block-contact h3{ font-size:20px; margin-bottom:16px; }
.block-contact .block{ margin-bottom:16px; display:block; }
.block-contact .block.last{ margin-bottom:0px; }
.block-contact .block h4{ font-size:16px; font-family: "HelveticaNeue", Arial, Verdana, sans-serif; color:#3c4b5e; font-weight:500; }
.block-contact .block a{ color:#69c3da; font-weight:300; background:none; }
.block-contact .block a:hover{ color:#3c4b5e; background:none; }
.block-contact .block p{ margin-bottom:0px; }

.formContact{ width:260px; }
.formContact label{ width:260px; display:block; margin-bottom:24px; background:url(/images/bg-field.png) no-repeat left bottom; font-size:14px; font-family:"HelveticaNeue", Arial, Verdana, sans-serif; }
.formContact label input{ height:23px; line-height:23px; }
.formContact label input, .formContact label.textarea textarea{ width:221px; padding:3px 5px 0 34px; margin-top:6px; border:none; font-weight:300; }
.formContact label.textarea{ margin-bottom:0px; background:url(/images/bg-textarea.png) no-repeat left bottom; }
.formContact label.textarea textarea{ height:98px; padding-top:7px; background:url(/images/icon-message.png) no-repeat 8px 7px;  }
.formContact .btn-envoi{ background:#3c4b5e; color:#fff; border:0px; float:right; margin-top:10px; width:84px; text-align:center; padding:4px 0; }
.formContact .btn-envoi:hover{ background:#69c3da; }
.formContact label input.nom{ background:url(/images/icon-nom.png) no-repeat 8px 7px; }
.formContact label input.entreprise{ background:url(/images/icon-entreprise.png) no-repeat 8px 7px; }
.formContact label input.tel{ background:url(/images/icon-tel.png) no-repeat 8px 7px; }
.formContact label input.mail{ background:url(/images/icon-mail.png) no-repeat 8px 7px; }


/* FOOTER */
.footer{ padding-top:38px; height:130px; }
.wrapper-distributeur p{ margin-bottom:24px; font-size:12px; }
.wrapper-distributeur img{ float:left; margin-right:15px; }
.acolyte, .icon-footer, p.copyright{ position:absolute; right:0px; }
.acolyte{ top:154px; display:block; width:123px; height:14px; }
.icon-footer{ top:78px; }
p.copyright{ top:120px; font-size:11px; font-weight:300; }



.erreur404{ width:100%; background:url(/images/404.jpg) #71d5eb no-repeat top center; }
.erreur404 *{ color:#fff;  }
.erreur404 header, .erreur404 footer{ display:none; }
.erreur404 section:after, .erreur404 section:before, .erreur404 section .after, .erreur404 section .before{ display:none; }
.erreur404 section{ background:none; }
.erreur404 a.logo-erreur{ display:block; width:146px; height:148px; background:url(/images/logo-414.png) no-repeat center center; position:absolute; top:20px; left:0px; }
.erreur404 h2{ font-family:"Lubalin-Demi", "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:60px; color:#fff; text-transform:uppercase; line-height:80px; }
.erreur404 h2 span{ font-size:80px; }
.erreur404 h3{ font-size:32px; }
.wrapper-404{ position:absolute; top:360px; left:0px; }
.wrapper-404 a{ display:block; background:url(/images/btn-retour.png) no-repeat top left; width:338px; height:27px; margin-top:54px; }
.wrapper-404 a:hover{ background:url(/images/btn-retour.png) no-repeat bottom left; }

.wrapper-copy{ position:absolute; top:850px; right:0px;}
.wrapper-copy div{ position:relative; width:300px; }
.wrapper-copy div img.img-footer{ position:absolute; top:0px; right:0px; }
.wrapper-copy div p{ font-size:11px; margin:12px 0; position:absolute; top:30px; right:0px; }
.wrapper-copy div a.acolyte2{ background:none; position:absolute; top:70px; right:0px; }