body { margin:0px; background-color:#313040; height:100% }
html { height:100% }
a:link { color:#008048; text-decoration:underline }
a:visited { color:#008048; text-decoration:underline }
a:hover { color:#57bf7c; text-decoration:underline }
a:active { color:#57bf7c; text-decoration:underline }
#PageDiv { position:relative; min-height:100% }
#PageWrapper { width:100%; z-index:0; background-size:cover }
#HeaderWrapper { width:100%; z-index:0; clear:both; margin-left:auto; margin-right:auto; background-color:#71916b; border-bottom:solid #f5f5f5 3px }
#Header { width:93%; z-index:0; clear:both; padding:5% 1%; margin-left:auto; margin-right:auto }
#Logo { width:37%; z-index:0; float:left; clear:left }
#LogoTitle { width:100%; z-index:0; float:left; clear:both }
#Box2 { width:58%; z-index:0; float:left; clear:left; padding-top:10px; padding-bottom:10px; margin-left:5% }
#ImageWrapper1 { width:100%; z-index:0; clear:both; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto }
#Marilyne { left:281px; top:0px; width:64px; height:64px; overflow:hidden }
#TitleWrapper1 { width:100%; z-index:0; clear:both; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto }
#TextWrapper1 { width:100%; z-index:0; clear:both; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto }
#Box3 { width:28%; z-index:0; float:left; clear:right; padding-top:10px; padding-bottom:10px; margin-left:4%; margin-right:5% }
#ImageWrapper2 { width:100%; z-index:0; clear:both; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto }
#diplome { left:119px; top:0px; width:64px; height:64px; overflow:hidden }
#TitleWrapper2 { width:100%; z-index:0; clear:both; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto }
#TextWrapper2 { width:100%; z-index:0; clear:both; padding-top:10px; padding-bottom:10px; margin-left:auto; margin-right:auto }
#diplome1 { left:15px; top:186px; width:42px; height:42px; overflow:hidden }
#BodyWrapper2 { width:100%; z-index:0; margin-left:auto; margin-right:auto; background-color:#e6e6e6; border-bottom:solid #f5f5f5 3px }
#Body2 { width:43.25%; z-index:0; clear:both; padding:5%; margin-left:auto; margin-right:auto }
#CSSMenu { height:auto; overflow:visible; position:relative }
.fwNavContainer1 { float:right; position:relative; right:50% }
#fwNav1 { position:relative; display:block; left:50%; padding:0; margin:0; list-style:none }
#fwNav1 .fwNavItem { width:auto; position:relative; float:left; margin:0; padding:0; border-top:0; border-bottom:0 }
#fwNav1 .fwNavItem a { display:block; color:#000000; text-decoration:none; padding:8px 8px 8px 8px }
#fwNav1 .fwFirstChild { border-left:0 }
#fwNav1 .fwLastChild { border-right:0 }
#fwNav1 .fwNavItem a:hover, #fwNav1 .fwNavItem span a:hover, #fwNav1 .fwNavItem a:focus { color:#FFFFFF; text-decoration:none }
#fwNav1 .fwNavItem a:active { color:#FFFFFF; text-decoration:none }
#fwNav1-toggle, .fwNav1-toggle-label { display:none }
.fwNav1-toggle-label { width:30px; height:30px; overflow:hidden; background-image:url('menu-1-black.png'); background-repeat:no-repeat; background-size:100%; margin-left:auto; margin-right:auto }
#fwNav1 .fwNavItem a.fwCurrent, #fwNav1 .fwNavItem a.fwCurrent:hover { display:block; color:#FFFFFF; font-weight:normal }
@media screen and (max-width:880px)
{
	#Logo { width:100%; float:none }
}
@media screen and (max-width:568px)
{
	#Box3 { width:158px }
	#TitleWrapper2 { width:158px }
	.fwNavContainer1 { display:none; position:fixed; width:100%; top:0; right:0; bottom:100%; left:0; margin-top:-100%; background-color:#71916B; -webkit-overflow-scrolling:touch; overflow:auto; float:none; -webkit-transition:.2s ease-out margin, .2s ease-out bottom; -moz-transition:.2s ease-out margin, .2s ease-out bottom; -ms-transition:.2s ease-out margin, .2s ease-out bottom; -o-transition:.2s ease-out margin, .2s ease-out bottom; transition:.2s ease-out margin, .2s ease-out bottom }
	#fwNav1 { width:100%; right:0; left:0; margin-top:0px }
	#fwNav1 .fwNavItem { box-sizing:border-box; float:none; overflow:hidden; width:100%; border-right:0; border-left:0 }
	#fwNav1 .fwNavItem a { padding-top:20px; padding-bottom:20px; padding-left:20px; padding-right:20px }
	#fwNav1 .fwFirstChild { border-top:0 }
	#fwNav1 .fwLastChild { border-bottom:0 }
	.fwNav1-toggle-label { display:block; position:relative; cursor:pointer; -webkit-touch-callout:none; -webkit-user-select:none; user-select:none }
	.fwNav1-toggle-close { background-image:url('menu-close-black.png'); margin:20px auto 20px auto }
	.fwNavContainer1.fwMenuOn { margin-top:0; bottom:0 }
}
@media screen and (max-width:480px)
{
	#Logo { clear:both; margin-left:auto; margin-right:auto; margin-bottom:20px }
	#Box2 { width:90%; margin-right:5% }
	#TextWrapper1 { width:87.99% }
	#Box3 { width:90%; margin-left:5%; margin-top:5% }
	#TextWrapper2 { width:87.99% }
}
@media screen and (max-width:320px)
{
	#Header { width:98% }
	#Logo { width:66% }
}