@font-face {
	font-family: 'Conv_Ubuntu-Light';
	src: url('../fonts/Ubuntu-Light.eot');
	src: url('../fonts/Ubuntu-Light.woff') format('woff'), url('../fonts/Ubuntu-Light.ttf') format('truetype'), url('../fonts/Ubuntu-Light.svg') format('svg');
}
body {
	width:1400px;
	background-image:url(../images/bgtotal.png);
	background-repeat:repeat-x;
	font-family: 'Conv_Ubuntu-Light';
	font-size: 14px;
	font-weight: normal;
	line-height: 1;
	margin:auto;
	min-width: 1000px;
	padding: 0;
}
#header {
	background: url(../images/bg-header.jpg) repeat-x;
	margin:auto;
	text-align:center;
	
}
#header a.logo {
	display: block;
	height: 74px;
	margin: 0 auto 0px;
	padding: 0;
}

#header ul {
	margin-top:40px;
	overflow: hidden;
	padding: 15px 0 15px;
	margin-bottom:0px;
	width:1400px;
	background-image:url(../images/bg-body.jpg);
	background-color:white;
	
}
#header ul li {
	float: left;
	list-style: none;
	margin: 0 0 0 30px;
	padding: 0;
}
#header ul li:first-child {
	margin: 0 0 0 15px;
}
#header ul li a {
	color: #588181;
	display: block;
	height: 37px;
	line-height: 40px;
	margin: 0;
	padding: 0;
	text-align: center;
	text-decoration: none;
	font-size:18px;
}
#header ul li a:hover {
	color: #0CF;
}
#header ul li.selected {
	background: url(../images/bg-body.jpg) no-repeat top center;
}
#header ul li.selected a {
	background: 	url(../images/dots.png) repeat-x left bottom;
}
#section {
	
	text-align:center;
border-bottom: 3px solid #0CF;
	background: rgb(240,249,255); 
background: -moz-linear-gradient(top,  rgba(240,249,255,1) 0%, rgba(203,235,255,1) 47%, rgba(161,219,255,1) 100%); 

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,249,255,1)), color-stop(47%,rgba(203,235,255,1)), color-stop(100%,rgba(161,219,255,1)));

background: -webkit-linear-gradient(top,  rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%); 

background: -o-linear-gradient(top,  rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%); 

background: -ms-linear-gradient(top,  rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%);

background: linear-gradient(to bottom,  rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%); 

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff',GradientType=0 ); 

	border-top:3px solid #0CF;
	height:650px;
	padding: 0;
}
div#placeholder1_jwpsrv
{
	display:none;
}
#sectioncontaint div.video
{
		margin:0px;
		width:100%;
		height:250px;
		padding:0px;
		background:none;
		
		
		
		
}
img#lien_video
{
/*	border:1px solid #0079d5;*/
cursor:pointer;
}
#sectioncontaint {
	height:650px;
	
border-bottom: 3px solid #0CF;
background-image:url(../images/nuagecentral.png);

	border-top:3px solid #0CF;
}


	
	#sectioncontaint div {
		margin:0 auto;
		width:60%;
		height:650px;
		padding:40px;
		background: rgba(255,255,255,0.6);
font-size:18px;
line-height:20px;

	}

#sectioncontaint div h1 {
	color:#0CF;

}

#sectioncontaint div a {
	color:#999;
	text-align: center;
	text-decoration:none;

}
#sectioncontaint div a:selectec {
	color: #F90;
	text-align: center;
	text-decoration:none;

}


#sectioncontaint div a:hover{
	color: #0CF;
	text-align: center;

}
#sectioncontaint div img {
	margin-left:80px;
	margin-top:30px;
}


#featured {
	background: url(../images/bg-footer.png) repeat-x;
	border-bottom: 3px solid #0CF;
	margin: 0;
	padding: 0;
	height:174px;
	
}

#featured > div {
	margin:auto;
	overflow: hidden;
	padding: 5px 0 5px;
	padding-left:0px;
	width: 1000px;
	text-align:center;
	height:174px;
	

}

.separation{
	float:left;
	margin-top :10px;
	height: 140px;
	width : 1px;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(1%,rgba(255,255,255,0)), color-stop(20%,rgba(255,255,255,1)), color-stop(80%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 80%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 80%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 80%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 80%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */


	margin-right:20px;
	}

#featured > div p {
	color:#FFF;
	margin: 0 auto;
	overflow: hidden;
	padding: 5px 0 5px;
	text-align:right;
	/* float:left;*/
	 margin-right:20px;
	 line-height:25px;
	 text-decoration:none;
	 
}
	 #featured > div p a{
	color:#FFF;
	 text-decoration:none;
	 


}

#featured > div p span {
	 font-size:25px;
	 color:orange;

}


#body {
	background: url(../images/bg-content.jpg) repeat;
	margin: 0 auto;
	min-height: 1100px;
	overflow: hidden;
	padding: 20px 0;
	width: 1000px;
}
#body .sidebar {
	background: #94acb3;
	float: left;
	margin: 0 10px 0 20px;
	padding: 0 0 10px;
	width: 210px;
}
#body .sidebar h3 {
	border-bottom: 2px solid #ffe600;
	color: #ffe600;
	font-size: 16px;
	font-weight: normal;
	line-height: 30px;
	margin: 0;
	padding: 3px 0;
	text-align: center;
	text-transform: uppercase;
}

#footer {
	background-image:url(../images/bg-body.jpg);
	background-color:#FFF;
	margin: 0px 0 0;
	padding: 16px 0;
	text-align:center;
}

#footer div {
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	width: 100%;
	font-size: 14px;
	font-weight: normal;
	
}

/* Tiny Circleslider */
#circleslider4 { height:650px; position:absolute; width:1400px; }
#circleslider4 .viewport{ height:650px; position: relative; margin:0 auto; overflow:hidden; width:1400px; }
#circleslider4 .overview { position:absolute; width: 1400px; list-style: none; margin: 0; padding: 0;  left: 0; top: 0; }
#circleslider4 .overview li {  height:4300px; width:430px; float: left; position: relative; left:70px; top:90px; }
#circleslider4 .overlay {background-image: url(../images/bg-nuagetrou2.png); pointer-events: none; z-index:0; position: absolute; left: 0; top: 0; height:650px; width:1400px; }
#circleslider4 .thumb {no-repeat 50% 50%; position: absolute; top: -3px; cursor: pointer; left: 137px; width: 100px; z-index: 50;  height: 100px; }
#circleslider4 .dot {cursor: pointer; text-indent: -999em; overflow: hidden; height: 74px; width: 74px; position: absolute;  left: 0; top: 0; z-index: 100; }
#circleslider4 .dot-1 {  background-image: url(../images/boutonsommeil.png); no-repeat 0 0; width: 90px; height:90px; margin-left:10px; margin-top:10px; }
#circleslider4 .dot-2 {  background-image:url(../images/boutonsas90x90.png); no-repeat 0 0; width: 90px; height: 90px; margin-top:10px;margin-left:0px; }
#circleslider4 .dot-3 {   background-image:url(../images/boutondiagno90x90.png); no-repeat 0 0; width: 90px; height:90px; margin-left:-5px;margin-top:20px; }
#circleslider4 .dot-4 {   background-image:url(../images/boutonconsequence90x90.png); no-repeat 0 0; width: 90px; height: 90px; margin-left:-32px; margin-top:26px;}
#circleslider4 .dot-5 {  background-image:url(../images/boutontraitement90x90.png); no-repeat 0 0; width: 90px; height: 90px; margin-left:-66px; margin-top:26px;  }
#circleslider4 .dot-6 {  background-image:url(../images/boutonsymptome90x90.png); no-repeat 0 0; width: 90px; height:90px; margin-left:-66px; margin-top:-17px; }
#circleslider4 .dot-7 {  background-image:url(../images/boutonPEC90x90.png); no-repeat 0 0; width: 90px; height:90px; margin-left:-76px; margin-top:-69px; }
#circleslider4 .dot-8 { background-image:url(../images/boutonsurveillance90x90.png); no-repeat 0 0; width: 90px; height:90px; margin-left:-30px; margin-top:-125px; }
#circleslider4 .dot-9 {  background-image:url(../images/boutoncardio90x90.png); no-repeat 0 0; width: 90px; height: 90px; margin-left:39px;margin-top:-126px; }
#circleslider4 .dot-10 { background-image:url(../images/boutoncauses90x90.png); no-repeat 0 0; width: 90px; height:90px; margin-left:114px;margin-top:-104px;  }
#circleslider4 .dot-11 { background-image:url(../images/boutonhygienoDietetique90x90.png); no-repeat 0 0; width: 90px; height:90px; margin-left:20px;margin-top:5px;  }
#circleslider4 .dot span { cursor: pointer; }