-@import "constants.less";\r
-\r
-*{ max-height: 1000000px; }\r
-html{background-color:#f1eeee;}\r
-body {\r
- margin:0;\r
- color:#5e5e5e;\r
- font:300 16px/20px @Ubuntu;\r
- background-color:#fff;\r
- min-width:990px;\r
- -webkit-text-size-adjust: 100%;\r
- -ms-text-size-adjust: none;\r
-}\r
-img {border-style:none;}\r
-a {\r
- text-decoration:none;\r
- color:#5e5e5e;\r
-}\r
-a:hover {text-decoration:underline;}\r
-a:active{background-color:transparent;}\r
-q{quotes: none;}\r
-q:before,\r
-q:after{content:"";}\r
-\r
-.dotclear a,.dotclear abbr{\r
- color:#0EA6DB;\r
-}\r
-\r
-.body{\r
- max-width: 100%;\r
- overflow-x: hidden;\r
-}\r
-\r
-.visual{\r
- width:982px;\r
- margin:0 auto;\r
- position:relative;\r
-}\r
-.visual.add .v1 { margin:0 -209px;}\r
-\r
-\r
-#main{\r
- margin:0 auto;\r
- width:981px;\r
- position: relative;\r
- z-index: 5;\r
-}\r
-\r
-#wrapper{overflow:hidden;}\r
-#header{\r
- padding:12px 0 21px;\r
- overflow:hidden;\r
- background-image: linear-gradient(to bottom, #fff 0%,#fdfcfc 88%,#faf8f9 100%);\r
-}\r
-#header .holder{\r
- margin:0 auto;\r
- width:981px;\r
-}\r
-#header .panel{\r
- max-width:590px;\r
- float:right;\r
-}\r
-.logo{\r
- background-image:url(../images/logo.svg);\r
- width:392px;\r
- height:91px;\r
- overflow:hidden;\r
- text-indent:-9999px;\r
- float:left;\r
- margin:25px 0 0 4px;\r
-}\r
-.logo a{\r
- display:block;\r
- height:100%;\r
-}\r
-#nav:after{\r
- display:block;\r
- content:'';\r
- clear:both;\r
-}\r
-#nav ul{\r
- margin:0;\r
- padding:0;\r
- list-style:none;\r
- float:right;\r
-}\r
-#nav li{\r
- display:inline-block;\r
-}\r
-#nav li:first-child a{margin:0;}\r
-#nav li a{\r
- display:inline-block;\r
- font-weight:500;\r
- font-size:14px;\r
- line-height:14px;\r
- text-align:center;\r
- width:104px;\r
- padding:54px 0 0;\r
- background-size: 50px 50px;\r
- background-position: 50% 0;\r
- transform: translateZ(1px);\r
- margin:0 0 0 5px;\r
- text-decoration: none;\r
-}\r
-#nav li a[data-name="centre"]{\r
- background-image: url(../images/centre.svg?css);\r
- background-position: 50% 0;\r
- background-repeat: no-repeat;\r
-}\r
-#nav li a[data-name="parcours"]{\r
- background-image: url(../images/parcours.svg?css);\r
- background-position: 50% 0;\r
- background-repeat: no-repeat;\r
-}\r
-#nav li a[data-name="pathologies"]{\r
- background-image: url(../images/pathologies.svg?css);\r
- background-position: 50% 0;\r
- background-repeat: no-repeat;\r
-}\r
-#nav li a[data-name="recherche"]{\r
- background-image: url(../images/recherche.svg);\r
- background-position: 50% 0;\r
- background-repeat: no-repeat;\r
-}\r
-#nav li a[data-name="pratique"]{\r
- background-image: url(../images/pratique.svg);\r
- background-position: 50% 0;\r
- background-repeat: no-repeat;\r
-}\r
-\r
-\r
-.add-nav{\r
- overflow:hidden;\r
- font-weight:300;\r
- margin: 0 0 19px;\r
-}\r
-.add-nav ul{\r
- margin:0;\r
- padding:0;\r
- list-style:none;\r
- font-size:12px;\r
- float:right;\r
-}\r
-.add-nav li{\r
- float:left;\r
- padding:0 6px 0 21px;\r
-}\r
-.add-nav li:last-child{padding:0 0 0 21px;}\r
-.add-nav li:last-child a{\r
- background-image:url(../images/arrow-header.svg);\r
- background-repeat: no-repeat;\r
- background-position: 100% 2px;\r
- padding: 0 19px 0 0;\r
-}\r
-.image-area{margin:0 0 21px;}\r
-.image-area img{display:block;}\r
-\r
-#footer{\r
- overflow:hidden;\r
- background-color:#f1eeee;\r
- color:#5e5e5e;\r
- clear: both;\r
-}\r
-#footer .footer-content{background-color:#e3dcdc;}\r
-#footer .holder{\r
- margin:0 auto;\r
- width:979px;\r
- font-weight:300;\r
- font-style:italic;\r
- font-size:14px;\r
- padding:35px 0 12px 2px;\r
- overflow:hidden;\r
-}\r
-.nav{\r
- float:left;\r
- width:197px;\r
-}\r
-.nav h2{\r
- font-size:20px;\r
- line-height:23px;\r
- margin:0 0 23px;\r
- font-weight:300;\r
-}\r
-.nav ul{\r
- margin:0;\r
- padding:0;\r
- list-style:none;\r
-}\r
-.nav li{\r
- line-height: 16px;\r
- margin:0 0 15px;\r
-}\r
-.nav li a{\r
- padding:0 0 1px 24px;\r
- display:block;\r
- background-image:url(../images/arrow-grey-right.svg);\r
- background-position: 0 1px;\r
-}\r
-.info-area{\r
- float:left;\r
- margin: 13px 0 0 42px;\r
- width: 389px;\r
-}\r
-.info-area .box{\r
- background-image:url(../images/telephone.svg);\r
- padding: 2px 0 30px 38px;\r
- overflow:hidden;\r
-}\r
-.info-area .box.information{background-image:url(../images/exclamation.svg);}\r
-.info-area ul{\r
- margin:0;\r
- padding:0;\r
- list-style:none;\r
-}\r
-.info-area ul li{\r
- margin:0 8px 0 0;\r
- float:left;\r
-}\r
-.info-area .box:first-child .heading{margin:0 0 4px;}\r
-.info-area .box .heading{\r
- display:block;\r
- text-transform:uppercase;\r
- margin:0 0 7px;\r
-}\r
-.info-area p{\r
- line-height:26px;\r
- margin:0 0 2px;\r
-}\r
-.breadcrumbs{\r
- width: 982px;\r
- margin:0 auto;\r
- overflow:hidden;\r
- font-size:13px;\r
- padding:0 0 8px 0;\r
-}\r
-.breadcrumbs a{\r
- display: inline-block;\r
- color:#0ea6db;\r
-}\r
-\r
-#content,\r
-.contents{\r
- padding:0 0 50px 0;\r
-}\r
-.twocolumns{\r
- margin: 0 0 0 -3px;\r
- overflow:visible;\r
-}\r
-.twocolumns #content,\r
-.twocolumns .contents{\r
- width:769px;\r
- float:right;\r
-}\r
-\r
-\r
-#content h1{\r
- margin: 0 0 10px;\r
- color:#e30186;\r
- font-size:36px;\r
- line-height:40px;\r
- font-weight:300;\r
-}\r
-\r
-#content h2{\r
- font-size:32px;\r
- line-height:35px;\r
- font-weight:300;\r
- display:block;\r
- color:#f5810f;\r
- margin:0 0 38px;\r
-}\r
-#content h3{\r
- text-transform:uppercase;\r
- color:#696969;\r
- font-size:22px;\r
- line-height:25px;\r
- margin: 0 0 31px;\r
- font-weight:400;\r
-}\r
-#content h4{\r
- font-weight:500;\r
- color:#e71a92;\r
- font-size:20px;\r
- line-height:23px;\r
- margin:0 0 33px 0;\r
-}\r
-#content p{\r
- margin:20px 0;\r
-}\r
-#content h5{\r
- font-weight: 500;\r
- font-size: 16px;\r
- margin:20px 0;\r
-}\r
-#content ul{\r
- margin:20px 0;\r
- padding:0;\r
- list-style:none;\r
-}\r
-#content ul li{\r
- background-image:url(../images/arrow-li.svg);\r
- background-position: 0 2px;\r
- padding:0 0 3px 30px;\r
-}\r
-#content blockquote{\r
- border-radius:3px;\r
- background-color:#f1f0f0;\r
- margin:-4px 0 0;\r
- padding:19px 10px 24px 24px;\r
-}\r
-#content blockquote h4{\r
- font-weight:500;\r
- display:block;\r
- font-style:normal;\r
- font-size: 16px;\r
- color:#5e5e5e;\r
- margin: 0 0 6px;\r
-\r
-}\r
-#content blockquote>ul{\r
- margin:0;\r
- padding:0;\r
- list-style:none;\r
-}\r
-#content blockquote>ul>li{\r
- background-image:url(../images/bullet.svg);\r
- background-position: 2px 8px;\r
- padding: 0 0 3px 9px;\r
- font-style:italic;\r
- font-weight:300;\r
-}\r
-\r
-#footer .timing.info-area{\r
- float: left;\r
- margin: 12px 0 0 -17px;\r
- width: 368px;\r
-}\r
-#footer .timing .note{\r
- background-image:url(../images/horaires.svg);\r
- margin: 0 0 28px 53px;\r
- padding: 0 0 0 37px;\r
- line-height:26px;\r
- width: 228px;\r
-\r
-}\r
-\r
-#footer .timing{\r
- position:relative;\r
- padding: 0 0 96px 0;\r
-}\r
-#footer .timing .note p{margin:0;}\r
-#footer .timing .logos{\r
- margin:0;\r
- padding:0;\r
- list-style:none;\r
- white-space:nowrap;\r
- position:absolute;\r
- right:0px;\r
- bottom:0px;\r
-}\r
-#footer .timing .logos li:first-child{margin:22px 0 0;}\r
-#footer .timing .logos li{\r
- display: inline-block;\r
- vertical-align: middle;\r
- margin:0 0 0 39px;\r
- float:none;\r
-}\r
-#footer .timing .logos img{display:block;}\r
-#footer .info{\r
- margin:0 auto;\r
- width:981px;\r
- font-size:12px;\r
- padding:5px 0 4px;\r
-}\r
-#footer .info .copyright{margin:0 4px 0 0;}\r
-#footer .info .link-area{\r
- display:inline-block;\r
- vertical-align:middle;\r
-}\r
-#footer .info a{\r
- margin:0 5px 0 3px;\r
- color:#0ea6db;\r
-}\r
-\r
-#content .dotclear .accordion{\r
- h3{\r
- cursor: pointer;\r
- font-weight: 500;\r
- font-size: 16px;\r
- color:696969;\r
- border:1px solid #dbdbdb;\r
- background-color: #f0efef;\r
- border-radius: 5px;\r
- text-transform:none;\r
- padding:14px 20px;\r
- margin:3px 0 0 0;\r
- background-image: url("../images/arrow-accordion-bottom.svg");\r
- background-position:100% 50%;\r
-\r
- &.open{\r
- background-image: url("../images/arrow-accordion-top.svg");\r
- }\r
- }\r
-}\r
-\r
-\r
-#tooltip {\r
- background-color: #eeeded;\r
- color: #5e5e5e;\r
- font-size: 16px;\r
- padding: 20px;\r
- font-style:italic;\r
- box-shadow:0 0 5px 2px rgba(0,0,0,0.3);\r
- max-width:250px;\r
-\r
- &:after{\r
- border-top-color:#eeeded;\r
- }\r
-}\r
-\r
-div.radio,\r
-div.checkbox{\r
- width:20px !important;\r
- height:20px !important;\r
-}\r
-\r
-\r
-\r
+@import "constants.less";
+
+*{
+ max-height: 1000000px;
+ vertical-align: top;
+}
+html{background-color:#f1eeee;}
+body {
+ margin:0;
+ color:#5e5e5e;
+ font:300 16px/20px @Ubuntu;
+ background-color:#fff;
+ min-width:990px;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: none;
+}
+img {border-style:none;}
+a {
+ text-decoration:none;
+ color:#5e5e5e;
+}
+a:hover {text-decoration:underline;}
+a:active{background-color:transparent;}
+q{quotes: none;}
+q:before,
+q:after{content:"";}
+
+.dotclear a,.dotclear abbr{
+ color:#0EA6DB;
+}
+
+.body{
+ max-width: 100%;
+ overflow-x: hidden;
+}
+
+.visual{
+ width:982px;
+ margin:0 auto;
+ position:relative;
+}
+.visual.add .v1 { margin:0 -209px;}
+
+
+#main{
+ margin:0 auto;
+ width:981px;
+ position: relative;
+ z-index: 5;
+}
+
+#wrapper{overflow:hidden;}
+#header{
+ padding:12px 0 21px;
+ overflow:hidden;
+ background-image: linear-gradient(to bottom, #fff 0%,#fdfcfc 88%,#faf8f9 100%);
+}
+#header .holder{
+ margin:0 auto;
+ width:981px;
+}
+#header .panel{
+ max-width:590px;
+ float:right;
+}
+.logo{
+ background-image:url(../images/logo.svg);
+ width:392px;
+ height:91px;
+ overflow:hidden;
+ text-indent:-9999px;
+ float:left;
+ margin:25px 0 0 4px;
+}
+.logo a{
+ display:block;
+ height:100%;
+}
+#nav:after{
+ display:block;
+ content:'';
+ clear:both;
+}
+#nav ul{
+ margin:0;
+ padding:0;
+ list-style:none;
+ float:right;
+}
+#nav li{
+ display:inline-block;
+}
+#nav li:first-child a{margin:0;}
+#nav li a{
+ display:inline-block;
+ font-weight:500;
+ font-size:14px;
+ line-height:14px;
+ text-align:center;
+ width:104px;
+ padding:54px 0 0;
+ background-size: 50px 50px;
+ background-position: 50% 0;
+ transform: translateZ(1px);
+ margin:0 0 0 5px;
+ text-decoration: none;
+}
+#nav li a[data-name="centre"]{
+ background-image: url(../images/centre.svg?css);
+ background-position: 50% 0;
+ background-repeat: no-repeat;
+}
+#nav li a[data-name="parcours"]{
+ background-image: url(../images/parcours.svg?css);
+ background-position: 50% 0;
+ background-repeat: no-repeat;
+}
+#nav li a[data-name="pathologies"]{
+ background-image: url(../images/pathologies.svg?css);
+ background-position: 50% 0;
+ background-repeat: no-repeat;
+}
+#nav li a[data-name="recherche"]{
+ background-image: url(../images/recherche.svg);
+ background-position: 50% 0;
+ background-repeat: no-repeat;
+}
+#nav li a[data-name="pratique"]{
+ background-image: url(../images/pratique.svg);
+ background-position: 50% 0;
+ background-repeat: no-repeat;
+}
+
+
+.add-nav{
+ overflow:hidden;
+ font-weight:300;
+ margin: 0 0 19px;
+}
+.add-nav ul{
+ margin:0;
+ padding:0;
+ list-style:none;
+ font-size:12px;
+ float:right;
+}
+.add-nav li{
+ float:left;
+ padding:0 6px 0 21px;
+}
+.add-nav li:last-child{padding:0 0 0 21px;}
+.add-nav li:last-child a{
+ background-image:url(../images/arrow-header.svg);
+ background-repeat: no-repeat;
+ background-position: 100% 2px;
+ padding: 0 19px 0 0;
+}
+.image-area{margin:0 0 21px;}
+.image-area img{display:block;}
+
+#footer{
+ overflow:hidden;
+ background-color:#f1eeee;
+ color:#5e5e5e;
+ clear: both;
+}
+#footer .footer-content{background-color:#e3dcdc;}
+#footer .holder{
+ margin:0 auto;
+ width:979px;
+ font-weight:300;
+ font-style:italic;
+ font-size:14px;
+ padding:35px 0 12px 2px;
+ overflow:hidden;
+}
+.nav{
+ float:left;
+ width:197px;
+}
+.nav h2{
+ font-size:20px;
+ line-height:23px;
+ margin:0 0 23px;
+ font-weight:300;
+}
+.nav ul{
+ margin:0;
+ padding:0;
+ list-style:none;
+}
+.nav li{
+ line-height: 16px;
+ margin:0 0 15px;
+}
+.nav li a{
+ padding:0 0 1px 24px;
+ display:block;
+ background-image:url(../images/arrow-grey-right.svg);
+ background-position: 0 1px;
+}
+.info-area{
+ float:left;
+ margin: 13px 0 0 42px;
+ width: 389px;
+}
+.info-area .box{
+ background-image:url(../images/telephone.svg);
+ padding: 2px 0 30px 38px;
+ overflow:hidden;
+}
+.info-area .box.information{background-image:url(../images/exclamation.svg);}
+.info-area ul{
+ margin:0;
+ padding:0;
+ list-style:none;
+}
+.info-area ul li{
+ margin:0 8px 0 0;
+ float:left;
+}
+.info-area .box:first-child .heading{margin:0 0 4px;}
+.info-area .box .heading{
+ display:block;
+ text-transform:uppercase;
+ margin:0 0 7px;
+}
+.info-area p{
+ line-height:26px;
+ margin:0 0 2px;
+}
+.breadcrumbs{
+ width: 982px;
+ margin:0 auto;
+ overflow:hidden;
+ font-size:13px;
+ padding:0 0 8px 0;
+}
+.breadcrumbs a{
+ display: inline-block;
+ color:#0ea6db;
+}
+
+#content,
+.contents{
+ padding:0 0 50px 0;
+}
+.twocolumns{
+ margin: 0 0 0 -3px;
+ overflow:visible;
+}
+.twocolumns #content,
+.twocolumns .contents{
+ width:769px;
+ float:right;
+}
+
+
+#content h1{
+ margin: 0 0 10px;
+ color:#e30186;
+ font-size:36px;
+ line-height:40px;
+ font-weight:300;
+}
+
+#content h2{
+ font-size:32px;
+ line-height:35px;
+ font-weight:300;
+ display:block;
+ color:#f5810f;
+ margin:0 0 38px;
+}
+#content h3{
+ text-transform:uppercase;
+ color:#696969;
+ font-size:22px;
+ line-height:25px;
+ margin: 0 0 31px;
+ font-weight:400;
+}
+#content h4{
+ font-weight:500;
+ color:#e71a92;
+ font-size:20px;
+ line-height:23px;
+ margin:0 0 33px 0;
+}
+#content p{
+ margin:20px 0;
+}
+#content h5{
+ font-weight: 500;
+ font-size: 16px;
+ margin:20px 0;
+}
+#content ul{
+ margin:20px 0;
+ padding:0;
+ list-style:none;
+}
+#content ul li{
+ background-image:url(../images/arrow-li.svg);
+ background-position: 0 2px;
+ padding:0 0 3px 30px;
+}
+#content blockquote{
+ border-radius:3px;
+ background-color:#f1f0f0;
+ margin:-4px 0 0;
+ padding:19px 10px 24px 24px;
+}
+#content blockquote h4{
+ font-weight:500;
+ display:block;
+ font-style:normal;
+ font-size: 16px;
+ color:#5e5e5e;
+ margin: 0 0 6px;
+
+}
+#content blockquote>ul{
+ margin:0;
+ padding:0;
+ list-style:none;
+}
+#content blockquote>ul>li{
+ background-image:url(../images/bullet.svg);
+ background-position: 2px 8px;
+ padding: 0 0 3px 9px;
+ font-style:italic;
+ font-weight:300;
+}
+
+#footer .timing.info-area{
+ float: left;
+ margin: 12px 0 0 -17px;
+ width: 368px;
+}
+#footer .timing .note{
+ background-image:url(../images/horaires.svg);
+ margin: 0 0 28px 53px;
+ padding: 0 0 0 37px;
+ line-height:26px;
+ width: 228px;
+
+}
+
+#footer .timing{
+ position:relative;
+ padding: 0 0 96px 0;
+}
+#footer .timing .note p{margin:0;}
+#footer .timing .logos{
+ margin:0;
+ padding:0;
+ list-style:none;
+ white-space:nowrap;
+ position:absolute;
+ right:0px;
+ bottom:0px;
+}
+#footer .timing .logos li:first-child{margin:22px 0 0;}
+#footer .timing .logos li{
+ display: inline-block;
+ vertical-align: middle;
+ margin:0 0 0 39px;
+ float:none;
+}
+#footer .timing .logos img{display:block;}
+#footer .info{
+ margin:0 auto;
+ width:981px;
+ font-size:12px;
+ padding:5px 0 4px;
+}
+#footer .info .copyright{margin:0 4px 0 0;}
+#footer .info .link-area{
+ display:inline-block;
+ vertical-align:middle;
+}
+#footer .info a{
+ margin:0 5px 0 3px;
+ color:#0ea6db;
+}
+
+#content .dotclear .accordion{
+ h3{
+ cursor: pointer;
+ font-weight: 500;
+ font-size: 16px;
+ color:696969;
+ border:1px solid #dbdbdb;
+ background-color: #f0efef;
+ border-radius: 5px;
+ text-transform:none;
+ padding:14px 20px;
+ margin:3px 0 0 0;
+ background-image: url("../images/arrow-accordion-bottom.svg");
+ background-position:100% 50%;
+
+ &.open{
+ background-image: url("../images/arrow-accordion-top.svg");
+ }
+ }
+}
+
+
+#tooltip {
+ background-color: #eeeded;
+ color: #5e5e5e;
+ font-size: 16px;
+ padding: 20px;
+ font-style:italic;
+ box-shadow:0 0 5px 2px rgba(0,0,0,0.3);
+ max-width:250px;
+
+ &:after{
+ border-top-color:#eeeded;
+ }
+}
+
+div.radio,
+div.checkbox{
+ width:20px !important;
+ height:20px !important;
+}
+
+
+