/* ---- RESET CSS ---- */

html, body {height:100%;}

html {font-size:100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}

body {margin:0px; padding:0px; font-family:Helvetica, Arial, sans-serif; color:#000; line-height: 1.231; font-size:12px; overflow: hidden;}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}

*{outline:none;}

p {text-align:left; margin:0 0 10px 0; line-height:18px;}
p:last-child {margin:0;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
img {border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle;}
nav ul {list-style: none; list-style-image: none; margin: 0; padding: 0;}

fieldset, figure, form {border: 0; margin: 0; padding: 0;}
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; vertical-align: middle; }
button, input { line-height: normal; overflow: visible; }
table button, table input { overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
label,input,select,textarea{font-family:Helvetica, Arial, sans-serif; font-size:12px; font-weight:normal; line-height:normal;}
textarea { overflow: auto; vertical-align: top; resize: vertical;}
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* ---- LIENS ---- */

a {text-decoration:none;}
a:hover {text-decoration:none;}
a img {border:none;}

/* ---- Hn ---- */ 

h1,h2,h3,h4,h5,h6{font-weight:normal;}
h1{font-size:30px;}
h2{font-size:24px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:13px;}

/* ---- SELECTION TEXTE ---- */

::-moz-selection {

}

::selection {

}

/* ---- FORMULAIRES ---- */


/* ---- PROPRIETES UTILES ---- */ 

.clear {clear:both;}
.alignleft {float:left; margin-right:20px;}
.aligncenter {margin:0 auto;}
.alignright {float:right; margin-left:20px;}
.relative {position:relative;}
.container {width:940px; margin:0 auto; position:relative;}
.hidden {overflow:hidden;}
.block {display:block;}
.inline {display:inline;}
.ib {display:inline-block;}
.indent {text-indent:-7000px;}
.nomargin {margin:0px;}



/* ---- NAV ---- */
@media screen and (min-height: 850px) {
    nav{text-align:left;position:absolute; top:27%; z-index:1000;}
    nav #visite{margin:120px 0px 0px -25px;}
    nav #visite.active{text-align: left!important; margin:120px 0px 20px -25px!important;background-color:rgba(255,255,255,0.65)!important;text-indent:35px!important; left:-10px!important; padding-right:20px!important; }
    nav #biblio{margin:100px 0px 0px -25px; font-size:22px; width:200px;}
    }

@media screen and (max-height: 850px) {
    nav{text-align:left;position:absolute; top:10%; z-index:1000;}
    nav #visite{margin:60px 0px 0px -25px;}
    nav #visite.active{text-align: left!important; margin:60px 0px 20px -25px!important;background-color:rgba(255,255,255,0.65)!important;text-indent:35px!important; left:-10px!important; padding-right:20px!important; }
    nav #biblio{margin:60px 0px 0px -25px; font-size:22px; width:200px;}
    }

nav ul li{font-family: 'garamond-premier-pro-display', serif; color:#000; font-size:26px; margin:0px 0px 0px -25px;text-align: left; display:block; height:40px; line-height:40px;   width:330px; transition:all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;background-color:rgba(255,255,255,0.65);text-indent:35px; left:-10px; padding-right:20px; cursor:pointer; }

nav ul li a{color:#474747 ;}

nav #credits{margin:0px 0px 0px -25px; font-size:22px; width:200px;}

nav ul li.active {background-color:rgba(255,255,255,1); width:350px; font-size:bold; margin:0px 0px 0px -35px; text-align: right; border:solid #888 1px;}

/* ---- CONTENT ---- */
#content { position:fixed; top:-5%; right:7%; width:410px; height:110%; text-align:center; background-color:rgba(255,255,255,0.85); border:solid #888 1px; 
transition:all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;   -webkit-transition: all 0.3s ease-in-out; opacity:1; z-index:1000;}

#content.reduit { position:fixed; top:-106%; right:7%; width:410px; height:110%; text-align:center; background-color:rgba(255,255,255,0.85); border:solid #888 1px; 
transition:all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;   -webkit-transition: all 0.3s ease-in-out; opacity:0.5;}

@media screen and (min-height: 850px) {
    .titre {font-family: 'Monsieur La Doulaise', cursive;color:#000; font-size:52px; margin:100px 10px 60px 10px; text-align: center;text-shadow: 2px 2px 3px #888; }
    #content_border { height:510px; margin: 0px 65px; border-bottom:1px solid; border-top:1px solid; display:block; position:relative;}
    p{display:none; text-align:justify; font-family: "garamond-premier-pro-display", serif; font-size:18px; line-height:24px; color:#333; padding : 25px 0px ; }
}

@media screen and (max-height: 850px) {
    .titre {font-family: 'Monsieur La Doulaise', cursive;color:#000; font-size:35px; margin:60px 0px 30px 0px; text-align: center;text-shadow: 1px 1px 3px #999; }
    #content_border { height:470px; margin: 0px 30px; border-bottom:1px solid; border-top:1px solid; display:block; position:relative;}
    p{display:none; text-align:justify; font-family: "garamond-premier-pro-display", serif; font-size:18px; line-height:24px; color:#333; padding : 15px 0px ; }
}



#text_biblio{font-size:16px; line-height:18px;}

#close_content{display:block; background:url('/perso/img/buttons/ReduceSimple.png') no-repeat; background-size:32px; background-position: center; width:40px; height:40px; margin:100px auto 0px -20px; cursor:pointer; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); bottom:5%; left:50%; position:absolute; }

#close_content.reduit{display:block; background:url('/perso/img/buttons/ReduceSimple.png') no-repeat; background-size:32px; background-position: center; width:40px; height:40px; margin:100px auto 0px -20px; cursor:pointer; -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); bottom:0%; left:50%; position:absolute; }

/* ---- SLIDESHOW ---- */
#diaporama_accueil #prevslide,#diaporama_accueil #nextslide{ position:fixed; height:43px; width:43px;  margin-top:-21px; opacity:0.6; z-index: 100; }
					#diaporama_accueil #prevslide{ background:url('/perso/img/slideshow/supersized/back.png'); }
					#diaporama_accueil #nextslide{ background:url('/perso/img/slideshow/supersized/forward.png'); }
						#diaporama_accueil #prevslide:active, #diaporama_accueil #nextslide:active{ margin-top:-19px; }
						#diaporama_accueil #prevslide:hover, #diaporama_accueil #nextslide:hover{ cursor:pointer; }
@media screen and (min-height: 850px)  {
    #diaporama_accueil #prevslide,#diaporama_accueil #nextslide {top:97%;}
    #diaporama_accueil #prevslide{ left:48%!important;}
	#diaporama_accueil #nextslide{ left:52%!important;}
}

@media all and (max-height: 850px) {
    #diaporama_accueil #prevslide,#diaporama_accueil #nextslide {top:96%;}
    #diaporama_accueil #prevslide{ right:720px!important;}
	#diaporama_accueil #nextslide{ right:660px!important;}
}


#diaporama_accueil #controls-wrapper {background : none!important;}
#diaporama_accueil #controls-wrapper {background : none!important;}