body{font-family:'Roboto Condensed',sans-serif;font-size:14px;font-weight:300;color:#000;margin:0;padding:0;background:url('../images/charte.png') bottom right no-repeat}
body#leftbg{background:url('../images/bg.png') left bottom no-repeat}
*{outline:0}
p,h1,h2,h3,h4{margin:0;padding:0}
img{border:none}
ul.items_list  { padding:0;margin:0}
#header{width:100%;min-width:1024px;background:#20969a}
#header .header-wrap{height:40px;font-size:13px;text-transform:uppercase;width:960px;height:40px;margin:auto}
#header .header-wrap ul{list-style:none;width:830px;margin:auto;padding:0}
#header .header-wrap ul li{float:left;height:25px;margin-top:13px;position:relative;}
#header .header-wrap ul li.current,#header .header-wrap ul li.active{background:url('../images/fleche.png') no-repeat center 17px;font-weight:800}
#header .header-wrap ul li.item-104 a{width:52px}
#header .header-wrap ul li.item-104 {background-position:21px 17px !important;}
#header .header-wrap ul li.item-108 a{width:124px}
#header .header-wrap ul li.item-106 a{width:183px}
#header .header-wrap ul li.item-105 a{width:178px}
#header .header-wrap ul li.item-123 a{width:72px}
#header .header-wrap ul li.item-103 a{width:52px}
#header .header-wrap ul li.item-107 a{width:auto}
#header .header-wrap ul li a:link,#header .header-wrap ul li a:visited{color:#fff;text-decoration:none;display:block;border-left:1px solid #fff;padding-left:9px;padding-right:9px;text-align:center}
#header .header-wrap ul li:first-child a{border:0;padding-left:0}
#header .header-wrap ul li:last-child a{padding-right:0}
#header .header-wrap ul li a:hover{font-weight:800}
ul.nav-child{background:rgb(32, 150, 154) !important;display:none;position:absolute;width:160px !important;left:-35px;top:24px;z-index:99;;padding-top:15px !important;padding-bottom:10px!important;}
ul.nav-child li {
	margin:0 !important;

	float:none !important;
	
	font-weight:400 !important;
}
ul.nav-child li.active {
	background:none !important;
	font-weight:800 !important;
}
ul.nav-child li a{ width:160px !important;border:none !important;
padding-left:12px !important;padding-right:0px !important;text-align:left !important;

}
.home-diap{height:275px;width:100%;min-width:1024px;/*background:url('../images/header-img.png') center no-repeat*/}
.logo{width:960px;margin:auto}
.logo a{display:block;margin-top:27px;width:230px;height:63px;float:left}
#main{width:100%;min-width:1024px;background:#fff}
div#main .about{margin-bottom:100px !important}
#main h1{color:#20bdbe;font-weight:300;font-size:34px}
#main h2{width:450px;color:#000;font-size:22px;font-weight:700;margin-bottom:18px}
#main p{font-size:18px}
#main .main-wrap{width:1024px;margin:auto;margin-top:47px}
#main .main-wrap .home-bloc:first-child{width:428px;float:left;padding-right:90px}
#main .main-wrap .home-bloc.actu{float:left;padding-left:50px;width:430px;border-left:1px solid #a7a7a7}
#main .main-wrap .home-bloc h1{color:#565959;font-weight:400;margin-bottom:22px;font-size:30px}
#main .main-wrap .home-bloc:first-child h1{color:#20bdbe}
#main .main-wrap .home-bloc.actu .actu-box{width:100%}
.actu-img{float:left;width:130px;padding-right:10px}
.actu-resume{display:block;float:left;width:290px}
.actu-resume span{color:#20bdbe;font-size:16px;text-transform:uppercase;font-weight:700}
.actu-resume a:link,.actu-resume a:visited{color:#20bdbe;text-decoration:none}
#footer{margin-top:40px;height:58px;width:100%;min-width:1024px;background:#20bdbe}
.footer-wrap{width:1024px;margin:auto}
.footer-wrap ul{float:right;list-style:none;margin-top:21px;padding:0}
.footer-wrap ul li{float:left;font-size:13px;margin-left:17px;color:#fff;font-weight:400}
.footer-wrap ul li a:link,.footer-wrap ul li a:visited{color:#fff;text-decoration:none}
.footer-wrap ul li a:hover{text-decoration:underline}
.sub-header{height:135px;background:#fff url('../images/trait.png') no-repeat bottom center}
#main .about p{color:#000}
.half-page{display:block;float:left;width:450px;padding-left:50px}
.half-page.noborder{padding-left: 0 !important}
.about span.customized{font-weight:700 !important;color:#20bdbe !important}
.pol-img{float:left;width:300px;text-align:left}
.pol-content{float:left;margin-left:40px;width:620px}
.equipe-nav{float:left;width:230px;padding-right:40px;font-size:20px}
.equipe-nav a:link,.equipe-nav a:visited{color:#20bdbe;text-decoration:none;font-weight:700}
.equipe-nav a.active, .equipe-nav a:hover{color:#797979}
.equipe-content{float:left;width:650px;padding-left:33px;font-weight:300;border-left:1px solid #acacac;}
.person-picture{float:left;width:110px;margin-right:25px}
.person-desc{float:left;width:500px}
.equipe-person{margin-bottom:35px}
.equipe-content h3{color:#20bdbe;font-size:16px;font-weight:700;margin-top:10px;margin-bottom:10px;}
.equipe-content h4{color:#20bdbe;font-size:18px;font-weight:700}
.equipe-content table td {padding:10px;text-align: center; }
.contact-left img{float:left;padding-right:65px}
.contact-left{color:#848d8f;width:570px;float:left;padding-top:10px;font-size:18px;text-align:left}
.form-sent{display:block;margin-top:60px;font-size:15px}
.c-link,.contact-left a:link,.contact-left a:visited{color:#20bdbe;text-decoration:underline;font-weight:700}
.contact-right{border-left:1px solid #bababa;float:left;width:350px;padding-left:60px;min-height:220px}
.contact-right label{float:left;width:79px;font-size:14px;color:#000}
label.error{font-size:12px !important;width:150px !important;margin-left:80px;clear:both;color:#20bdbe}
.formline{display:block;width:351px;clear:both;height:30px}
.contact-right input{float:left;width:270px;background:#efefef;border:0}
.contact-right textarea{margin-top:15px;width:350px;border:0;background:#efefef;height:100px}
input[type=submit]{margin-top:30px;float:right;width:125px;height:23px;background:#20bdbe;color:#fff;text-transform:uppercase}
input[type=submit]:hover{background:#848d8f}
span.form-hint{float:left;color:#919191;font-size:12px;margin-top:30px}
.grid-actu{padding-top:30px;margin-top:30px;clear:both;width:100%;border-top:1px solid #000}
.grid-actu:first-child{padding:0;margin:0;border:0}
.grid-actu-img{float:left;min-width:150px;max-width:240px}
.grid-actu-video{float:left;max-width:600px}
.grid-actu-img img{max-width:220px}
.grid-actu-content{width:700px;padding-left:20px;float:left}
.grid-actu-content a{color:#20bdbe;text-decoration:underline;font-weight:700}
.grid-actu-content.full-w{width:100%;padding-left:0;padding-top:15px}
.grid-actu-content.video-w{width:100%}
.grid-actu-content a.download-link{display:block;font-size:15px;width:135px;height:23px;color:#fff;text-decoration:none;text-align:center;font-weight:400;padding-top:3px;background-color:#20bdbe}
.grid-actu-content a.download-link:hover{background:#20969a}
.test-div {display:none;}

	.mobile-wrapper {
		display:none;
		width:300px;
		margin:auto;
	}
	.mobile-wrapper select {
		width:300px;
		margin-top:11px;
		font-family:Roboto Condensed;
	}
	
	
	
@media only screen and (min-width:800px) and (max-width:1030px){                 /* tablet */

	#header, .home-diap, #main, #footer {
		min-width:0;
	}
	.logo { 
		width:750px;
	}
	#header .header-wrap {
		width:100%;
	}
	#header .header-wrap ul {
		width:775px;
		margin:auto;
	}
	#header .header-wrap ul li a{
		padding-left:4px !important;
		padding-right:4px !important;
	}
	#main h1 {
		margin-left:1%;
	}
	.footer-wrap {
		width:750px;
	}
	#main .main-wrap {
		width:740px;
		margin-left:auto;
		margin-right:auto;
	}
	#main .main-wrap .home-bloc.actu {
		width:40%;
		padding-left:5%;
	}
	#main .main-wrap .home-bloc:first-child {
		padding-left:1%;
		padding-right:4%;
		width:49%
		
	}

	.about .half-page {
		width:90%;
		margin:auto;
		clear:both;
		float:none;
		margin-bottom:20px;
	}
	.pol-img {
		float:none;
		margin:auto;
		text-align:center;
		clear:both;
		margin-bottom:20px;
	}
	.pol-content {
		float:none;
		width:90%;
	}
	.equipe-nav {
		padding-left:1%;
		width:30%;
	}
	.equipe-content {
		width:55%;
	}
	.contact-left {
		width:280px;
		padding-right:40px;
	}
}
@media only screen and (min-width:319px) and (max-width:800px){                 /* SMARTPHONE */
	body, body#leftbg {background:none ;}
	
	.mobile-wrapper {display:block;}
	.header-wrap ul {display:none;}
	#header, .home-diap, #main, #footer {
		min-width:0;
	}
	.header-wrap {
		width:100% !important;
	}
	#main, .footer-wrap {
		width:100% !important
	}
	.main-wrap {
		width:90% !important;
		margin-left:auto !important;
		margin-right:auto !important;
	}
	.logo { width:95% }
	
	#main .main-wrap .home-bloc:first-child {
		float:none;
		width:90%;
		padding:0;
		margin:auto;
	}
	#main .main-wrap .home-bloc {
		border:none !important;
		float:none !important;
		width:90% !important;
		margin:auto !important;
		margin-top:60px !important;
		margin-bottom:50px;
		padding:0 !important;
	}
	.about .half-page {
		padding:0;
	}
	.actu-resume p {
		display:block;
		margin-top:8px;
		clear:both;;
	}
	.actu-resume  { 
		float:none;
		width:auto;
	}
	#main .main-wrap h1 {
		margin-left:2%;
	}
	.about .half-page { 
		
		float:none;
		clear:both;
		width:90%;
		margin:auto;
		margin-bottom:25px;
	}
	#main h2 {
		width:100%;
	}
	.pol-img {
		float:none;
		width:300px;
		margin:auto;
		text-align:center;
	}
	.pol-content {
		float:none;
		clear:both;
		width:90%;
		margin:auto;
	}
	.equipe-nav {
		float:none;
		width:90%;
		margin:auto;
		border:none;
		padding:0;

	}
	
	.equipe-content {
		border:none;
		float:none;
		clear:both;
		width:90%;
		margin:auto;
		margin-top:30px;
		padding:0;
	}
	.equipe-content table {
		display:none;
	}
	.equipe-content .test-div{
		display:block;
		clear:both;
		width:100%;
		
	}
	
	.equipe-content .test-div .partner {
		width:140px;
		height:60px;
		float:left;
		margin-left:10px;
		text-align:center;
	}
	.person-desc { 
	width:100% !important;
	}
	.contact-left {
		clear:both;
		float:none;
		width:100%;
		padding:0;
	}
	.contact-left p{
		float:none;
		display:block;
	}
	.contact-left img{
		float:none;
		margin-bottom:20px;
		padding-right:0;
	}
	.contact-right {
		padding:0;
		border:none;
		float:none;
		clear:both;
		margin-top:20px;
		width:100%;
	}
	.formline {width:auto;}
	.contact-right input[type=text], .contact-right textarea {
		float:right;
		width:70%;
	}
	.contact-right label {
		width:28%;
	}
	.contact-right label.error {
		margin-left:30%;
	}
	.grid-actu {
		width:100%;
		
	}
	ul {margin:0;padding:0}
	.grid-actu-img {
		max-width:320px !important;
		float:none;
		clear:both;
		display:block;
	}
	.grid-actu-content {
		width:100% !important;
		padding:0;
	}
	.grid-actu-video {
		width:100%;
		height:250px !important;
		float:none;
	}
	iframe {
		width:100% !important;
		height:250px !important;
	}
	
}

.listwithlink a {
	color: #000 !important;
}

.menuLeftTitle {
	color: rgb(32, 189, 190);
	font-size: 20px;
	font-weight: bold;
}

.smallerLinkMenu {
	color: #000 !important;
	font-weight: 300 !important;
}

.smallerLinkMenu:hover {
	color: rgb(32, 189, 190) !important;
}