body { margin:0px; background-color:#fff; height:100% }
html { height:100% }
#introduction a:link { color:#000; text-decoration:none }
#introduction a:visited { color:#fff }
#introduction a:hover { color:#fff }
#introduction a:active { color:#c7aa6c }
#Footer a:link { color:#fff }
#Footer a:visited { color:#fff }
#Footer a:hover { color:#4c4c4c }
#Footer a:active { color:#4c4c4c }
#PageDiv { position:relative; min-height:100% }
#introduction { width:90%; z-index:0; padding:15% 5%; margin-left:auto; margin-right:auto; background-color:#f2f1eb }
#programmetexte1 { min-height:100px; max-width:1000px; z-index:0; margin-left:auto; margin-right:auto }
#PageWrapper { width:100%; z-index:0; clear:both; margin-left:auto; margin-right:auto }
#Body { width:100%; z-index:0; clear:both; margin-left:auto; margin-right:auto }
#pourquoipourqui { width:100%; z-index:0; clear:both; margin-right:auto; background-color:#fff }
#pourqui { width:40%; z-index:0; float:left; padding:8% 5%; background-color:#9da891 }
#titrequoi { z-index:0; margin-bottom:5% }
#textequoi { min-height:100px; z-index:0 }
#pourquoi { width:40%; z-index:0; float:left; padding:8% 5% }
#titrequi { z-index:0; margin-bottom:5% }
#textequi { min-height:100px; z-index:0 }
#benefices { width:100%; z-index:0; clear:both; margin-left:auto; margin-right:auto; background-color:#fff }
#benefices1 { width:40%; z-index:0; float:left; padding:8% 5%; background-color:#fff }
#titrebenefices { z-index:0; margin-bottom:5% }
#textebenefices { min-height:100px; z-index:0 }
#travail { width:40%; z-index:0; float:left; padding:8% 5%; background-color:#f2f1eb }
#titretravail { z-index:0; margin-bottom:5% }
#textetravail { min-height:100px; z-index:0 }
#quisommesnous { width:100%; min-height:100px; z-index:0; clear:both; margin-left:auto; margin-right:auto; background-color:#fff; border-top:solid #000 1px }
#qsn { width:50%; z-index:0; float:left; padding:5% }
#titreqsn { z-index:0; margin-bottom:5% }
#conteneurqsn { z-index:0 }
#texteqsn3 { width:95%; min-height:100px; z-index:0; float:left; margin-right:5% }
#texteqsn1 { width:45%; min-height:100px; z-index:0; float:left; margin-right:5% }
#texteqsn2 { width:45%; min-height:100px; z-index:0; float:left; margin-right:5% }
#qsn1 { width:30%; z-index:0; float:left; padding:5% }
#item23 { width:100%; display:inline-block }
#inspiration { width:90%; z-index:0; clear:both; padding:5%; margin-left:auto; margin-right:auto; background-color:#fff; border-top:solid #000 1px; border-bottom:solid #000 1px }
#pourquoi1 { width:90%; z-index:0; float:left; padding:8% 5%; background-color:#f2f1eb }
#colonne1 { width:45%; min-height:100px; z-index:0; float:left; margin-right:5% }
#titreinspiration { width:100%; z-index:0; float:left; margin-bottom:5% }
#textequoi2 { width:100%; min-height:100px; z-index:0; float:left }
#colonne2 { width:45%; min-height:100px; z-index:0; float:left; margin-right:5% }
#Inspiration { width:70%; vertical-align:bottom; margin-top:5%; margin-bottom:5%; overflow:hidden }
#textequoi1 { width:100%; min-height:100px; z-index:0; float:left }
#quisommesnous1 { width:100%; min-height:100px; z-index:0; clear:both; margin-left:auto; margin-right:auto; background-color:#fff; border-bottom:solid #000 1px }
#programme { width:90%; z-index:0; float:left; padding:8% 5%; background-color:#9da891 }
#programmetitre { width:30%; z-index:0; float:left; margin-bottom:5% }
#programmetexte { width:68%; min-height:100px; z-index:0; float:right }
#progranimation { min-height:100px; max-width:800px; z-index:0; clear:both; margin-left:auto; margin-right:auto }
#Programmeechelle { width:100%; clear:both; margin:5% auto; overflow:hidden }
#contact { width:100%; z-index:0; margin-left:auto; margin-top:60px; margin-right:auto; background-color:#fff }
#fairmanagement { width:45%; z-index:0; float:left; padding:5% 0% 5% 5% }
#textequi1 { min-height:100px; z-index:0 }
#item16 { z-index:0; padding-left:15px; padding-right:15px; margin-bottom:5%; background-color:#e3e0ce }
#SendFormButton { width:200px; padding-top:8px; padding-bottom:8px; background-color:#fff; border:solid #c7aa6c 2px }
#FooterWrapper { width:100%; z-index:0; clear:both; margin-left:auto; margin-right:auto; background-color:#9da891; border-top:solid #999 2px }
#entete { position:fixed; left:12.5%; top:15px; width:75%; height:75px; max-width:1200px; z-index:3 }
#webyep { position:absolute; left:23px; top:45px; width:20px; height:20px; z-index:1 }
#CSSMenu { height:auto; overflow:visible }
.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; background:#FFFFFF; padding:30px 10px 30px 10px }
#fwNav1 .fwFirstChild { border-left:0 }
#fwNav1 .fwLastChild { border-right:0 }
#fwNav1 .fwNavItem a:hover, #fwNav1 .fwNavItem span a:hover, #fwNav1 .fwNavItem a:focus { color:#9DA891; text-decoration:none; background:#FFFFFF }
#fwNav1 .fwNavItem a:active { color:#C7AA6C; text-decoration:none; background:#FFFFFF }
#fwNav1-toggle, .fwNav1-toggle-label { display:none }
.fwNav1-toggle-label { width:30px; height:30px; overflow:hidden; background-image:url('../Resources/Menu-smart.png'); background-repeat:no-repeat; background-size:100%; margin-left:auto; margin-right:auto }
@media screen and (max-width:1200px)
{
	#programmetitre { width:38% }
	#programmetexte { width:60% }
	#entete { left:0%; top:15px; width:100% }
}
@media screen and (max-width:800px)
{
	#programmetexte1 { width:100%; max-width:none }
	#entete { max-width:1607px }
	.fwNavContainer1 { display:none; position:fixed; width:100%; top:0; right:0; bottom:100%; left:0; margin-top:-100%; background-color:#F2F1EB; -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:30px; padding-bottom:30px; 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 { margin:10px auto 20px auto }
	.fwNavContainer1.fwMenuOn { margin-top:0; bottom:0 }
}
@media screen and (max-width:768px)
{
	#pourqui { width:90% }
	#pourquoi { width:90% }
	#benefices1 { width:90% }
	#travail { width:90% }
	#texteqsn3 { width:100%; margin-right:0px }
	#texteqsn1 { width:100%; margin-right:0px }
	#texteqsn2 { width:100%; margin-right:0px }
	#colonne1 { width:100%; margin-right:0px }
	#colonne2 { width:100%; margin-right:0px }
	#Inspiration { width:90% }
	#programmetitre { width:100% }
	#programmetexte { width:100% }
	#contact { clear:both }
	#fairmanagement { width:90%; float:none; clear:both; margin-left:auto; margin-right:auto }
	#entete { width:100% }
}
@media screen and (max-width:414px)
{
	#qsn { width:90% }
	#qsn1 { width:90% }
	#Inspiration { width:100% }
}
@media screen and (max-width:320px)
{
	#Body { width:98% }
	#SendFormButton { width:50%; padding:1% }
}