html, body { padding: 0; margin: 0; overflow-x: hidden; background-color: #F6F6F6 }
/* background-color: #eaeaea */
.page { overflow: hidden }
.js .page { opacity : 0; -moz-opacity : 0; -ms-filter: "alpha(opacity=0)"; filter : alpha(opacity=0); visibility: hidden }
footer { width: 100%; height: 2em }
.hide { opacity : 0; -moz-opacity : 0; -ms-filter: "alpha(opacity=0)"; filter : alpha(opacity=0) }
.shadow { -moz-box-shadow: 0px 0px 10px #9d9d9d; -webkit-box-shadow: 0px 0px 10px #9d9d9d; box-shadow: 0px 0px 10px #9d9d9d }
.shadowfocus { -moz-box-shadow: 0px 0px 10px #000000; -webkit-box-shadow: 0px 0px 10px #000000; box-shadow: 0px 0px 10px #000000; background-color: #f6f6f6 }
a { text-decoration: none; color: #000 }
section, article, aside, footer, header, nav, hgroup { display: block }
strong { font-weight: normal }
img { border-width: 0 }
details, summary { display: none }
h1, h2, h3, h4, h5 { margin: 0; font-weight: normal }
@font-face {
font-family: 'Amaranth-Bold';
font-style: normal;
src: url('../css/polices/amaranth-bold/Amaranth-Bold-webfont.eot');
src: url('../css/polices/amaranth-bold/Amaranth-Bold-webfont.eot') format('embedded-opentype'),
url('../css/polices/amaranth-bold/Amaranth-Bold-webfont.woff') format('woff'),
url('../css/polices/amaranth-bold/Amaranth-Bold-webfont.ttf') format('truetype'),
url('../css/polices/amaranth-bold/Amaranth-Bold-webfont.svg#Amaranth-Bold') format('svg') }
@font-face {
font-family: 'latin-modern-sans';
font-style: normal;
font-weight: normal;
src: url('../css/polices/latin-modern-sans/lmsans10-regular-webfont.eot');
src: url('../css/polices/latin-modern-sans/lmsans10-regular-webfont.eot') format('embedded-opentype'),
url('../css/polices/latin-modern-sans/lmsans10-regular-webfont.woff') format('woff'),
url('../css/polices/latin-modern-sans/lmsans10-regular-webfont.ttf') format('truetype'),
url('../css/polices/latin-modern-sans/lmsans10-regular-webfont.svg#latin-modern-sans') format('svg') }
.fade10 { transition: opacity 1s ease; -moz-transition: opacity 1s ease; -webkit-transition: opacity 1s ease; -o-transition: opacity 1s ease }
.fade3 { transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease }
.fade6 { transition: opacity 0.6s ease; -moz-transition: opacity 0.6s ease; -webkit-transition: opacity 0.6s ease; -o-transition: opacity 0.6s ease }
.shadowfade { transition: box-shadow 0.3s ease, background-color 0.3s ease; -moz-transition: -moz-box-shadow 0.3s ease, background-color 0.3s ease;
-webkit-transition: -webkit-box-shadow 0.3s ease, background-color 0.3s ease; -o-transition: box-shadow 0.3s ease, background-color 0.3s ease; }
.bgcolorfade { transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -webkit-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease }
.moves6 { transition: all 0.6s ease; -moz-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease }
.loadpage { position: absolute; top: 20%; left: 50%; margin-left: -24px; margin-top: -24px }
.header { position: fixed; top: 0; left: 0; height: 100%; width: 14em; z-index: 100 }
.logo img { width: 80%; margin-left: 5%; margin-top: 3em } .logo { display: block }
.menu ul { list-style-type: none; padding: 0; width: 80%; margin-left: 10%; font-family: 'Amaranth-Bold', sans-serif } .menu li { text-align: left; margin-bottom: 7.5px } .menu li a { text-align: center }
.menu a { display: block; background-color: #0A0B33; font-size: 1.2em; padding-top: 4px; padding-bottom: 4px; color: #333B43; color: #fff; cursor: pointer;
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }
#menuinfo_0 { width: 84px } #menuinfo_1 { width: 140px } #menucontact_4 { width: 84px } #menureal_2 { width: 120px } #menuvideo_3 { width: 105px }
.search { margin-top: 1em; margin-left: 2.5% } .searchok { width: 15%; margin-left: 1% }
.searching { width: 60%; text-align: center; color: #888; padding: 0.25em; border: 1px solid #0A0B33; font-size: 1.1em; vertical-align: middle }
.searchresults { margin-left: 2.5%; width: 58.5%; text-align: center; color: #888; padding: 0.25em; font-size: 1.1em; vertical-align: middle }
.searchresults ul { list-style-type: none; margin: 0; padding: 0; width: 100% }
.searchresults li { height: auto; background-color: #060723; color: #fff; margin-bottom: 0.4em; font-family: 'latin-modern-sans', sans-serif; font-weight: bold;
opacity : 0.75; -moz-opacity : 0.75; -ms-filter: "alpha(opacity=75)"; filter : alpha(opacity=75); padding-bottom: 4px; cursor: pointer;
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }
.mobi2 { display: none }
.present { position: relative; width: 100%; margin: auto } .presentimg { width: 100% }
.accroc { width: 80%; position: absolute; left: 10%; height: auto; text-align: center; font-family: 'Amaranth-Bold', sans-serif; padding: 0.5em; padding-left: 1.5em; margin-left: -1em }
.txtPresent { font-size: 1.1em; color: #333B43; margin: auto }
.headspace { width: 78.75em; margin-left: 12.5em; height: 4em; background-color: #F6F6F6; z-index: 20; position: relative; margin-top: -1.5em }
.pageTopLeft { position: absolute; left: 0; height: 11.5em; width: 0.938em; top: 0.5em; left: -0.938em }
.pageTopRight { position: absolute; right: 0; height: 11.5em; width: 0.938em; top: 0.5em; right: -0.938em }
.content { height: auto; width: 73.938em; margin-left: 14.5em; padding: 0.5em }
.bottompage { width: 100%; text-align: center; color: #808080; font-size: 0.8em; height: 3em }
.js .bottompage { opacity : 0; -moz-opacity : 0; -ms-filter: "alpha(opacity=0)"; filter : alpha(opacity=0); visibility: hidden }
/* Page 0 */
.infotitle { width: 80%; margin: auto; color: #004152; font-size: 1.1em; text-align: center; font-family: 'Amaranth-Bold', sans-serif; padding-top: 0.25em; padding-bottom: 0.25em }
.links { float: left } .related { float: right } .links a { cursor: pointer } .extramod a { cursor: pointer }
.links, .related { width: 26.625em; text-align: center; height: 15.875em; font-family: 'latin-modern-sans', sans-serif; font-size: 1.1em; color: #333B43; padding: 0.4em }
.home { position: relative; width: 100%; height: 22em; margin-top: 3em }
.home ul { list-style-type: none; margin: 0; padding: 0; padding-top: 0.5em; text-align: left } .home a { text-decoration: underline }
.home li { margin-bottom: 0.75em } .links ul { width: 86%; margin: auto } .related ul { width: 94%; margin: auto }
.home footer { position: absolute; bottom: 0; left: 0; width: 100%; height: 0.2em; border-bottom: 0.1em solid #D3D3D3 }
/* */
/* Page 1 */
.info { position: relative; width: 100%; height: 64em } .info a { text-decoration: underline }
.info h3 { color: #004152; font-size: 1.17em; font-family: 'Amaranth-Bold', sans-serif; width: 80%; margin: auto }
.info footer { position: absolute; bottom: 0; left: 0; width: 100%; height: 0.2em; border-bottom: 0.1em solid #D3D3D3 }
.inforeal { width: 44.3628em; margin: auto; margin-top: 1.5em; text-align: left; font-family: 'latin-modern-sans', sans-serif; font-size: 1.1em;
color: #333B43; padding: 0.4em; padding-left: 1.2em } .inforeal p a { cursor: pointer }
.extramod { text-align: center }
.infoentreprise { width: 44.3628em; margin: auto; margin-top: 2em; text-align: left; font-family: 'latin-modern-sans', sans-serif; font-size: 1.1em; color: #333B43; padding: 0.4em }
/* Page 2 */
.real { position: relative; width: 100%; height: 70em; margin-top: 0.75em; overflow: hidden }
.real footer { position: absolute; bottom: 0; left: 0; width: 100%; height: 0.2em; border-bottom: 0.1em solid #D3D3D3 }
.realtitle { color: #004152; font-size: 1.17em; font-family: 'Amaranth-Bold', sans-serif; width: 80%; margin: auto; margin-top: 0.5em }
.real h4 { color: #333B43; font-size: 1.05em; font-weight: bold; font-family: 'latin-modern-sans', sans-serif; width: 48.3628em; margin: auto; margin-bottom: 1em; text-align: left; text-decoration: underline }
.realgal ul { width: 48.3628em; height: 24em; margin: 0 auto; padding: 0; list-style-type: none; margin-top: 1em; margin-bottom: 1em; text-align: center; position: relative }
.realgal li { float: left; margin-left: 1.2em; margin-bottom: 1.5em; width: 8.4em; height: 6.4em; cursor: pointer; position: relative; background-color: #070724 }
.realgal img { width: 8em; height: 6em; position: absolute; z-index: 10; left: 0.2em; top: 0.2em }
.bgmod { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #333B43; opacity : 0.5; -moz-opacity : 0.5; -ms-filter: "alpha(opacity=50)"; filter : alpha(opacity=50); z-index: 30 }
#plaisance { height: 15.2em } #peche { height: 15.8em; position: relative } #autre { height: 7.7em }
.modtitle { display: block; position: absolute; bottom: -1.25em; left: 0; background-color: #070724; color: #fff; width: 100%; height: auto;
padding-bottom: 0.1em; padding-top: 0em; font-family: 'Amaranth-Bold', sans-serif; z-index: 120; font-size: 1em }
.model { display: none }
.ariane { position: relative; color: #333B43; font-size: 1.05em; font-family: 'latin-modern-sans', sans-serif; width: 48.3628em; margin: auto; height: 1.6em } .ariane h4 { cursor: pointer }
.model h4 { position: absolute } .model #modh4 { left: 8.5em; text-decoration: none; font-size: 1.2em } .model #listmodh4 a { color: #333B43; cursor: pointer }
.modcarac { width: 48.3628em; height: 15em; margin: auto; position: relative; margin-top: 0.5em;
-moz-box-shadow: 0px 0px 5px #808080; -webkit-box-shadow: 0px 0px 5px #808080; box-shadow: 0px 0px 5px #808080; background-color: #f9f9f9; }
.modcarac ul { list-style-type: none; overflow: hidden } .modcarac li { position: relative; width: 80%; margin-bottom: 0em } .modcarac .carac span { float: right } .modcarac a { color: #333B43 }
.modcarac .carac { position: absolute; width: 50%; height: 96%; border-right: 1px solid #808080; left: 0; top: 2%; font-size: 1.05em; font-family: 'latin-modern-sans', sans-serif }
.modcarac .equip { position: absolute; width: 50%; height: 96%; right: 0; top: 2%; font-size: 0.95em; font-family: 'latin-modern-sans', sans-serif } .modcarac .equip h5 { margin-top: 2px }
.modcarac h5 { width: 100%; text-align: center; font-size: 1.1em; font-family: 'latin-modern-sans', sans-serif; text-decoration: underline }
.modgal { width: 48.3628em; height: 35.8em; margin: auto; text-align: center; margin-bottom: 0.5em; position: relative; overflow: hidden;
-moz-box-shadow: 0px 0px 20px #808080; -webkit-box-shadow: 0px 0px 20px #808080; box-shadow: 0px 0px 20px #808080; background-color: #f9f9f9;
-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px }
.modgal ul { margin: 0; padding: 0; list-style-type: none; width: 100%; height: 578px; position: relative }
.modgal li { width: 230px; height: 173px; margin-top: 14px; margin-left: 21px; float: left; position: relative }
.modgal li img { width: 100%; height: 100%; position: absolute; left: 0; top: 0 }
.loadgal { position: absolute; width: 48px; height: 48px; left: 50%; margin-left: -24px; top: 40%; margin-top: -24px }
.modgalmenu { width: 48.3628em; height: 1.5em; margin: auto; margin-bottom: 0.5em; position: relative; text-align: center }
.modgalindic { font-size: 1.1em; padding: 0.1em; font-family: 'latin-modern-sans', sans-serif } .modgalindic a { margin-left: 0.4em; margin-right: 0.4em; color: #333B43 } .modgalindic img { margin-bottom: -0.1em; cursor: pointer }
.modname { width: 100%; text-align: center; font-family: 'Amaranth-Bold', sans-serif; font-size: 1.25em; color: #333B43 }
/* Page 3 */
.linkvideo { display: block; position: absolute; z-index: 100; width: 100%; height: 100%; top: 0; left: 0; display: none }
.video { position: relative; width: 100%; height: 54em; margin-top: 1.5em }
.video h3 { color: #004152; font-size: 1.3em; font-family: 'Amaranth-Bold', sans-serif; width: 100%; margin: auto }
.video footer { position: absolute; bottom: 0; left: 0; width: 100%; height: 0.2em; border-bottom: 0.1em solid #D3D3D3 }
.videomenu { width: 48.3628em; margin: auto; height: 16em }
.videomenu ul { width: auto; margin: 0; padding: 0; list-style-type: none; margin-top: 1.5em; height: auto }
.videomenu li { float: left; margin-left: 2em; position: relative; width: 20em; margin-bottom: 1em; padding: 0.5em; padding-bottom: 0.3em; cursor: pointer }
.vid { -moz-box-shadow: 0px 0px 10px #808080; -webkit-box-shadow: 0px 0px 10px #808080; box-shadow: 0px 0px 10px #808080 }
.videomenu li img { width: 7em } .videomenu h4 { position: absolute; right: 1em; top: 0.25em; font-size: 1.2em; color: #333B43; font-weight: bold }
.videomenu h5 { color: #808080; font-weight: 1em; position: absolute; bottom: 1em; right: 0.5em; width: 14.5em }
.videoplayer { width: 48.3628em; margin: auto; height: 25em } .videoplayer iframe { width: 100%; height: 100%; background-color: #F6F6F6 }
/* Page 4 */
.contact { position: relative; width: 100%; height: 55em; margin-top: 1.5em }
.contact h3 { color: #004152; font-size: 1.3em; font-family: 'Amaranth-Bold', sans-serif; width: 80%; margin: auto; padding-left: 6em }
.contact footer { position: absolute; bottom: 0; left: 0; width: 100%; height: 0.2em; border-bottom: 0.1em solid #D3D3D3 }
.contactform form { width: 48.3628em; margin: auto; height: auto; padding: 1em; text-align: center }
.contactform input { font-size: 1em; border: 1px solid #000; width: 9em; text-align: center; color: #808080; margin-left: 1em;
padding-left: 0.5em; padding-right: 0.5em; padding-top: 0.25em; padding-bottom: 0.25em; background-color: #fff; font-family: arial, verdana, sans-serif }
.contactform h4 { color: #333B43; font-size: 1.1em; font-family: 'Amaranth-Bold', sans-serif; width: 100%; text-align: left; margin-top: 0.5em; margin-bottom: 0.5em }
.contactform h4 a { text-decoration: underline; font-size: 0.8em } .contactform h4 span { color: red; font-size: 0.8em }
.contactform textarea { width: 96%; height: 8em; background-color: #fff; border: 1px solid #000; font-family: arial, verdana, sans-serif; font-size: 1em; padding: 0.25em }
.contactform .submitform { width: 100%; text-align: right }
#submit { width: 6.5em; border-width: 0 }
.contactform .objectform { width: 100%; text-align: left }
#object { width: 11em; margin-left: 0; margin-bottom: 0.4em }
.contactmap { margin-top: 1.5em }
.contactmap .mapimg { width: 43.52em; height: 23.375em; margin: auto; position: relative; margin-top: 0.2em }
.contactmap .mapimg img { position: absolute; left: 0; top: 0; width: 100%; border: 1px solid #789; padding: 0.25em; padding-left: 0.35em }
.contactmap ul { margin: 0 auto; padding: 0; list-style-type: none; width: 43.25em; margin-top: 0.75em; margin-bottom: 0.25em; padding-left: 10em }
.contactmap li { margin-bottom: 0.2em; color: #333B43; font-size: 1.1em; font-family: 'latin-modern-sans', sans-serif; font-weight: bold } .contactmap li img { width: 1em }
.mapmenu { width: 43.52em; text-align: right; font-size: 1em; font-family: 'latin-modern-sans', sans-serif; height: auto; margin: auto }
.mapmenu a { text-decoration: underline; cursor: pointer }