@charset "UTF-8";


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, hr, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, 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,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, active, hover, selected {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
header, section, article, nav, footer, aside, menu, hgroup, figure, figcaption, main {
	display:block;}
body,td,th {font-family: Comfortaa, arial; font-weight: 300; font-style: normal; font-size: 1em; color: #232323; background-color: #232323; margin: auto; padding: auto; z-index: 12;}
@media (max-width : 760px) { body {background-color: #EEEEEE; font-size: 0.8em; }}
@media (max-width : 1000px) {body {font-size: 0.9em;}}
#logo {max-width:100%; margin-right:auto; margin-left:auto;}
#citation {position: relative; width: 100%; z-index: 1;text-align: center; top: 0px; margin: 0px; padding:16px 0 18px 0; display: block;}
@media (max-width : 760px) {#citation {background-color: #232323; padding-top: 15px; padding-bottom: 15px;}}
#point {position: absolute; right: 10%; top: 51px; z-index: 2000;}
@media (max-width : 1024px) {#point {display:none;}}
.accueil {z-index:1999; background-color:#EEEEEE; width: 92%; position: relative; padding-bottom: 100px; overflow:hidden; margin-top:0; margin-right:auto; margin-bottom:0; margin-left:auto}
@media (max-width : 1000px) {.accueil {width: 100%; padding-bottom: 0;}}
header {padding:0;}
section {z-index:4; background-color:#EEEEEE; width:92%; padding:0; position:relative; margin-top:0; margin-right:auto; margin-bottom:0; margin-left:auto;}
@media (max-width : 1000px) {section {width:100%;}}
footer {position:relative; color:#EEEEEE; width:100%; background-color:#232323; padding:0; overflow:hidden; margin-right:auto; margin-left:auto; z-index:5;}
#presentation {clear: right;}
#icone {text-align: center;margin-top: 100px;}
@media (max-width : 1000px) {#icone {padding-left:2%;}}
@media (max-width : 760px) {#icone {padding:0;margin-top: 50px;margin-left:auto;margin-right:auto;}}
#icone li {width: 60px; height: 60px; background-image: url(images/icones.png); background-repeat: no-repeat; display: inline-block;}
#icone li a {width:60px; height:60px;  display:block;}
#icone img {border:none;outline:none;}
#icone a:hover, #icone a:focus, #icone a:active{border:none;outline:none;}
#twitter:hover {background-position: left bottom;}
#viadeo:hover {background-position: 25% bottom;}
#linkedin:hover {background-position: 50% bottom;}
#mail:hover {background-position: 75% bottom;}
#cv:hover {background-position: 100% bottom;}
#twitter {background-position: 0 0; margin-right: 40px; margin-left: 40px;}
@media (max-width : 1000px) {#twitter {margin-left:10px; margin-right: 10px;}}
#viadeo {background-position:-60px 0;margin-right:40px;margin-left:40px;}
@media (max-width : 1000px) {#viadeo{margin-right:10px;margin-left:10px;}}
#linkedin {background-position: -120px 0; margin-right:40px; margin-left:40px;}
@media (max-width : 1000px) {#linkedin {margin-right:10px; margin-left:10px;}}
#mail {background-position: -180px 0; margin-right:40px; margin-left:40px;}
@media (max-width : 1000px) {#mail {margin-right:10px; margin-left:10px;}}
#cv {background-position: -240px 0; margin-right:40px; margin-left:40px;}
@media (max-width : 1000px) {#cv {margin-right:10px; margin-left:10px;}}
h1 {font-weight: 300; font-style: normal; letter-spacing: 0.3em; color: #EEEEEE; font-size: 140%; text-shadow: 1px 0px 0px #000;}
@media (max-width : 760px) {h1 {letter-spacing: 0.2em; font-size: 1em;}}
h2 {font-size: 3em; font-weight: 300; padding: 50px 5% 0 5%; margin: 0px;}
@media (max-width : 1000px) {h2 {padding-left: 3%; padding-right:3%;}}
@media (max-width : 760px) {h2 {font-size: 2.5em; font-weight: 300; padding-right: 5%; padding-left: 5%; padding-top: 50px; margin: 0px;}}
h2:first-letter {color: #3dbdfb; font-size: 2em; text-shadow: 3px 0px 3px #000;}
h3 {color: #3dbdfb; font-weight: lighter; font-size: 2.5em; letter-spacing: 0.1em; text-shadow: 0px 3px 3px #000;}
h4 {background-repeat: no-repeat; background-position: 0 50px;}
h5 {color: #3dbdfb; font-weight: 300; font-size: 2.5em; text-shadow: 2px 0px 3px #000; margin: 0 0 0 -5%; padding: 0;}
h6 {font-size: 1.8em; font-weight: 300; margin-left: -3%;}
p {padding-right:0 10% 0 10%; font-size: 1.1em; font-weight: 300; letter-spacing: 0.1em; line-height: 1.8em;}
strong {font-size: 1.1em; color: #3dbdfb; font-style: normal; font-weight: 300; text-shadow: 1px 0px 0px #000;}
.photos .p9 .minititres {color: #3dbdfb; font-weight: 300; font-family: Comfortaa; font-size: 2.2em; text-shadow: 2px 0px 3px #000;}
@media (max-width : 1000px) {.photos .p9 .minititres {font-size: 1.5em;}}
#competences {text-align: right;}
#photos {text-align: right;}
.approfondir {
	background: url(Images/decouvrir.png) 0 0 no-repeat;
	height: 85px;
	width: 67%;
	padding: 0px;
	float: left;
	position: relative;
	z-index: 2004;
	margin: 25px 0 25px 13%;
}
@media (max-width : 1500px) {.approfondir {margin-left:13%;}}
@media (max-width : 1000px) {
.approfondir {margin-left: 0%; width: 76%;}}
@media (max-width : 760px) {
.approfondir {margin-left: 0%; width: 67%;}}


.presentation .approfondir  {
	background: url(Images/decouvrir.png) 0 0 no-repeat;
	height: 85px;
	width: 67%;
	padding: 0px;
	float: left;
	position: relative;
	z-index: 2004;
	margin: 25px 0 25px 4%;}
@media (max-width : 1500px) {.presentation .approfondir {margin-left:13%;}}
@media (max-width : 1000px) {
.presentation .approfondir {margin-left: 0%; width: 76%;}}
@media (max-width : 760px) {
.presentation .approfondir {margin-left: 0%; width: 67%;}}
.approfondir.details:hover {color: #3dbdfb;}
.approfondir .details {
	position: absolute;
	font-size: 1.9em;
	color: #EEEEEE;
	letter-spacing: 0.6em;
	z-index: 2005;
	font-weight: 300;
	left: 25px;
	top: 15px;
}
@media (max-width : 1000px) {.approfondir .details {
	font-size: 1.4em;
	top: 20px;
	letter-spacing:0.6em;
	
}}
@media (max-width : 760px) {.approfondir .details {
	font-size: 1.1em;
	top: 22px;
	letter-spacing:0.4em;
}}
@media (max-width : 480px) {.approfondir .details {
	font-size: 0.9em;
	letter-spacing: 0.4em;
	top: 25px;
}}
.photos .approfondir {margin-left: 13%;}
@media (max-width : 1000px) {.photos .approfondir {margin-left: 0%;}}
.portfolio .approfondir {margin-left: 4%;}
@media (max-width : 1000px) {.portfolio .approfondir {margin-left: 0%; float:right;}}
@media (max-width : 760px) {.portfolio .approfondir {margin-left: 0%;float:left;}}
.competences .approfondir {margin-left: 13%;}
@media (max-width : 1000px) {
.competences .approfondir {margin-left: 0%;}}
.plus {
	background: url(Images/plusmoins.png) 0 0 no-repeat;
	cursor: pointer;
	float: left;
	height: 70px;
	width: 70px;
	margin: 25px 0 25px;
	
}
.plus:hover {background-image: url(Images/plusmoins.png); background-repeat: no-repeat; background-position: left -70px;}
@media (max-width : 1000px) {.portfolio .plus {float:right;}}
@media (max-width : 760px) {.portfolio .plus {float:left;}}
.fullhidden {clear: both; padding-bottom:5px;}
.presentation {text-align: left; overflow: hidden;}
@media (max-width : 1000px) {.presentation {margin-top:-70px;}}
.competences {text-align: left; overflow: hidden;}
.portfolio {text-align: left; overflow: hidden;}
.photos {overflow: hidden; text-align: left;}
@media (max-width : 500px) {.photos {display:none;}}
.contact {text-align: left; overflow: hidden;}
#naissance {float: left; margin: 0%; padding: 2% 0 0 5%;}
@media (max-width : 1000px) {#naissance {padding-left: 3%;}}
@media (max-width : 760px) {#naissance {display: none;}}
#seduisantes {float: right; margin: 0%; padding-right: 5%;}
@media (max-width : 1000px) {#seduisantes {padding-right: 3%;}}
@media (max-width : 760px) {
#seduisantes {display: none;}}
#engageant {float: left; margin: 0%; padding: 2% 0 0 5%;}
@media (max-width : 1000px) {
#engageant {padding-left: 3%;}}
@media (max-width : 760px) {#engageant {display: none;}}
#enivrantes {display:bloc;float: right; margin: 0%; padding-right: 5%;}
@media (max-width : 1000px) {
#enivrantes {padding-right: 3%;}}
@media (max-width : 760px) {#enivrantes {display: none;}}
#concluant {
	float: left;
	margin-bottom: 250px;
	margin-right: -9%;
	padding-top: 20px;
	padding-left: 9%;}
@media (max-width : 1000px) {
#concluant {padding-left:3%;}}
@media (max-width : 760px) {
#concluant {display: none;}}
.presentation  .bienvenue{text-align: justify; float: left; padding: 0px; margin: 20px 0 20px 4%;}
@media (max-width : 1500px) {.presentation  .bienvenue{text-align: justify; float: left; padding: 0px; margin: -140px 15% 0 13%;}}
@media (max-width : 760px) {.presentation  .bienvenue{margin-top: 15px; margin-right: 10%; margin-left: 10%; margin-bottom: 0;}}
.competences .generalcompetences{text-align: justify; padding: 0px; margin: 0 15% 0 13%;}
@media (max-width : 760px) {.competences .generalcompetences{margin-right:10%;}}
.presentation .p1{text-align: justify; float: left; width: 30%; padding:0; margin-top:20px; margin-left:13%;}
@media (max-width : 760px) {.presentation .p1{width: auto; margin-left: 10%; margin-right:10%;}}
.presentation .p2{text-align: justify; margin-right: 15%; margin-top: 20px; float: right; width: 30%; padding: 0px;}
@media (max-width : 760px) {.presentation .p2{float: left; width: auto; margin-left: 10%; margin-right:10%;}}
.generalcompetences .p3 {padding: 0px; margin:0 0 20px;}
.generalcompetences .p4 {padding: 0px; margin:0 0 20px;}
.generalcompetences .p5 {padding: 0px; margin:0 0 25px;}
.competences .personnalite .p6 {text-align: justify; float: left; margin: 15px 0 30px; padding: 0px;}
.competences .personnalite .p7{text-align: justify; float: left; margin: 15px 0 10px; padding: 0px;}
.portfolio .p8{text-align: justify; float: left; padding: 0px; margin:20px 0 20px 4%;}
@media (max-width : 1000px) {.portfolio .p8{margin-right: 0px; margin-left: 4%;}}
@media (max-width : 760px) {.portfolio .p8{margin-right: 10%; margin-left: 10%;}}
.photos .p9{text-align: right; float: right; padding: 0px; margin-right: 6%; margin-bottom: 20px; margin-top: 35px;}
@media (max-width : 1000px) {.photos .p9{margin-right: 4%;}}
@media (max-width : 760px) {.photos .p9{margin-right: 2%; margin-left:2%;}}
.p10  {text-align: center; line-height: 3em; margin-top: 15px;}
@media (max-width : 1000px) {.p10  {line-height: 2.5em; padding-left:2%;}}
@media (max-width : 760px) {
.p10  {line-height: 2.2em; margin-right:10%; margin-left:10%; padding:0;}}
.web {padding: 0; margin: 60px 0 0 13%;}
@media (max-width : 760px) {.web {margin-top: 50px; float: left; clear:right;}}
.logiciel {margin-left: 13%;}
.personnalite {margin:0 13% 0 13%;}
@media (max-width : 760px) {
.personnalite {margin-right:10%;}}
#web {clear: both; padding: 0px;}
#logiciel {text-align: left; float: left; clear: both; margin-bottom: 0px;}
.personnalite .h1{padding: 0px; clear: both; float: left; margin-top: 60px;}
.personnalite .h2{text-align: left; clear: both; padding: 0px; margin: 0px;}
.personnalite .h3{text-align: left; padding: 0px; clear: both;}
#legende {float: right; margin-top:150px;}
@media (max-width : 760px) {#legende {margin-top:50px;}}
#evaluation1 {float: left; max-width: 100%; margin-top: 20px; clear:right;}
@media (max-width : 1000px) {#evaluation1 {max-width:60%;}}
@media (max-width : 760px) {#evaluation1 {margin-top: 0px; max-width:50%;}}
#evaluation2 {float:left; max-width: 100%; clear: left; margin-right: 0%; margin-top: 20px; margin-bottom: 30px;}
@media (max-width : 1000px) {#evaluation2 {max-width:60%;}}
@media (max-width : 760px) {#evaluation2 {clear: both; margin-right: 20%; margin-top:0px; max-width:50%;}}
#evaluation3 {float: left; max-width: 100%; margin-right: 0%; margin-left:10px;margin-top: 80px; margin-bottom: 30px;}
@media (max-width : 1000px) {#evaluation3 {max-width:60%;}}
@media (max-width : 760px) {#evaluation3 {clear: both; margin-left: 0%; margin-right: 10%; margin-top: 0px; max-width:53%;}}
#evaluation4 {float: left; max-width: 100%; margin-right: 0px;margin-left:10px; margin-bottom: 0px; margin-top: 185px;}
@media (max-width : 1173px) {#evaluation4 {max-width:60%; margin-top:0; margin-bottom:40px;}}
@media (max-width : 760px) {#evaluation4 {margin-bottom: 0px; margin-top: 0px; padding:0; margin-left:0%; clear:both; margin-top:0; max-width:40%;}}
#evaluation5 {float: left; max-width: 100%; margin-top: 85px;margin-left:10px;}
@media (max-width : 1000px) {#evaluation5 {max-width:60%;}}
@media (max-width : 760px) {#evaluation5 {clear: both; margin-left: 0%; margin-right: 10%; margin-top: 20px; max-width:53%;}}
#smoothslider {max-width: 550px; margin-left:17%; margin-top:40px; float: left;}
@media (max-width : 1000px) {#smoothslider {margin-left: 15%; margin-top: 20px;}}
@media (max-width : 760px) {#smoothslider {margin-left: 5%; margin-top: 20px; margin-right: 5%;}}
#mosaique img {margin: 0px; padding: 0px; border:none;}
@media (min-width : 1000px) {
#mosaique img {opacity: 0.7;filter: alpha(opacity=70);margin: 0px;padding: 0px;border: none;}}
@media (min-width : 1000px) {#mosaique img:hover {opacity: 1.0; filter: alpha(opacity=100); border: none;}}
/*réduction des images pour le mode tablette*/
.photos img[src*="mini"] {display:none;}
@media (max-width : 1000px) {#mosaique img[src*="mini"] {display: inline;}}
@media (max-width : 1000px) {#mosaique img[src*="normal"] {display: none;}}
/*même condition pour les titres verticaux*/
img[src*="small"] {display:none;}
@media (max-width : 1000px) {img[src*="small"] {display: block;}}
@media (max-width : 1000px) {img[src*="big"] {display: none;}}
#mosaique {width: 80%;float: right; margin: 0px 20px 0 20px;}
@media (max-width : 1000px) {#mosaique {margin-top: 20px;}}
@media (max-width : 760px) {#mosaique {margin-left: 2%; float: right; margin-left: 20px; margin-top: 0px; margin-right: 20px;}}
#copyright {font-size: 0.9em; margin-top: 250px; float: left; border-right-width: thin; border-right-style: solid; border-right-color: #3dbdfb; padding-right: 5px;}
@media (max-width : 760px) {#copyright {font-size:0.7em; margin-top: 30px;}}
#designed {font-size: 0.9em; margin-top: 250px; text-align: center; float: right; position: relative; margin-right: 4%; border-left-width: thin; border-left-style: solid; border-left-color: #3dbdfb; padding-left: 5px;}
@media (max-width : 760px) {#designed {font-size:0.7em; margin-top: 30px; margin-right:0; float: right;}}
@media (max-width : 390px) {#designed {margin-top: 0px;}} 
#languageen {
	position: fixed;
	right: 0%;
	top: 100px;
	width: 7%;
	height: 38px;
	z-index: 4000;
	background-color: #3dcbfb;
	font-size: 1.4em;
	padding-left: 10px;
	padding-top: 7px;
	color: #FFF;
	box-shadow: 12px 8px 15px 1px #232323;
	cursor: pointer}
#languageen a{color: #fff;border:none;outline:none;text-decoration: none;cursor: pointer;}
#languageen a:hover, #icone a:focus, #icone a:active{border:none;outline:none;}
#languagefr {
	position: fixed;
	right: 0%;
	top: 145px;
	z-index: 4001;
	width: 6%;
	height: 38px;
	color: #FFF;
	background-color: #232323;
	font-size: 1.4em;
	padding-left: 10px;
	padding-top: 7px;
	box-shadow: 12px 8px 15px 1px #232323;
	-webkit-transition: background-color 0.5s ease 0s, width 0.5s ease 0s;
	-moz-transition: background-color 0.5s ease 0s, width 0.5s ease 0s;
	-ms-transition: background-color 0.5s ease 0s, width 0.5s ease 0s;
	-o-transition: background-color 0.5s ease 0s, width 0.5s ease 0s;
	transition: background-color 0.5s ease 0s, width 0.5s ease 0s;
	cursor: pointer
}
#languagefr a{color: #fff;border:none;outline:none;text-decoration: none;cursor: pointer;display:block;width:100%;height:100%;
	}
#languagefr a:hover, #icone a:focus, #icone a:active{border:none;outline:none;color:#3dcbfb;}

#languagefr:hover{
	width: 8%;
	-webkit-transition: background-color 0.5s ease 0s, width 0.5s ease 0s;
	-moz-transition: background-color 0.5s ease 0s, width 0.5s ease 0s;
	-ms-transition: background-color 0.5s ease 0s, width 0.5s ease 0s;
	-o-transition: background-color 0.5s ease 0s, width 0.5s ease 0s;
	transition: background-color 0.5s ease 0s, width 0.5s ease 0s;}


/* The Nivo Slider styles */

.nivoSlider {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0;
	background: #fff url("images/loading.gif") no-repeat 50% 50%;
	margin-bottom: 10px;
	-webkit-box-shadow: 0px 1px 25px 5px #4a4a4a;
	-moz-box-shadow: 0px 1px 25px 5px #4a4a4a;
	box-shadow: 0px 1px 25px 5px #4a4a4a;
}
.nivoSlider img {position: absolute; top: 0px; left: 0px; max-width: none; display: none;}
.nivoSlider a {border:0; display:block; color:#3dcbfb}
.nivo-main-image {display: block !important; position: relative !important; width: 100% !important;}
/* The slices and boxes in the Slider */
.nivo-slice {display:block; position:absolute; z-index:5; height:100%; top:0;}
.nivo-box {display:block; position:absolute; z-index:5; overflow:hidden;}
.nivo-box img { display:block; }
/* Caption styles */
.nivo-caption {position: absolute; left: 0px; bottom: 0px; font-size:0.9em; background: #000; width: 100%; z-index: 8; padding: 5px 10px; opacity: 0.7; overflow: hidden; display: none; -moz-opacity: 0.7; filter: alpha(opacity=7); -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ color: #EEEEEE;text-shadow: 1px 0px 1px #232323; font-weight: 300;}
.nivo-caption p {padding:5px; margin:0;}
.nivo-caption a {display:inline !important; color: #EEEEEE; text-decoration: none;float:right; padding-right:5px;}
.nivo-caption a:hover {color: #EEEEEE;}
.nivo-html-caption {display:none;}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	background: url("images/arrows.png") no-repeat;
	position: absolute;
	top: 45%;
	z-index: 9;
	cursor: pointer;
	display: block;
	width: 60px;
	height: 70px;
	text-indent: -9999px;
	border: 0;
	opacity: 0;
	
	
}
.nivo-prevNav {left:0px;}
.nivo-nextNav {right:0px;}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {text-align:center; padding: 20px 0;}
.nivo-controlNav a {cursor:pointer; display:inline-block; width:22px; height:22px; background:url("images/bullets.png") no-repeat; text-indent:-9999px; border:0; margin: 0 2px;}
.nivo-controlNav a.active {font-weight:bold; background-position:0 -23px;}
.nivoSlider:hover .nivo-directionNav a {opacity: 1;}
a.nivo-nextNav {background-position: -60px 0; right: -5px;}
a.nivo-prevNav {left: -5px;}


/* lightbox*/

#lightboxOverlay{position:fixed; top:0; left:0; z-index:9999; background-color:#111; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85); opacity:0.85; display:none;}
#lightbox{position: fixed; top: 7%; left: 0; width: 100%; height: 100%; z-index: 10000; text-align: center; line-height: 0; font-family: "comfortaa"; font-weight: 300;}
#lightbox .lb-image{max-width:100%;max-height:100%;}
#lightbox a img{border:none;}
.lb-outerContainer{position:relative; background-color:#232323; zoom:1; width:250px; height:250px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; margin:0 auto;}
.lb-container{padding:10px;}
.lb-loader{position:absolute; top:40%; left:0; height:25%; width:100%; text-align:center; line-height:0;}
.lb-nav{position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;}
.lb-container > .nav{left:0;}
.lb-nav a{outline:none;}
.lb-prev,.lb-next{width:49%; height:100%; background-image:url(images/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);display:block;}
.lb-prev{left:0;float:left;}
.lb-next{right:0;float:right;}
.lb-prev:hover {background: url(images/prev.png) 5% 48% no-repeat;}
.lb-next:hover {background: url(images/next.png) 95% 48% no-repeat;}
.lb-dataContainer{padding-top:5px; zoom:1; width:100%; margin:0 auto}
.lb-data{color:#eee; text-shadow: 0 0 8px #000; padding:0 10px;}
.lb-data .lb-details{width:85%; float:left; text-align:left; line-height:1.1em;}
.lb-data .lb-caption{font-size:0.8em;}
.lb-data .lb-number{display:block; clear:left; font-size:11px; margin-top: 6px 0;}
.lb-data .lb-close{width:32px; height:32px; float:right; outline:none;}
.lb-fullScreen:hover,.lb-data .lb-close:hover,.lb-print {cursor:pointer; }
.lb-outerContainer:after,.lb-dataContainer:after{content:""; display:table; clear:both;}
.lb-fullScreen{background:transparent url(images/fullscreen.png) scroll no-repeat 0 0; height:32px; width:32px; position:absolute; right:15px; top:15px; z-index:10;}
#lightbox.full-screen { top:0; height:100%; background:#111; }
#lightbox.full-screen .lb-outerContainer { background:transparent; width:auto; height:auto; margin:0 auto; padding:0; }
#lightbox.full-screen .lb-fullScreen { background:transparent url(images/fullscreen_exit.png) scroll no-repeat 0 0; }
#lightbox.full-screen .lb-container { width:auto; height:auto; margin:0 auto; padding:0; }
#lightbox.full-screen .lb-image	{ width:auto; box-shadow:0 0 32px #000; }
#lightbox.full-screen .lb-dataContainer	{ box-shadow:0 0 8px #000; position:fixed; bottom:0; left:0; background:#000; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85); opacity:0.85; }
#lightbox.full-screen .lb-data .lb-close { display:none; }

/* MenubarHorizontal */

ul.MenuBarHorizontal a:first-letter {color:#3dbdfb; text-shadow: 2px -1px 3px #000; font-size: 1.6em; letter-spacing: 0.1em;}
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal{padding: 0; list-style-type: none; font-size: 1em; cursor: default; display: block; bottom: 10%; margin-top: 0px; margin-right: auto; margin-bottom: 0%; margin-left: auto; z-index: 2003; width: 75%;}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive{z-index: 1000;}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li{
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: center;
	cursor: pointer;
	width: 20%;
	float: left;
	margin: 0;
	
	
	
}	
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a{
	display: block;
	cursor: pointer;
	background-color: #232323;
	color: #EEEEEE;
	text-decoration: none;
	text-align: center;
	width: 100%;
	padding-bottom: 0.7em;
	padding-top: 0.2em;
	-webkit-transition: background-color 1s ease 0s, color 1s ease;
	-moz-transition: background-color 1s ease 0s, color 1s ease;
	-ms-transition: background-color 1s ease 0s, color 1s ease;
	-o-transition: background-color 1s ease 0s, color 1s ease;
	transition: background-color 1s ease 0s, color 1s ease;
	
}
/*BROWSER HACKS: the hacks below should not be changed unless you are an expert*/
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection{/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus, ul.MenuBarHorizontal a:active{
	color: #232323;
	background-color: #EEEEEE;
	border-top-width: thin;
	border-left-width: thick;
	border-top-style: double;
	border-left-style: solid;
	border-top-color: #3dbdfb;
	border-left-color: #3dbdfb;
	max-width: 100%;
	border-right-style: none;
	border-bottom-style: none;
	outline: none;
	-webkit-transition: background-color 0s;
	-moz-transition: background-color 0s;
	-ms-transition: background-color 0s;
	-o-transition: background-color 0s;
	transition: background-color 0s;
}
ul.MenuBarHorizontal li.MenuBarItemIE{display: inline; f\loat: left; background: #FFF;}}
#navbar.navbar_fixed {
	position: fixed;
	top: 0px;
	height: 0px;
	width: 123.1%;
	-webkit-transition: width 0.5s ease-out 0s;
	-moz-transition: width 0.5s ease-out 0s;
	-ms-transition: width 0.5s ease-out 0s;
	-o-transition: width 0.5s ease-out 0s;
	transition: width 0.5s ease-out 0s ;
	margin-right: auto;
	margin-left: -15.4%;
}
@media (max-width : 1000px) {#navbar.navbar_fixed {display: none}}
#navbar.navbar_absolute {position: absolute;  margin-right: auto; margin-left: auto; width: 100%; overflow: hidden; margin-top: -100px;}
@media (max-width : 1000px) {
#navbar.navbar_absolute { display: none;}}
#contactli a:hover {border-right-width: thick; border-right-style: solid; border-right-color: #3dbdfb; border-left-width: 0px; border-left-style: none; border-top-style: solid; border-bottom-style: none; border-top-width: thin; border-top-color: #3dbdfb;}
canvas {-ms-touch-action: double-tap-zoom;}