@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border:0;
	color:#212121;
	outline:none;
}
html {
	background-color:#f5f5f5;
	height:100%;
}
body {
	height:100%;
	min-width:980px;
	position:relative;
}
#langues {
	position:absolute;
	z-index:20000;
}
h1 {
	margin:24px 0 0 0;
	padding:0;
	width:200px;
	height:60px;
	float:left;
	background:url(images/logo.jpg) no-repeat;
}
h1 a {
	margin:0;
	padding:0;
	display:block;
	width:138px;
	height:38px;
	text-indent:-9999px;
}
h2 {
	font-size:18px;
}
h3 {
	font-size:29px;
	color:#212121;
	font-weight:bold;
}
h4 {
}
h5 {
	font-size:14px;
}
h5 a {
	font-size:14px;
	text-decoration:none;
}
a {
}
#header {
	width:100%;
	border-top:3px solid #212121;
	overflow:hidden;
	height:100px;
	position:fixed;
	top:0;
	left:0;
	z-index:200;
	background-color:#f5f5f5;
}
#content_header {
	width:978px;
	background-color:#f5f5f5;
	margin:0 auto;
	padding:0;
	position:relative;
}
#langues {
	position:absolute;
	top:3px;
	right:80px;
	z-index:4000;	
	height:12px;
}
#langues ul li {
	list-style-type:none;
	display:inline;
	color:#212121;
	margin:0 10px 0 0;
	padding:0 10px 0 0;
}
#langues ul li:first-child {
	border-right:1px solid #212121;
}
#langues ul li a {
	text-decoration:none;
	color:#6D6D6D;
}
#langues ul li a span {
	color:#6D6D6D;
	font-size:10px;
	text-transform:uppercase;
}
#header #menu {
	float:right;
	margin:54px 0 0 0;
	padding:0;
}
#header #menu li {
	list-style-type:none;
	display:block;
	float:left;
	padding:0;
}
#header #menu li a {
	font-size:16px;
	text-decoration:none;
	display:block;
	float:left;
	padding:0 0 0 39px;
	margin:0;
	color:#6D6D6D;
}
#header #menu li a:hover {
	color:#212121;
}
#header #menu li.current_page_item a {
	color:#212121;
}
#header #menu li.current_page_parent a {
	color:#212121;
}
#citation {
	width:978px;
	margin:0 auto;
	height:70px;
	margin-top:90px;
}
*+html #citation {
	padding-top:90px;
}
#citation span {
	float:left;
/*	width:50px;
	height:70px;
	display:block;*/
	font-size:80px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:italic;
	color:#C4C4C4;
}
#citation p {
	padding-top:15px;
	color:#6D6D6D;
	font-size:18px;
	float:left;
	width:928px;
	height:70px;
}

#diaporama {
	background:url(images/loadinfo.gif) no-repeat center center #000;
	height:40%;
	min-height:290px;
	max-height:500px;
	overflow:hidden;
	width:100%;
	position:relative;
	/*margin-top:120px;*/
	float:left;
}
*+html #diaporama {
	background-image:none;
}
#diaporama img {
	width:100%;
	position:absolute;
	display:none;
	top:0;
	left:0;
	margin-top:0;
	min-width:980px;
}
*+html #diaporama img {
	display:inline;
	margin-top:-190px;
	}
#diaporama #diapo_infos {
	width:978px;
	height:100%;
	min-height:290px;
	max-height:500px;
	position:absolute;
	z-index:3;
	top:0;
	left:50%;
	margin-left:-489px;
}
#diaporama #diapo_infos #arrows {
	width:219px;
	height:40px;
	position:absolute;
	bottom:0;
	right:0;
	padding:1px 0 0 0;
	text-align:right;
}
#diaporama #diapo_infos #arrows a.previous {
	display:block;
	height:40px;
	width:40px;
	background:url(images/left.gif) no-repeat;
	float:right;
	padding:0 1px 0 0;
}
#diaporama #diapo_infos #arrows a.next {
	display:block;
	height:40px;
	width:40px;
	background:url(images/right.gif) no-repeat;
	float:right;
}
#diaporama #content_diapo_infos {
	padding-top:70px;
	width:800px;
	float:left;
	display:none;
}
*+html #diaporama #content_diapo_infos {
	display:inline;
	}
#diaporama #content_diapo_infos h2 {
	color:#fff;
	padding:5px;
	margin:0 525px 2px 0;
	background-color:#212121;
	display:inline;
	float:left;
	width:65px;
}
#diaporama #content_diapo_infos h3 {
	color:#fff;
	padding:2px 5px;
	margin:0 250px 2px 0;
	font-size:50px;
	background-color:#025b9a;
	opacity:1;
	display:inline;
	float:left;
}
#diaporama #content_diapo_infos h3.type {
	font-size:30px;
	float:left;
	padding:5px;
}
#diaporama #content_diapo_infos span.type {
	color:#fff;
	padding:0 0 15px 0;
	color:#6D6D6D;
	display:block;
}
#diaporama #content_diapo_infos p {
	color:#FFF;
	font-size:11px;
	line-height:16px;
	padding:0 0 15px 0;
}
#diaporama #content_diapo_infos a {
	font-size:9px;
	text-transform:uppercase;
	color:#FFF;
	text-decoration:none;
	background:url(images/right.gif) no-repeat top left #101010;
	padding:7px 9px 0 25px;
	height:17px;
	display:inline;
	float:left;
	margin:0 210px 0 154px;
}
#diaporama #content_diapo_infos a:hover {
	background:url(images/right.gif) no-repeat bottom left #373739;
}
#content {
	width:978px;
	margin:0 auto;
	padding:0;
	position:relative;
}
#content #content_works {
	width:978px;
	padding:10px 0 0 0;
	clear:both;
}
#content_works h2 {
	width:978px;
	border-bottom:1px solid #C4C4C4;
	padding:32px 0 10px 0;
	margin:0 0 0 0;
}
#content #content_works ul li {
	list-style-type:none;
	margin:27px 0 10px 34px;
	float:left;
	overflow:hidden;
	position:relative;
	width:219px;
	height:177px;
	padding:0;
	position:relative;
}
#content #content_works ul li:first-child {
	margin-left:0;
}
#content_works ul li a {
	margin:0;
	padding:0;
	width:219px;
	height:137px;
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	background-color:#000;
	text-decoration:none;
}
#content_works ul li div.info {
	padding:60px 0 0 0;
	width:209px;
	height:87px;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	color:#FFF;
	font-size:20px;
	text-align:center;
	display:none;
}
#content_works ul li div.info p {
	display:inline;
	background-color:#212121;
	padding:5px 15px;
	color:#FFF;
	font-size:9px;
	margin:0 auto 0 auto;
	text-transform:uppercase;
}
*+html #content_works ul li div.info p{
	line-height:20px;
	padding-bottom:20px;
}
#content_works ul li img {
	width:219px;
	height:137px;
	border:0;
}
#content_works ul li h5 {
	margin:0;
	cursor:pointer;
}
#content_works ul li h5 a {
	display:block;
	background:url(images/arrow_work.gif) no-repeat center right #f5f5f5;
	border-bottom:2px solid #212121;
	width:219px;
	padding:12px 0 8px 0;
	height:18px;
	margin:137px 0 0 0;
}
/*#content_works ul li:hover h5 a {
	background:url(images/arrow_work2.gif) no-repeat center right;
}*/
#content_infos {
	width:978px;
	padding:52px 0 40px 0;
	float:left;
}
#content_infos #content_left {
	width:575px;
	float:left;
}
#content_infos #content_left h2 {
	width:100%;
	border-bottom:1px solid #C4C4C4;
	padding:0 0 10px 0;
	margin:0 0 27px 0;
}
#content_infos #content_left #content_blog {
	width:373px;
	float:left;
	padding:0 10px 0 0;
}
#content_infos #content_left #content_blog span.date {
	color:#6D6D6D;
	padding:5px 0 10px 0;
	font-size:11px;
	display:block;
}
#content_infos #content_left #content_blog p {
	line-height:16px;
	font-size:11px;
	padding:0 0 15px 0;
}
#content_infos #content_left #content_blog a {
	font-size:9px;
	text-transform:uppercase;
	text-decoration:none;
	background:url(images/fleche2.gif) no-repeat top left;
	padding:0 0 0 20px;
	height:11px;
	display:block;
	color:#6D6D6D;
}
#content_infos #content_left #content_blog a.interne {
	font-size:11px;
	text-transform:none;
	text-decoration:none;
	background:none;
	padding:0;
	display:inline;
	color:#6D6D6D;
}
#content_infos #content_left #content_blog a:hover {
	color:#212121;
}
#content_infos #content_left ul {
	float:left;
	width:173px;
	padding:0 0 0 17px;
	border-left:2px solid #212121;
}
#content_infos #content_left ul li {
	list-style-type:none;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	border-bottom:1px solid #6D6D6D;
}
#content_infos #content_left ul li span {
	font-weight:bold;
}
#content_infos #content_left ul li:last-child {
	list-style-type:none;
	margin:0;
	padding:0 0 10px 0;
	border-bottom:1px solid #6D6D6D;
}
#content_infos #content_left ul li a {
	text-decoration:none;
	color:#6D6D6D;
	font-size:11px;
}
#content_infos #content_left ul li a:hover {
	color:#212121;
}
#content_infos #content_right {
	width:368px;
	float:left;
	margin:0 0 0 34px;
	position:relative;
}
#content_infos #content_right h2 {
	width:100%;
	border-bottom:1px solid #C4C4C4;
	padding:0 0 10px 0;
	margin:0 0 27px 0;
}
#content_infos #content_right a {
	font-size:9px;
	text-transform:uppercase;
	text-decoration:none;
	background:url(images/right.gif) no-repeat top left #101010;
	float:right;
	display:block;
	position:absolute;
	bottom:28px;
	right:30px;
	width:24px;
	height:24px;
	text-indent:-9999px;
}
#content_infos #content_right a:hover {
	background:url(images/right.gif) no-repeat bottom left #1E1E1E;
}
#content_infos #content_right p {
	color:#212121;
	font-size:11px;
	line-height:16px;
	padding:10px 0;
}
#content_infos #content_right a:hover {
	text-decoration:underline;
}
#footer {
	float:left;
	width:100%;
	height:187px;
	background-color:#212121;
	margin:40px 0 0 0;
}
#content_footer {
	width:978px;
	height:187px;
	margin:0 auto;
	color:#fff;
}
#content_footer h4 {
	font-size:15px;
	color:#6D6D6D;
	padding:28px 0 28px 0;
}
#sliderContent h4 {
	font-size:15px;
	color:#6D6D6D;
	padding:28px 0 28px 0;
}
#sliderContent h2 {
	font-size:22px;
	color:#FFF;
	padding:28px 0 18px 0;
	height:17px;
	width:978px;
	margin:0 auto;
}
#map_boutons{
position:absolute;
top:80px;
left:20px;
}
#map_boutons a{
display:block;
margin-right:2px;
	text-transform:uppercase;
	color:#FFF;
	text-decoration:none;
	height:11px;
	float:left;

}
#map_boutons a:hover {
	background-color:#373739;
}
#plan{
background-color:#212121;
font-size:9px;
padding:9px 9px 9px 9px;
}
#hybrid{
background-color:#212121;
font-size:9px;
padding:9px 9px 9px 9px;
}
#zoom_out{
background-color:#212121;
font-size:15px;
padding:4px 9px 14px 9px;
}
#zoom_in{
background-color:#212121;
font-size:15px;
padding:6px 9px 12px 9px;
}
#references {
	float:left;
	width:315px;
	border-right:1px solid #6D6D6D;
	padding:0 10px 0 0;
	height:187px;
}
#references ul {
	width:305px;
}
#references ul li {
	list-style-type:none;
	float:left;
	color:#6D6D6D;
	width:152px;
	font-size:11px;
	padding:0 0 7px 0;
}
#newsletter {
	float:left;
	width:291px;
	padding:0 17px 0 17px;
	border-right:1px solid #6D6D6D;
	height:187px;
}
#newsletter ul li {
	list-style-type:none;
	margin:0;
	padding:0;
	color:#6D6D6D;
}
#newsletter form label {
	color:#6D6D6D;
	clear:both;
	width:305px;
	display:block;
	margin-bottom:7px;
}
#resultado {
	color:#FFF;
	clear:both;
	margin:20px 0 0 0;
}
#newsletter ul li div form input {
	width:241px;
	height:19px;
	background-color:#6D6D6D;
	float:left;
	padding:5px 0 5px 5px;
	color:#FFF;
	border:none;
}
.social {
	float:left;
	padding:0 17px 0 17px;
	border-right:1px solid #6D6D6D;
	width:128px;
	height:187px;
}
.social ul li {
	list-style-type:none;
	color:#6D6D6D;
	padding:0 0 7px 0;
	font-size:11px;
}
.social ul li {
	list-style-type:none;
	color:#6D6D6D;
	padding:0 0 7px 0;
	font-size:11px;
}
.social ul li:hover {
	opacity:0.8;
}
.social ul li a {
	text-indent:-9999px;
	display:block;
}
.social ul li.facebook {
	width:54px;
	height:14px;
	background:url(images/facebook.gif) no-repeat;
}
.social ul li.twitter {
	width:54px;
	height:14px;
	background:url(images/twitter.gif) no-repeat;
}
.social ul li.linkedin {
	width:54px;
	height:14px;
	background:url(images/linkedin.gif) no-repeat;
}
.contact {
	float:left;
	width:146px;
	padding:0 0 0 17px;
	height:187px;
}
#sliderContent .social {
	float:left;
	padding:0 17px 0 17px;
	border-right:1px solid #6D6D6D;
	width:128px;
	height:180px;
}
.contact p {
	color:#6D6D6D;
	font-size:11px;
	line-height:16px;
}
/*-------------PAGE WORKS--------------*/
#content_works_boxes {
	width:1012px;
	margin:0 auto;
	padding:140px 0 0 34px;
	position:relative;
	min-height:1000px;
	background:url(images/loadinfo02.gif) no-repeat center 400px;
}
#content_works_boxes #content_works {
	padding:10px 0 0 0;
	clear:both;
	overflow: hidden;
	min-height:1000px;
	display:none;
	background-color:#F5F5F5;
}
#content_works_boxes #content_works ul {
	min-height:1000px;
}
#content_works_boxes #content_works ul li {
	list-style-type:none;
	margin:27px 0 10px 0;
	float:left;
	overflow:hidden;
	position:relative;
	width:219px;
	height:177px;
	padding:0;
}
#menu_categories {
	width:100%;
	border-bottom:1px solid #C4C4C4;
	padding:0 0 10px 0;
	overflow:hidden;
	position:fixed;
	top:100px;
	left:0;
	z-index:320;
	background-color:#f5F5F5;
}
#menu_categories ul {
	width:978px;
	margin:0 auto;
}
#menu_categories ul li {
	list-style-type:none;
	display:inline;
	float:left;
	margin: 0 20px 0 0;
	font-size:14px;
	cursor:pointer;
	color:#6D6D6D;
	}
#menu_categories ul li.tri {
	cursor:default;
}
#menu_categories ul li span {
	font-size:13px;
	color:#6D6D6D;
}
#menu_categories ul li.cat-item-1 {
	display:none;
}
#menu_categories ul li a {
	text-decoration:none;
	font-size:15px;
	color:#6D6D6D;
}
#menu_categories ul li:hover, #menu_categories ul li a:hover  {
	color:#212121;
}
#menu_categories ul li.active, #menu_categories ul li.current, #menu_categories ul li a.current {
	color:#212121;
}
#sous_menus_categories_secteurs, #sous_menus_categories_services, #sous_menus_categories_methode  {
	width:100%;
	background-color:#FFF;
	height:40px;
	position:fixed;
	top:0px;
	left:0;
	z-index:100;
}
#sous_menus_categories_secteurs ul, #sous_menus_categories_services ul, #sous_menus_categories_methode ul {
	width:978px;
	margin:0 auto;
	padding:13px 0 0 0;
}
#sous_menus_categories_secteurs ul li, #sous_menus_categories_services ul li, #sous_menus_categories_methode ul li {
	list-style-type:none;
	display:inline;
	padding:0 17px 0 17px;
	border-left:1px solid #212121;
	text-transform:uppercase;
	font-size:9px;
}
#sous_menus_categories_secteurs ul li.tout, #sous_menus_categories_secteurs ul li.alles, #sous_menus_categories_services ul li.tout, #sous_menus_categories_services ul li.alles {
	padding:0 17px 0 0;
	border:0;
}
#sous_menus_categories_secteurs ul li.games {
	display:none;
}
#sous_menus_categories_secteurs ul li a, #sous_menus_categories_services ul li a, #sous_menus_categories_methode ul li a {
	text-decoration:none;
	color:#6D6D6D;
	font-size:9px;
}
#sous_menus_categories_secteurs ul li.active a, #sous_menus_categories_services ul li.active a {
	text-decoration:none;
	color:#212121;
}
#sous_menus_categories_secteurs ul li a:hover, #sous_menus_categories_services ul li a:hover {
	text-decoration:none;
	color:#212121;
}
#content_works:after, #sous_menus_categories_services:after, #sous_menus_categories_secteurs:after, #sous_menus_categories_methode:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/*-------------PAGE WORKS DETAIL--------------*/
#content_works_detail {
	width:978px;
	margin:0 auto;
	padding:145px 0 0 0;
}
#content_works_detail #content_works {
	width:978px;
	padding:10px 0 0 0;
	clear:both;
	background-color:#f5f5f5;
}
#content_works_detail #content_works ul li {
	list-style-type:none;
	margin:27px 0 10px 34px;
	float:left;
	overflow:hidden;
	position:relative;
	width:219px;
	height:177px;
	padding:0;
}
#content_works_detail #content_works ul li:first-child {
	margin-left:0;
}
#works_detail_content_blog {
	width:978px;
	margin:0 29px 18px 0;
	padding-top:30px;
	overflow:hidden;
	float:left;
	min-height:730px;
}
#works_detail_content {
	width:730px;
	margin:0 29px 18px 0;
	float:left;
	position:relative;
}
#citation02 {
	position:absolute;
	top:320px;
	left:0;
	width:250px;
	background:#f5f5f5;
	padding:20px 30px;
}
#citation02 p {
	color:#000;
	font-size:12px;
	line-height:19px;
	width:250px;
}
#works_detail_content img {
	background:url(images/loadinfo.gif) no-repeat center center #000;
}
#works_detail_content #arrow_top a, #works_detail_content_blog #arrow_top a {
	margin:18px 0 0 0;
}
#works_detail_content h4 {
	border-bottom:1px solid #c4c4c4;
	padding:0 0 10px 0;
	margin:20px 0 20px 0;
	font-size:15px;
	width:725px;
	float:left;
}
#works_detail_content p {
	float:left;
	margin:0 5px 5px 0;
}
#titre_works_detail h2 {
	width:978px;
	margin:0 auto;
}
#titre_works_detail {
	width:100%;
	border-bottom:1px solid #C4C4C4;
	padding:0 0 10px 0;
	margin:0 0 27px 0;
	background-color:#f5f5f5;
	position:fixed;
	top:100px;
	left:0;
	height:13px;
	z-index:300;
}
#content_works_infos {
	position:fixed;
	top:160px;
	float:right;
	margin-left:761px;
	width:219px;
	z-index:250px;
}
*+html #content_works_infos {
	margin-left:0;
	}
#content_works_infos p {
	line-height:19px;
	font-size:11px;
	color:#212121;
	padding:14px 0 14px 0;
}
#content_works_infos p a {
font-size:9px;
	text-transform:uppercase;
	text-decoration:none;
	background:url(images/fleche2.gif) no-repeat 0 8px;
	padding:5px 0 10px 20px;
	height:11px;
	display:block;
	color:#6D6D6D;
}
#content_works_infos p a:hover {
	color:#212121;
}
div.categories {
	clear:both;
	padding:4px 0 0 0;
}
div.categories h4 {
	width:100%;
	border-bottom:1px solid #C4C4C4;
	padding:0 0 10px 0;
	font-size:15px;
}
div.categories ul {
	padding:7px 0 5px 0;
	clear:both;
}
div.categories ul li {
	list-style-type:none;
	display:inline;
	border-left:1px solid #212121;
	padding:0 5px 0 5px;
	margin:0 0 0 0;
	line-height:20px;
}
div.categories ul li:first-child {
	list-style-type:none;
	display:inline;
	border-left:0;
	padding:0 5px 0 0;
	margin:0 0 0;
}
div.categories ul li a {
	text-decoration:none;
	color:#6D6D6D;
	text-transform:uppercase;
	font-size:9px;
}
div.categories ul li a:hover {
	text-decoration:none;
	color:#212121;
}
#content_works_infos #arrows {
	width:219px;
	height:24px;
	padding:7px 0 0 0;
	float:left;
}
#content_works_infos #arrows div.previous a {
	display:block;
	height:24px;
	width:24px;
	background:url(images/right.gif) no-repeat top left;
	float:left;
	padding:0;
}
#content_works_infos #arrows div.previous a:hover {
	background:url(images/right.gif) no-repeat bottom left;
}
#content_works_infos #arrows div.next a {
	display:block;
	height:24px;
	width:24px;
	background:url(images/left.gif) no-repeat top left;
	float:left;
	padding:0 1px 0 0;
}
#content_works_infos #arrows div.next a:hover {
	background:url(images/left.gif) no-repeat bottom left;
}
#arrow_top {
	width:730px;
	text-align:right;
	float:left;
}
#arrow_top a {
	display:block;
	height:24px;
	width:24px;
	background:url(images/top.gif) no-repeat top left;
	padding:0 1px 0 0;
}
#arrow_top a:hover {
	background:url(images/top.gif) no-repeat bottom left;
}
/*-------------PAGE NEWS--------------*/
.news {
	width:978px;
	float:left;
	padding:46px 0 46px 0;
	border-bottom:1px solid #C4C4C4;
}
.news:first-child {
	padding:0 0 46px 0;
}
.news h3.blog {
	font-size:40px;
	padding:0 0 10px 0;
	color:#212121;
}
.news span.date {
	color:#6D6D6D;
	padding:5px 0 5px 0;
	display:block;
	font-size:15px;
}
.news p {
	line-height:19px;
	font-size:11px;
}
.news .news_img {
	float:left;
	width:636px;
	height:306px;
	overflow:hidden;
	padding:0 17px 0 0;
	background:url(images/loadinfo.gif) no-repeat center center #000;
}
.news .news_img img {
	height:306px;
}
.news .news_detail {
	float:left;
	width:308px;
	padding:0 0 0 17px;
	position:relative;
}
.news .news_detail a {
	font-size:11px;
	color:#6D6D6D;
	text-decoration:none;
	}
.news .news_detail .comment a {
	color:#FFF;
}
.news .news_detail .comment a:hover {
	color:#CCC;
}
.news .news_detail a:hover {
	color:#212121;
}
#respond {
	float:right;
	width:308px;
	padding:30px 17px 0 0;
}
.news ol li, .news ol li ul li {
	list-style-type:none;
	padding:0 0 10px 0;
}
.news ol, .news ol li ul {
	float:right;
	width:308px;
	padding:50px 325px 0 17px;
}
.news ol li a, .news ol li ul li a {
	text-decoration:none;
	color:#6D6D6D;
}
cite.fn {
	font-style:normal;
	font-weight:bold;
}
div.shareinpost {
	border-top:1px solid #C4C4C4;
	border-bottom:1px solid #C4C4C4;
	padding:8px 0 8px 0;
	margin:8px 0 8px 0;
	float:left;
	width:100%;
}
div.shareinpost li {
	list-style-type:none;
	float:left;
}
div.shareinpost li.iconOnly a {
	padding:0 2px;
}
div.shareinpost li.share {
	font-weight:bold;
	padding:0 5px 0 0;
}
div.interactive_bottom {
	height:70px;
}
div.comment {
	background:url(images/bulle.jpg) no-repeat;
	width:33px;
	height:32px;
	position:absolute;
	top:0;
	right:0;
}
div.comment span {
	top:-170px;
	left:0;
	position:absolute;
}
div.comment a {
	color:#e9e9e9;
	padding:5px 15px 0 15px;
	text-decoration:none;
	font-size:11px;
	width:3px;
	height:28px;
	display:block;
}
div.comment a:hover {
	color:#6D6D6D;
}
div.news_detail a.comment_link {
	font-size:9px;
	text-transform:uppercase;
	text-decoration:none;
	background:url(images/fleche2.gif) no-repeat top left;
	padding:0 0 0 20px;
	margin:20px 0 0 0;
	height:11px;
	display:block;
	float:left;
	color:#6D6D6D;
}
div.news_detail a.comment_link:hover {
	color:#212121;
}
div.tiroir a.comment_link {
	font-size:9px;
	text-transform:uppercase;
	text-decoration:none;
	background:url(images/close.gif) no-repeat top left;
	padding:0 0 0 20px;
	margin:0 0 20px 0;
	height:11px;
	display:block;
	float:right;
	color:#6D6D6D;
}
div.tiroir a.comment_link:hover {
	color:#212121;
}
#pagination {
	float:right;
	padding:19px 0 0 0;
}
#pagination li { 
	list-style-type:none;
	float:left;
	display:block;
	height:24px;
	width:24px;
	background-color:#101010;
	text-align:center;
	margin:0 0 0 1px;
}
#pagination li:hover {
	background-color:#373739;
}
#pagination li a {
	color:#FFF;
	text-decoration:none;
	padding:4px 0;
	display:block;
	height:16px;
	width:24px;
}
#pagination li a.previous {
	background:url(images/right.gif) no-repeat bottom left;
}
#pagination li a.previous:hover {
	background:url(images/right.gif) no-repeat top left;
}
#pagination li a.next {
	background:url(images/left.gif) no-repeat bottom left;
}
#pagination li a.next:hover {
	background:url(images/left.gif) no-repeat top left;
}
#pagination li.activePage {
	background-color:#CCC;
	padding:4px 0;
	height:16px;
	color:#FFF;
}
/*************SOCIAL*******************/
.socialwrap li.icon_text a img, .socialwrap li.iconOnly a img, .followwrap li.icon_text a img, .followwrap li.iconOnly a img {
	border-width:0 !important;
	background-color:none;
}
#follow.right {
	width:32px;
	position:fixed;
	right:0;
	top:100px;
	background-color:#878787;
	padding:10px 0;
	font-family:impact, charcoal, arial, helvetica, sans-serif;
	border:2px solid #fff;
	border-right-width:0
}
#follow.right ul {
	padding:0;
	margin:0;
	list-style-type:none !important;
	font-size:24px;
	color:black;
}
#follow.right ul li {
	padding-bottom:10px;
	list-style-type:none !important;
	padding-left:4px;
	padding-right:4px
}
#follow img {
	border:none;
}
#follow.right ul li.follow {
	margin:0 4px;
}
#follow.right ul li.follow img {
	border-width:0;
	display:block;
	overflow:hidden;
	background:transparent url(http://127.0.0.1:8080/mes_projets/NEWSITE/wp-content/plugins/share-and-follow/images/impact/follow-right.png) no-repeat -0px 0px;
	height:79px;
	width:20px;
}
#follow.right ul li a {
	display:block;
}
#follow.right ul li.follow span, #follow ul li a span {
	display:none
}
.share {
	margin:0 3px 3px 0;
}
.phat span {
	display:inline;
}
ul.row li {
	float:left;
	list-style-type:none;
}
li.iconOnly a span.head {
	display:none
}
#follow.left ul.size16 li.follow {
	margin:0px auto !important
}
li.icon_text a {
	padding-left:0;
	margin-right:3px
}
li.text_only a {
	background-image:none !important;
	padding-left:0;
}
li.text_only a img {
	display:none;
}
li.icon_text a span {
	background-image:none !important;
	padding-left:0 !important;
}
li.iconOnly a span.head {
	display:none
}
ul.socialwrap li {
	margin:0 3px 3px 0 !important;
}
ul.socialwrap li a {
	text-decoration:none;
}
ul.row li {
	float:left;
	line-height:auto !important;
}
ul.row li a img {
	padding:0
}
.size16 li a, .size24 li a, .size32 li a, .size48 li a, .size60 li a {
	display:block
}
ul.socialwrap {
	list-style-type:none !important;
	margin:0;
	padding:0;
	text-indent:0 !important;
}
ul.socialwrap li {
	list-style-type:none !important;
	background-image:none;
	padding:0;
	list-style-image:none !important;
}
ul.followwrap {
	list-style-type:none !important;
	margin:0;
	padding:0
}
ul.followwrap li {
	margin-right:3px;
	margin-bottom:3px;
	list-style-type:none !important;
}
#follow.right ul.followwrap li, #follow.left ul.followwrap li {
	margin-right:0px;
	margin-bottom:0px;
}
.shareinpost {
	clear:both;
	padding-top:0px;
	border-top:1px solid #f5f5f5;
	border-bottom:1px solid #f5f5f5;
}
.shareinpost ul.socialwrap {
	list-style-type:none !important;
	margin:0 !important;
	padding:0 !important
}
.shareinpost ul.socialwrap li {
	padding-left:0 !important;
	background-image:none !important;
	margin-left:0 !important;
	list-style-type:none !important;
	text-indent:0 !important
}
.socialwrap li.icon_text a img, .socialwrap li.iconOnly a img {
	border-width:0
}
ul.followrap li {
	list-style-type:none;
	list-style-image:none !important;
}
div.clean {
	clear:left;
}
div.display_none {
	display:none;
}
/* Contact Sliding Panel
----------------------------------------------------------------------------------------------------*/
#sliderWrap {
position: fixed;
margin-left: auto;
top:0;
left:0;
padding:0;
margin-top:0;
margin-right: auto;
width: 100%;
z-index:400;
}
#slider {
position: relative;
width:100%;
height: 533px;
margin-top: -530px;
background-color:#212121;
}
#slider img {
border: 0;
}
#sliderContent {
	width:100%;
	margin:0 auto;
	height:533px;
}
#openCloseWrap {
position:absolute;
bottom:-24px;
left:50%;
margin-left:410px;
}
#openCloseWrap a {
	width:84px;
	height:24px;
	display:block;
}
/* CONTENT CONTACT
----------------------------------------------------------------------------------------------------*/
#map {
	width:100%;
	height:290px;
}
#boutons li {
	color:#FFF;
}
#form {
	padding:00 0 0;
	width:978px;
	height:187px;
	margin:0 auto 0 auto;
}
#form #email {
	float:left;
	width:160px;
	height:140px;
	padding:0;
}
#form p,#form ul {
	padding:28px 17px 0 17px;
}
#form #email p a {
	color:#6D6D6D;
	font-size:11px;
}
#form #email p a:hover {
	color:#CCC;
}
#form h4 {
	padding:28px 17px 0 17px;
	border-left:1px solid #6D6D6D;
	color:#6D6D6D;
}
#form .contact {
	float:left;
	padding:0;
	width:160px;
	height:140px;
}
#form .contact p {
	color:#6D6D6D;
}
#form #email p a {
	color:#CCC;
	text-decoration:none;
}
#form #email p a {
	color:#FFF;
}
#form .social {
	float:left;
	width:160px;
	height:180px;
	border:0;
	padding:0;
}
.contact {
	float:left;
	width:146px;
	padding:0 0 0 17px;
	height:187px;
}
.contact p {
	color:#6D6D6D;
	font-size:11px;
	line-height:16px;
}
#form_part01 {
	float:left;
	width:326px;
	margin:0 0 0 0;
	padding:28px 0 0 0;
	height:255px;
}
#form_part02 {
	float:left;
	width:308px;
	border-right:1px solid #6D6D6D;
	padding:28px 17px 0 0;
	height:255px;
}
#form_part01 input[type=text] {
	width:305px;
	height:19px;
	background-color:#6D6D6D;
	float:left;
	padding:5px 0 5px 5px;
	margin:5px 0 5px 0;
	color:#FFF;
	border:none;
}
#form_part02 input[type=submit] {
	width:45px;
	height:29px;
	background-color:#373739;
	float:right;
	color:#6D6D6D;
	border:none;
	margin:5px 0 0 0;
	padding:0;
}
#form p {
	color:#6D6D6D;
}
#form span span {
	margin:0;
	padding:0;
	color:#6D6D6D;
}
#form p span.requis {
	text-transform:lowercase;
	font-size:10px;
	color:#666;
}
textarea {
	background-color:#6D6D6D;
	width:300px;
	height:177px;
	padding:7px 5px;
	margin:5px 0 0 0;
	float:right;
}
input[type=file] {
	background-color:#fff;
	border:1px solid #6D6D6D;
	width:100px;
	height:29px;
}
input[type=submit] {
	background-color:#FFF;
	color:#212121;
	float:right;
	border:none;
	width:68px;
	height:30px;
	margin-top:5px;
}


/********************* COMMENT ***********************/


#comments .comment-body,
#comments .comment-body *,
#comments #commentlist li,
#comments #respond textarea,
#comments #respond input {
	width: auto;
	height: auto;
	min-height: 0;
	min-width: 0;
}
#comments {
	display: block;
	clear: both;
	overflow: hidden;
	min-height: 1px;
	position: relative;
	z-index: 10;
}

#comments ul#commentlist ul li {
	margin-left: 20px;
}

#comments ul#trackback-list {
	display: block;
}

#comments .trackback-toggle,
#comments ul#commentlist div.toggle,
#comments ul#commentlist li .comment-body {
	background-color: #fff;
	color: #333;
	padding: 9px;
	overflow: auto;
	margin-bottom: 11px;
}

#comments .comment-body .moderation,
#comment-form .error {
	margin-top: 5px;
	color:#212121;
	text-align:right;
	padding: 5px;
	font-size: 11px;
	min-height: 1px; /* IE7 */
	position:absolute;
	bottom:10px;
	right:150px;
}

#comments .comment-body .moderation {
	display: block;
	margin-bottom: 3px;
	clear: both;
}

#comments .trackback-toggle,
#comments ul#commentlist div.toggle {
	cursor: pointer;
	zoom: 1;
}

#comments cite,
#comments div.toggle .poster-name {
	font-weight: bold;
	color:#212121;
}

#comments .trackback-toggle:hover,
#comments ul#commentlist div.toggle:hover {
	background-color: #efefef;
}

#comments .with-avatar #comment-form,
#comments .with-avatar .comment-content {
	margin-left: 76px;
}

#commentlist .children .with-avatar .comment-content {
	margin-left: 44px;
}

#comments .comment-meta {
	margin-bottom: 5px;
	height: auto;
}
#comments .comment-meta span.date {
	font-size:11px;
}

/* Comment buttons */

#comments .comment-buttons {
	margin-top:15px;
	overflow: hidden;
	float:right;
	width:150px;
}
#comments .comment-buttons a.comment-reply-link {
	display:none;
}
#comments #respond {
	position:relative;
}
#comments .comment-buttons .comment-button,
#comments .comment-buttons a ,
#comments #respond .comment-buttons input {
	text-align: center;
	position: static;
	border: 0 none;
	cursor: pointer;
	float: right;
	padding: 5px 10px;
	background-color:#212121;
	color:#fff;
	font-size: 11px;
	line-height: 18px;
    text-decoration:none;
	border:none;
}

#comments .comment-buttons a.comment-button,
#comments .comment-buttons a.comment-edit-link {
	float: left;
	margin: 0 5px 0 0;
	text-decoration:none;
}

#comments #cancel-comment-reply-link:active,
#comments #cancel-comment-reply-link:focus,
#comments #cancel-comment-reply-link:hover {
	background-color: #933;
	color: #fff
}

#comments .comment-buttons input:active, #comments .comment-buttons input:focus,
#comments .comment-buttons input:hover, #comments .comment-buttons a:active,
#comments .comment-buttons a:focus, #comments .comment-buttons a:hover,
#comments .comment-button:active, #comments .comment-button:focus,
#comments .comment-button:hover {
	background-color: #333;
	color: #fff;
	text-decoration:none;
}

#comments #comment-form .comment-buttons input.disabled,
#comments #comment-form .comment-buttons input.disabled:active,
#comments #comment-form .comment-buttons input.disabled:focus,
#comments #comment-form .comment-buttons input.disabled:hover {
	background-color:#6D6D6D;
	cursor: wait;
	color: #fff;
}

/* End Comment buttons */

#comments #respond .comment-form-email,
#comments #respond .comment-form-author,
#comments #respond .comment-form-url,
#comments .comment-form-row {
	overflow: hidden;
	margin-bottom: 10px;
	width:315px;
}

#comments #respond .comment-form-email input,
#comments #respond .comment-form-author input,
#comments #respond .comment-form-url input,
#comments #respond .comment-form-row input {
	background-color:#F5F5F5;
	color:#212121;
	height:19px;
	width:315px;
	padding:5px 0 5px 5px;
}
#comments #comment-form .textarea-border {
	float:left;
	font-size:11px;
	color:#212121;
	height:145px;
	width:619px;
	padding:0 0 0 8px;
	margin:0 0 0 0;
}
#comments #comment-form .bloc-right {
	float:left;
}
#comments textarea#comment.vital {
	background-color:#F5F5F5;
	float:left;
	color:#212121;
	height:125px;
	width:627px;
	padding:5px 5px 5px 5px;
	margin:0;
}
#comments #respond .comment-form-row label {
	clear:both;
	font-size:11px;
	color:#212121;
	font-weight:normal;
}
#comments label {
	clear:both;
	font-size:11px;
	color:#212121;
	font-weight:normal;
	padding:0 0 5px 0;
	margin:0 0 0 0;
}

#comments #respond .comment-form-url input,
#comments #respond .comment-form-author input,
#comments #respond .comment-form-email input,
#comments #respond .comment-form-row input {
	clear:both;
	margin: 0;
	height:19px;
	width:315px;
	padding:5px 0 5px 5px;
}

#comment-form span.required {
	display: block;
	text-align: right;
	font-size: small;
	color: #999;
}

#comments #comment-form .oops {
	background: url( 'system-error.png' ) no-repeat 98% center;
}

#comments #comment-form textarea.oops {
	background-position: right top;
}

#comments textarea#comment {
	border: 0 none;
	width: 637px;
	padding: 0;
	margin: 0;
	overflow-x: hidden;
	overflow-y: auto;
	display: block;
	clear:both;
}


/* Pagination */
#comments #comment-pagination {
	clear:both;
	text-align: center;
	padding: 1em 0;
}
	#comments .page-links a {text-decoration:none}

	#comments .page-numbers {
		line-height: 26px;
		height: 26px;
		min-width: 20px;
		padding: 0 3px;
		margin-right: 2px;
		display: inline-block;
		text-align:center;
		text-decoration:none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;

		background-color: #fff;
		color:#000;
	}

	#comments a.page-numbers:focus,
	#comments a.page-numbers:hover {
		background-color: #ccc;
		color: #333;
	}

#comments span.dots,
#comments a.prev, #comments a.next {
	background-color:transparent;
	color: #fff;
	text-decoration:none;
}

#comments a.prev, #comments a.next {
	font-size: 22px;
	line-height: 26px;
	vertical-align:top;
	text-decoration:none;
}

/* Colours */

#comments a.prev:focus,
#comments a.next:focus,
#comments a.prev:hover,
#comments a.next:hover {
	color:#ccc;
	background-color:transparent;
	text-decoration:none;
}

#comments .current {
	background-color:#ccc;
	color:#999;
}

#comments #comment-pagination span.current {
	background-color:#eee;
	color:#ccc;
}

#comments #comment-pagination .page-numbers {
	color:#666;
	background-color: #ddd;
	text-decoration:none;
}

#comments #comment-pagination span.dots,
#comments #comment-pagination a.prev,
#comments #comment-pagination a.next {
	background-color:transparent;
	color: #333;
	text-decoration:none;
}

#comments #comment-pagination a.page-numbers:focus,
#comments #comment-pagination a.page-numbers:hover {
	background-color: #666;
	color: #fff;
	text-decoration:none;
}

#comments #comment-pagination a.prev:focus,
#comments #comment-pagination a.next:focus,
#comments #comment-pagination a.prev:hover,
#comments #comment-pagination a.next:hover {
	background-color:transparent;
	color:#666;
	text-decoration:none;
}

.ie #comments ul#commentlist li .comment-body,
.ie6 #comments .comment-buttons {
	zoom: 1
}

#comments .comment-title {
	font-size: 18px;
	padding:32px 0 10px 0;
}

ul#trackback-list {
	margin: 0;
	padding: 0;
}

#trackback-list li {
	margin-bottom: 20px;
}

#comment #commentlist .pingback cite.fn,
#comment #commentlist .trackback cite.fn,
#comment #trackback-list cite.fn {
	display:block;
}
#commentlist cite.fn img {
	vertical-align: text-top;
	float: right;
}

#commentlist .pingback span.date,
#commentlist .trackback span.date,
#trackback-list span.date {
	font-style: italic;
	color:#6D6D6D;
}

#trackback-list .comment-body {
	padding-bottom: 10px;
	margin-bottom: 15px;
}

#comment-form blockquote {
	font-style:italic;
	margin:0 6%;
	padding-left:0.65em;
}

#comments .comment-text {
	overflow: hidden;
}

#comments .comment-text p {
	font-size:11px;
	color:#212121;
}

#comments .comment-text blockquote {
	margin-bottom: 0.75em;
	padding-left: 2em;
	border-left: 5px solid #efefef;
}

#comments .comment-text img {
	max-width: 100%;
}

#comments .reply-quote cite {
	font-weight: 700;
}

.tb-from {
	font-style: italic;
}

.comment-link-display {
	padding: 5px 10px;
	color: #333;
	background-color: #fff;
	border: solid 1px #bbb;
	cursor: pointer;
}

.comment-link-display input {
	background-color: #fff;
	border: solid 1px #dfdfdf;
	color: #333;
	cursor: text;
	width: 250px;
	margin-left: 5px;
}

#comments .comment-body .trackback-toggle {
	margin: -9px -9px -9px -9px;
	padding-bottom: 10px;
	border: 0 none;
}

#comments .comment-body .with-toggle {
	margin-top: 18px;
}

#comments .comment-body .comment-meta .new-comment {
	display: inline;
	float: right;
	width: 20px;
	height: 20px;
	background: url( badge-new.png ) no-repeat center center transparent;
	margin-left: 8px;
}

#comments ul#commentlist li.new > .comment-body {
	background-color: #efefef;
}

#quote-float {
	border: solid 1px #ccc;
	background: url( 'arrow-left-alt.png') no-repeat left center #fff;
	color: #333;
	cursor: pointer;
	padding: 3px 10px 3px 24px;
}

#comment-form span.required {
	display: none;
}

#comments li#response-cont #respond {
	overflow: hidden;
}
/*-------------PAGE ABOUT DETAIL--------------*/
#content_about {
	width:978px;
	margin:0 auto;
	padding:205px 0 0 0;
	min-height:700px;
	position:relative;
	background:url(images/loadinfo02.gif) no-repeat center 400px;
}
#content_about div.about {
	width:978px;
	min-height:600px;
	display:none;
	position:absolute;
	background-color:#F5F5F5;
	top:160px;
	left:0;
}
.content_about_text {
	width:472px;
	float:left;
	margin-right:34px;
	height:250px;
	border-bottom:1px solid #6D6D6D;
	margin-bottom:30px;
}
.content_about_project {
	width:312px;
	float:left;
	margin-right:34px;
	height:250px;
}
.content_about_project h3 {
	font-size:35px;
}
.content_about_text h3 {
	font-size:35px;
}
.content_about_text p {
	margin-top:30px;
}
.content_about_project p {
	margin-top:30px;
}
.icone {
	float:left;
	height:160px;
	width:150px;
	margin:0 10px 0 0;
}
.content_icone {
	float:left;
	width:472px;
	height:160px;
}
.content_about_details {
	width:632px;
	float:left;
	min-height:600px;
}
.content_about_details h4 {
	border-top:1px solid #212121;
	border-bottom:1px solid #212121;
	padding:10px 0;
	margin:10px 0 10px 0;
	font-size:15px;
}
.content_about_details p {
line-height:19px;
	font-size:11px;
	color:#212121;
}
.content_service_details {
	width:632px;
	float:left;
	min-height:600px;
	
}
.content_service_details h4 {
	border-top:1px solid #212121;
	border-bottom:1px solid #212121;
	padding:10px 0;
	font-size:15px;
	margin:0 0 0 0;
	cursor:pointer;
	width:632px;
	clear:both;
}
.content_service_details p {
line-height:19px;
	font-size:11px;
	color:#212121;
	padding:0;
	margin:10px 0 30px 0;
	float:left;
}
.content_service_details p.text {
	width:160px;

}
.content_service_details p.detail {
	width:472px;
}
.content_about_project p {
	line-height:20px;
	font-size:15px;
	color:#212121;
}
/********* CUFON PARAMETRES **********/
.cufon-loading #menu_categories ul li a, .cufon-loading h2, .cufon-loading #citation, .cufon-loading h3, .cufon-loading #menu_categories ul li span, .cufon-loading #menu_categories ul li, .cufon-loading h3.blog, .cufon-loading h4, .cufon-loading h5, .cufon-loading #header #menu li { /* for Cufon.replace('h1') */
	visibility: hidden !important;
}
#awwwards {
		position:absolute;
		top:80px;
		right:0px;
		z-index:390;
		}
#awwwards a {
width:69px;
height:105px;
text-indent:-8000px;
display:block;
background:url(images/award_day_black.png) no-repeat;
.text-load {
display:none;
}}
#awwwards02 {
		position:absolute;
		top:-10px;
		right:0px;
		z-index:390;
		}
*+html #awwwards02 {
		position:absolute;
		top:80px;
		right:0px;
		z-index:390;
		}
#awwwards02 a {
width:69px;
height:105px;
text-indent:-8000px;
display:block;
background:url(images/award_day_black.png) no-repeat;
.text-load {
display:none;
}}