body { margin:0px; height:100% }
html { height:100% }
a:link { color:#036; text-decoration:none }
a:visited { color:#036; text-decoration:none }
a:hover { color:#f00; text-decoration:none }
a:active { color:#f00; text-decoration:none }
#MenuCSS1 a:link { color:#036 }
#MenuCSS1 a:visited { color:#036 }
#MenuCSS1 a:hover { color:#f60 }
#MenuCSS1 a:active { color:#f60 }
#presentation a:link { color:#ff9 }
#presentation a:visited { color:#ff9 }
#presentation a:hover { color:#ade7e7 }
#presentation a:active { color:#ade7e7 }
#suite a:link { color:#fff }
#suite a:visited { color:#fff }
#suite a:hover { color:#ff9 }
#suite a:active { color:#ff9 }
#precedent a:link { color:#fff }
#precedent a:visited { color:#fff }
#precedent a:hover { color:#ff9 }
#precedent a:active { color:#ff9 }
#akomz1 a:link { color:#bdbdbd }
#akomz1 a:visited { color:#bdbdbd }
#akomz1 a:hover { color:#ccc }
#akomz1 a:active { color:#ccc }
#PageDiv { position:relative; min-height:100%; max-width:1250px; margin:auto }
#Studiodecreation { width:122px; height:110px; z-index:0; float:left; margin-left:1.8%; overflow:visible }
#colonneD.f-ms { background-image:url(../../Resources/onglet_fd.png) }
#central { width:69%; min-width:270px; max-width:876px; z-index:0; float:right; background-color:#57a0be; background-image:url(../../Resources/fd_central.png); background-repeat:no-repeat; overflow:visible }
#fdpoolsup.f-ms { background-color:transparent }
#intro.f-ms { background-image:url(../../Resources/fd_angle-central.png) }
#presentation { width:63%; z-index:0; float:left; clear:both; padding:2% 2% 2% 5%; background-color:#57a0be; overflow:visible }
#item4 { width:19%; min-height:280px; min-width:160px; z-index:0; float:right; margin-left:1%; margin-right:5%; margin-bottom:5%; background-color:#57a0be; overflow:visible }
#multimedias2 { left:0px; top:0px; width:160px; height:26px; overflow:visible }
#internet2 { left:0px; top:37px; width:160px; height:26px; overflow:visible }
#item1d2 { left:0px; top:107px; width:160px; height:26px; overflow:visible }
#item1e2 { left:0px; top:142px; width:160px; height:30px; overflow:visible }
#reference { width:20%; min-height:290px; z-index:0; float:left; clear:left; padding:2%; margin-bottom:4%; overflow:visible }
#InnovationDGE { width:92.75%; max-width:160px; vertical-align:top; margin:0px auto; overflow:hidden }
#item1 { width:20%; min-height:290px; z-index:0; float:left; padding:2%; margin-bottom:4%; overflow:visible }
#InnovationBPI { width:92.75%; max-width:160px; vertical-align:top; margin:0px auto; overflow:hidden }
#item2 { width:20%; min-height:290px; z-index:0; float:left; padding:2%; margin-bottom:4%; overflow:visible }
#InnovationINPI { width:92.75%; max-width:160px; vertical-align:top; margin:0px auto; overflow:hidden }
#item3 { width:20%; min-height:290px; z-index:0; float:left; padding:2%; margin-bottom:4%; overflow:visible }
#InnovationCCI { width:92.75%; max-width:160px; vertical-align:top; margin:0px auto; overflow:hidden }
#fdpoolinf.f-ms { background-color:transparent }
#MenuCSS1 { 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:#003366; text-decoration:none; padding:3px 5px 3px 5px }
#fwNav1 .fwFirstChild { border-left:0 }
#fwNav1 .fwLastChild { border-right:0 }
#fwNav1 .fwNavItem a:hover, #fwNav1 .fwNavItem span a:hover, #fwNav1 .fwNavItem a:focus { color:#FF00FF; text-decoration:none }
#fwNav1 .fwNavItem a:active { color:#FF00FF; text-decoration:none }
#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 }
#fwNav1 .fwNavItem a.fwCurrent, #fwNav1 .fwNavItem a.fwCurrent:hover { display:block; color:#FF00FF; font-weight:bold }
* html #fwNav1 { float:left }
* html #fwNav1 .fwNavItem a { float:left; height:1% }
@media screen and (max-width:1024px)
{
	#central { width:68% }
	#presentation { width:60% }
}
@media screen and (max-width:900px)
{
	#central { width:64%; max-width:1000px }
	#presentation { width:58% }
	#item4 { width:20.13%; margin-right:1% }
}
@media screen and (max-width:768px)
{
	#central { width:70% }
	#presentation { width:50% }
	.fwNavContainer1 { display:none; position:fixed; width:100%; top:0; right:0; bottom:0; left:100%; margin-right:-100%; background-color:#FFDE10; -webkit-overflow-scrolling:touch; overflow:auto; float:none; -webkit-transition:.2s ease-out margin, .2s ease-out left; -moz-transition:.2s ease-out margin, .2s ease-out left; -ms-transition:.2s ease-out margin, .2s ease-out left; -o-transition:.2s ease-out margin, .2s ease-out left; transition:.2s ease-out margin, .2s ease-out left }
	#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('../../Resources/Menu-close.png'); margin:20px auto 20px auto }
	.fwNavContainer1.fwMenuOn { margin-right:0; left:0 }
}
@media screen and (max-width:599px)
{
	#Studiodecreation { float:none; margin-left:auto; margin-right:auto }
	#presentation { width:93% }
	#item4 { float:none; clear:right; margin-left:auto; margin-right:auto }
	#reference { width:46% }
	#item1 { width:46% }
	#item2 { width:46% }
	#item3 { width:46% }
}
@media screen and (max-width:480px)
{
	#central { width:65% }
	#reference { width:96%; min-height:0px; float:none; clear:none; margin-left:auto; margin-right:auto; margin-bottom:0px }
	#item1 { width:96%; min-height:0px; float:none; margin-left:auto; margin-right:auto; margin-bottom:0px }
	#item2 { width:96%; min-height:0px; float:none; margin-left:auto; margin-right:auto; margin-bottom:0px }
	#item3 { width:96%; min-height:0px; float:none; margin-left:auto; margin-right:auto; margin-bottom:0px }
}
@media screen and (max-width:414px)
{
	#central { width:auto; min-width:0px }
}
@media screen and (max-width:375px)
{
	#item4 { width:16% }
}