From: vincent@cubedesigners.com <vincent@cubedesigners.com@f5622870-0f3c-0410-866d-9cb505b7a8ef>
Date: Tue, 1 Oct 2013 11:58:15 +0000 (+0000)
Subject: (no commit message)
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=0010a63c3a6f4865eec67e58407ade01cabf882d;p=ccgm.git

---

diff --git a/css/actualites.css b/css/actualites.css
deleted file mode 100644
index 4dd919b..0000000
--- a/css/actualites.css
+++ /dev/null
@@ -1,62 +0,0 @@
-.updates {
-	background:#f4f1f1;
-	position: relative;
-	font-weight:400;
-	font-style:italic;
-	font-size:14px;
-	line-height:31px;
-}
-.updates .holder{
-	margin:0 auto;
-	width:981px;
-	position:relative;
-	padding: 19px 0 16px;
-	background-image:url(../images/news.svg);
-	background-position: 0 50%;
-}
-.updates .mask {
-	position: relative;
-	overflow: hidden;
-	width: 910px;
-}
-.updates .slideset {
-	position: relative;
-	overflow: hidden;
-	width: 870px;
-	height: 30px;
-	left:39px;
-}
-.updates .slide {
-	width: 870px;
-	display:none;
-	position:absolute;
-	top:0px;
-}
-.updates .btn-prev,
-.updates .btn-next {
-	width: 30px;
-	height: 31px;
-	text-indent: -9999px;
-	overflow: hidden;
-	top:0px;
-	right:35px;
-	position:absolute;
-	background-image: url(../images/arrow-news-left.svg);
-	background-size: 30px 30px;
-}
-.updates .btn-next {
-	margin:0 0 0 5px;
-	right:0px;
-	background-image: url(../images/arrow-news-right.svg);
-}
-.updates .btn-area{
-	position:absolute;
-	right:0;
-	top:20px;
-}
-.updates p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
-.updates .date{
-	font-weight:500;
-	margin: 0 5px 0 0;
-	font-style:italic;
-}
\ No newline at end of file
diff --git a/css/admin.css b/css/admin.css
deleted file mode 100644
index 5c286de..0000000
--- a/css/admin.css
+++ /dev/null
@@ -1,18 +0,0 @@
-#adminBar{
-	background-color:#ACA1A1;
-	padding:0 0 2px 0;
-}
-
-#adminBar .bar{
-	color:#fff;
-	font-size:10px;
-}
-
-#adminBar .content,.cubeit-content{
-	width:982px;
-	margin:0 auto;
-}
-
-.cubeit-content{
-	margin: 0 auto 20px;
-}
\ No newline at end of file
diff --git a/css/carrousel.css b/css/carrousel.css
deleted file mode 100644
index 80ba39e..0000000
--- a/css/carrousel.css
+++ /dev/null
@@ -1,81 +0,0 @@
-.visual .v1{ margin:0 -409px;}
-
-.slideshow {
-	margin:0 0 21px;
-	height: 425px;
-	position: relative;
-	padding:0 0 0 36px;
-	z-index: 0;
-}
-.slideshow img{display:block;}
-.slideshow .mask {
-	overflow: hidden;
-}
-.slideshow .slideset {
-	width: 9999px;
-}
-.slideshow .slide {
-	display:none;
-	position:absolute;
-}
-.slideshow .pagination {
-	position: absolute;
-	bottom: 82px;
-	left: 0;
-	width:100%;
-	text-align:center;
-	z-index: 4;
-}
-.slideshow .pagination ul {
-	list-style:none;
-	display:inline-block;
-	vertical-align:top;
-	padding: 0 8px 0 0;
-	margin:5px 0 0;
-}
-.slideshow .pagination li {
-	float: left;
-	margin: 0 0 0 9px;
-}
-.slideshow .pagination li a {
-	background:url(../images/elements.png) no-repeat -15px 0;
-	width: 15px;
-	height: 16px;
-	overflow: hidden;
-	text-indent: -9999px;
-	display: block;
-	border-radius:12px;
-}
-.slideshow .pagination a.active,
-.slideshow .pagination a:hover {background-position:0 0;}
-
-
-.slideshow .caption{
-	background-color:rgba(255,255,255,0.5);
-	position:absolute;
-	right:402px;
-	top:47px;
-	width:233px;
-	height:233px;
-	font-size:30px;
-	line-height:35px;
-	color:#fff;
-	font-weight:300;
-	text-align:center;
-	border-radius:253px;
-	padding:10px;
-	z-index: 4;
-}
-
-.slideshow .caption .holder{
-	background-image: linear-gradient(to bottom,  #51cdf8 0%,#46c6f2 31%,#2db6e6 81%,#28b3e3 100%);
-	border-radius:233px;
-	width:233px;
-	height:194px;
-	padding: 39px 0 0;
-	overflow:hidden;
-}
-.slideshow .caption em{
-	font-style:italic;
-	font-size:21px;
-}
\ No newline at end of file
diff --git a/css/common.css b/css/common.css
deleted file mode 100644
index a6ce9f6..0000000
--- a/css/common.css
+++ /dev/null
@@ -1,345 +0,0 @@
-*{ max-height: 1000000px; }
-html{background:#f1eeee;}
-body {
-	margin:0;
-	color:#5e5e5e;
-	font:300 16px/20px 'Ubuntu', Arial, Helvetica, sans-serif;
-	background:#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:"";}
-
-.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:url(../images/logo.svg) no-repeat;
-	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:98px;
-	padding:54px 0 0;
-	background-size: 50px 50px;
-	background-position: 50% 0;
-	margin:0 0 0 11px;
-	text-decoration: none;
-}
-#nav li a[data-name="centre"]{
-	background-image: url(../images/centre.svg);
-}
-#nav li a[data-name="parcours"]{
-	background-image: url(../images/parcours.svg);
-}
-#nav li a[data-name="pathologies"]{
-	background-image: url(../images/pathologies.svg);
-}
-#nav li a[data-name="recherche"]{
-	background-image: url(../images/recherche.svg);
-}
-#nav li a[data-name="pratique"]{
-	background-image: url(../images/pratique.svg);
-}
-
-
-.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:url(../images/arrow-header.svg) no-repeat 100% 2px;
-	padding: 0 19px 0 0;
-}
-.image-area{margin:0 0 21px;}
-.image-area img{display:block;}
-
-#footer{
-	overflow:hidden;
-	background:#f1eeee;
-	color:#5e5e5e;
-}
-#footer .footer-content{background:#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:url(../images/arrow-grey-right.svg) no-repeat 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:hidden;
-}
-.twocolumns #content,
-.twocolumns .contents{
-	width:765px;
-	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:url(../images/arrow-li.svg) no-repeat 0 2px;
-	padding:0 0 3px 30px;
-}
-#content blockquote{
-	border-radius:3px;
-	background:#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:url(../images/bullet.svg) no-repeat 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 .note p{margin:0;}
-#footer .timing .logos{
-	margin:0;
-	padding:0;
-	list-style:none;
-}
-#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;
-}
\ No newline at end of file
diff --git a/css/faq.css b/css/faq.css
deleted file mode 100644
index 801f5bb..0000000
--- a/css/faq.css
+++ /dev/null
@@ -1,12 +0,0 @@
-#content ul.faq{
-	margin:30px 0 0 0;
-}
-
-.faq dt{
-	font-weight: 500;
-	margin:12px 0;
-}
-
-.faq dd{
-	margin:12px 0 20px 0;
-}
\ No newline at end of file
diff --git a/css/home.css b/css/home.css
deleted file mode 100644
index 3528877..0000000
--- a/css/home.css
+++ /dev/null
@@ -1,40 +0,0 @@
-
-.services{
-	overflow:hidden;
-	margin:0 0 65px;
-	width:1051px;
-}
-.services .col:first-child{margin: 0 27px 20px 0;}
-.services .col{
-	float:left;
-	width:310px;
-	margin: 0 47px 20px 0;
-}
-.services .icon{
-	margin:5px 0 0;
-	float:left;
-}
-.services .col h1{
-	color:#0ea6db;
-	font-size:29px;
-	line-height:33px;
-	font-weight:300;
-	margin:0 0 15px;
-}
-.services .col .more{
-	background:#0ea6db;
-	font-weight:300;
-	font-style:italic;
-	line-height:29px;
-	border-bottom:1px solid #eff9fd;
-	display:inline-block;
-	border-radius:3px;
-	color:#fff;
-	padding: 0 13px 1px 10px;
-	margin:0 0 0 1px;
-}
-.services .col .text-box{
-	overflow: hidden;
-	padding: 0 0 0 17px;
-}
-.services .col p{margin:0 0 17px;}
diff --git a/css/ie7.css b/css/ie7.css
deleted file mode 100644
index e69de29..0000000
diff --git a/css/ie8.css b/css/ie8.css
deleted file mode 100644
index e69de29..0000000
diff --git a/css/liens.css b/css/liens.css
deleted file mode 100644
index 4260058..0000000
--- a/css/liens.css
+++ /dev/null
@@ -1,14 +0,0 @@
-.links{
-	font-size: 16px;
-	font-weight: 300;
-}
-
-.links li{
-	margin:30px 0;
-}
-
-.links li a{
-	display: block;
-	margin:10px 0 0 0;
-	color:#0ea6db;
-}
\ No newline at end of file
diff --git a/css/rightbar.css b/css/rightbar.css
deleted file mode 100644
index 085ba7f..0000000
--- a/css/rightbar.css
+++ /dev/null
@@ -1,34 +0,0 @@
-#rightbar{
-	width:262px;
-	display:inline-block;
-	margin:0 0 50px 0;
-}
-
-#rightbar>img{
-	display: block;
-	margin: 0 0 17px 0;
-}
-
-#rightbar>img,
-#rightbar>section{
-	border-radius: 5px;
-	border:1px solid #c7c5c5;
-	width:262px;
-	box-sizing: border-box;
-}
-
-#rightbar>section{
-	font-weight: 300;
-	font-size: 13px;
-	padding:0 20px;
-}
-
-#rightbar>section strong{
-	font-weight: 500;
-}
-
-#content>div#c{
-	width:443px;
-	display: inline-block;
-	margin:0 51px 0 0;
-}
\ No newline at end of file
diff --git a/css/sidebar.css b/css/sidebar.css
deleted file mode 100644
index bcc0bf8..0000000
--- a/css/sidebar.css
+++ /dev/null
@@ -1,66 +0,0 @@
-#sidebar{
-	width:179px;
-	float:left;
-	margin:6px 0 50px 0;
-}
-.sidenav{
-	border-radius:3px;
-	padding: 7px 0 8px;
-	background:#0ea6db;
-}
-.sidenav ul{
-	margin:0;
-	padding:0;
-	list-style:none;
-}
-.sidenav span{font-size:13px;}
-.sidenav a:hover{text-decoration:none;}
-
-.sidenav>ul>li:hover,
-.sidenav>ul>li.active
-{
-	background:url(../images/arrow-nav-1.svg) no-repeat 9px 7px;
-}
-
-.sidenav>ul>li>a{
-	padding:7px 0 11px 39px;
-	color:#fff;
-	display:block;
-}
-.sidenav>ul>li>ul{
-	overflow:hidden;
-	border:0;
-	color:#035277;
-	font:13px;
-	background:#f3fafd;
-	padding: 0 5px 12px 39px;
-	width:137px;
-	margin:0 -1px -1px;
-	overflow:hidden;
-}
-.sidenav>ul>li>ul:first-child{padding: 0 5px 20px 39px;}
-
-.sidenav>ul>li>ul>li>a{
-	font-weight:500;
-	display:block;
-	padding: 5px 0 0;
-}
-
-.sidenav ul ul a{
-	color: #035277;
-	display: block;
-	font-size: 13px;
-	line-height: 16px;
-}
-.sidenav ul ul li{
-	margin: 0 0 1px;
-	padding: 8px 0 0;
-}
-.sidenav ul ul ul li:hover,
-.sidenav ul ul ul li.active
-{
-	background:url(../images/arrow-nav-2.svg) no-repeat 22px 12px;
-	padding:8px 0 0 39px;
-	margin:0 0 1px -39px
-}
-
diff --git a/less/actualites.css b/less/actualites.css
new file mode 100644
index 0000000..4dd919b
--- /dev/null
+++ b/less/actualites.css
@@ -0,0 +1,62 @@
+.updates {
+	background:#f4f1f1;
+	position: relative;
+	font-weight:400;
+	font-style:italic;
+	font-size:14px;
+	line-height:31px;
+}
+.updates .holder{
+	margin:0 auto;
+	width:981px;
+	position:relative;
+	padding: 19px 0 16px;
+	background-image:url(../images/news.svg);
+	background-position: 0 50%;
+}
+.updates .mask {
+	position: relative;
+	overflow: hidden;
+	width: 910px;
+}
+.updates .slideset {
+	position: relative;
+	overflow: hidden;
+	width: 870px;
+	height: 30px;
+	left:39px;
+}
+.updates .slide {
+	width: 870px;
+	display:none;
+	position:absolute;
+	top:0px;
+}
+.updates .btn-prev,
+.updates .btn-next {
+	width: 30px;
+	height: 31px;
+	text-indent: -9999px;
+	overflow: hidden;
+	top:0px;
+	right:35px;
+	position:absolute;
+	background-image: url(../images/arrow-news-left.svg);
+	background-size: 30px 30px;
+}
+.updates .btn-next {
+	margin:0 0 0 5px;
+	right:0px;
+	background-image: url(../images/arrow-news-right.svg);
+}
+.updates .btn-area{
+	position:absolute;
+	right:0;
+	top:20px;
+}
+.updates p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
+.updates .date{
+	font-weight:500;
+	margin: 0 5px 0 0;
+	font-style:italic;
+}
\ No newline at end of file
diff --git a/less/admin.css b/less/admin.css
new file mode 100644
index 0000000..5c286de
--- /dev/null
+++ b/less/admin.css
@@ -0,0 +1,18 @@
+#adminBar{
+	background-color:#ACA1A1;
+	padding:0 0 2px 0;
+}
+
+#adminBar .bar{
+	color:#fff;
+	font-size:10px;
+}
+
+#adminBar .content,.cubeit-content{
+	width:982px;
+	margin:0 auto;
+}
+
+.cubeit-content{
+	margin: 0 auto 20px;
+}
\ No newline at end of file
diff --git a/less/carrousel.css b/less/carrousel.css
new file mode 100644
index 0000000..80ba39e
--- /dev/null
+++ b/less/carrousel.css
@@ -0,0 +1,81 @@
+.visual .v1{ margin:0 -409px;}
+
+.slideshow {
+	margin:0 0 21px;
+	height: 425px;
+	position: relative;
+	padding:0 0 0 36px;
+	z-index: 0;
+}
+.slideshow img{display:block;}
+.slideshow .mask {
+	overflow: hidden;
+}
+.slideshow .slideset {
+	width: 9999px;
+}
+.slideshow .slide {
+	display:none;
+	position:absolute;
+}
+.slideshow .pagination {
+	position: absolute;
+	bottom: 82px;
+	left: 0;
+	width:100%;
+	text-align:center;
+	z-index: 4;
+}
+.slideshow .pagination ul {
+	list-style:none;
+	display:inline-block;
+	vertical-align:top;
+	padding: 0 8px 0 0;
+	margin:5px 0 0;
+}
+.slideshow .pagination li {
+	float: left;
+	margin: 0 0 0 9px;
+}
+.slideshow .pagination li a {
+	background:url(../images/elements.png) no-repeat -15px 0;
+	width: 15px;
+	height: 16px;
+	overflow: hidden;
+	text-indent: -9999px;
+	display: block;
+	border-radius:12px;
+}
+.slideshow .pagination a.active,
+.slideshow .pagination a:hover {background-position:0 0;}
+
+
+.slideshow .caption{
+	background-color:rgba(255,255,255,0.5);
+	position:absolute;
+	right:402px;
+	top:47px;
+	width:233px;
+	height:233px;
+	font-size:30px;
+	line-height:35px;
+	color:#fff;
+	font-weight:300;
+	text-align:center;
+	border-radius:253px;
+	padding:10px;
+	z-index: 4;
+}
+
+.slideshow .caption .holder{
+	background-image: linear-gradient(to bottom,  #51cdf8 0%,#46c6f2 31%,#2db6e6 81%,#28b3e3 100%);
+	border-radius:233px;
+	width:233px;
+	height:194px;
+	padding: 39px 0 0;
+	overflow:hidden;
+}
+.slideshow .caption em{
+	font-style:italic;
+	font-size:21px;
+}
\ No newline at end of file
diff --git a/less/common.css b/less/common.css
new file mode 100644
index 0000000..a6ce9f6
--- /dev/null
+++ b/less/common.css
@@ -0,0 +1,345 @@
+*{ max-height: 1000000px; }
+html{background:#f1eeee;}
+body {
+	margin:0;
+	color:#5e5e5e;
+	font:300 16px/20px 'Ubuntu', Arial, Helvetica, sans-serif;
+	background:#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:"";}
+
+.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:url(../images/logo.svg) no-repeat;
+	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:98px;
+	padding:54px 0 0;
+	background-size: 50px 50px;
+	background-position: 50% 0;
+	margin:0 0 0 11px;
+	text-decoration: none;
+}
+#nav li a[data-name="centre"]{
+	background-image: url(../images/centre.svg);
+}
+#nav li a[data-name="parcours"]{
+	background-image: url(../images/parcours.svg);
+}
+#nav li a[data-name="pathologies"]{
+	background-image: url(../images/pathologies.svg);
+}
+#nav li a[data-name="recherche"]{
+	background-image: url(../images/recherche.svg);
+}
+#nav li a[data-name="pratique"]{
+	background-image: url(../images/pratique.svg);
+}
+
+
+.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:url(../images/arrow-header.svg) no-repeat 100% 2px;
+	padding: 0 19px 0 0;
+}
+.image-area{margin:0 0 21px;}
+.image-area img{display:block;}
+
+#footer{
+	overflow:hidden;
+	background:#f1eeee;
+	color:#5e5e5e;
+}
+#footer .footer-content{background:#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:url(../images/arrow-grey-right.svg) no-repeat 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:hidden;
+}
+.twocolumns #content,
+.twocolumns .contents{
+	width:765px;
+	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:url(../images/arrow-li.svg) no-repeat 0 2px;
+	padding:0 0 3px 30px;
+}
+#content blockquote{
+	border-radius:3px;
+	background:#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:url(../images/bullet.svg) no-repeat 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 .note p{margin:0;}
+#footer .timing .logos{
+	margin:0;
+	padding:0;
+	list-style:none;
+}
+#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;
+}
\ No newline at end of file
diff --git a/less/faq.css b/less/faq.css
new file mode 100644
index 0000000..801f5bb
--- /dev/null
+++ b/less/faq.css
@@ -0,0 +1,12 @@
+#content ul.faq{
+	margin:30px 0 0 0;
+}
+
+.faq dt{
+	font-weight: 500;
+	margin:12px 0;
+}
+
+.faq dd{
+	margin:12px 0 20px 0;
+}
\ No newline at end of file
diff --git a/less/home.css b/less/home.css
new file mode 100644
index 0000000..3528877
--- /dev/null
+++ b/less/home.css
@@ -0,0 +1,40 @@
+
+.services{
+	overflow:hidden;
+	margin:0 0 65px;
+	width:1051px;
+}
+.services .col:first-child{margin: 0 27px 20px 0;}
+.services .col{
+	float:left;
+	width:310px;
+	margin: 0 47px 20px 0;
+}
+.services .icon{
+	margin:5px 0 0;
+	float:left;
+}
+.services .col h1{
+	color:#0ea6db;
+	font-size:29px;
+	line-height:33px;
+	font-weight:300;
+	margin:0 0 15px;
+}
+.services .col .more{
+	background:#0ea6db;
+	font-weight:300;
+	font-style:italic;
+	line-height:29px;
+	border-bottom:1px solid #eff9fd;
+	display:inline-block;
+	border-radius:3px;
+	color:#fff;
+	padding: 0 13px 1px 10px;
+	margin:0 0 0 1px;
+}
+.services .col .text-box{
+	overflow: hidden;
+	padding: 0 0 0 17px;
+}
+.services .col p{margin:0 0 17px;}
diff --git a/less/ie7.css b/less/ie7.css
new file mode 100644
index 0000000..e69de29
diff --git a/less/ie8.css b/less/ie8.css
new file mode 100644
index 0000000..e69de29
diff --git a/less/liens.css b/less/liens.css
new file mode 100644
index 0000000..4260058
--- /dev/null
+++ b/less/liens.css
@@ -0,0 +1,14 @@
+.links{
+	font-size: 16px;
+	font-weight: 300;
+}
+
+.links li{
+	margin:30px 0;
+}
+
+.links li a{
+	display: block;
+	margin:10px 0 0 0;
+	color:#0ea6db;
+}
\ No newline at end of file
diff --git a/less/rightbar.css b/less/rightbar.css
new file mode 100644
index 0000000..085ba7f
--- /dev/null
+++ b/less/rightbar.css
@@ -0,0 +1,34 @@
+#rightbar{
+	width:262px;
+	display:inline-block;
+	margin:0 0 50px 0;
+}
+
+#rightbar>img{
+	display: block;
+	margin: 0 0 17px 0;
+}
+
+#rightbar>img,
+#rightbar>section{
+	border-radius: 5px;
+	border:1px solid #c7c5c5;
+	width:262px;
+	box-sizing: border-box;
+}
+
+#rightbar>section{
+	font-weight: 300;
+	font-size: 13px;
+	padding:0 20px;
+}
+
+#rightbar>section strong{
+	font-weight: 500;
+}
+
+#content>div#c{
+	width:443px;
+	display: inline-block;
+	margin:0 51px 0 0;
+}
\ No newline at end of file
diff --git a/less/sidebar.css b/less/sidebar.css
new file mode 100644
index 0000000..bcc0bf8
--- /dev/null
+++ b/less/sidebar.css
@@ -0,0 +1,66 @@
+#sidebar{
+	width:179px;
+	float:left;
+	margin:6px 0 50px 0;
+}
+.sidenav{
+	border-radius:3px;
+	padding: 7px 0 8px;
+	background:#0ea6db;
+}
+.sidenav ul{
+	margin:0;
+	padding:0;
+	list-style:none;
+}
+.sidenav span{font-size:13px;}
+.sidenav a:hover{text-decoration:none;}
+
+.sidenav>ul>li:hover,
+.sidenav>ul>li.active
+{
+	background:url(../images/arrow-nav-1.svg) no-repeat 9px 7px;
+}
+
+.sidenav>ul>li>a{
+	padding:7px 0 11px 39px;
+	color:#fff;
+	display:block;
+}
+.sidenav>ul>li>ul{
+	overflow:hidden;
+	border:0;
+	color:#035277;
+	font:13px;
+	background:#f3fafd;
+	padding: 0 5px 12px 39px;
+	width:137px;
+	margin:0 -1px -1px;
+	overflow:hidden;
+}
+.sidenav>ul>li>ul:first-child{padding: 0 5px 20px 39px;}
+
+.sidenav>ul>li>ul>li>a{
+	font-weight:500;
+	display:block;
+	padding: 5px 0 0;
+}
+
+.sidenav ul ul a{
+	color: #035277;
+	display: block;
+	font-size: 13px;
+	line-height: 16px;
+}
+.sidenav ul ul li{
+	margin: 0 0 1px;
+	padding: 8px 0 0;
+}
+.sidenav ul ul ul li:hover,
+.sidenav ul ul ul li.active
+{
+	background:url(../images/arrow-nav-2.svg) no-repeat 22px 12px;
+	padding:8px 0 0 39px;
+	margin:0 0 1px -39px
+}
+