@import "constants.less";
-*{
+* {
max-height: 1000000px;
vertical-align: top;
}
-html{background-color:#f1eeee;}
+
+html {
+ background-color: #f1eeee;
+}
+
body {
- margin:0;
- color:#5e5e5e;
- font:300 16px/20px @Ubuntu;
- background-color:#fff;
- min-width:990px;
+ 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;}
+
+img {
+ border-style: none;
+}
+
a {
- text-decoration:none;
- color:#5e5e5e;
+ text-decoration: none;
+ color: #5e5e5e;
}
-a:hover {text-decoration:underline;}
-a:active{background-color:transparent;}
-q{quotes: none;}
+
+a:hover {
+ text-decoration: underline;
+}
+
+a:active {
+ background-color: transparent;
+}
+
+q {
+ quotes: none;
+}
+
q:before,
-q:after{content:"";}
+q:after {
+ content: "";
+}
-.dotclear a,.dotclear abbr{
- color:#0EA6DB;
+.dotclear a, .dotclear abbr {
+ color: #0EA6DB;
}
-.body{
+.body {
max-width: 100%;
overflow-x: hidden;
}
-.visual{
- width:982px;
- margin:0 auto;
- position:relative;
+.visual {
+ width: 982px;
+ margin: 0 auto;
+ position: relative;
}
-.visual.add .v1 { margin:0 -209px;}
+.visual.add .v1 {
+ margin: 0 -209px;
+}
-#main{
- margin:0 auto;
- width:981px;
+#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;
+#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;
+ margin: 0 0 0 5px;
text-decoration: none;
}
-#nav li a[data-name="centre"]{
- background-image: url(../images/centre.svg?css);
+
+#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);
+
+#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);
+
+#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);
+
+#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);
+
+#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;
+.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 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{
- float:left;
- padding:0 6px 0 21px;
+
+.add-nav li:last-child {
+ padding: 0 0 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);
+
+.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;
+.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{
+
+#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;
+ margin: 0 0 15px;
}
-.nav li a{
- padding:0 0 1px 24px;
- display:block;
- background-image:url(../images/arrow-grey-right.svg);
+
+.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;
+
+.info-area {
+ float: left;
margin: 13px 0 0 42px;
width: 389px;
}
-.info-area .box{
- background-image:url(../images/telephone.svg);
+
+.info-area .box {
+ background-image: url("/images/telephone.svg");
padding: 2px 0 30px 38px;
- overflow:hidden;
+ overflow: hidden;
}
-.info-area .box.information{background-image:url(../images/exclamation.svg);}
-.info-area ul{
- margin:0;
- padding:0;
- list-style:none;
+
+.info-area .box.information {
+ background-image: url("/images/exclamation.svg");
}
-.info-area ul li{
- margin:0 8px 0 0;
- float:left;
+
+.info-area ul {
+ margin: 0;
+ padding: 0;
+ list-style: none;
}
-.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 ul li {
+ margin: 0 8px 0 0;
+ float: left;
}
-.info-area p{
- line-height:26px;
- margin:0 0 2px;
+
+.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{
+
+.breadcrumbs {
width: 982px;
- margin:0 auto;
- overflow:hidden;
- font-size:13px;
- padding:0 0 8px 0;
+ margin: 0 auto;
+ overflow: hidden;
+ font-size: 13px;
+ padding: 0 0 8px 0;
}
-.breadcrumbs a{
+
+.breadcrumbs a {
display: inline-block;
- color:#0ea6db;
+ color: #0ea6db;
}
#content,
-.contents{
- padding:0 0 50px 0;
+.contents {
+ padding: 0 0 50px 0;
}
-.twocolumns{
+
+.twocolumns {
margin: 0 0 0 -3px;
- overflow:visible;
+ overflow: visible;
}
+
.twocolumns #content,
-.twocolumns .contents{
- width:769px;
- float:right;
+.twocolumns .contents {
+ width: 769px;
+ float: right;
}
-
-#content h1{
+#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;
+ 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;
+ font-weight: 400;
}
-#content h4{
- font-weight:500;
- color:#e71a92;
- font-size:20px;
- line-height:23px;
- margin:0 0 33px 0;
+
+#content h4 {
+ font-weight: 500;
+ color: #e71a92;
+ font-size: 20px;
+ line-height: 23px;
+ margin: 0 0 33px 0;
}
-#content p{
- margin:20px 0;
+
+#content p {
+ margin: 20px 0;
}
-#content h5{
+
+#content h5 {
font-weight: 500;
font-size: 16px;
- margin:20px 0;
+ margin: 20px 0;
}
-#content ul{
- margin:20px 0;
- padding:0;
- list-style:none;
+
+#content ul {
+ margin: 20px 0;
+ padding: 0;
+ list-style: none;
}
-#content ul li{
- background-image:url(../images/arrow-li.svg);
+
+#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;
+ 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;
+ color: #5e5e5e;
margin: 0 0 6px;
}
-#content blockquote>ul{
- margin:0;
- padding:0;
- list-style:none;
+
+#content blockquote > ul {
+ margin: 0;
+ padding: 0;
+ list-style: none;
}
-#content blockquote>ul>li{
- background-image:url(../images/bullet.svg);
- background-position: 2px 8px;
+
+#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;
+ font-style: italic;
+ font-weight: 300;
}
-#footer .timing.info-area{
+#footer .timing.info-area {
float: left;
margin: 12px 0 0 -17px;
width: 368px;
}
-#footer .timing .note{
- background-image:url(../images/horaires.svg);
+
+#footer .timing .note {
+ background-image: url("/images/horaires.svg");
margin: 0 0 28px 53px;
padding: 0 0 0 37px;
- line-height:26px;
+ line-height: 26px;
width: 228px;
}
-#footer .timing{
- position:relative;
+#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{
+
+#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;
+ 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 .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 .copyright{margin:0 4px 0 0;}
-#footer .info .link-area{
- display:inline-block;
- vertical-align:middle;
+
+#footer .info .link-area {
+ display: inline-block;
+ vertical-align: middle;
}
-#footer .info a{
- margin:0 5px 0 3px;
- color:#0ea6db;
+
+#footer .info a {
+ margin: 0 5px 0 3px;
+ color: #0ea6db;
}
-#content .dotclear .accordion{
- h3{
+#content .dotclear .accordion {
+ h3 {
cursor: pointer;
font-weight: 500;
font-size: 16px;
- color:696969;
- border:1px solid #dbdbdb;
+ 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");
+ 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;
+ font-style: italic;
+ box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);
+ max-width: 250px;
- &:after{
- border-top-color:#eeeded;
+ &:after {
+ border-top-color: #eeeded;
}
}
div.radio,
-div.checkbox{
- width:20px !important;
- height:20px !important;
+div.checkbox {
+ width: 20px !important;
+ height: 20px !important;
}
projects / ccgm.git / commitdiff