@import url(http://fonts.googleapis.com/css?family=PT+Sans);
@import url(http://fonts.googleapis.com/css?family=Signika+Negative:400,600,700,300);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,900,300,200);
h1, h2, h3, h4 { line-height: 1em; font-weight: normal; font-family: "PT Sans", Arial, sans-serif; }

h1 { font-size: 38px; }

h3 { margin: 0; font-size: 24px; }

body.resonova h1, body.resonova div.titre-screen, body.resonova h2, body.resonova div.etape h2, body.resonova h3, body.resonova div.screen h3 { font-family: "Source Sans Pro", Arial, sans-serif; }
body.resonova h1, body.resonova div.titre-screen { font-size: 60px; color: #13a3d8; font-weight: 200; text-transform: uppercase; position: relative; margin: 0 0 20px; text-align: center; line-height: 1em; }
body.resonova h1:after, body.resonova div.titre-screen:after { content: ''; width: 40%; height: 1px; background: #cccccc; display: block; margin: 20px auto; }
body.resonova h2 { color: #000000; font-size: 30px; font-weight: 500; margin: 0 0 23px 0; line-height: 1.2em; }
body.resonova h3, body.resonova div.screen h3 { font-size: 18px; background: url(../img/resonova/fleche-h3.png) no-repeat left 2px; font-weight: 500; text-align: left; padding: 0 0 0 15px; margin: 0 0 20px 0; color: #000000; }

.clearfix, #lien_inscription, .bloc, #footer_wrapper { zoom: 1; }
.clearfix:before, #lien_inscription:before, .bloc:before, #footer_wrapper:before, .clearfix:after, #lien_inscription:after, .bloc:after, #footer_wrapper:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after, #lien_inscription:after, .bloc:after, #footer_wrapper:after { clear: both; }

html, body { margin: 0; padding: 0; }

body { color: #333333; font-family: "Source Sans Pro", sans-serif; font-size: 13px; line-height: 1.5; background: url("../img/bg_fond.gif") repeat top left; }

.print { display: none; }

/* HTML5 tags */
/*------------*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

/* soft reset */
/*------------*/
html, body, blockquote, ul, ol, form { margin: 0; padding: 0; }

/* Basics elements */
/*-----------------*/
ul, ol { padding-left: 2em; }

a { outline: none; text-decoration: none; color: #F56F15; }

a:hover { text-decoration: underline; }

a img { border: 0; }

.clearfloat { clear: both; }

.clearfix:after, #lien_inscription:after, .bloc:after, #footer_wrapper:after { content: '.'; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.clearfix, #lien_inscription, .bloc, #footer_wrapper { display: inline-block; }

html[xmlns] .clearfix, html[xmlns] #lien_inscription, html[xmlns] .bloc, html[xmlns] #footer_wrapper { display: block; }

* html .clearfix, * html #lien_inscription, * html .bloc, * html #footer_wrapper { height: 1%; }

.nobullet { list-style-type: none; margin: 0; padding: 0; }

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, p:first-child { margin-top: 0; }

h1, h2, h3, h4 { line-height: 1.2em; }

p:last-child { margin-bottom: 0; }

img, table, td, blockquote, code, pre, textarea, input, object, embed, video { max-width: 100%; height: auto; }

code, pre, samp { white-space: pre-wrap; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* Formulaires */
/*-------------*/
form, fieldset { border: none; }

input, button, select { vertical-align: middle; /* @bugfix alignment */ }

/* haslayout for IE6/IE7 */
.ie7 .clearfix, .ie7 #lien_inscription, .ie7 .bloc, .ie7 #footer_wrapper, .ie7 .line, .ie7 .mod, .ie7 .row, .ie7 .col { zoom: 1; }

/* inline-block and table-cell for IE6/IE7 */
/* warning : .col needs width on IE6/IE7 */
.ie7 .btn, .ie7 .col, .ie7 .inbl { display: inline; zoom: 1; }

.ie8 img { width: auto; }

/* @bugfix for IE8 */
/* Global containers */
/*-------------------*/
#globalcontainer { margin: 0 auto; width: 995px; position: relative; }

#content #page_contexts { font-size: 0.8em; }

#content #page_contexts span { font-style: italic; }

/* Content */
/*--------*/
.separateur { background: url("../img/separateur.png") no-repeat bottom center; padding: 0 0 25px 0; margin: 0 0 25px 0; }

h1#pagename { font-size: 25px; margin: 0 0 10px 0; }

#content_wrapper { width: 608px; float: left; }
#content_wrapper ul { margin: 0; padding: 0 0 0 13px; list-style-image: url("../img/puce.png"); }

#classique #content_wrapper { width: 100%; }

#content_wrapper2 { width: 280px; float: left; font-size: 14px; }

#content { width: 100%; padding: 87px 0 0 0; border-bottom: 1px dotted #cccccc; }

/*Mise en Avant*/
#mea h1 { text-align: center; font-family: "Signika Negative", Arial; font-size: 48px; font-weight: 300; }
#mea h1 span { color: #f58f00; font-size: 82px; font-weight: 500; vertical-align: top; }

#meas { width: 100%; }

#meas .mea_item { float: left; width: 48%; margin: 0 0 20px 0; }

#meas .mea_item:nth-child(2n+1) { margin: 0 20px 20px 0; }

#meas .mea_img { width: 118px; float: left; margin: 0 22px 0 0; }

#meas .mea_desc { float: left; width: 284px; font-family: "Signika Negative", Arial; }
#meas .mea_desc .titre { font-size: 24px; font-weight: 500; }
#meas .mea_desc span { font-weight: bold; }
#meas .mea_desc p { font-family: Arial; margin: 0; color: #818181; font-size: 14px; }
#meas .mea_desc p .puce_mea { display: inline-block; height: 13px; width: 20px; background: url("../img/puce_mea.png") no-repeat; vertical-align: middle; }

/*confiance*/
#confiance { padding: 0 0 35px 0; }
#confiance h2 { color: #000000; font-family: "Signika Negative", Arial; text-align: center; font-size: 48px; font-weight: 300; margin: 0 0 25px 0; }

/*Inscription*/
#lien_inscription { width: 100%; text-align: center; }
#lien_inscription p { display: inline-block; padding: 0 45px; margin: 0; }

/*Screen one pager*/
div.screen { width: 100%; padding: 20px 40px; margin: 0 0 56px 0; font-size: 14px; }

div.screen h3 { font-family: "Signika Negative", Arial; text-align: center; font-size: 48px; color: #000000; margin: 0 0 40px 0; }
div.screen h3.titreWithNombre { font-size: 26px; text-align: left; }
div.screen h3.titreWithNombre span { color: #9097B7; font-size: 36px; font-weight: normal; }

#menu_top { position: fixed; width: 995px; background: #CCCCCC; border: 1px solid #cccccc; padding: 10px; }

#menu_top ul { list-style-type: none; margin: 0; padding: 0; }

#menu_top li { float: left; margin: 0 5px; }

#menu_top li a { display: block; background: #EEEEEE; padding: 10px; }

#menu_top li.on a { background: #555555; color: #FFFFFF; }

/*Etape*/
div.etape { width: 100%; margin: 0 0 40px 0; }
div.etape h2 { font-family: "Signika Negative"; font-size: 26px; }
div.etape h2 strong { font-size: 36px; color: #9097b7; font-weight: normal; }

div.etape.last { background: none !important; padding: 0; }

div.etape .cell_text { width: 495px; float: left; }

div.etape .cell_img { width: 420px; float: right; text-align: center; }

div.etape.pair .cell_text { float: right; }

div.etape.pair .cell_img { float: left; }

/*bloc*/
.bloc { display: block; background: #ffffff; padding: 44px 39px; border-radius: 3px; -webkit-box-shadow: 0px 0px 4px 2px #bbc5cc; -o-box-shadow: 0px 0px 4px 2px #bbc5cc; box-shadow: 0px 0px 4px 2px #bbc5cc; margin: 0 0 30px 0; }

.bloc_first { background: #25272b; -webkit-box-shadow: 0 4px 4px 1px #bbc5cc; -o-box-shadow: 0 4px 4px 1px #bbc5cc; box-shadow: 0 4px 4px 1px #bbc5cc; color: #FFFFFF; }

#solution h1 { margin: 20px 0 30px 0; font-family: "Signika Negative", Arial; font-weight: 300; }
#solution #content_wrapper { padding: 0 85px 0 0px; margin-top: 0px !important; }
#solution #content_wrapper iframe { width: 100%; }
#solution #content_wrapper2 { padding: 0 40px 0 0; }

.only_smartphone { display: none; }

.no_smartphone { display: block; }

/*nav button*/
#nav_button { background: #4f5254; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRmNTI1NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMTM0MzciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #4f5254 0%, #313437 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4f5254), color-stop(100%, #313437)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #4f5254 0%, #313437 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #4f5254 0%, #313437 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #4f5254 0%, #313437 100%); /* IE10+ */ background: linear-gradient(to bottom, #4f5254 0%, #313437 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f5254', endColorstr='#313437', GradientType=0); /* IE6-8 */ position: fixed; top: 40%; right: 19%; width: 40px; padding: 10px; border-radius: 5px 0 0 5px; }
#nav_button span { position: absolute; top: -5px; right: 0; background: url("../img/corner_nav.png") no-repeat top right; width: 9px; height: 5px; display: block; }

#nav_button a { display: block; margin: 10px 0; background-image: url("../img/sprite_nav_button.png"); background-position: -1px -82px; background-repeat: no-repeat; width: 22px; height: 14px; }

#nav_button a.active, #nav_button a:hover { background-position: -1px -64px; }

#nav_button a.goToTop { background-position: -1px -14px; height: 22px; }

#nav_button a.goToBottom { background-position: -1px -123px; height: 22px; }

/*SITE RESONOVA*/
body.resonova { font-size: 16px; color: #666666; background: none; /*Screen one pager*/ /*MEA*/ /*tableau formules*/ }
body.resonova p { font-size: 16px; color: #666666; }
body.resonova a { color: #42B5E8; }
body.resonova .bloc { border-radius: 0; box-shadow: none; }
body.resonova .button, body.resonova #form_submit { border: none; display: inline-block; background: #42b5e8; color: #ffffff; font-weight: 500; font-size: 18px; border-radius: 2px; padding: 10px; margin: 40px 0 0 0; text-decoration: none; -moz-box-shadow: inset -1px -1px 1px 0px #0296cc; -webkit-box-shadow: inset -1px -1px 1px 0px #0296cc; -o-box-shadow: inset -1px -1px 1px 0px #0296cc; box-shadow: inset -1px -1px 1px 0px #0296cc; filter: progid:DXImageTransform.Microsoft.Shadow(color=#0296cc, Direction=315, Strength=1); }
body.resonova .button:hover, body.resonova #form_submit:hover { background: #5EC4E9; }
body.resonova #form_submit { background: #D22C28; -moz-box-shadow: inset -1px -1px 1px 0px #790000; -webkit-box-shadow: inset -1px -1px 1px 0px #790000; -o-box-shadow: inset -1px -1px 1px 0px #790000; box-shadow: inset -1px -1px 1px 0px #790000; }
body.resonova #form_submit:hover { background: #E83434; }
body.resonova .button-solution { padding: 10px 15px; }
body.resonova .button-demo { margin: 20px 0 0 0; box-shadow: none; background: #ef960d url(../img/resonova/demo-off.png) no-repeat; background-position: 96% center; padding: 10px 42px 10px 15px; -moz-box-shadow: inset -1px -1px 1px 0px #be6f01; -webkit-box-shadow: inset -1px -1px 1px 0px #be6f01; -o-box-shadow: inset -1px -1px 1px 0px #be6f01; box-shadow: inset -1px -1px 1px 0px #be6f01; }
body.resonova .button-demo:hover { background: #ffb138 url(../img/resonova/demo-on.png) no-repeat; background-position: 95% center; }
body.resonova .separateur { padding: 0 0 50px; }
body.resonova #globalcontainer { width: 100%; }
body.resonova #content #content_wrapper { margin: 0 !important; }
body.resonova #content #content_wrapper ul { list-style-image: url("../img/resonova/puce.png"); }
body.resonova .fullwidth { width: 990px !important; margin: 0 auto; position: relative; }
body.resonova .icon { display: inline-block; vertical-align: middle; }
body.resonova .icon-tel { width: 25px; height: 24px; background: url("../img/resonova/icone-tel.png") no-repeat; margin: 0 10px 0 0; }
body.resonova#home div#slide_1 { height: 479px; }
body.resonova#home div#slide_1 .fullwidth { height: 100%; }
body.resonova#home div#slide_1 h1 { font-size: 60px; color: #ffffff; font-weight: 500; line-height: 0.6em; text-transform: none; }
body.resonova#home div#slide_1 h1 span { display: inline-block; padding: 5px 10px; background: rgba(0, 0, 0, 0.8); line-height: 1em; }
body.resonova#home div#slide_1 h1 span.sousbaseline { font-size: 36px; line-height: 1em; }
body.resonova#home div#slide_1 h1:after { display: none; }
body.resonova#home div#slide_1 div.content-slide { text-align: right; position: absolute; right: 0; bottom: 0; }
body.resonova#home div.screen { padding: 35px 40px; }
body.resonova div.screen { padding: 60px 40px; margin: 0; font-size: 16px; color: #666666; }
body.resonova div.screen.bloc, body.resonova div.screen #lien_inscription, body.resonova div.screen #footer_wrapper, body.resonova div.screen .clearfix, body.resonova div.screen #lien_inscription, body.resonova div.screen .bloc, body.resonova div.screen #footer_wrapper { display: block; }
body.resonova div.screen div.resume { text-align: center; font-style: italic; margin: 0 0 55px 0; }
body.resonova div.screen .screen-home .cell_text { float: left; width: 410px; }
body.resonova div.screen .screen-home .cell_img { float: right; width: 500px; }
body.resonova div.screen .screen-home.impair .cell_text { float: right; }
body.resonova div.screen .screen-home.impair .cell_img { float: left; }
body.resonova div.etape { margin: 0 0 50px 0; }
body.resonova div.etape .cell_text { width: 622px; }
body.resonova div.etape .cell_img { width: 332px; }
body.resonova div.etape .casPratique { background: #ffffff; border: 1px solid #dfdfdf; padding: 5px; }
body.resonova div.etape .casPratique a.lien_caspratique { color: #ed6530; font-weight: 500; font-size: 18px; display: block; margin: 0 0 5px 0; position: relative; }
body.resonova div.etape .casPratique a.lien_caspratique span.icon-flechecas { background: url(../img/resonova/fleche-caspratique.png) no-repeat; width: 9px; height: 16px; vertical-align: middle; margin: 0 10px 0 5px; transition: all 0.5s ease-in-out 0s; }
body.resonova div.etape .casPratique a.lien_caspratique.on span.icon-flechecas { transform: rotate(90deg); }
body.resonova div.etape .casPratique div.desc-caspratique { display: none; padding: 0 10px 10px; }
body.resonova div.etape.last { margin: 0; }
body.resonova div.etape.last.separateur { padding: 0; }
body.resonova #mea { background: #42b5e8; padding: 40px 0; }
body.resonova #mea #meas { display: block; text-align: center; }
body.resonova #mea #meas .mea:first-child { margin: 0 42px 0 0; }
body.resonova #mea #meas .mea:last-child { margin: 0 0 0 42px; }
body.resonova #mea #meas .mea { margin: 0 42px; display: inline-block; text-align: center; }
body.resonova #mea #meas .mea .mea_img, body.resonova #mea #meas .mea .mea_desc { margin: 0; float: none; width: auto; text-align: center; color: #ffffff; font-family: "Source Sans Pro", arial, sans-serif; }
body.resonova #mea #meas .mea .mea_desc .titre { font-size: 20px; font-weight: 500; }
body.resonova #mea #meas .mea .mea_img a, body.resonova #mea #meas .mea .mea_img span { border: 2px solid white; -webkit-border-radius: 83px; -moz-border-radius: 83px; border-radius: 83px; height: 162px; width: 162px; margin: 0 auto 10px; display: inline-block; padding: 47px 0 40px; }
body.resonova #mea #meas .mea .mea_img a:hover, body.resonova #mea #meas .mea .mea_img span:hover { background: #5fc6f4; }
body.resonova #mea #meas .mea a { color: #ffffff; }
body.resonova table.formules { border-collapse: collapse; }
body.resonova table.formules th { font-weight: 500; }
body.resonova table.formules td { padding: 10px; }
body.resonova table.formules td.lien { padding: 0; cursor: pointer; }
body.resonova table.formules td.lien span { display: block; height: 100%; }
body.resonova table.formules td.lien:hover { background: #66d0ff; }
body.resonova table.formules td.lien:hover a, body.resonova table.formules td.lien:hover span { color: white !important; text-decoration: none; }
body.resonova table.formules td.lien a { display: block; padding: 10px 0; }

/* Header */
/*--------*/
#headerwrapper { background: url("../img/bg_fond.gif") repeat scroll left top rgba(0, 0, 0, 0); height: 87px; left: 50%; margin-left: -505px; padding: 25px 0 0; position: fixed; width: 1010px; z-index: 1000; }

#header { width: 995px; height: 63px; color: #ffffff; background: grey; margin: 0 auto; border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; background: #29292a; /* Old browsers */ background: -moz-linear-gradient(top, #29292a 0%, black 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #29292a), color-stop(100%, black)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #29292a 0%, black 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #29292a 0%, black 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #29292a 0%, black 100%); /* IE10+ */ background: linear-gradient(to bottom, #29292a 0%, #000000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#29292a', endColorstr='#000000', GradientType=0); /* IE6-9 */ }

#sitename { position: absolute; top: 0; left: -20px; font-size: 35px; display: inline-block; z-index: 100; }

#header ul { margin: 17px 0 0 0; }

#header a, #header a:hover { color: #ffffff; text-decoration: none; }

#header #contexts { position: absolute; top: 0px; right: 0px; font-size: 0.8em; }

/*SITE RESONOVA*/
body.resonova #headerwrapper { background: #111111; /* Old browsers */ background: -moz-linear-gradient(top, #29292a 0%, black 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #29292a), color-stop(100%, black)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #29292a 0%, black 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #29292a 0%, black 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #29292a 0%, black 100%); /* IE10+ */ background: linear-gradient(to bottom, #29292a 0%, #000000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#29292A', endColorstr='#000000', GradientType=0); /* IE6-9 */ width: 100%; left: 0; margin: 0; padding: 0; }
body.resonova #headerwrapper #header { background: none !important; border-radius: 0; position: relative; height: 87px; padding: 25px 0 0 0; }
body.resonova #headerwrapper #sitename { top: 12px; }
body.resonova #headerwrapper .horizontal_menu ul#menu { margin-left: 300px; }
body.resonova #headerwrapper .horizontal_menu ul#menu li.lvl0 { padding: 0 8px; }
body.resonova #headerwrapper .horizontal_menu ul#menu li a, body.resonova #headerwrapper .horizontal_menu ul#menu li a.niveau1:hover, body.resonova #headerwrapper .horizontal_menu ul#menu li a.niveau1.active { font-family: "Source Sans Pro", arial, sans-serif; background: url("../img/resonova/fleche-menu.png") no-repeat scroll left 20px rgba(0, 0, 0, 0); }
body.resonova #headerwrapper .horizontal_menu ul#menu li a.niveau1, body.resonova #headerwrapper .horizontal_menu ul#menu li a.niveau1:hover.niveau1, body.resonova #headerwrapper .horizontal_menu ul#menu li a.niveau1.active.niveau1 { text-transform: uppercase; position: relative; margin: 0; }
body.resonova #headerwrapper .horizontal_menu ul#menu li.active a.niveau1, body.resonova #headerwrapper .horizontal_menu ul#menu li.on a.niveau1 body.resonova #headerwrapper .horizontal_menu ul#menu li.a:hover, body.resonova #headerwrapper .horizontal_menu ul#menu li:hover a.niveau1 { color: #38c9ff; }
body.resonova #headerwrapper .horizontal_menu ul#menu li.active a.niveau1 span, body.resonova #headerwrapper .horizontal_menu ul#menu li.on a.niveau1 body.resonova #headerwrapper .horizontal_menu ul#menu li.a:hover span, body.resonova #headerwrapper .horizontal_menu ul#menu li:hover a.niveau1 span { background: url(../img/resonova/fleche-bas-menu.png) no-repeat; position: absolute; bottom: 0; left: 50%; margin-left: -9px; width: 18px; height: 9px; }
body.resonova #headerwrapper .horizontal_menu ul#menu li.active.on .submenu-wrapper, body.resonova #headerwrapper .horizontal_menu ul#menu li.active .submenu-wrapper { display: block; }
body.resonova #headerwrapper .horizontal_menu .submenu-wrapper { background: #13A3D8; padding: 2px 0; height: 33px; left: 0; position: fixed; width: 100%; display: none; }
body.resonova #headerwrapper .horizontal_menu .submenu-wrapper ul.submenu { border-radius: 0; box-shadow: none; margin: 0 auto; text-align: center; background: none; position: absolute; padding: 0; top: 0; width: auto; }
body.resonova #headerwrapper .horizontal_menu .submenu-wrapper ul.submenu li.lvl1:last-child a:after { display: none; }
body.resonova #headerwrapper .horizontal_menu .submenu-wrapper ul.submenu li.lvl1 a { padding: 5px 8px 2px; position: relative; margin: 0; }
body.resonova #headerwrapper .horizontal_menu .submenu-wrapper ul.submenu li.lvl1 a:after { background: none repeat scroll 0 0 white; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; content: ""; height: 4px; position: absolute; right: -3px; top: 15px; width: 4px; }
body.resonova #headerwrapper .horizontal_menu ul#menu li.lvl1:hover a, body.resonova #headerwrapper .horizontal_menu ul#menu li.on li.lvl1.active a { border-bottom: none; color: #ffcb00; padding: 5px 8px 2px; }
body.resonova #headerwrapper ul#espace_client { background: #d22c28; width: auto; height: auto; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
body.resonova #headerwrapper ul#espace_client li { padding: 9px 10px 6px; }
body.resonova #headerwrapper ul#espace_client a { font-size: 14px; font-style: italic; padding: 0; font-family: "Source Sans Pro", arial, sans-serif; }
body.resonova #menu_mobile nav ul li a.niveau1 { background: url("../img/resonova/fleche-menu.png") no-repeat scroll 10px 18px rgba(0, 0, 0, 0); }

/** NOVIUS OS - Web OS for digital communication  @copyright  2011 Novius @license    GNU Affero General Public License v3 or (at your option) any later version http://www.gnu.org/licenses/agpl-3.0.html @link http://www.novius-os.org */
#header ul.menu a { font-family: "PT Sans", arial; color: #ffffff; display: block; padding: 12px 10px; font-size: 14px; }

#header ul.menu a:hover, #header ul.menu a.active { text-decoration: none; }

/** NOVIUS OS - Web OS for digital communication  @copyright  2011 Novius @license    GNU Affero General Public License v3 or (at your option) any later version http://www.gnu.org/licenses/agpl-3.0.html @link http://www.novius-os.org */
/** Base CSS for the template : left_menu */
#colleft { width: 200px; float: left; }

#colright { width: 680px; float: right; }

.vertical_menu ul#menu { border: 1px solid #eeeeee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.vertical_menu ul#menu li.lvl1 a { padding: 5px 5px 5px 20px; }

/** NOVIUS OS - Web OS for digital communication  @copyright  2011 Novius @license    GNU Affero General Public License v3 or (at your option) any later version http://www.gnu.org/licenses/agpl-3.0.html @link http://www.novius-os.org */
/** Base CSS for the template : top_menu */
.horizontal_menu { width: 100%; }

.horizontal_menu ul#espace_client { position: absolute; height: 103px; width: 114px; top: 0; margin: 0; right: 13px; background: url("../img/fond_secu.png") no-repeat top left; z-index: 110; }
.horizontal_menu ul#espace_client a { display: inline-block; text-align: center; font-size: 18px; text-transform: uppercase; line-height: 1em; padding: 33px 16px 33px 36px; font-family: "Signika Negative", arial, sans-serif; }
.horizontal_menu ul#espace_client form { display: none; position: absolute; top: 25px; right: 32px; width: 171px; font-family: "Signika Negative", arial, sans-serif; font-size: 12px; }
.horizontal_menu ul#espace_client input { padding: 3px 2px; margin: 0 0 2px 0; width: 100%; font-size: 12px; color: #262626; background: #ecd4d4; }
.horizontal_menu ul#espace_client button { background: none; border: none; text-align: right; cursor: pointer; text-decoration: underline; display: block; width: 100%; color: #ffffff; padding: 0; margin: 0; }
.horizontal_menu ul#espace_client .fermer { display: none; width: 20px; height: 27px; position: absolute; right: 4px; top: 34px; }

.horizontal_menu ul#espace_client.active { height: 103px; width: 298px; background: url("../img/fond_secu_on.png") no-repeat top left; }
.horizontal_menu ul#espace_client.active a { padding: 33px 11px 33px 18px; }
.horizontal_menu ul#espace_client.active form { display: inline-block; }
.horizontal_menu ul#espace_client.active .fermer { display: inline-block; padding: 0; }

.horizontal_menu ul#menu { float: left; margin-left: 225px; font-weight: 400; }

.horizontal_menu ul#menu a { background: url("../img/fleche_menu.png") no-repeat left 20px; padding: 12px 7px 12px 15px; margin: 0 8px 0 0; }

.horizontal_menu ul#menu li:hover a.niveau1, .horizontal_menu ul#menu li.active a.niveau1 { background: #7b7e80; background: -moz-linear-gradient(top, #7b7e80 0%, #2f3235 51%, #2f3235 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7b7e80), color-stop(51%, #2f3235), color-stop(100%, #2f3235)); background: -webkit-linear-gradient(top, #7b7e80 0%, #2f3235 51%, #2f3235 100%); background: -o-linear-gradient(top, #7b7e80 0%, #2f3235 51%, #2f3235 100%); background: -ms-linear-gradient(top, #7b7e80 0%, #2f3235 51%, #2f3235 100%); background: linear-gradient(to bottom, #7b7e80 0%, #2f3235 51%, #2f3235 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b7e80', endColorstr='#2f3235', GradientType=0); }

.horizontal_menu ul li { float: left; }

.horizontal_menu ul.submenu { position: absolute; left: 8px; width: 995px; background: #2f3235; display: none; margin: 0 !important; padding: 10px 10px 0 217px; border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; -webkit-box-shadow: 0px 3px 2px 0px #040505; -o-box-shadow: 0px 3px 2px 0px #040505; box-shadow: 0px 3px 2px 0px #040505; }

.horizontal_menu ul li:hover ul.submenu, .horizontal_menu ul li.lvl0.active ul.submenu { display: block; }

.horizontal_menu ul#menu li.lvl1 { display: inline-block; float: none; }

.horizontal_menu ul#menu li.lvl1 a { padding: 5px 10px; background: none; position: relative; }

.horizontal_menu ul#menu li.lvl1:hover a, .horizontal_menu ul#menu li.on li.lvl1.active a { background: #ffffff; color: #000000; border-bottom: 3px solid #f67916; padding: 5px 10px 2px; }

.horizontal_menu ul#menu li.lvl1:hover a span, .horizontal_menu ul#menu li.on li.lvl1.active a span { display: block; position: absolute; width: 19px; height: 9px; bottom: -12px; left: 50%; margin-left: -9px; background: url("../img/fleche_bas_menu.png") no-repeat left center; }

#footer { position: relative; border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; background: #202326; min-height: 317px; }
#footer #bandeau_footer_haut { position: absolute; top: 23px; left: 0; width: 100%; height: 36px; background: #3d3f42; }

#footer_liste { padding: 20px 0 20px 36px; position: relative; width: 81%; z-index: 99; }

#footer_liste ul { width: 100%; }

#footer_liste .menu { margin: 0 0 65px 0; }

#footer_liste li.lvl0 { float: left; width: 192px; }

#footer_liste li { display: block; margin: 0; }

#footer_liste li a { font-family: "PT Sans", Arial; font-weight: 500; }
#footer_liste li a:hover { text-decoration: none; }

#footer_liste li.lvl0 a { font-size: 14px; color: #ffffff; text-transform: uppercase; display: block; }

#footer_liste li.lvl0 a.niveau1 { padding: 11px 0 0 14px; }

#footer_liste li.lvl1 { margin: 0; }

#footer_liste li.lvl1 a { text-transform: capitalize; background: url("../img/fleche_menu.png") no-repeat left 20px; padding: 12px 15px 0px; }

#footer_wrapper { width: 100%; }

#footer_wrapper { position: absolute; bottom: 26px; left: 0; background: #191b1e; text-align: center; padding: 6px 0; font-family: "PT Sans", Arial; }

#footer_wrapper, #footer_wrapper a, #footer_wrapper span { color: #ffffff; font-size: 14px; }

#footer_wrapper span { padding: 0 10px; }

#footer_wrapper a + a:before { content: '-'; padding: 0 10px; }

#footer .contact { position: absolute; top: 75px; right: 30px; width: 163px; }
#footer .contact a { display: block; }
#footer #nous-contacter { margin: 0 0 26px 0; }

/*RESO NOVA*/
body.resonova #footer #footer_liste { width: 100%; }
body.resonova #footer #footer_liste li.lvl0 { width: 190px; }
body.resonova #footer #footer_liste li.lvl0 a.niveau1 { padding: 11px 0 7px 14px; }
body.resonova #footer #footer_liste li.lvl0 a.niveau1:hover { color: #42B5E8; }
body.resonova #footer #footer_liste li.lvl1 { margin: 0 0 0 14px; }
body.resonova #footer #footer_liste li.lvl1 a { background: url("../img/resonova/bullet-footer.png") no-repeat left 20px; }
body.resonova #footer #footer_liste li.lvl1 a:hover { color: #EF960D; }
body.resonova #footer .contact { width: auto; text-align: right; top: 125px; right: 0; z-index: 100; }
body.resonova #footer .contact #inscription { margin: 0 0 10px 0; }
body.resonova #footer .contact #nous-contacter { margin: 0; }

#demo table { width: 100%; }
#demo table td.first { width: 15%; }
#demo input[type=text], #demo input[type=textbox] { padding: 5px; border: 1px solid #cccccc; width: 100%; margin: 0 0 10px 0; }
#demo input[type=submit] { background: #232324; border: none; color: #ffffff; font-size: 17px; padding: 6px 0; width: 100%; cursor: pointer; margin: 10px 0 0 0; }

@media screen and (max-width: 550px) { #globalcontainer { width: 100%; }
  #content { padding: 0; }
  #content .bloc_first { padding: 15px; }
  #content #mea { padding: 15px; }
  #content #mea .mea_item, #content #mea .mea_img, #content #mea .mea_desc { width: 100%; }
  #content #mea .mea_item { padding: 0 0 20px 0; border-bottom: 1px solid #cccccc; margin: 0 0 20px 0; }
  #content #mea .mea_item:last-of-type { padding: 0; margin: 0; border: none; }
  #content #mea .mea_img { text-align: center; }
  #content #lien_inscription p { padding: 0; width: 100%; margin: 0 0 10px 0; }
  #footer { border-radius: 0px; min-height: 92px; }
  #footer #footer_liste, #footer .contact, #footer #bandeau_footer_haut { display: none; }
  #header, #solution #content_wrapper, #solution #content_wrapper2 { width: 100%; padding: 0; margin: 0; text-align: justify; }
  #header { left: 0; }
  #content_wrapper2 { margin: 0; }
  #home #content_wrapper img { width: 100%; height: auto; }
  .screen { height: auto; min-height: auto; padding: 20px 15px 10px; margin: 0 0 35px; }
  .screen .cell_text, .screen .cell_img, .screen .cell_right { float: none !important; padding: 0 !important; width: 100% !important; margin: 2px 0; }
  .screen ul.zone_bulles li { display: block; margin: 0 0 20px 0; width: 100%; }
  .screen .content_onglets .content .row .cell_img { width: 155px !important; margin: 0 auto 10px; }
  .screen .content_onglets .content .row .content { width: 100%; }
  .screen .references { margin: auto; width: 168px; }
  .screen .references a { height: 163px; width: 163px; }
  .screen .content_onglets .onglets { left: 10px; }
  .screen .content_onglets .onglets a { margin-left: 1px; padding: 0 15px; font-size: 13px; }
  .screen ul.liste_sociaux li { margin: 30px 0 0 11px; }
  .screen ul.liste_sociaux li a { width: 66px; font-size: 12px; }
  .screen ul.liste_sociaux li a .legend { margin-top: 4px; }
  .screen.first .menu { display: none; }
  .screen.first .logo { left: 0; margin: auto; right: 0; top: -52px; width: 169px; }
  .screen.first .content h1 { font-size: 42px; padding: 110px 0 0; }
  .screen.first .content h2 { font-size: 16px; margin: 0 31px; }
  .screen.first .glow { box-shadow: 425px 0 240px rgba(255, 255, 255, 0.2); }
  .screen.first { height: auto; min-height: 470px; }
  .screen.first .content img { margin-top: 30px; }
  #zone_lang { line-height: 1.8; right: 0; top: -55px; width: 78px; }
  #menu_top { height: 43px; box-shadow: none; }
  #menu_top .content { width: 100%; }
  #menu_top .content .link_open { background-color: #4c4c4c; border-top: 1px solid #7e7e7e; border-left: 1px solid #5b5b5b; border-right: 1px solid #5b5b5b; background: -webkit-gradient(linear, left top, left bottom, from(#5b5b5b), to(#353535), color-stop(0.65, #454545)); background: -webkit-linear-gradient(top, #5b5b5b, #454545 65%, #353535); background: -moz-linear-gradient(top, #5b5b5b, #454545 65%, #353535); background: -o-linear-gradient(top, #5b5b5b, #454545 65%, #353535); background: linear-gradient(top, #5b5b5b, #454545 65%, #353535); padding: 0; border-radius: 5px 5px 0 0; display: inline; display: inline-block; font-size: 11px; box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.7); width: 34px; height: 23px; position: absolute; right: 12%; top: 12px; text-align: center; line-height: 25px; z-index: 7; }
  #menu_top.active .content .link_open { background-color: #DADADA; background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#dadada)); background: -webkit-linear-gradient(top, #f8f8f8, #dadada); background: -moz-linear-gradient(top, #f8f8f8, #dadada); background: -o-linear-gradient(top, #f8f8f8, #dadada); background: linear-gradient(top, #f8f8f8, #dadada); border-top: 1px solid #f8f8f8; border-left: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0; box-shadow: 0 -3px 2px rgba(0, 0, 0, 0.4); }
  #menu_top .content .logo { display: none; }
  #menu_top .content .logo_mobile { display: block; position: absolute; top: 0; left: 8px; z-index: 7; }
  #menu_top .content ul { height: 6px; background: #DADADA; border-bottom: 1px solid #f1f1f1; box-shadow: 0 0 15px rgba(0, 0, 0, 0.6); color: #000000; left: 0; margin: 0; overflow: hidden; position: absolute; right: 0; top: 36px; display: none; z-index: 6; }
  #menu_top.active .content ul { display: block; height: auto; }
  #menu_top .content ul li, #menu_top .content ul li:hover, #menu_top .content ul li.on { display: block; background: none; border-radius: 0; box-shadow: none; border: none; color: rgba(255, 255, 255, 0.5); font-size: 13px; text-align: center; border-bottom: 1px solid #b8b8b8; border-top: 1px solid #f3f3f3; margin: 0 12px; }
  #menu_top .content ul li:first-child { border-top: none; padding-top: 20px; }
  #menu_top .content ul li:last-child { border-bottom: none; }
  #menu_top .content ul li a { color: #000000; font-weight: normal; line-height: 33px; display: block; }
  .screen.black .content h2 { font-size: 28px; padding-top: 10px; }
  .screen.first .content h2 { font-size: 15px; padding-top: 0px; }
  .screen .input { margin: 3px 5px; font-size: 12px; padding: 0 5px; height: 40px; line-height: 40px; }
  .screen h2 { font-size: 28px; }
  #menu_top .content #titre_320_menu { color: #DDDDDD; font-family: luxisBold; font-size: 27px; left: 105px; position: absolute; text-shadow: 1px 1px 1px #434343; top: -42px; z-index: 6; display: block; padding-right: 65px; background: url("../img/320_bottom.png") no-repeat center right; }
  #menu_top .content #titre_320_menu.open { background: url("../img/320_top.png") no-repeat center right; }
  .screen { background: none; box-shadow: none; padding-left: 0; padding-right: 0; padding-top: 0; margin: 0; }
  .screen.first { margin: 62px 0 35px; }
  .mini_screen { box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); background-color: #FFF; padding: 20px 15px 10px; border-radius: 4px; margin: 0 0 35px !important; }
  hr { display: none !important; }
  .screen h2.mini_title { display: block; }
  .screen h2.big_title { display: none; }
  .screen .content_onglets .onglets { display: none; }
  .screen .content_onglets { border: none; padding: 0; }
  .screen .add_agence_entrep { display: none; }
  .screen .content_onglets .hebergement, .screen .content_onglets .formation { display: block !important; }
  .screen h1 { font-size: 38px !important; margin: 10px 0; }
  .screen.unique_page { margin-top: 75px !important; }
  .screen .zone_img a { max-width: 100%; }
  .screen .zone_img a img { max-width: 100%; }
  .only_smartphone { display: block; }
  .no_smartphone { display: none; }
  /*header*/
  #headerwrapper { padding: 0; position: relative; width: 100%; height: auto; margin-left: 0; left: auto; }
  #headerwrapper #header { border: none; position: relative; top: 0; padding: 0; margin: 0 0 12px; border-radius: 0; }
  #headerwrapper #sitename { top: -25px; left: -76px; }
  nav { position: relative; float: none; width: 100%; height: auto; z-index: 150; padding: 0 0 1px 0; background: #262627; }
  nav ul { width: 100%; }
  nav ul li { font-family: "Signika Negative"; }
  nav ul li.lvl0 { position: relative; border-bottom: 1px solid #4e4e54; }
  nav ul li.lvl0:last-of-type { border-bottom: none; }
  nav ul li a { display: block; color: #FFFFFF; }
  nav ul li a:hover { text-decoration: none; }
  nav ul li a.niveau1 { position: relative; text-transform: uppercase; color: #FFFFFF; font-size: 15px; padding: 10px 10px 10px 25px; background: url("../img/fleche_menu.png") no-repeat scroll 10px 18px rgba(0, 0, 0, 0); }
  nav ul li a.niveau1 span { display: block; width: 40px; height: 46px; position: absolute; top: -2px; right: 0; font-weight: normal; font-size: 23px; transform: rotate(90deg); -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Safari and Chrome */ padding: 6px 16px; z-index: 1000; border-bottom: 1px solid #4e4e54; color: #7F7F88; }
  nav ul li a.niveau1 span.active { border-top: 1px solid #4e4e54; border-bottom: none; transform: rotate(-90deg); -ms-transform: rotate(-90deg); /* IE 9 */ -webkit-transform: rotate(-90deg); /* Safari and Chrome */ padding: 3px 16px; }
  nav ul .submenu { display: none; background: #2F3235; }
  nav ul .submenu li.lvl1 { border-bottom: 1px dashed #4e4e54; }
  nav ul .submenu li.lvl1:last-of-type { border-bottom: none; }
  nav ul .submenu li.lvl1 a { font-size: 13px; font-weight: normal; padding: 8px 34px; }
  .horizontal_menu ul#menu { display: none; float: none; margin-left: 0; font-weight: 400; }
  .horizontal_menu ul#menu li.lvl0 { float: none; }
  .horizontal_menu ul#menu li.lvl0 a.niveau1 { float: none; background: #CEC79F; border-bottom: 1px solid #ada78f; height: 40px; line-height: 40px; }
  .horizontal_menu ul li:hover ul.submenu, .horizontal_menu ul li.lvl0.active ul.submenu, .horizontal_menu ul.submenu { display: none; }
  #nav-btn { display: block; background: url(../img/mobile-menu-icon.png) no-repeat center 4px white; width: 27px; height: 19px; position: absolute; bottom: -39px; right: 20px; text-transform: uppercase; text-decoration: none; text-indent: -999999em; font-size: 0.875em; color: #2C2C2C; background-clip: padding-box; }
  #espace_client { display: none; }
  #content_wrapper .flexslider { width: 100%; margin: 0; }
  #content_wrapper .bloc { background: #FFFFFF; }
  /*RESONOVA*/
  body.resonova { /*formulaire*/ }
  body.resonova div.screen { padding: 20px 10px; }
  body.resonova div.screen .cell_img { margin: 20px 0 0 0; }
  body.resonova .button { display: block; width: 100%; text-align: center; }
  body.resonova h1, body.resonova div.titre-screen { font-size: 38px; margin: 10px 0; }
  body.resonova .fullwidth { width: 100% !important; }
  body.resonova #mea #meas .mea { margin: 0 0 18px 0 !important; display: block; width: 100%; }
  body.resonova #mea #meas .mea .mea_desc { width: 100%; display: block; }
  body.resonova #mea #meas .mea .mea_img { display: inline-table; padding: 12px 0; }
  body.resonova#home div#slide_1 { height: 335px; }
  body.resonova#home div#slide_1 h1 { font-size: 28px !important; }
  body.resonova#home div#slide_1 h1 span.sousbaseline { font-size: 18px; }
  body.resonova#home div#slide_1 div.content-slide { width: 100%; text-align: center; }
  body.resonova#home h2 { font-size: 24px; }
  body.resonova#home div.screen { padding: 20px 10px; }
  body.resonova .bloc { padding: 44px 15px; }
  body.resonova #headerwrapper #sitename { left: -45px; }
  body.resonova #headerwrapper ul#espace_client { border-radius: 5px; bottom: 8px; display: block; position: absolute; right: 17px; top: auto; background: none; }
  body.resonova #headerwrapper ul#espace_client .icon-tel { background-position: center center; margin: 3px 4px; padding: 5px; }
  body.resonova #headerwrapper ul#espace_client li { padding: 0; }
  body.resonova #headerwrapper ul#espace_client a { text-indent: -99999em; display: block; padding: 9px 10px 6px; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
  body.resonova #nav-btn { bottom: -31px; }
  body.resonova .mini_screen { margin: 0 !important; }
  body.resonova form.foundation .row { margin: 0; }
  body.resonova form.foundation .columns { width: 100% !important; }
  body.resonova form.foundation #form_submit { margin: 20px 0 0 0; } }
/*tablette*/
@media screen and (max-width: 1025px) { body.resonova .fullwidth { width: 100% !important; }
  body.resonova div.screen .cell_img, body.resonova div.screen .screen-home .cell_img, body.resonova div.etape .cell_img { width: 34%; }
  body.resonova div.screen .cell_text, body.resonova div.screen .screen-home .cell_text, body.resonova div.etape .cell_text { width: 60%; }
  body.resonova .flexslider { width: 100%; margin: 0; } }
@media screen and (min-width: 550px) and (max-width: 1020px) { body.resonova .flexslider { width: 100%; margin: 0; }
  body.resonova .fullwidth { width: 100% !important; }
  body.resonova div.screen .cell_img, body.resonova div.screen .screen-home .cell_img, body.resonova div.etape .cell_img { width: 35%; }
  body.resonova div.screen .cell_text, body.resonova div.screen .screen-home .cell_text, body.resonova div.etape .cell_text { width: 60%; }
  body.resonova .horizontal_menu ul#espace_client { right: 120px; }
  body.resonova .only_smartphone { display: block; }
  body.resonova .no_smartphone { display: none; }
  body.resonova #nav-btn { display: block; background: url(../img/mobile-menu-icon.png) no-repeat center center white; width: 43px; height: 40px; position: absolute; bottom: -40px; right: 40px; text-transform: uppercase; text-decoration: none; text-indent: -999999em; font-size: 0.875em; color: #2C2C2C; background-clip: padding-box; z-index: 1000; border-radius: 0 0 5px 5px; }
  body.resonova #headerwrapper { padding: 0; position: relative; width: 100%; height: auto; margin-left: 0; left: auto; }
  body.resonova #headerwrapper #header { border: none; position: relative; top: 0; padding: 0; margin: 0; border-radius: 0; }
  body.resonova nav { position: relative; float: none; width: 100%; height: auto; z-index: 150; padding: 0 0 1px 0; background: #262627; }
  body.resonova nav ul { width: 100%; }
  body.resonova nav ul li { font-family: "Signika Negative"; }
  body.resonova nav ul li.lvl0 { position: relative; border-bottom: 1px solid #4e4e54; }
  body.resonova nav ul li.lvl0:last-of-type { border-bottom: none; }
  body.resonova nav ul li a { display: block; color: #FFFFFF; }
  body.resonova nav ul li a:hover { text-decoration: none; }
  body.resonova nav ul li a.niveau1 { position: relative; text-transform: uppercase; color: #FFFFFF; font-size: 15px; padding: 10px 10px 10px 25px; background: url("../img/fleche_menu.png") no-repeat scroll 10px 18px rgba(0, 0, 0, 0); }
  body.resonova nav ul li a.niveau1 span { display: block; width: 40px; height: 46px; position: absolute; top: -2px; right: 0; font-weight: normal; font-size: 23px; transform: rotate(90deg); -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Safari and Chrome */ padding: 6px 16px; z-index: 1000; border-bottom: 1px solid #4e4e54; color: #7F7F88; }
  body.resonova nav ul li a.niveau1 span.active { border-top: 1px solid #4e4e54; border-bottom: none; transform: rotate(-90deg); -ms-transform: rotate(-90deg); /* IE 9 */ -webkit-transform: rotate(-90deg); /* Safari and Chrome */ padding: 3px 16px; }
  body.resonova nav ul .submenu { display: none; background: #2F3235; }
  body.resonova nav ul .submenu li.lvl1 { border-bottom: 1px dashed #4e4e54; }
  body.resonova nav ul .submenu li.lvl1:last-of-type { border-bottom: none; }
  body.resonova nav ul .submenu li.lvl1 a { font-size: 13px; font-weight: normal; padding: 8px 34px; }
  body.resonova #mea #meas .mea { margin: 0 10% 18px !important; }
  body.resonova #mea #meas .mea .mea_desc { width: 100%; display: block; }
  body.resonova #mea #meas .mea .mea_img { display: inline-table; padding: 12px 0; }
  body.resonova #content { padding: 0; }
  body.resonova #footer { border-radius: 0px; min-height: 92px; }
  body.resonova #footer #footer_liste, body.resonova #footer .contact, body.resonova #footer #bandeau_footer_haut { display: none; } }