*{padding:0;margin:0;outline:0;font-family: Helvetica,"Trebuchet MS",sans-serif;}
html{height:100%;overflow:auto;}
body{background-color:#FFF;}

a{color:#800000;text-decoration:none;cursor:pointer;}
a:hover{color:#B6840B;text-decoration:underline;}
#menu a:hover{text-decoration:none;}
a:active{font-weight:bold;}
ul,ol{padding-left:30px;}
ul>li{padding-left:2px;list-style-image:url('../images/puce.png');}
ol>li{padding-left:2px;}
ul>li>ul,ol>li>ul,ol>li>ol,ul>li>ol{padding-left:20px;}
ul>li>ul>li,ol>li>ul>li{list-style-image:url('../images/ul.gif');}

img{max-width:100%;}

#social li{list-style:none;}

#wrapper{width:100%;}

#header{position:fixed;top:0px;left:0px;width:100%;background:#F7F7F0;border-bottom:2px solid #0F0F0F;height:4em;z-index:90;}
#header>h1{padding-left:120px;font-size:2em;}
#header>h1,#header>h1>a{text-align:center;color:#800000;text-decoration:none;line-height:2em;}

#logo{background-image:url('../images/logo.png');background-repeat:no-repeat;width:210px;height:200px;z-index:901;position:absolute;left:0;top:0;}
#hamburger{display:none;}
#lframe{float:left;height:100%;width:210px;}


#menu>ul>li:nth-child(2), #menu>ul>li:nth-child(3){list-style-image:url('../images/puce_fleche.gif');}/*2-3*/
#menu{padding-left:20px;padding-top:200px;}
#menu ul li{position: relative;}
#menu ul ul{position:absolute;left:100px;top:0;display:none;box-shadow:0 0 10px rgba(0,0,0,0.2);padding:0;}
#menu ul ul li{width:200px;background-color:#FFF;list-style:none!important;z-index:90;padding:0;}
#menu ul li:hover>ul{display:block;}
#menu ul ul a{line-height:100%;padding:5px 15px}
#menu a{display:block;padding: 5px 0;}
#menu a:hover{background-color:#F7F7F0;}
#menu .version{display:none}

#rframe{margin:0px 100px 0 220px;padding:0px;}

.puce>li{list-style-image:url('../images/ul.gif');}
#main{padding-bottom:80px;padding-top:100px;}
#main .pdf>li{list-style-image:url('../images/file/pdf.png');}
#main .zip>li{list-style-image:url('../images/file/zip.png');}

#slideshow{margin:30px auto;position:relative;width:500px;max-width:100%;height:281px;padding:10px;box-shadow:0 0 20px rgba(0,0,0,0.4);overflow:hidden;z-index:1;}
#slideshow>div{position:absolute;top:10px;left:10px;right:10px;bottom:10px;}

.module{width:85%;margin:0 auto 25px;font-size:17px;}
.module>h2{padding:3px 0 5px 30px;color:#B8860B;border-style:solid;border-color:#ADA095;border-width:2px 2px 0 2px;background:url('../images/icoh2.png') no-repeat;background-position:5px 5px;background-color:#FFFFFF;font-weight:lighter;border-radius:20px 20px 0 0;-moz-border-radius:20px 20px 0 0;-webkit-border-radius:20px 20px 0 0;behavior:url('/assets/theme/css/PIE.htc');font-size:1.4em;}

.module>div>ul>li{margin-bottom:20px;}
.module>#redigecontent, .module>#epinglecontent, .module>.content_module{color:black;background-color:#FFF;border-style:solid;border-color:#ADA095;border-width:0 2px 2px 2px;padding:10px;}
.module>#redigecontent .titre, .module>#epinglecontent .titre, .module>.content_module .titre{font-weight:bold;color:#800000;font-size:1em;}
.module>#redigecontent .titre:hover, .module>#epinglecontent .titre:hover, .module>.content_module .titre:hover{font-weight:bold;color:#B8860B;}
.module>#redigecontent .date, .module>#epinglecontent .date, .module>.content_module .date{/*display:block;float:right;*/font-size:0.85em;font-style:italic;}
.module>#redigecontent .commentaires, .module>#epinglecontent .commentaires, .module>.content_module .commentaires{display:block;float:right;font-size:0.85em;font-style:italic;}
.module>#redigecontent .description, .module>#epinglecontent .description, .module>.content_module .description{border-top:1px solid #ADA095;margin-bottom:10px;padding-top:2px;margin-left:-20px;}
.module .content_module p, .module .content_module h3, .module .content_module h4, .module .content_module h5, .module .content_module h6, .module #redigecontent p, .module #redigecontent h3, .module #redigecontent h4, .module #redigecontent h5, .module #redigecontent h6, .module #epinglecontent p, .module #epinglecontent h3, .module #epinglecontent h4, .module #epinglecontent h5, .module #epinglecontent h6{margin:12px 0;padding:5px;}
.module .content_module .indent, .module #redigecontent .indent, .module #epinglecontent .indent{text-indent:30px;}

dt{margin-top:10px;}
pre, code{margin:10px;padding:3px 2em;background-color:#F7F7F7;font-family:monospace !important;font-size:1.2em !important;}
q, blockquote{margin:2em;padding:3px 2em;background-color:#F7F7F7;border-left:#DDDDDD 4px solid;}
blockquote{background: #F7F7F7 url('../images/quote.gif') no-repeat 4px 4px;}
blockquote>.auteur{font-style:italic;}
blockquote>.citation{}
form{margin:auto;width:85%;}
fieldset{display:block;border:none;}
select, input, textarea{display:block;font-size:1em;border-width:1px;border-color:#ccc;margin:0.5em 0 1em 0;padding:5px;}
select, input[type],textarea[name]{background:#f1f1f1;}
input[type=submit],input[type=reset]{background:#f1f1f1;color:#000000;padding:5px;}
input[type=submit]:hover{background:#c8c8c8;color:#000000;}
textarea{width:80%;}
label{display:block;font-weight:bold;font-size:0.85em;}

.images_page{text-align:center !important;}

.saison_photos{border-collapse:collapse;} 
.saison_photos td{border-bottom:1px solid #E3E3E3;}
.saison_photos .acces0,.saison_photos .acces1,.saison_photos .acces2{width: 20px;}
.saison_photos .description{width:450px;padding-right:10px;border-top:none !important;}
.saison_photos .lienGalerie{width:70px;text-align:right;}

.acces0{background:url("../images/acl0.png") no-repeat;background-position:center;}
.acces1{background:url("../images/acl1.png") no-repeat;background-position:center;}
.acces2{background:url("../images/acl2.png") no-repeat;background-position:center;}

.profile{float:left;margin-top: 1em;margin-right: 1em;text-align:center;}
.avatar {width:100px;height:100px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-box-shadow: 0 0 0 3px #fff, 0 0 0 4px #999, 0 2px 5px 4px rgba(0,0,0,.2);-moz-box-shadow: 0 0 0 3px #fff, 0 0 0 4px #999, 0 2px 5px 4px rgba(0,0,0,.2);box-shadow: 0 0 0 3px #fff, 0 0 0 4px #999, 0 2px 5px 4px rgba(0,0,0,.2);}
table.horaires{border-collapse:collapse;margin:1px;padding:2px;}
table.horaires td{vertical-align:middle;height:30px;border:1px solid #8a779a;text-align:center;max-width:150px;min-width:102px;}
table.horaires tr:first-child{text-align:center;}
table.horaires tr td:first-child{text-align:right;padding-right:10px;max-width:75px;}

#comments{margin:auto;width:85%;font-size:0.8em;}

.paginate{width:100%;margin-top:10px;text-align:center;}
.paginate>a, .paginate>a.current{display:inline-block;border:1px solid #97a7af;padding:5px 8px;text-decoration:none;color:#333;font-size:85%;line-height:14px;}
.paginate>a.current{font-weight:bold;margin-left:4px;}

.label {padding: 1px 3px 2px;color: #ffffff;font-weight:bold;background-color: #bfbfbf;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.label a {color:#FFFFFF;}
.labelbreve{background-color:#396A92;}
.labelstage{background-color:#E23C03;}
.labelarticle{background-color:#747533;}
.labelphoto{background-color:#524656;}
.labelvideo{background-color:#3A1D19;}
.labelsortie{background-color:#FFE545;}

#footer{clear: both;/*position:fixed;bottom:0px;left:0px;right:0;*/background:#F7F7F0;border-top:2px solid #0F0F0F;text-align:right;font-size:0.80em;z-index:90;}
#footer p{padding:5px 15px 5px 5px;}
#footer a{text-decoration:none;}

.clear{clear:both;}

@media all and (max-width: 899px){
	/*CSS Si la taille est inférieur à 900 pixels*/
	#hamburger{}
	#header{border:none;}
	#header>h1{padding-left:0;}
	#logo{display:none;}
	#rframe{margin:0;padding:50px 0 0 0}
	#lframe{margin:0;padding:0;width:100%;text-align:center;}
	/*#main{padding-top:100px;}*/
	#menu{background-color:#FFFFFF; position: fixed;top: 4em; left:0; right:0;padding:10px 0 10px 0;border-top:2px solid #0F0F0F;border-bottom:2px solid #0F0F0F;width:100%;z-index:900;text-align: center;}
	#menu ul, #menu ul li ul{padding:0;}
	ul>li>ul>li,ol>li>ul>li{list-style:none;padding:0;}
	#menu>ul>li{list-style-image:none;display:inline;}
	#menu ul,#menu a{display: inline-block;}
	#menu ul a{display:block;text-decoration:none;font-weight:700;font-size:13px;padding:5px 8px;line-height:100%;}
	#menu ul li{display: block;position:relative;float: left;margin:0;padding:0;}
	#menu ul li:hover{background:#F7F7F0}
	#menu ul ul{display:none;position:absolute;top:100%;left:0;background:#fff;padding:0}
	#menu ul ul li{float:none;width:200px;}
	#menu ul ul a{line-height:100%;padding:10px 15px}
	#menu ul li:hover > ul{display:block;text-align:left;box-shadow:0 0 10px rgba(0,0,0,0.2)}/*faire une animation*/
	.not-two{display:none!important;}
}


@media all and (max-width: 625px){
	/*CSS version petit (mobile)*/
	
	#header{position:fixed;top:0;left:0;right:0; border-bottom:2px solid #0F0F0F;}
    #footer{display:none;}
	
	body, #wrapper, .site-container{height:100%;}
	.site-container{overflow:hidden;}
	#wrapper{transition-duration: 0.3s;transform: translateX(0);}

	
	#menu{padding:0;position:absolute;left:0;top:0;bottom:0;width:80%;background-color:#eeeedf;border:none;z-index:902;
	transform: translateX(-100%);transition-duration: 0.3s;border-right:1px solid #c0c0b4;}
	#menu ul,#menu a{display:block;}
	#menu ul li{float:none;text-align:left;padding:10px 0 10px 10px;border-bottom:1px solid #c0c0b4;}
	#menu ul a{font-weight:normal;font-size:20px;margin:0;padding:0;line-height:20px;}
	#menu ul ul{display:none;position:absolute;top:19px;left:150px;padding:0}
	#menu ul ul li{background-color:#eeeedf;}
	#menu>ul>li:nth-child(2)>a,#menu>ul>li:nth-child(3)>a{list-style-image:url('../images/puce_fleche.gif');background: url('../images/puce_fleche.gif') no-repeat 100px 6px }
	.not-two{display:block!important}
	#rframe{overflow-y:scroll;position:absolute;top:66px;right:0;left:0;bottom:0;}
	#main{margin-bottom:0;padding-bottom:0;padding-top:20px;}
	
	.paginate{margin-bottom:30px;}
	
	#slideshow{display:none;}

	#hamburger{display:block;width:60px;height:50px;position:fixed;top:0;left:0;z-index:95;cursor:pointer;padding-top:30px;padding-left:20px}
	
	#hamburger span, #hamburger span:before, #hamburger span:after {border-radius: 1px;height: 3px;width: 35px;background: #000;position: absolute;display: block;content: '';z-index:91;}
	#hamburger span:before{top: -10px; }
	#hamburger span:after{bottom: -10px;}
	#hamburger span, #hamburger span:before, #hamburger span:after{transition: all 300ms ease-in-out;}
	#hamburger.active span {background-color: transparent;}
	#hamburger.active span:before, #hamburger.active span:after{top: 0;}
	#hamburger.active span:before{transform: rotate(45deg);}
	#hamburger.active span:after{transform: rotate(-45deg);}	
	
	.with-sidebar #wrapper{transform: translateX(80%);}
	.with-sidebar .site-cache{position:absolute;top:0;right:0;left:0;bottom:0;background-color:rgba(0,0,0,0.8);}
	.with-sidebar #rframe{overflow-y: hidden;}
	.with-sidebar .version{display:block!important;position: absolute;bottom: 10px;right: 0;left: 0px;}
}

@media all and (max-width: 625px) and (orientation : landscape){
	#menu{overflow-y: scroll;}
	.version{position:relative!important;left: 0; right:0; bottom:0;margin-top:30px;}
}

/*

Made by Florian B.

*/