/****************************************************************** menu*/
ol, ul {list-style: none;padding:0px;margin:0px;}
#wrap {	margin: 0 auto;max-width:1200px; min-height: 40px; }
menu {display: block;width:100%;}
nav {display: block;}
.relative {position: relative;}
.right {float: right;}
.left {	float: left;}
.row { position:relative; zoom:1;}
.row:after { visibility: hidden; display: block; font-size: 0; content: ""; clear: both; height: 0 }
.colm{display:inline; float:left; left:100%; position:relative; }
.row-main { text-align:left; width:100%; margin:0 auto;}
#wrap-menu {position: relative;max-width: 1200px;}
#main-menu { position:relative; z-index:1551;width:100%;background:rgb(233, 239, 244);}
#main-menu ul {background:rgb(233, 239, 244); font-size:85%; text-transform:uppercase;  border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; position:relative;  }
#main-menu ul:after { visibility: hidden; display: block; font-size: 0; content: ""; clear: both; height: 0 }
#main-menu li { float:left; display:inline; display:block;background:rgb(233, 239, 244) url('../images/bg/puce.png') 98% 16px no-repeat;}
#main-menu a, #main-menu strong { display:block; text-decoration:none; display:block; color:black; line-height:40px; height:40px; text-align:center; border-right:1px solid rgb(223, 223, 223); border-left:0px solid rgb(240, 240, 240,.5); overflow:hidden;}
#main-menu a:hover, #main-menu li.hover > a { xcolor:#fff; border-bottom: 1px solid  #89B3C9; height: 40px; background: #8CB6CA url('../images/bg/puce-hover.png') 98% 16px no-repeat;}
#main-menu li.hover > a, #main-menu li:hover > a  { color: #fff; display:block;}
#main-menu li.hover > .active { color: #fff !important; }
#main-menu .active { background:#89B3C9 url('../images/bg/puce-hover.png') 98% 16px no-repeat; color:#fff;  border-bottom: 1px solid  #89B3C9; position:relative; margin:0 0px;font-weight: normal; border-right:1px solid #89B3C9;}
#main-menu .first a, #main-menu .first strong {background:rgb(233, 239, 244); border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; -webkit-border-radius:4px; -webkit-border-top-right-radius:0; -webkit-border-bottom-right-radius:0; margin-right:1px; border-left:none; }
#main-menu .first a:hover {background:#8CB6CA ; border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; -webkit-border-radius:4px; -webkit-border-top-right-radius:0; -webkit-border-bottom-right-radius:0; margin-right:1px; border-left:none; }


#main-menu .first .active { background:#8CB6CA; padding-right:1px; }
#main-menu .last a, #main-menu .last strong { border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; -webkit-border-radius:4px; -webkit-border-top-left-radius:0; -webkit-border-bottom-left-radius:0; margin-right:0; border-right:none; }
#main-menu .last .active { padding-left:1px; }
#menu-01 { width:10%; }
#menu-02 { width:18%; }
#menu-03 { width:18%; }
#menu-04 { width:18%; }
#menu-05 { width:18%; }
#menu-06 { width:0%; }
#menu-07 { width:18%; }

/* Submenu */
.submenu 
{ 
width: 570px; 
box-sizing: border-box;
background: #fff;  
position: absolute; 
left: 82px; 
top: 58px; 
display: none; 
line-height: 100%; 
position: absolute;
-moz-box-shadow: 5px 2px 10px 0px #cfcfcf;
-webkit-box-shadow: 5px 2px 10px 0px #cfcfcf;
-o-box-shadow: 5px 2px 10px 0px #cfcfcf;
box-shadow: 5px 2px 10px 2px #cfcfcf;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=111, Strength=10);
}

.submenu-left { left: 0; }
.submenu-right { left: auto; right: 0; }

#main-menu .submenu ul 
{ margin: 0 0 20px; padding: 0; text-transform: none; 
background: none; 
font-weight: normal; 
border-radius: 0; 
}
#main-menu .submenu ul li { display: block; margin: 7px 0 7px 14px; padding: 0; background: none; float: none; 
text-align:left; }
#main-menu .submenu ul li a, #main-menu .submenu ul li:hover a { background: url('../images/bg/bullet-submenu.png') no-repeat 0 4px;  padding-left:15px; padding-right:0; padding-top:0; padding-bottom:0 }
#main-menu .submenu ul li a:hover { background-image: url('../images/bg/li-arr.png'); color: #E73B28; }

#main-menu .submenu h4
{ 
background: url('../images/bg/bullet-submenuh4.png') no-repeat 0 6px; 
font-size: 12px; padding: 3px 12px 3px; 
margin: 10px 15px 2px;   
line-height: 100%;text-transform: none;
font-weight: normal; color: rgb(51,51,51);
}


#main-menu .submenu h3 a
{ 
background: url('../images/bg/bullet-submenu.png') no-repeat 0 6px; 
font-size: 12px; padding: 3px 12px 3px; 
margin: 2px 15px 2px;   
line-height: 100%;text-transform: none;
font-weight: normal;  
}



#main-menu .submenu a { display: inline; background: none; text-decoration: none; line-height: 100%; border: 0px none; text-shadow: none; height:auto; text-align:left; display: block;}
#main-menu .submenu a:hover { background: url('../images/bg/li-arr.png') no-repeat 0 6px; color: #E73B28; display: block;}

#main-menu .submenu .row { background: none }
#main-menu li.hover .submenu { z-index: 30; display: block;}

#main-menu li .arrow { background: url('../images/bg/bg-main-menu-hover.png') no-repeat 0 0; width: 14px; height: 7px; z-index:50;position: absolute; top: 40px; left: 0; display: none; margin-left: -7px }
#main-menu li.hover .arrow { display: block; }

#main-menu .submenu { color: #757575;}
#main-menu .submenu .text-box {padding-top: 5px; border-bottom-color: rgb(214, 214, 214); border-bottom-width: 1px; border-bottom-style: solid; padding-bottom: 2px;}

#main-menu .submenu .text-boxlast {padding-top: 10px;}
#main-menu .submenu .text-boxlast a:hover  , #main-menu .submenu .text-box  a:hover {font-size:100%;font-weight: normal;}
#main-menu .submenu .text-boxfirst {line-height: normal;  border-bottom-color: rgb(214, 214, 214); border-bottom-width: 1px; border-bottom-style: solid; padding-bottom: 2px; }
#main-menu .submenu a.more { background: url('../images/bg/bullet-submenu.png') no-repeat 0 5px; color: #ba151a; padding-left:15px; padding-right:0; padding-top:0; padding-bottom:0 }
#main-menu .submenu a.more:hover { background-image: url('../images/bg/bullet-submenu-hover.png'); color: #fff }

#main-menu .submenu p { margin: 0 0px 10px; text-transform: none;}
#main-menu .submenu img { margin: 5px 0px 5px; display: block; border: 1px solid #232323; }

.col-submenu-a { width: 350px; margin-left: -570px; background: rgb(233, 239, 244);height:100%;padding-bottom: 10px; padding-top: 5px;}
.col-submenu-c { width: 200px; margin-left: -205px; margin-top: 5px; background: #fff;}



#menu ul.secondLevelMenu {
	background-image: linear-gradient(to right, rgb(160, 160, 160) 0%, rgb(160, 160, 160) 10%, rgb(0, 0, 0) 50%, rgb(140, 140, 140) 60%, rgb(140, 140, 140) 100%);
	color: #FFF;
	height: 30px;
	position: relative;
	margin-top: 10px;
	line-height: 30px;
	padding: 0px;line-height: 100%;
	
}
#menu ul.secondLevelMenu ul {
	float: left;
}
#menu ul.secondLevelMenu ul.block {
	padding-top: 6px; margin-right: 10px;
}
#menu ul.secondLevelMenu ul.leftDark a {
	color: rgb(84, 1, 1);
}
#menu ul.secondLevelMenu ul.middle {
	padding-top: 6px; margin-right: 160px;float:right; 
}

#menu ul.secondLevelMenu ul.Publications {
	background: url("../images/bg/download.png") no-repeat 0px 0px; top: -10px; width: 80px; height: 60px; right: 80px; text-indent: -9999px; position: absolute;
}
#menu ul.secondLevelMenu ul.Publications li {
	padding: 0px; width: 80px; height: 60px; border-right-color: currentColor; border-right-width: medium; border-right-style: none; display: block; position: relative;
}
#menu ul.secondLevelMenu ul.Publications li a {
	width: 100%; height: 100%; display: block; position: relative;
}
#menu ul.secondLevelMenu ul.telechargement {
	background: url("../images/bg/download.png") no-repeat 0px 0px; top: -10px; width: 150px; height: 60px; right: 1px; text-indent: -9999px; position: absolute;
}

#menu ul.secondLevelMenu ul.telechargement li {
	padding: 0px; width: 150px; height: 60px; border-right-color: currentColor; border-right-width: medium; border-right-style: none; display: block; position: relative;
}
#menu ul.secondLevelMenu ul.telechargement li a {
	width: 100%; height: 100%; display: block; position: relative;
}
#menu ul.secondLevelMenu ul.right {
	background: rgb(200, 0, 0); padding-left: 60px; float: right;
}
#menu ul.secondLevelMenu li {
	padding: 0px 10px; width: auto; color: rgb(255, 255, 255); line-height: 16px; font-size: 16px; border-right-color: rgb(255, 255, 255); border-right-width: 1px; border-right-style: solid; display: inline-block;
}
#menu ul.secondLevelMenu li.first {
	padding-left: 20px;
}
#menu ul.secondLevelMenu li.last {
	border-right-color: currentColor; border-right-width: 0px; border-right-style: none;
}
#menu ul.secondLevelMenu li:hover {
	
}
#menu ul.secondLevelMenu li p {
	color: rgb(255, 255, 255); font-size: 80%; 
}
#menu ul.secondLevelMenu li a {
	color: rgb(255, 255, 255); font-size: 90%; 
}
#menu ul.secondLevelMenu li a:hover {
	text-decoration: underline;
}
#breadcrumb { margin:0; padding:0 0 5px; font-size:13px; line-height:17px; color:#808080;border-bottom: 1px solid #f0f0f0; margin-bottom:5px;}
#breadcrumb a { display:inline-block; color:#808080; padding:0 25px 0 0; background: url('../images/bg/bread.png') 100% 0 no-repeat; margin:0 10px 0 0; }
#breadcrumb a:hover { color: #E73B28; text-decoration: underline;}
#breadcrumb strong { color:#808080; font-weight:100;}
#breadcrumb span { display:inline-block; color:#808080; padding:0 25px 0 0; background: url('../images/bg/bread.png') 100% 0 no-repeat; margin:0 10px 0 0; }; 
.vnav {
  max-width: 300px;
  overflow: hidden;;
}
.vnav a {
  display: block;
  line-height: 25px; 
  text-decoration: none; 
}
.vnav li:last-child .vnav-item {
  border-bottom-color: #EAEAEA;
}
.vnav li:last-child .vnav-subnav {
  border-bottom-color: white;
}

.vnav-item {
  position: relative;margin-left:2%;margin-right:2%;
  font-size: 100%;
  color: rgba(0, 0, 0, 0.75);
  background: #F2F2F2 url('linear-gradient(to%20bottom,%20#F2F2F2, #EAEAEA)');
  border-top: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;
  background-image: -webkit-linear-gradient(top, #F2F2F2, #EAEAEA);
  background-image: -moz-linear-gradient(top, #F2F2F24, #EAEAEA);
  background-image: -o-linear-gradient(top, #F2F2F2, #EAEAEA);
  -webkit-transition:opacity 0.15s; -moz-transition:opacity 0.15s; -o-transition:opacity 0.15s; transition:opacity 0.15s; padding-left:12px; padding-right:6px; 
 
}
.vnav-item:hover {
  background: #FCC200;
}
.active .vnav-item, .vnav-item:active {
  position: relative;
  font-size: 100%;
  color: rgba(0, 0, 0, 0.75);
  background: #F2F2F2 url('linear-gradient(to%20bottom,%20#F2F2F2, #EAEAEA)');
  border-top: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;
  background-image: -webkit-linear-gradient(top, #F2F2F2, #EAEAEA);
  background-image: -moz-linear-gradient(top, #F2F2F24, #EAEAEA);
  background-image: -o-linear-gradient(top, #F2F2F2, #EAEAEA);
  -webkit-transition:opacity 0.15s; -moz-transition:opacity 0.15s; -o-transition:opacity 0.15s; transition:opacity 0.15s; padding-left:12px; padding-right:6px; padding-top:0; padding-bottom:0; 
}

.vnav-subnav {
  display: none;
  border-bottom: 1px solid #EAEAEA; padding-left:12px; padding-right:6px;
}
.active .vnav-subnav {
  display: block;
}
.vnav-subnav a {
  padding: 0 5px 0 10px;
  font-size: 12px;
  color: #838a90;
  border-bottom: 1px solid #eee;
}
.vnav-subnav a:before {
  content: '';
  border-right:4px outset transparent; border-top:4px outset transparent; border-bottom:4px outset transparent; display: inline-block;
  width: 0;
  height: 0;
  margin-right: 4px;
  border-left: 4px solid #bbb
}
.vnav-subnav a:hover {
  background: #F7F7F7;
}

.vnav-subnav li:last-child a {
  border-bottom-color: white;
}

.activex .vnav-item, .vnav-item:active {
  color:#E73B28;font-weight: bold;
  background: #F2F2F2 url('linear-gradient(to%20bottom,%20#44c5ec, #E73B28)');
  background-image: -webkit-linear-gradient(top, #44c5ec, #E73B28);
  background-image: -moz-linear-gradient(top, #44c5ec, #E73B28);
  background-image: -o-linear-gradient(top, #44c5ec, #E73B28);
  background-image:url('linear-gradient(to%20bottom,%20#44c5ec, #E73B28)')
}
article {display: block;}
aside {display: block;}
details {display: block;}
figure {display: block;}
hgroup {display: block;}
section {display: block;}
plansite {display: block;}
li {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
img {border: 0px currentColor; border-image: none;}

a {transition:color 0.25s ease-out; color: #E73B28; text-decoration: none; -webkit-transition: color .25s ease-out; -moz-transition: color .25s ease-out;}
a:hover {color: black; text-decoration: none;}
h1 { line-height: 1;  font-size: 2.47em; margin-bottom: 0.5em;}
h2 { line-height: normal;  margin-bottom: 23px; margin-top: 23px; font-weight: bold;  color:rgb(75, 75, 75); margin-left: -4px;}
h3 {line-height: 100%; font-weight: normal; margin-bottom: 10px;margin-top: 10px;margin-left: -2px;font-size: 21px;}
h4 {line-height: 170%; font-weight: normal; margin-bottom: 23px;font-size: 15px;}
h5 {line-height: 100%; font-weight: normal; margin-bottom: 13px;font-size: 100%;}
h6 {line-height: 170%; font-weight: normal; margin-bottom: 23px;font-size: 12px;}


h4.hr {	line-height: normal; padding-bottom: 20px; border-bottom-color: rgb(214, 214, 214); border-bottom-width: 1px; border-bottom-style: solid;}
p.hr {line-height: normal; padding-bottom: 20px; padding-top: 20px; border-bottom-color: rgb(214, 214, 214); border-bottom-width: 1px; border-bottom-style: solid;}



blockquote {
	line-height: 190%; margin-bottom: 23px;
}
img {
 max-width: 100%;	
}

textarea {
	color: rgb(49, 49, 49);  font-size: 15px;
}
select {
	color: rgb(49, 49, 49);  font-size: 15px;
}
.italic {
	font-style: italic;
}
.thin {
	
}
.bold {
	 font-weight: bold;
}
.x-bold {
	font-weight: normal;
}
.underline {
	text-decoration: underline;
}
.left {
	float: left;
}
.right {
	float: right;
}
.color-green {
	color: rgb(64, 159, 137);
}
.heading-title {
	font-size: 30px;
}
.heading-h4 {
	
}
.heading-h4 em {
	font-style: normal;
}
.clear {
	clear: both;
}
.hide {
	display: none;
}
.no-mb {
	margin-bottom: 0px;
}
.inner {
	margin: 0px auto; transition:width 0.3s ease-out; max-width: 1200px; -webkit-transition: width .3s ease-out; -moz-transition: width .3s ease-out;
}
.width-2.inner {
	width: 940px;
}
.width-3.inner {
	width: 640px;
}
.grid {
	margin: 0px 0px 0px 0px; clear: both;
}
.grid::after {
	clear: both; display: block; content: "";
}
.no-clear.grid::after {
	display: none;
}
.inner .grid {
	margin: 0px 0px 0px -10px;
}
.grid .colo {
padding: 0px 0px 0px 10px; transition:width 0.3s ease-out; float: left; position: relative; box-sizing: border-box; -webkit-transition: width .3s ease-out; -moz-transition: width .3s ease-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;
}

.grid .corps {
padding: 0px 0px 0px 0px; transition:width 0.3s ease-out; float: left; position: relative; box-sizing: border-box; -webkit-transition: width .3s ease-out; -moz-transition: width .3s ease-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;
}

.grid .first.colo {
	padding-left: 0px;
}
.test.grid .colo .content {
	background: rgb(223, 108, 79); padding: 5px 0px; text-align: center; color: rgb(255, 255, 255);
}
.grid .n-1.colo {
	width: 74.66%;
}
.grid .n-22.colo {
	width: 24.66%; float:right;
}
.grid .n-2.colo {
	width: 14.66%;
}

.grid .n-3.colo {
	width: 24.92%;
}
.grid .n-4.colo {
	width: 33.32%; 
}
.grid .n-5.colo {
	width: 16%;
}
.grid .n-6.colo {
	width: 50%; border-bottom: 1px dashed rgb(220, 220, 220);
}
.grid .n-66.colo {
	padding-bottom:1px; width: 50%;  border-bottom: 1px dashed rgb(220, 220, 220); border-left: 1px dashed rgb(220, 220, 220);
}

.grid .n-6last.colo {
	width: 50%;
}
.grid .n-66last.colo {
	width: 50%;border-left: 1px dashed rgb(220, 220, 220);
}

.grid .n-7.colo {
	width: 58.31%;
}
.grid .n-8.colo {
	width: 66.64%;
}
.grid .n-9.colo {
	width: 74.97%;
}
.grid .n-10.colo {
	width: 70%;
}
.grid .n-11.colo {
	width: 91.63%;
}
.grid .n-12.colo {
	width: 100%;
}

.grid .n-12.corps {
	width: 99%;
}

.pad-left {
	padding-left: 13px;
}
.one-row.grid .colo {
	padding-bottom: 0px; margin-bottom: 0px;
}
.grid .one-row.colo {
	padding-bottom: 0px; margin-bottom: 0px;
}
.one-row.grid .colo .list-item > li {
	padding-bottom: 0px; margin-bottom: 0px;
}
.one-row.grid p:last-child {
	padding-bottom: 0px; margin-bottom: 0px;
}
.colo-2 :nth-of-type(2n+1).colo {
	clear: both;
}
.colo-3 :nth-of-type(3n+1).colo {
	clear: both;
}
.colo-6 :nth-of-type(6n+1).colo {
	clear: both;
}
.align-center.grid {
	text-align: center;
}
.align-center.grid .colo {
	float: none; display: inline-block;
}
.block {
	padding: 0px 0px 10px; position: relative;
}
.style2.block {
	padding-top: 50px; margin-bottom: 50px; border-top-color: rgb(214, 214, 214); border-bottom-color: rgb(214, 214, 214); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
.style3.block {
	padding-top: 50px; border-top-color: rgb(214, 214, 214); border-top-width: 1px; border-top-style: solid;
}
.style4.block {
	margin-bottom: 50px; border-bottom-color: rgb(214, 214, 214); border-bottom-width: 1px; border-bottom-style: solid;
}
.block::after {
	clear: both; display: block; content: "";
}
:first-child.block {
	padding-top: 50px;
}
.first.block {
	padding-top: 50px;
}
.last.block {
	padding-bottom: 0px;
}
.last-child.block {
	margin-bottom: 0px; border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
.min-height.block {
	min-height: 300px;
}
#content {
	transition:padding 0.25s ease-out; clear: both; position: relative; -webkit-transition: padding .15s ease-out; -moz-transition: padding .25s ease-out; -o-transition: padding .25s ease-out;
}
#content::after {
	clear: both; display: block; content: "";
}
.text-input {
	background: white; padding: 0px 15px; border-radius: 2px; border: 1px solid rgb(182, 184, 183); border-image: none; height: 33px; line-height: 33px; display: block; -webkit-border-radius: 2px; -moz-border-radius: 2px;
}
textarea.text-input {
	padding: 15px;
}
.disable.text-input {
	background-color: rgb(204, 204, 204);
}
.icon::before {
	color: rgb(255, 255, 255); line-height: normal; text-indent: 0px; font-family: "icons"; display: inline; position: relative; content: "";
}
.ico-marker.icon::before {
	content: "\e814";
}
.button {
padding: 0px 15px; border-radius: 2px; border: 0px currentColor; transition:opacity 0.2s linear; border-image: none; height: 30px; color: rgb(255, 255, 255); line-height: 31px; display: inline-block; cursor: pointer; background-color: rgb(64, 159, 137); -webkit-transition: opacity .2s linear; -moz-transition: opacity .2s linear;
}
.button1 {
padding: 0px 15px; border-radius: 2px; border: 0px currentColor; transition:opacity 0.2s linear; border-image: none; height: 22px; color: rgb(255, 255, 255); line-height: 23px; display: inline-block; cursor: pointer; background-color: rgb(64, 159, 137); -webkit-transition: opacity .2s linear; -moz-transition: opacity .2s linear;
}

.large.button {
	height: 20px; line-height: 21px;
}
.x-large.button {
	height: 66px; line-height: 67px;
}
.standard.button {
	width: 250px; 
}
.dark.button1 {
	background-color: rgb(0, 192, 255);
}

.dark.button1:hover {
	color: rgb(255, 255, 255); background-color: #da4f49;
}

.orange.button1 {
	background-color: #F98804;
}
.voted.button {
	background: #da4f49; cursor: default;
}
.button:hover {
	color: rgb(255, 255, 255);  opacity: 0.75;
}
.button1:hover {
	color: rgb(255, 255, 255); background-color: rgb(0, 192, 255);
}
.head-title {
	overflow: hidden; padding-bottom: 10px; border-bottom-color: rgb(214, 214, 214); border-bottom-width: 1px; border-bottom-style: solid;
}
.head-title h1 {
	line-height: normal; font-size: 17px; margin-bottom: 0px;
}
.head-title em {
	color: rgb(64, 159, 137);
}
.head-title .list-legend-awards {
	padding-top: 5px;
}
.head-title small {
	line-height: 21px; font-size: 13px;
}

.head-titles {
	width: 50%;
}
.head-titles h3 {
	color: rgb(64, 159, 137);
}


.rollover .hover-bts {
	transition:opacity 0.25s ease-out; left: 50%; top: 50%; width: 133px; height: 66px; text-align: center; text-indent: -23em; overflow: hidden; margin-top: -33px; margin-left: -65.5px; position: absolute; opacity: 0; -webkit-transition: opacity .25s ease-out; -moz-transition: opacity .25s ease-out; -o-transition: opacity .25s ease-out;
}
.share.rollover:hover .hover-bts {
	opacity: 1;
}
.share.rollover .open.hover-bts {
	width: 267px; margin-left: -133px;
}
.rollover .hover-bts .box-share {
	width: 66px; height: 66px; margin-right: 1px; float: left; position: relative;
}
.rollover .hover-bts .bt {
	background: rgba(64, 159, 137, 0.75); transition:background 0.25s ease-out; width: 66px; height: 66px; text-indent: -23em; overflow: hidden; float: left; display: block; position: relative; cursor: pointer; -webkit-transition: background .25s ease-out; -moz-transition: background .25s ease-out; -o-transition: background .25s ease-out;
}
.rollover .hover-bts .bt-share.bt {
	background: rgba(64, 159, 137, 1);
}
.rollover .hover-bts .bt-site.bt {
	background: rgba(68, 68, 68, 0.75);
}
.rollover .hover-bts .bt:hover {
	background: rgba(64, 159, 137, 1);
}
.rollover .hover-bts .bt::before {
	text-align: center; color: rgb(255, 255, 255); line-height: 66px; text-indent: 0px; overflow: hidden; font-family: "icons"; font-size: 32px; display: block; content: "";
}
.rollover .hover-bts .bt-share.bt::before {
	font-size: 30px; content: "\e804";
}
.rollover .hover-bts .twitter.bt::before {
	font-size: 36px; content: "\e812";
}
.rollover .hover-bts .facebook.bt::before {
	font-size: 37px; content: "\e807";
}
.rollover .hover-bts .pinterest.bt::before {
	font-size: 31px; content: "\e809";
}
.rollover .hover-bts .google.bt::before {
	content: "\e808";
}
.rollover .hover-bts .bt-url {
	margin: 0px -15px -15px 0px; right: 50%; bottom: 50%; opacity: 0.75;
}
.rollover .hover-bts .box-share ul {
	transition:0.25s ease-out; left: 0px; top: 0px; width: 100%; height: 66px; overflow: hidden; font-size: 13px; font-weight: normal; visibility: hidden; position: absolute; opacity: 0; -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -o-transition: all .25s ease-out;
}
.rollover .hover-bts .box-share ul li {
	width: 66px; height: 66px; margin-right: 1px; float: left; display: block;
}
.rollover .hover-bts .box-share ul li:last-child {
	margin-right: 0px;
}
.rollover .hover-bts .box-share:hover {
	width: 267px;
}
.rollover .hover-bts .box-share:hover .bt-share {
	display: none;
}
.rollover .hover-bts .box-share:hover + .bt {
	display: none;
}
.rollover .hover-bts .box-share:hover ul {
	visibility: visible; opacity: 1;
}
.rollover .hover-bts .box-share:focus ul {
	visibility: visible; opacity: 1;
}
figure {
	position: relative;
}
figure img {
	width: 100%; height: auto; max-width: 100%;
}
figure::after {
	clear: both; display: block; content: "";
}
figcaption {
	line-height: 190%; padding-top: 10px; clear: both; 
}

.rollover {
	transition:0.25s ease-out; -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -o-transition: all .25s ease-out;
}
.rollover img {
	transition:0.25s linear; transform: translateZ(0px); -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; -webkit-transform: translateZ(0); -moz-transform: translateZ(0);
}
.rollover .bt-url {
	border-radius: 3px; border: 3px solid rgb(255, 255, 255); transition:0.25s linear; border-image: none; width: 24px; height: 24px; right: 12px; bottom: 12px; text-indent: -23em; overflow: hidden; position: absolute; opacity: 0; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear;
}
.rollover .bt-url::before {
	background: rgb(255, 255, 255); left: 0px; width: 12px; height: 12px; bottom: 0px; position: absolute; content: "";
}
.rollover:hover {
	background: rgb(68, 68, 68);
}
.rollover:hover img {
	opacity: 0.7;
}
.site.rollover:hover .bt-url {
	opacity: 0.5;
}
.site.rollover .bt-url:hover {
	opacity: 1;
}
.list-item li .list-tags {
	height: 21px; overflow: hidden; padding-top: 20px; clear: both; margin-bottom: 6px; max-height: 75px;
}
.list-item li .bottom.list-tags {
	padding-top: 0px; display: inline-block;
}
.list-item > li .list-colors {
	top: -7px; display: inline-block; position: relative;
}
figure .label {
	background-position: 0px 0px; left: -14px; top: 50%; width: 75px; height: 126px; text-indent: -666em; margin-top: -63px; position: absolute; z-index: 1; background-repeat: no-repeat;
}
.list-legend ul {
	padding: 10px 0px 0px; overflow: hidden; clear: both;
}
.list-legend ul li {
	list-style: none; width: 70px; text-align: center; text-transform: uppercase; font-size: 11px; margin-right: 10px; float: left;
}
.list-legend ul li.total {
	margin-right: 0px; float: right;
}
.style2.list-legend ul {
	padding: 0px 0px 21px;
}
.box-sponsors {
	clear: both; position: relative;
}
.style2.box-sponsors {
	margin: 50px 0px; padding-bottom: 35px;
}
.sponsors {
	overflow: hidden; margin-left: -26px;
}
.sponsors .banner {
	margin-left: 26px; vertical-align: top; float: left;
}
.sponsors :nth-child(5).banner {
	display: none;
}
.last-items li {
	padding: 10px 0px 8px; line-height: 15px; overflow: hidden; border-bottom-color: rgb(213, 215, 214); border-bottom-width: 1px; border-bottom-style: solid; position: relative;
}

.liste-i li {
padding: 10px 0px 8px; overflow: hidden; border-bottom-color: rgb(213, 215, 214); border-bottom-width: 1px; border-bottom-style: solid; position: relative; margin-left:10px;margin-right:10px;text-align:justify;PADDING-LEFT: 9px;
BACKGROUND: url('../images/bg/puce.gif') no-repeat left 10px;
}

.liste-i li a {
	color: rgb(100, 104, 106);
}

.last-items li p {
  text-align:justify; line-height: 15px; margin-bottom: 2px;
}

.imageParagraphe
{
	float:right; 
        padding:7px 7px 7px 7px;
}
.imageleft
{
	float:left; width: 20%;
        padding:0px 0px 0px 0px;
}
.last-items li span {
	padding-top: 0%;
	display: block;
	color: #5c5b5b;
}


.last-items li:first-child {
	border-top-color: rgb(213, 215, 214); border-top-width: 1px; border-top-style: solid;
}
.one-item.last-items li:first-child {
	padding-top: 0px; border-top-color: currentColor; border-top-width: 0px; border-top-style: none;
}
.last-items li:last-child {
	border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
.last-items li a:hover {
	color: rgb(100, 104, 106);text-decoration: underline;
}
.last-items li figure {
	margin-bottom: 20px;
}
.last-items li h5 {
	font-size: 110%; margin-bottom: 2px;
}
.last-items li h5 a {
	color: rgb(49, 49, 49);
}
.last-items li .category {
	text-transform: uppercase; font-size: 13px;
}
.last-items li .location {
	text-transform: uppercase; font-size: 13px;
}
.last-items li .agency {
	text-transform: uppercase; font-size: 13px;
}
.last-items li .offer {
	text-transform: uppercase; font-size: 13px;
}
.last-items li .offer {
	float: right;
}
.last-items li .category {
	color: rgb(64, 159, 137);
}
.last-items li .category a {
	color: rgb(64, 159, 137);
}
.last-items li .agency {
	color: rgb(64, 159, 137);
}
.last-items li .offer {
	color: rgb(64, 159, 137);
}
.last-items li .category a:hover {
	text-decoration: underline;
}






.list-colors {
	overflow: hidden;
}
.list-colors li {
	list-style: none; border-radius: 50%; transition:opacity 0.25s ease-out; width: 18px; height: 18px; text-indent: -34em; overflow: hidden; margin-right: 4px; float: left; -webkit-transition: opacity .25s ease-out; -moz-transition: opacity .25s ease-out; -o-transition: opacity .25s ease-out; -webkit-border-radius: 50%; -moz-border-radius: 50%;
}
.big.list-colors li {
	border: 4px solid rgb(228, 230, 229); border-image: none; width: 35px; height: 35px; margin-right: 2px;
}
.big.list-colors li:last-child {
	margin-right: 0px;
}
.big.list-colors li em {
	height: 35px; display: block; cursor: pointer;
}
.big.list-colors li.active {
	border-color: rgb(170, 170, 170);
}
.list-colors li.white {
	background-color: rgb(255, 255, 255);
}
.list-colors li.black {
	background-color: rgb(0, 0, 0);
}
.list-colors li.silver {
	background-color: rgb(156, 156, 156);
}
.list-colors li.orange {
	background-color: rgb(217, 91, 67);
}
.list-colors li.red {
	background-color: rgb(236, 57, 57);
}
.list-colors li.yellow {
	background-color: rgb(235, 207, 119);
}
.list-colors li.green {
	background-color: rgb(69, 163, 141);
}
.list-colors li.blue {
	background-color: rgb(39, 121, 167);
}
.list-colors li.pink {
	background-color: rgb(227, 111, 237);
}
.list-colors li.brown {
	background-color: rgb(152, 118, 84);
}
.list-colors li:hover {
	opacity: 0.5;
}
.list-colors li a {
	height: 18px; display: block;
}

.list-sponsors figure {
	border: 1px solid rgb(68, 68, 68); border-image: none; overflow: hidden;
}
.list-sponsors li img {
	transition:0.25s linear; width: 100%; height: auto; opacity: 0.3; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;
}
.list-sponsors li:hover img {
	opacity: 1;
}

.list-table {
	margin-bottom: 58px;
}
.list-table > li {
	padding: 20px 0px; overflow: hidden; border-bottom-color: rgb(214, 214, 214); border-bottom-width: 1px; border-bottom-style: solid; position: relative;
}
.list-table > li:last-child {
	border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
.list-table > li figure {
	top: 11px; width: 81px; float: left; position: relative;
}
.list-table > li .info {
	padding-left: 103px;
}
.list-table > li h3 {
	margin: 0px; font-size: 17px;
}
.list-table > li h3 a {
	color: rgb(149, 149, 149);
}
.list-table > li .colo {
	float: left; position: relative;
}
.list-table > li .n-1.colo {
	width: 20%;
}
.list-table > li .n-2.colo {
	width: 61%;
}


.list-table > li .n-3.colo {
	width: 19%; text-align: right;
}
.list-table > li .n-4.colo {
	width: 80%;
}
.list-table > li h3 {
	line-height: 35px; margin-bottom: 0px; display: block;
}
.list-table > li p {
	line-height: 35px; margin-bottom: 0px; display: block;
}
.list-table > li .row {
	line-height: 35px; margin-bottom: 0px; display: block;
}
.list-table > li .n-2.colo p {
	
}
.list-table > li.new .n-3.colo::before {
	background: rgb(223, 108, 79); padding: 2px 5px; border-radius: 2px; top: -25px; right: 0px; color: rgb(255, 255, 255); line-height: normal; font-size: 13px; position: absolute; content: "NEW"; -webkit-border-radius: 2px; -moz-border-radius: 2px;
}
.style2.list-table > li .n-1.colo {
	width: 26%;
}
.style2.list-table > li .n-2.colo {
	width: 55%;
}
.style2.list-table > li .n-3.colo {
	top: 0px; width: 19%;
}
.style2.list-table > li figure {
	margin-right: 23px;
}
.style3.list-table > li {
	padding: 15px 0px;
}
.style3.list-table > li .row {
	line-height: 40px;
}
.related.list-table {
	margin: 0px;
}
.related.list-table > li:first-child {
	padding-top: 0px;
}
.related.list-table > li:last-child {
	padding-bottom: 0px;
}
.list-table > li .new {
	background: rgb(223, 108, 79); padding: 4px 5px; color: rgb(255, 255, 255); line-height: normal; font-size: 13px; margin-left: 5px; display: inline-block;
}
.users.list-table > li .n-3.colo {
	top: -28px; height: 70px;
}

.list-table > li .list-number-awards {
	top: -19px; float: right; position: relative;
}
.list-table > li .list-number-awards li {
	
}
.list-table > li .list-number-awards .bold {
	font-size: 20px; margin-bottom: 10px; display: block;
}
.list-table > li .list-tags {
	margin: 6px 10px 0px 0px; float: left;
}
.list-table > li .list-follow {
	margin: 6px 10px 0px 0px; float: left;
}
.list-table .box-notesite {
	top: -14px; padding-left: 23px; float: right; position: relative;
}
.list-table .list-notes {
	top: 9px; position: relative;
}
.list-table .list-notes strong {
	margin-bottom: 10px; display: block;
}

#content {
	padding-right: 66px; padding-left: 66px; margin-bottom:66px;
}

nav.filters .inner {
	padding-right: 66px; padding-left: 66px;
}
#content .grid {
	margin: 0px 0px 0px -23px;
}
.sponsors :nth-child(4).banner {
	display: none;
}
.sponsors :nth-child(5).banner {
	display: block;
}
.sponsors .banner {
	margin: 0px; width: 25%; padding-left: 26px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;
}
.sponsors .banner img {
	width: 100%; height: auto;
}


.idee {
 FONT-SIZE: 100%;
 text-align : justify; 
 line-height: 190%;
 padding:3%; background: rgba(233, 239, 244, 0.75); min-height:95%;
}
.entry {
 FONT-SIZE: 100%;
 text-align : justify; 
 line-height: 190%;
 padding:2%;  background: rgba(233, 239, 244, 0.75); min-height:80%;
}
.entryplus {
 FONT-SIZE: 100%;
 text-align : justify; 
 line-height: 190%;
 padding:2%;   border-bottom: 5px solid  #fff; 
}

.entryfaq {
 FONT-SIZE: 100%;
 text-align : justify; 
 line-height: 190%;
 padding:2%; background: rgba(233, 239, 244, 0.75);   
}
.entrypluslast {
 FONT-SIZE: 100%;
 text-align : justify; 
 line-height: 190%;
 padding:2%; 
}
.entryfaq {
 FONT-SIZE: 100%;
 text-align : justify; 
 line-height: 190%;
 padding:3%;background: rgba(233, 239, 244, 0.75);
}
.plan {
 FONT-SIZE: 100%;
 text-align : justify; 
 line-height: 190%;
 padding:2%; background: rgba(233, 239, 244, 0.75); min-height:600px;
}



.entry h1 {
	 line-height: 1; font-size: 2.47em; margin-bottom: 0.5em;margin-left: -0.2em;
}
.entry h2 {
	font-size: 20px;
}
.entry  .info h2 {
	font-size: 16px;
        font-weight: bold;
        margin-top: 15px;
}

.info h3 a {
	font-size: 15px;
        font-weight: bold;
        margin-top: 15px;color: black;
}

.info h3 a:hover {
	font-size: 15px;
        font-weight: bold;
        margin-top: 15px;color: red;
}

.entry .listpost h2 {
	font-size: 16px; margin-bottom: 10px;
}
.entry h3 {
	font-size: 19px;line-height:150%;
}
.entry h4 {
	color: rgb(64, 159, 137);  font-size: 18px;
}
.entry h5 {
	font-size: 16px; font-weight: bold;line-height: 150%;
}
.entry p {
	line-height: 190%;  font-size: 100%;
}

.entry blockquote {

}
.entry blockquote p:last-child {
	margin-bottom: 0px;
}

.entry  .imageent {
	padding-top:25px; width: 100px; margin: 0px 0px 5px 20px; float: right; position: relative;
}


.entry  .info {
	padding-left: 93px;
}

.list-item > li {
	margin-bottom: 35px; position: relative;
}
.list-item > li figure {
	margin-bottom: 20px;
}

.infoidee ul { margin: 0; padding-left: 10px;}
.infoidee ul li { list-style: none; PADDING-LEFT: 9px; PADDING-TOP: 1px; BACKGROUND: url('../images/bg/puce.gif') no-repeat left 2px; }



.info {	padding-right: 5px;padding-left: 5px;}
.info ul { margin: 0; padding-left: 4px;}
.info ul li { list-style: none; PADDING-LEFT: 10px; PADDING-TOP: 1px; BACKGROUND: url('../images/bg/puce.gif') no-repeat left 1px top 7px;padding-bottom: 0px; }
.infoidee {
	padding-right: 1px;padding-left: 1px;padding-top: 0px;float: left;line-height: 100%;
}

.infoidee h5 a {
	
        font-weight: bold;
        margin-top: 10px;color: black;text-align : left;font-size: 12px;
}


.infoidee h5 a:hover {
        color: red;
}

.idee h1 {
	 line-height: 1; font-size: 2.47em; margin-bottom: 0.5em;margin-left: -0.2em;
}
.idee p {
	margin-bottom: 20px; line-height: 190%;
}
.infoidee p {
	text-align : left; line-height: 110%; color: #5c5b5b;
}

.info p {
	text-align : justify; line-height: 110%; color: #5c5b5b;
}

.container {
	clear: both; margin-right: 300px; text-align : justify;padding-right: 10px;
}
asideb {
	width: 280px; float: right;
}

asideb {
	top: -60px;
}

aside {
	width: 300px; float: right; padding-bottom:1%;
}

aside {
	top: 10px;
}
aside > h4.hr {
	margin-bottom: 5px;
}

aside .panel-zonerubrique > h2.hr 
{padding:5%;background: rgba(255, 192, 0, 1) url('../images/bg/arrow.png')no-repeat 98% 50%;margin-left:5px;margin-right:5px;font-size: 140%;color:#fff;}

plansite .panel-zoneplan > h2.hr 
{padding:5%;background: rgb(255, 192, 0) url('../images/bg/arrow.png')no-repeat 98% 50%;margin-left:5px;margin-right:5px;font-size: 140%;}

plansite {
	width: 100%;  padding-bottom:5%;
}

plansite {
	top: 5%;
}
plansite > h4.hr {
	margin-bottom: 5px;
}

aside .ad-wrapper {
	overflow: hidden; padding-top: 10px; margin-bottom: 23px;
}
aside .ad-wrapper .banner {
	margin-bottom: 23px; display: inline-block;
}
aside .ad-wrapper :last-child.banner {
	margin-bottom: 0px;
}
aside .list-item > li {
	margin-bottom: 0px;
}
aside .post.list-item li .info .row {
	margin-bottom: 0px; display: inline-block;
}
aside .post.list-item li .info .category.row {
	padding-left: 10px; margin-left: 8px; border-left-color: rgb(214, 214, 214); border-left-width: 1px; border-left-style: solid;
}
aside .box-company .avatar {
	width: 100px; float: left;
}


.entry ul { margin: 10px; padding-left: 20px; margin-bottom: 10px; line-height: 190%;  font-size: 100%;}
.entry ul li { list-style: none;PADDING-LEFT: 9px;  text-align:justify; line-height:190%;margin: 2px;}
.entry ul ul li { list-style: none;PADDING-LEFT: 9px;  text-align:justify; line-height:190%;margin: 2px;
}


.entry ul li:before {
  content: '';
  border-right:4px outset transparent; border-top:4px outset transparent; border-bottom:4px outset transparent; display: inline-block;
  width: 0;
  height: 0;
  margin-right: 1px;
  border-left: 4px solid #E73B28;
}

.entry ul ul li:before {
  content: '';
  border-right:4px outset transparent; border-top:4px outset transparent; border-bottom:4px outset transparent; display: inline-block;
  width: 0;
  height: 0;
  margin-right: 1px;
  border-left: 4px solid #F19287;
}

.entry ul ul ul li:before {
  content: '';
  border-right:4px outset transparent; border-top:4px outset transparent; border-bottom:4px outset transparent; display: inline-block;
  width: 0;
  height: 0;
  margin-right: 1px;
  border-left: 4px solid #bbb;
}

.entryplus ul ul li { list-style: none;PADDING-LEFT: 9px;  text-align:justify; line-height:190%;margin: 5px;
}

.entryplus ul { margin: 10px; padding-left: 20px; margin-bottom: 10px; line-height: 190%;  font-size: 100%;}
.entryplus ul li { list-style: none;PADDING-LEFT: 9px; text-align:justify; line-height:190%;margin: 2px;
}

.entryplus ul li:before {
  content: '';
  border-right:4px outset transparent; border-top:4px outset transparent; border-bottom:4px outset transparent; display: inline-block;
  width: 0;
  height: 0;
  margin-right: 1px;
  border-left: 4px solid #E73B28;
}

.entryplus ul ul li:before {
  content: '';
  border-right:4px outset transparent; border-top:4px outset transparent; border-bottom:4px outset transparent; display: inline-block;
  width: 0;
  height: 0;
  margin-right: 1px;
  border-left: 4px solid #F19287;
}

.entryplus ul ul ul li:before {
  content: '';
  border-right:4px outset transparent; border-top:4px outset transparent; border-bottom:4px outset transparent; display: inline-block;
  width: 0;
  height: 0;
  margin-right: 1px;
  border-left: 4px solid #bbb;
}


.entrypluslast ul ul li { list-style: none;PADDING-LEFT: 9px; text-align:justify; line-height:190%;margin: 2px;
}

.entrypluslast ul li:before {
  content: '';
  border-right:4px outset transparent; border-top:4px outset transparent; border-bottom:4px outset transparent; display: inline-block;
  width: 0;
  height: 0;
  margin-right: 1px;
  border-left: 4px solid #E73B28;
}

.entrypluslast ul ul li:before {
  content: '';
  border-right:4px outset transparent; border-top:4px outset transparent; border-bottom:4px outset transparent; display: inline-block;
  width: 0;
  height: 0;
  margin-right: 1px;
  border-left: 4px solid #F19287;
}

.entrypluslast ul ul ul li:before {
  content: '';
  border-right:4px outset transparent; border-top:4px outset transparent; border-bottom:4px outset transparent; display: inline-block;
  width: 0;
  height: 0;
  margin-right: 1px;
  border-left: 4px solid #bbb;
}

#wrapper-zone {
        padding-top: 0.1%; max-width: 1200px;
}


/****************************************************************** FOOTER*/

#wrapper-footer {background:rgb(69,77,81); min-width: 980px; max-width: 100%; text-align: left; padding-left:0.5%; padding-right:0; padding-top:2%; padding-bottom:0;margin-top:-45px;}
.box-left {float: left; width: 75%;}
.box-right {float: left; width: 25%; }
.box-left .panel-footer {float: left;width: 22%;margin-right: 2%;margin-bottom: 5%;}
.panel-footer.first-desktop {clear: left; }
.panel-footer,
.panel-footer a {
	color: #FFF;
}
.panel-footer a:hover {
	color: rgb(233, 207, 132);
}
.panel-footer h3 {
	font-weight: bold;
	margin-bottom: 10px;
}


.panel-footer :hover img {
	opacity: 0.7;
}
.panel-footer ul {
	padding: 0;
	margin: 0;
	list-style: none none;
}
.panel-footer ul li {
	padding: 0;
	margin: 10px 0;
	list-style: none none;
}
.panel-footer div.SOCIAL {
	float: left;
	width: 20%;
	padding: 7% 3.333%;
}
.panel-footer div.SOCIAL.first {
	clear: left;
	padding-left: 0;
}
.panel-footer div.SOCIAL.last {
	padding-right: 0;
}
.panel-footer hr {
	border: none;
	border-top: 1px solid #595856;
}
.footer-social p {
	color: #aaa;
}
#wrapper-copyright {
	background: black; border-top: 1px solid rgb(83, 83, 83);
	min-width: 980px;
}

.copyright {
	padding: 5px 0;color:#fff;font-size:100%;line-height:130%;max-width:1200px;
}
.copyright a {
	color: #FFF;
}
.copyright a:hover {
	color: rgb(233, 207, 132);
}

#wrapperhaut {
background-image: linear-gradient(to right, rgb(100, 100, 100) 0%, rgb(180, 180, 180) 10%, rgb(0, 0, 0) 50%, rgb(100, 100, 100) 60%, rgb(100, 100, 100) 100%);
position: relative;padding: 0px;min-width: 980px;line-height: 100%;max-width: 1200px;}

.panel-zoneright {
	padding-top: 5%;
	background: transparent none;
}
.panel-zoneright-title {
    margin-top: 2%;  background: #ff0f;color: rgb(196, 33, 33);text-transform:uppercase;  position:relative;
    border-top: 1px solid rgb(196, 33, 33);
}

.panel-zonerubrique {
	padding-bottom: 5%;margin-top: 5%;
        width:96%;
	border: 1px solid rgba(231, 59, 40, 0.35);
}

.panel-zoneplan {
	padding-bottom: 5%;
        width:100%;
	border: 1px solid rgb(255, 192, 0);min-height:55%;
}

#haut {
	color: rgb(0, 0, 0);
        background: transparent url("../images/bg/backd.gif") no-repeat 0px 5px;

}
.f-haut {float: right;margin-top:4px;padding-right:8px;}

#haut a {
	color: rgb(255, 255, 255);
        text-decoration: none;
}
#haut a:hover {
	color: #E73B28;
        text-decoration: underline;
}


.f-lefttitle {
	float: left; margin-left:29px;padding-top:7px;color: rgb(255, 255, 255);
}
.f-maj {float: left; margin-left:0px;padding-top:8px;color: rgb(40, 40, 40);}
.menusection {width:100%; padding-bottom: 2%;padding-top: 1%;font-size:120%; font-weight: bold;}
.menusection a {text-decoration: underline; }
.menusection ul { padding-bottom:0.2em; list-style: none;}
.menusection ul li { margin: 0em 0 10px; padding: 1px 0 0 45px; background:url('../images/bg/li.png') 12px 3px no-repeat;  font-size: 100%;}
.menusection ul li:before {
  content: '';
  border-right:0px outset transparent; border-top:4px outset transparent; border-bottom:0px outset transparent; display: inline-block;
  width: 0;
  height: 0;
  margin-right: 0px;
  border-left: 0px solid #fff;
}


#wrapper-img {

	padding: 20px 0;
}
.panel-img {
	float: left;
	width: 24.4%;
	margin-right: 0.484955752212389%;
	*margin-right: 0.469955752212389%;
	background: transparent none;
	margin-bottom: 10px;
	color: #FFF;
}
.panel-img.last {
	margin-right: 0;
}
.panel-img .panel-in {
	height: 0;
	position: relative;
	padding-bottom: 180.5555555555556%;
	overflow: hidden;
}


.panel-img .panel-in ul {
 margin:0em 0 0em -0.7em; padding:0; list-style: none; /*counter-reset: item*/ 
}
.panel-img .panel-in ul li {
list-style: none; PADDING-LEFT: 9px; PADDING-bottom: 9px; BACKGROUND: url('../images/bg/puce.gif') no-repeat left 1px top 5px; border-bottom: 1px dotted rgb(0, 0, 0);
}


  #tabs {
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  #tabs li {
    float: left;
    margin: 0 -12px 0 0;width: 21.4%;

  }

  #tabs a {
    float: left;
    position: relative;
    padding: 0 10px;
    height: 0;
    display: block; 
    line-height: 18px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;      
    border-right: 40px solid transparent;
    border-bottom: 40px solid #3D3D3D;
    border-bottom-color: #777\9;
    opacity: .3;text-align: left;
    filter: alpha(opacity=30);
    cursor: pointer;font-size:100%;
  }

  #tabs a:hover,
  #tabs a:focus {
    border-bottom-color: #2ac7e1;
    opacity: 1;
    filter: alpha(opacity=100);
  }

  #tabs a:focus {
    outline: 0;
  }

  #tabs #current {
    z-index: 3;
    border-bottom-color: #3d3d3d;
    opacity: 1;
    filter: alpha(opacity=100);      
  }

#tabs .current {
    z-index: 3;
    border-bottom-color: #3d3d3d;
    opacity: 1;
    filter: alpha(opacity=100);      

}

  /* ----------- */
#content {
      background: #fff;
      border-top: 1px solid #d5cfc5;
      padding: 0.1em;min-height:300px;
  }

#content h3 {
      margin:10px;
  }
#content h4 {
      margin:15px;
  }

#content ul li { 

display: block; margin: 7px 0 7px 40px;
list-style: none;PADDING-LEFT: 10px;  BACKGROUND: url(../images/bg/pucelist3.gif) no-repeat left 8px; text-align:justify; line-height:180%; }

.current {
    z-index: 3;
    border-bottom-color: #3d3d3d;
    opacity: 1;
    filter: alpha(opacity=100);      
  }


#scroll-down {
position:relative;
width:100%;
height: 100%;
margin-left: auto;
margin-right: auto;
}

#see-it {
width:100%;
height: 100px;
background-color: #fff;
margin-left: auto;
margin-right: auto;
}
.scroll-to-top {
position: fixed;
background:url('../images/bg/scroll-to-top.png') no-repeat;
cursor: pointer;
bottom: 5em;
right: 0px;
width:55px;
height: 55px;
padding-right: 5em;
display: none;
z-index: 999
}

.panel-news ul { margin: 1px; padding-left: 1px;text-align:justify;padding-bottom: 2px; line-height:140%;}
.panel-news ul li { list-style: none;PADDING-LEFT: 5px; text- align:justify; line-height:120%;}
.panel-news ul ul li { list-style: none;PADDING-LEFT: 5px;   text- align:justify; line-height:120%;}

.panel-newsall ul {margin: 2px; padding-left: 10px;text-align:justify;padding-bottom: 2px; line-height:140%}
.panel-newsall ul li { list-style: none;PADDING-LEFT: 10px; text- align:justify; line-height:180%;}
.panel-newsall ul ul li { list-style: none;PADDING-LEFT: 10px;   text- align:justify; line-height:180%;}


.panel-news ul li a {
	color: rgb(49, 49, 49);font-size: 90%; 
}
.panel-newsall ul li a {
	color: rgb(49, 49, 49);font-size: 90%;
}
.panel-news ul li a:hover {
	color:#E73B28; text-decoration: underline;
}
.panel-newsall ul li a:hover {
	color:#E73B28; text-decoration: underline;
}
.panel-news h5 {color: rgb(49, 49, 49);
font-size: 100%; margin: 2px; padding-bottom: 5px; padding-top: 2px; border-bottom: rgb(213, 215, 214); font-weight: bold;line-height: 140%;text-align:justify;
}
.panel-newsall h5 {color: rgb(49, 49, 49);
font-size: 120%; margin: 10px; padding-bottom: 10px; padding-top: 4%; border-bottom: rgb(213, 215, 214); border-bottom-width: 1px; border-bottom-style: solid;font-weight: bold;line-height: 140%;text-align:justify;
}
.panel-news h5 a {
	color: rgb(49, 49, 49);
}		
.panel-newsall h5 a {
	color: rgb(49, 49, 49);
}
.panel-news h5 a:hover {
	color: rgb(100, 104, 106);text-decoration: underline;
}
.panel-newsall h5 a:hover {
	color: rgb(100, 104, 106);text-decoration: underline;
}
.panel-news .imageP
{
transition:0.25s linear; width: 80px;  opacity: 0.8; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;
float:right; height: auto;width: auto;
padding:7px 7px 7px 7px;
}
.panel-newsall .imageP
{
transition:0.25s linear; width: 80px;  opacity: 0.8; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;
float:right; height: auto;width: auto;
padding:7px 7px 7px 7px;
}
.panel-newsall .imageP
{
transition:0.25s linear; width: 80px;  opacity: 0.8; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;
float:right; height: auto;width: auto;
padding:7px 7px 7px 7px;
}

.panel-news .imagebanner
{
transition:0.25s linear; width: 80px;  opacity: 0.8; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;
float:none; height: auto;width: 100%;
padding:1px 1px 1px 1px;
}
.panel-newsall .imagebanner
{
transition:0.25s linear; width: 80px;  opacity: 0.8; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;
float:none; height: auto;width: auto;
padding:1px 1px 1px 1px;
}
.panel-newsall h5 a {
	color: rgb(49, 49, 49);
}		

.panel-newsall h5 a:hover {
	color: rgb(100, 104, 106);text-decoration: underline;
}

.innov {
	color: rgb(49, 49, 49); margin-bottom:20px; text-align:left;
}
.innov a:hover {
  color: rgb(100, 104, 106);text-decoration: underline;
}

A.innov:link
{color: rgb(49, 49, 49); }

A.innov:hover
{color: rgb(100, 104, 106);text-decoration: underline;}

.box-page {float: left; width: 100%;}
.box-page .panel-page {float: left;width: 22%;margin-right: 2%;margin-bottom: 5%;}
.box-page.first-desktop {clear: left; }
.box-page,
.panel-page a {
	color: #FFF;
}

.panel-page.first-desktop {clear: left; }
.panel-page,
.panel-page a {
	color: rgb(100, 104, 106);
}
.panel-page a:hover {
	color: #E73B28;
}
.panel-page h3 {
line-height: 100%; font-weight: normal; margin-bottom: 23px;font-size: 12px;
}
.panel-page :hover img {
	opacity: 0.7;
}
.panel-page ul {
	padding: 0;
	margin: 0;
	list-style: none none;
}
.panel-page ul li {
	padding: 0;
	margin: 10px 0;
	list-style: none none;
}
.shadowDown {
	position: relative;
	background:  url(../images/bg/02.png) no-repeat 0px 0px;
	width: 100%;
        height:9px;
	z-index: 2;
	margin: 0 auto;max-width:1200px;
	pointer-events: none;margin-top:5px;
}
.shadowUp {
	position: relative;
	background: url(../images/bg/01.png) no-repeat 0px 0px;
        height:9px;
	z-index: 2;
	margin: 0 auto;max-width:1200px;
	pointer-events: none;margin-top:1px;
}
.infoplan {padding: 5px; background:#fff; min-height:600px;padding-bottom:5%;}
.infostat {padding: 5px; background:#fff; min-height:600px;}
.infostat ul { margin: 0; padding-left: 4px;}
.infostat ul li { list-style: none; PADDING-LEFT: 10px; PADDING-TOP: 1px;BACKGROUND: url('../images/bg/puce.gif') no-repeat left 1px top 7px;padding-bottom: 10px; border-bottom: 1px solid #EAEAEA;}
.infostat h3 {line-height: 120%; font-weight: bold; margin-bottom: 20px;margin-top: 10px;margin-left: -2px;font-size: 18px;}
.espace-faqw {
	display: block;
	width: 100%;
	float: left;
	margin-top: 0px;
	padding: 2px 0px 2px 25px;background: #f5f3f1;
}
.espace-faq {
 FONT-SIZE: 100%;
 text-align : justify; 
 line-height: 190%;
 padding: adding: 2px 0px 2px 35px;
}



.espace-faq ul { margin: 10px; padding-left: 20px; margin-bottom: 10px;   font-size: 100%;}
.espace-faq ul li { list-style: none;PADDING-LEFT: 9px;  text-align:justify; margin: 2px;}
.espace-faq ul ul li { list-style: none;PADDING-LEFT: 9px;  text-align:justify; margin: 2px;}


.espace-faq ul li:before {
  content: '';
  border-right:4px outset transparent; border-top:4px outset transparent; border-bottom:4px outset transparent; display: inline-block;
  width: 0;
  height: 0;
  margin-right: 1px;
  border-left: 4px solid #4297DD;
}

.espace-faq ul ul li:before {
  content: '';
  border-right:4px outset transparent; border-top:4px outset transparent; border-bottom:4px outset transparent; display: inline-block;
  width: 0;
  height: 0;
  margin-right: 1px;
  border-left: 4px solid #69AEE5;
}

.espace-faq ul ul ul li:before {
  content: '';
  border-right:4px outset transparent; border-top:4px outset transparent; border-bottom:4px outset transparent; display: inline-block;
  width: 0;
  height: 0;
  margin-right: 1px;
  border-left: 4px solid #B1D2EB;
}

.espace-faq table {
        margin-left:2%; 
        margin-right:0%;
	width: 95%;
	font-size: 100%;
	color: #000000;
	border-collapse: collapse;
}
.espace-faq tr {
	padding-left: 2px;
	
}
.espace-faq tr.bis {
	background-color: rgba(233, 239, 244, 0.35);
}
.espace-faq td.name {
	background: #FFF url('../images/bg/puce-plus.gif') no-repeat 5px 5px;
	padding-left: 22px;
	cursor: pointer;
	font-weight: bold; 
        font-size: 95%;text-align:left;
}
.espace-faq td.name.bis {
	background: url('../images/bg/puce-plus.gif') no-repeat 5px 5px;
	padding-left: 22px;
	cursor: pointer;
	font-weight: bold;
	font-size: 95%;text-align:left;
}
.espace-faq tr.inforow td {
	padding-left: 2px;font-size: 95%;
}
.espace-faq tr.inforow {
	border-bottom: 1px dotted #b3b3b3;
	height:0;
}
.espace-faq div.infodiv {
	height: auto; line-height:12px;
}
.espace-faq div.infodiv.bis {
	line-height:11px;height: auto;
}
.espace-faq div.resume {
	text-align:justify;
	width: 100%;line-height:18px;
}

.espace-faq h5 {
	color: #f4410a;
	font-weight: bold;
	font-size: 100%;
	margin: 0px 0px 10px 12px;
}

.faq { width: 790px;height: 60px; margin: 5px 0px 0px; color: rgb(100, 100, 100);}
.bc { width: 790px; height: 400px; margin: 5px 5px 5px ; color: rgb(100, 100, 100); }
.bc p {BACKGROUND: #fff; line-height: 14px;  color: rgb(100, 100, 100); line-height: 14px;text-align:justify;}
.faq h1 { PADDING-LEFT: 5px; BACKGROUND: #fff; font-size: 120%; line-height: 30px; font-weight: bold; color: rgb(100, 100, 100);}
.bc_left { float: left; width: 500px; height: 338px; margin: 0px 20px 0px 0px; padding: 0px 15px; background-color: rgba(233, 239, 244, 0.35);;}
.bc_left1 { float: left; width: 500px; height: 250px; margin: 0px 20px 0px 0px; padding: 0px 15px; background-color: background-color: rgba(137, 179, 201, 0.15);}
.bc_right {  float: left; width: 210px; height: 338px; padding: 0px 10px; background-color: rgb(0, 90, 169);}
.bc_right1 {  float: left; width: 210px; height: 285px; padding: 0px 10px; }
table.faq { border-collapse:separate;   width:100%;   border-spacing:4px;}
.tfaq{padding-top:10px; font-size: 120%; font-weight: bold; color: rgb(255, 255, 255); margin: 0px 0px 10px; text-align:center;}
.stfaq {padding-top:10px;font-size: 120%; line-height: 20px; color: rgb(255, 255, 255); margin: 0px 0px 10px; text-align:justify;}
.prefaq {font-size: 100%; line-height: 20px; color: rgb(0, 0, 0); margin: 0px 0px 10px;padding:10px; text-align:justify;}

#news-container
{
	width: 100%;
	margin: auto;
	margin-top: 2px;

}

#news-container ul li div
{ margin: 1px; padding-left: 2px; margin-bottom: 2px;  font-size: 100%;
 border-bottom: 1px dotted rgb(0, 0, 0);
}


#news-container ul ul li 
{ margin: 1px; padding-left: 12px; margin-bottom: 2px;  font-size: 100%; BACKGROUND: url(../images/bg/pucelist3.gif) no-repeat left 4px;line-height:120%;
}



.bodynews ul { margin: 1px; padding: 3px; text-align:justify;padding-bottom: 10px; line-height:180%;}
.bodynews ul ul { padding: 3px; text-align:justify;padding-bottom: 10px; line-height:180%;}

#news-container .imageP
{
transition:0.25s linear; width: 80px;  opacity: 0.8; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;
float:right; height: auto;width: auto;
padding:7px 7px 7px 7px;
}


#news-container ul li a {
	color: rgb(49, 49, 49);font-size: 90%; 
}
#news-container ul li a {
	color: rgb(49, 49, 49);font-size: 90%;
}
#news-container ul li a:hover {
	color:#E73B28; text-decoration: underline;
}

#news-container h5 {color: rgb(49, 49, 49);
font-size: 110%; margin: 1px; padding-bottom: 10px; padding-top: 10px; font-weight: bold;line-height: 160%;text-align:justify;
}

#news-container h5 a {
	color: rgb(49, 49, 49);
}		
#news-container h5 a:hover {
	color: rgb(100, 104, 106);text-decoration: underline;
}