* {
/* -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box; */
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
margin: 0;
padding: 0;
-webkit-text-size-adjust: none;
}


html,body { height: 100%; overflow: hidden; }
html { font-size: 62.5%; }
body { font-family:Helvetica,sans-serif; font-size: 1.6rem; }
.petit {font-size: 1.2rem;}
.grand {font-size: 2rem;}
/*
:before, :after {  content: '';  display: block;  position: absolute;  box-sizing: border-box; }
*/
main a, main a:link, main a:visited {color:#990099; text-decoration:none;}
img {border: none;} 					
dl, dt, dd, ul, li { margin: 0; padding: 0; list-style-type: none; }

input, select, textarea { height: 30px; font-size:1.6rem; }
::placeholder { font-size: 1.6rem;}

h2 { width:calc(100%-20px); margin-left:10px; margin-right:10px; padding-left:10px; padding-right:5px; color:#fff; background-color:#990099; }
p { margin:10px 10px 10px 10px; text-align:justify; }
a { text-decoration:none }


#drawer-toggle, #member-toggle {
	position: absolute;
	opacity: 0;
}

#drawer-toggle-label , #member-toggle-label {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	height:50px;
	width: 50px;
	display: block;
	position: fixed;
	background: rgba(255,255,255,.0);
}

#drawer-toggle-label { left: 0px; z-index: 3; cursor:pointer;}

#member-toggle-label { right: 0px; z-index: 4; cursor:pointer;}

#drawer-toggle-label:before {
	content: '\2630';
	display: block;
	position: absolute;
	height:30px;
	width: 30px;
	top: 10px;
	left: 10px;
        color:#990099;
        font-size:3rem;
}

#member-toggle-label:before {
	content: '';
	display: block;
	position: absolute;
        background:#990099;
	top: 28px;
	right: 10px;
        width:24px;
        height:8px;
        margin-top:1px;
        -webkit-border-top-right-radius:5px;
        -webkit-border-top-left-radius:5px;
        -moz-border-radius:5px 5px 0 0;
        border-radius:5px 5px 0 0;
}

#member-toggle-label:after {
	content: '';
	display: block;
	position: absolute;
        background:#990099;
	top: 22px;
	right: 15px;
        width:14px;
        height:16px;
        margin-top:-9px;
        -webkit-border-top-right-radius:5px;
        -webkit-border-top-left-radius:5px;
        -webkit-border-bottom-right-radius:5px 10px;
        -webkit-border-bottom-left-radius:5px 10px;
        -moz-border-radius:5px 5px 5px 5px / 5px 5px 10px 10px;
        border-radius:5px 5px 5px 5px / 5px 5px 10px 10px;
}


body > header {
	width: 100%;
	position: fixed;
	left: 0px;
	background: rgba(255,255,255,1);
        text-align:center;
	font-size: 3rem;
	line-height: 30px;
	border-bottom:1px solid #990099;
	z-index: 2;
}

body > header #shortcut { display:none; }

body > footer { width:100%; position:fixed; left:0px; bottom:0px; text-align:center; font-size:1.3rem; padding-top:5px; background-color:#fff; border-top: 1px solid #990099; z-index:2 }

nav {
	position: fixed;
	top: 0;
	left:-300px;
	height: 100%;
	width: 300px;
	overflow-x: hidden;
	overflow-y: auto;
	background:#990099;
	z-index:5;
	/* -webkit-overflow-scrolling: touch; */
}


#member {
	position: fixed;
	top: 50px;
	left:0px;
	height: 180px;
	width: 100%;
	padding: 5px;
        display:none;
	overflow-x:auto;
	overflow-y:hidden;
	z-index:2;
	/*-webkit-overflow-scrolling: touch;*/
}

#member ul { white-space:nowrap; }
#member ul li { display:block; color:#c7c7c7;  font-size:1.6rem; text-align:center; }
#member ul li span {display:block; margin: 5px 5px 10px 5px; }
#login, #pass { width:120px; height:30px; margin-left:10px; }
input[type=checkbox] 
{
 -ms-transform: scale(1.5); /* IE */
 -moz-transform: scale(1.5); /* FF */
 -webkit-transform: scale(1.5); /* Safari and Chrome */
 -o-transform: scale(1.5); /* Opera */
}
/* input[type="submit"]{ width:30px; } */
.inscr { display:inline-block; width:128px;  }


.btn {
font-weight:bold;
background-color:#990099;
color:#FFF;
border:none;
appearance: none;
box-shadow: none;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius: 3px;
height:30px;
line-height:30px;
cursor:pointer;
padding-left: 10px;
padding-right:10px;
}

#fb-btn {
background: no-repeat url("/fb.png") #fff;
}

main {
	position: fixed;
	top: 0px;
	left:0px;
	margin-left: 0px;
	margin-top: 50px;
	margin-bottom:50px;
        width:100%;
	height: calc(100% - 100px);
	overflow-x:hidden;
	overflow-y:auto;
	z-index: 1;
	/*-webkit-overflow-scrolling: touch;*/
}



#drawer-toggle:checked ~ #drawer-toggle-label {
	height: 100%;
	left: 300px;
	width: calc(100% - 300px);
	background: rgba(255,255,255,.8);
}

#drawer-toggle:checked ~ nav {
    left:0;
}
#drawer-toggle:checked ~ body > header, #drawer-toggle:checked ~ #member-toggle-label {
visibility:hidden;
}

#drawer-toggle:checked ~ main , #drawer-toggle:checked ~ #member{
	margin-left: 300px;
}


#member-toggle:checked ~ main {
	margin-top:230px;
	height: calc(100% - 250px);
}
#member-toggle:checked ~ #member {
    display:block;
}



@media all and (max-width:350px) {

	#drawer-toggle:checked ~ #drawer-toggle-label {
		height: 100%;
		width: 50px;
	}

	#drawer-toggle:checked ~ #drawer-toggle-label, #drawer-toggle:checked ~ body > header {
		left: calc(100% - 50px);
	}
	nav {
	    width:calc(100% - 50px);
	    left: -100%;
	}
	#drawer-toggle:checked ~ main {
		margin-left: calc(100% - 50px);
	}
}

@media all and (min-width:1000px) {
   main {
      margin-top: 100px; 
      height: calc(100% - 150px); 
      width:1000px;
      padding-left: calc(50% - 500px);
      padding-right: calc(50% - 500px);
   }



   #member { top: 100px; }

   #drawer-toggle-label { left: calc(50% - 500px); top:25px; }
   #member-toggle-label { right: calc(50% - 475px); top:25px;}
   #member-toggle:checked ~ main { margin-top:280px; height: calc(100% - 300px); }



   #drawer-toggle:checked ~ main , #drawer-toggle:checked ~ #member{
	margin-left: 0px;
   }


   body > header {
      width:1000px;
      padding-left: calc(50% - 500px);
      padding-right: calc(50% - 500px);
   }

   body > header #shortcut { display:block; width:1000px; text-align:center;}
   body > header #shortcut a { display:inline-block; width:15%; text-align:center; font-size:1.6rem; font-weight:bold;} 
}

@media all and (min-width:1300px) {
   nav {
	left:-1000px;
	width: calc(50% - 500px);
        min-width:300px;
   }
   #drawer-toggle:checked ~ #drawer-toggle-label {
	height: 100%;
        left: calc(50% - 500px);
	width: calc(50% + 500px); 
   }
}



nav input[type="radio"] {
 position: absolute;
 opacity: 0;
}

nav label , nav span  {
 position: relative;
 display: block;
 height: 50px;
 line-height: 50px;
 padding: 0 20px;
 font-size: 1.6rem;
 font-weight: bold;
 color: rgba(255, 255, 255, 0.5);
 background:#800080;
 border-bottom:solid 1px rgba(255, 255, 255, 0.5);
 cursor: pointer;
}

nav label a , nav span a {display:block; width:235px; font-size:1.6rem;
 font-weight: bold;
 color: rgba(255, 255, 255, 0.5);
}


nav label a {border-right:solid 1px rgba(255, 255, 255, 0.5); }


nav label:after {
content: '';
display: block;
position: absolute;
box-sizing: border-box;

 top:20px;
 right: 20px;
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 7.5px 0 7.5px 13.0px;
 border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
}

nav label:hover , .togglebox span:hover{
 background: #1f2d3a;
}

.submenu {
 height: 0;
 overflow: hidden;
}


nav input[type="radio"]:checked ~ label {
 color: rgba(255, 255, 255, 0.8);
}


nav input[type="radio"]:checked ~ label:after {
 transform: rotate(90deg);
 -moz-transform: rotate(90deg);
 -o-transform: rotate(90deg);
 -ms-transform: rotate(90deg);
 -webkit-transform: rotate(90deg);
}


nav input[type="radio"]:checked ~ .submenu {
 height: auto;
}
nav input[type="radio"]:not(:checked) ~ .submenu {
 height: 0;
 }

.submenu li a {
 width:100%;
 margin: 15px 0;
 padding: 0 20px;
 font-size: 1.4rem;
 line-height: 2;
 color: rgba(255, 255, 255, 0.8);
}
.submenu li:hover {
 background: #1f2d3a;
}

#barre_etat { margin: 5px 10px 5px 10px; }
#barre_etat > h1 { display:inline; font-size:1.6rem; font-weight:normal; }

/*--- accueil ---*/
.fll  { float:left; }
.flr  { float:right; } 
.clrl { clear: left; height:0; line-height: 0; }
.clrr { clear: right; height:0; line-height: 0; overflow: hidden;}
.clrb { clear: both; height:0; line-height: 0; overflow: hidden;}

.une, .alaune a , .edito , .annu_fiche , .forum_rubrique , .forum_sujet , .avoir, .pub {
   position:relative;
   width:calc(100%-20px);
   margin:5px 10px 5px 10px;
   border: 1px solid #990099;
   padding: 5px 10px 5px 10px;
   -webkit-border-radius:3px;
   -moz-border-radius:3px;
   border-radius: 3px;
}

.une:after {
   content: " "; 
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

.une h3 a:before , .forum_rubrique h3 a:before {
   content:'';
   position:absolute;
   left:0;
   right:0;
   top:0;
   bottom:0;
   background-color:rgba(0,0,0,0);
}


.une span { display:block; color:#666; }
.une img , .avoir img { float:left; margin-right:5px; margin-bottom:5px; }

.galerie_conteneur { text-align:center }
.galerie_conteneur p { display:inline-block; vertical-align:top; overflow:hidden; }

/*--- articles ---*/
article > header {  margin:10px 10px 10px 10px; text-align:justify; font-style:italic; }
article header img { margin: 5px 5px 0px 5px; }
article h3 { color:#990099; margin-left:10px; }
article h4 { margin-left:20px; }
article h5 { margin-left:30px; }
article p, article li, aside p, aside li { margin:10px 10px 10px 10px; text-align:justify; }
article #rating { text-align:center; margin-bottom:15px; }
article figure { display: inline-block; width: -webkit-min-content; width: -moz-min-content; width: min-content; margin:5px 0px 5px 10px; }
article caption {  display:table-caption;}
aside { width:100%; margin-bottom:50px; }


.avoir p { text-align:justify; color:#666; }

.forum_sujet, .forum_rubrique{ word-wrap: break-word; }

.forum_sujet h3 { display:inline-block;  }
 
.forum_detail-des-messages h3 { color:#990099; margin-left:10px; }
.forum_liens p { margin-top:5px; margin-bottom:5px; text-align:center; }
.forum_liens span { display:inline-block; width:20%; }
.forum_liens img { width:35px; height:27px; }
.forum_texte { 
   word-wrap: break-word; 
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
}

.forum hr { border:none;background:#990099;height:1px; }
.forum_recherche p { margin-top:5px; margin-bottom:5px; }
.forum_navigation-par-page { font-size:1.4rem; margin:5px 5px 5px 5px; }
.forum_navigation-par-page a {
display: inline-block;
text-align:center;
min-width:25px;
height:20px;
margin:0px 5px 5px 5px;
border: 1px solid #990099;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius: 5px;
}
.forum_navigation-par-page span {
display: inline-block;
text-align:center;
min-width:25px;
height:20px;
margin:0px 5px 5px 5px;
}

.forum_formulaire {
	text-align: center; border: 1px solid #990099; margin-top: 10px; margin-bottom: 10px; padding-bottom:10px;}
.forum_formulaire .forum_titre {
	font-weight: bold; background-color: #FFCCE6; padding: 3px; margin: 0px; margin-bottom: 10px; font-size:1.1rem;}
.forum_formulaire input { width : 95%; }
.forum_formulaire .champ-titre { width : 95%; }
.forum_formulaire .champ-texte {width : 95%;height : 150px;}

.forum_mariees {  margin-top: 10px; margin-bottom: 20px; text-align:center;}
.forum_mariees p { display:inline-block; width:45%; border: 1px solid #990099; margin-left:5px; margin-right:5px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius: 3px;}

/* --------------------------------------------------------------------------------- */
/* pour annuaire                                                                     */
/* --------------------------------------------------------------------------------- */

.annu_dep   {visibility:hidden;font-size:0px;}
.annu_entete {margin:5px 0px 5px 20px;}
.annu_pied {background-color:#FFCCE6;text-align:center}
.annu_miniature {float:left;width:120px; height:90px; margin-right:10px;}
.annu_titre {color:#990099;text-decoration: none;font-size:1.6rem;font-weight:bold;}
.annu_desc  {font-size:1.2rem;}
.annu_url   {color:#C0C0C0;font-size:0.9rem;}
.annu_pro   {border:3px solid #99ff99; margin-bottom:5px;}
.annu_pro_logo {float:left;width:120px; height:90px; margin-right:10px; border: 1px dashed; text-align:center;}
.annu_pro_vdt { clear:left;text-align:right;width:95%;margin-bottom:5px; }
.annu_thumb {  width:110px; height:auto;  }



input.rshow, input.rhide { display:none; }
span.spoiler, input.rhide:checked ~ span.spoiler {
    display: block;
    -webkit-transition: opacity 1s ease-out;
    transition: opacity 1s ease-out;
    opacity: 0;
    height: 0;
    font-size: 0;
    overflow: hidden;
}
.show , .hide {color:#990099; } 
.show:before , .hide:before { position:relative; }
input.rshow:checked ~ span.spoiler { opacity: 1; font-size: 100%; height: auto; }
input.rshow:checked ~ .show:before { content: "" }
input.rshow:checked ~ .hide:before { content: "Masquer la description ..."; }
input.rshow:checked ~ .hide { cursor:pointer; }
input.rhide:checked ~ .hide:before { content: "" }
input.rhide:checked ~ .show:before { content: "Voir la description"; }
input.rhide:checked ~ .show { cursor:pointer; }



#cookie_law { position: fixed; top: 0px; left:0px; margin-left: 0px; margin-top: 50px; margin-bottom:50px; width:100%; height: calc(100% - 100px); z-index:888; 
              background: #999; opacity: 0.9; filter: alpha(opacity=90); }

@media all and (min-width:1000px) {
   #cookie_law { margin-top: 100px; width:1000px; height: calc(100% - 150px); padding-left: calc(50% - 500px); padding-right: calc(50% - 500px);}
}

#cookie_law p { color:#ffffff; margin:0 auto; width: 90%; position: relative; margin-top:50px; margin bottom 50px;  }
#cookie_law p .close { height:30px; background-color:green; color:white; cursor:pointer; }
/*
#cookie_law p .help { font-size:smaller; }
*/
#cookieaccept { height:30px; background-color:green; color:white; cursor:pointer; }
#cookierefuse { height:30px; background-color:red; color:white; cursor:pointer; }

/*
Lytebox 5 
*/

#lbOverlay {position:fixed;top:0;left:0;z-index:99997;width:100%;height:100%;}
#lbOverlay.blue {background-color:#011D50;}
#lbMain {position:absolute;left:0;width:100%;z-index:99998;text-align:center;line-height:0;display:-moz-inline-stack; }
#lbMain a img {border:1px solid #ffffff;}
#lbOuterContainer {position:relative;background-color:#fff;width:200px;height:200px;margin:0 auto;}
#lbOuterContainer.blue {border:2px solid #5F89D8;}
#lbTopContainer, #lbBottomContainer { 
	font:0.85em Verdana, Helvetica, sans-serif;background-color:#fff;width:100%;line-height:1.4em;font-size:0.9em;
	overflow:hidden;margin:0 auto;padding:0;position:relative;z-index:14;display:none;
}
#lbTopContainer {overflow:hidden;margin-top:5px;}
#lbTopContainer.blue, #lbBottomContainer.blue {background-color:#ffffff;}
#lbImage, #lbIframe {border:none;}
#lbImage.blue, #lbIframe.blue {border:1px solid #5F89D8;}
#lbImageContainer, #lbIframeContainer {padding:10px;z-index:12;}
#lbLoading {height:100%;width:100%;margin-top:-10px;background:url('images/loading_white.gif') center no-repeat;}
#lbHoverNav {position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#lbImageContainer>#lbHoverNav {left:0;}
#lbHoverNav a {outline:none;}
#lbPrevHov {width:48%;height:100%;background:transparent url('/lytebox5/images/blank.gif') no-repeat;display:block;left:0;float:left;margin-left:3px;border:none !important;}
#lbPrevHov.blue:hover, #lbPrevHov.blue:visited {background:url('/lytebox5/images/prev_blue_t.png') left 30% no-repeat;}
#lbNextHov {width:48%;height:100%;background:transparent url('/lytebox5/images/blank.gif') no-repeat;display:block;right:0;float:right;margin-right:3px;border:none !important;}
#lbNextHov.blue:hover, #lbNextHov.blue:visited {background:url('/lytebox5/images/next_blue_t.png') right 30% no-repeat;}
#lbPrev, #lbPrevTop {width:26px;height:28px;float:right;margin:0 0 1px 8px;border:none !important;}
#lbPrev.blue, #lbPrevTop.blue {background:url('/lytebox5/images/prev_blue.png') no-repeat;}
#lbPrev.blueOff, #lbPrevTop.blueOff {background:url('/lytebox5/images/prev_blue_off.png') no-repeat; cursor: default;}
#lbNext, #lbNextTop {width:26px;height:28px;float:right;margin: 0 0 1px 8px;border:none !important;}
#lbNext.blue, #lbNextTop.blue {background:url('/lytebox5/images/next_blue.png') no-repeat;}
#lbNext.blueOff, #lbNextTop.blueOff {background:url('/lytebox5/images/next_blue_off.png') no-repeat;cursor:default;}
#lbTopData, #lbBottomData {float:left;text-align:left;padding-left:10px;}
#lbBottomData {padding-bottom:0.5em;}
#lbBottomData.blue, #lbTopData.blue {color:#01379E;}
#lbTopNav, #lbBottomNav {float:right;text-align:right;padding-right:10px;}
#lbNumTop, #lbNumBottom {font-style:italic;}
#lbDescBottom {display:block;}
#lbTitleTop, #lbTopNav {margin-top:0.3em;}
#lbTitleTop, #lbTitleBottom {display:block;font-weight:bold;}
#lbClose, #lbCloseTop, #lbPrint, #lbPrintTop, #lbPlay, #lbPlayTop, #lbPause, #lbPauseTop {
    width:26px;height:28px;float:right;margin:0 0 1px 8px;border:none !important;}
#lbClose.blue, #lbCloseTop.blue {background:url('/lytebox5/images/close_blue.png') no-repeat;}
#lbPrint.blue, #lbPrintTop.blue {background:url('/lytebox5/images/print_blue.png') no-repeat;}
#lbPlay.blue, #lbPlayTop.blue {background:url('/lytebox5/images/play_blue.png') no-repeat;}
#lbPause.blue, #lbPauseTop.blue {background:url('/lytebox5/images/pause_blue.png') no-repeat;}
#lbClose, #lbPrint, #lbPlay, #lbPause {margin:0 0 6px 8px;}
/* Lytetip */
* html a:hover {background:transparent;}
.lytetip {outline:none;border-bottom:1px dotted;z-index:24;text-decoration:none;}
.lytetip span { color:#000000;position:absolute;top:2em;left:0;padding:0.5em 0.8em;
	font:1.1rem "Trebuchet MS", Arial, Helvetica, sans-serif !important;
	background:#F4F5FB;border:1px solid #888888;	
	border-radius:5px 5px;-moz-border-radius:5px;-webkit-border-radius:5px;
	-webkit-box-shadow:1px 2px 3px 0px #949494;-moz-box-shadow:1px 2px 3px 0px #949494;box-shadow:1px 2px 3px 0px #949494;
	width:240px;filter:alpha(opacity:95);KHTMLOpacity:0.95;MozOpacity:0.95;opacity:0.95;text-align:left;display:none;
}

.lytetip:hover {z-index:25;color:#aaaaff;background:;text-decoration:none;}
.lytetip:hover span {display:block;}
.lytetip:hover em {font-size:1.2em;font-weight:bold;display:block;padding:0 0 0.6em 0;}
.lytetip:hover .lbTipImg {border:0;margin:-20px 0 0 -36px;float:left;position:absolute;height:32px;width:32px;}
.lbErrorImg {background:url('images/error.png');}
.lbInfoImg {background:url('images/info.png');}
.lbHelpImg {background:url('images/help.png');}
.lbWarningImg {background:url('images/warning.png');}
span.lbCustom {padding:0.5em 0.8em 0.5em 1.5em !important;}
span.lbIEFix {padding:0.5em 0.8em !important;}
.lytetip .lbError {background:#FFE7D7;border:1px solid #FF3334;}
.lytetip .lbInfo, .lytetip .lbHelp {background:#FFE6F2;border:1px solid #990099;}
.lytetip .lbWarning {background:#FFFFAA;border:1px solid #FFAD33;}