/* CSS */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);

body {
	background:#000000 url(/imgs/bckgnd_trame.gif);
	margin:0;
	padding:0;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:12px;
	color:#383838;
	width:100%;
	height:100%;
}
.cb0 {display:block;overflow:hidden;clear:both;height:0px;font-size:1px;text-indent:-1000px;}
.cb1 {display:block;overflow:hidden;clear:both;height:1px;font-size:1px;text-indent:-1000px;}
.cb10 {display:block;overflow:hidden;clear:both;height:10px;font-size:1px;text-indent:-1000px;}
.cb20 {display:block;overflow:hidden;clear:both;height:20px;font-size:1px;text-indent:-1000px;}
a img {border:none;}
a {text-decoration:none;color:#209bd6}
a:hover {text-decoration:underline;color:#209bd6}

h1 { font-weight:900;text-transform:uppercase;margin:0 0 12px 0;font-size:28px;line-height:30px;color:#209bd6; }
h2 { font-weight:900;text-transform:uppercase;margin:0 0 10px 0;font-size:18px;line-height:20px;color:#209bd6; }
h3 { font-weight:600;text-transform:uppercase;margin:0 0 10px 0;font-size:13px;line-height:15px;color:#393939; }
h4 {}
h5 {}
h6 {}
p { font-weight:500;margin:0 0 12px 0;font-size:13px;line-height:15px;color:#393939; }
.pos { position:relative; }

#fonds {
	display:none;
}
#fond {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:1;
	width:100%;
	height:100%;
	text-align:center;
	overflow:hidden;
}
#fond img {
	position:absolute;
	top:0;
	left:0;
	z-index:5;
	width:100%;
	height:100%;
}
#page {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:10;
}
#contenu {
	position:relative;
	width:100%;
	height:100%;
}
#nav {
	width:100%;
	position:absolute;
	bottom:5%;
	left:0;
	background:#FFFFFF;
	height:30px;
	border-top:1px solid #dde3f2;
	border-bottom:1px solid #dde3f2;
}
#nav #social {
	position:absolute;
	top:6px;
	left:5px;
}
#nav #menu {
	text-align:center;
	margin:0 auto;
}
#nav #menu ul {
	list-style-type:none;
	padding:0;
	margin:0;
}
#nav #menu ul li {
	display:inline;
	line-height:30px;
	margin:0 10px;
}
#nav #menu ul li a {
	font-size:125%;
	font-weight:300;
	color:#7f8585;
	text-transform:uppercase;
}
#nav #menu ul li a:hover {
	color:#209bd6;
	text-decoration:none;
}
#nav #menu ul li a.on {
	font-weight:700;
	color:#209bd6;
}
#news_bloc {
	position:absolute;
	top:5%;
	left:0;
	z-index:25;
	height:135px;
	width:712px;
}
#news_bloc #content_news {
	background-color:#FFFFFF;
	float:left;
	height:111px;
	padding:12px 7px 12px 15px;
}
#logo {
	width:65px;
	float:left;
}
#logo_link_home {
	display:block;
	text-decoration:none;
	border:0;
}
#news_bloc #text_news {
	width:145px;
	float:left;
	margin:0 8px 0 0;
	padding:10px 0;
	text-transform:uppercase;
}
#news_bloc #text_news .date {
	color:#209bd6;
	line-height:13px;
	font-weight:600;
}
#news_bloc #text_news p {
	margin:0;
	font-size:13px;
	line-height:14px;
	color:#393939;
}
#news_bloc #list_photo_news {
	float:left;
}
#news_bloc #photo_news, 
#news_bloc .list_photo_elem {
	width:110px;
	height:110px;
	float:left;
	margin:0 8px 0 0;
	overflow:hidden;
	position:relative;
}
#news_bloc #list_photo_news .off {
	display:none;
}
#news_bloc .list_photo_elem .text_news {
	display:none;
}
#news_bloc .list_photo_elem img.visu {
	position:absolute;
	top:0;
	left:0;
	width:110px;
	height:110px;
	z-index:25;
}
#news_bloc .list_photo_elem a {
	background:transparent url(/imgs/mask_110.png) top left no-repeat;
	position:absolute;
	top:0;
	left:0;	
	height:110px;
	width:110px;
	display:block;
	z-index:30;	
}
/* LOGO PAGE INTERIEURES */
.logoOnly #logo {
	position:absolute;
	top:5%;
	left:0;
	z-index:25;
}
.logoOnly #logo a {
	display:block;
	text-decoration:none;
	border:0;
}
/* AGENCE */
.agence #main {
	position:absolute;
	top:8%;
	right:0;
	z-index:25;
	width:535px;
}
.agence #main .wrap {
	background:transparent url(/imgs/bckgnd_trame_agence.png) top left repeat;
	padding:20px;
}
.agence #main .wrap #content {
	
}
.agence #main .wrap #content .off {
	display:none;
}
#main #content p {
	text-align:justify;
}
.agence #main .wrap #content .bloc {
	background-color:#FFFFFF;
	padding:10px 20px;
}
.agence #main .wrap #content #page2 .bloc {
	padding:10px;
}
.agence #main .wrap #content .principal {
	margin:0 0 10px 0;
}
.agence .bloc h1 {
	margin:0;
}
.agence .bloc h2 {
	margin:5px 0;
}
.agence .bloc .image {
	float:left;
}
.agence .principal .image {
	margin:0 12px 0 0;
}
.agence .principal .desc p {
	margin:0 0 8px 0;
	font-size:13px;
	line-height:14px;
}
.agence #page1 .bloc p {
	margin:0 0 10px 0;
	font-size:13px;
	line-height:16px;
}
.agence .bloc ul {
	padding:0;
	margin:0 0 10px 0;
	list-style-type:none;
}
.agence .bloc ul li {
	display:block;
	width:114px;
	margin:0 6px 0 0;
	float:left;
}
.agence .bloc ul li h3 {
	font-size:12px;
	line-height:14px;
	font-weight:500;
	margin:2px 0 0 0;
	color:#393939;
}
.agence .bloc ul li .fonction {
	font-size:11px;
	line-height:13px;
	font-weight:500;
	color:#838686;
}
.agence .bloc p {
	font-size:12px;
	line-height:14px;
	font-weight:500;
}
.agence .bloc p span {
	color:#838686;
}
.agence .bloc ul li.last {
	margin:0 0 0 0;
}
.agence #main .pages {
	float:right;
	background-color:#FFFFFF;
	height:30px;
	line-height:30px;
	padding:0 0 0 10px;
	font-size:14px;
	font-weight:700;
	color:#abb0b0;	
}
.agence #main #pageOn {
	color:#209bd6;
}
.agence #main #pictoPage {
	width:30px;
	height:30px;
	display:block;
	float:right;
	font-size:1px;
	text-indent:-1000px;
	overflow:hidden;
}
.agence #main .pages .next { background:#FFFFFF url(/imgs/page_picto_next.gif) top left no-repeat; }
.agence #main .pages .next:hover { background:#FFFFFF url(/imgs/page_picto_next_on.gif) top left no-repeat; }
.agence #main .pages .prev { background:#FFFFFF url(/imgs/page_picto_prev.gif) top left no-repeat; }
.agence #main .pages .prev:hover { background:#FFFFFF url(/imgs/page_picto_prev_on.gif) top left no-repeat; }
/* PROJETS */
.projets #fond, 
.projets #page {
	min-height:768px;
}
.projets #main {
	position:absolute;
	top:5%;
	right:0;
	z-index:25;
	width:800px;
	height:680px;
}
.projets #main .pos {
	width:800px;
	height:540px;
}
.projets #main #projets_menu {
	position:absolute;
	bottom:15px;
	left:0;
	z-index:30;	
	width:160px;
}
.projets #main #projets_menu h1 {
	margin:0;
	font-size:35px;
}
.projets #main #projets_menu ul {
	padding:0;
	margin:5px 0 5px 0;
	list-style-type:none;
	float:left;
}
.projets #main #projets_menu ul li {
	padding:0;
	margin:4px 0;
	height:22px;
	float:left;
}
.projets #main #projets_menu ul li a {
	padding:5px 10px;
	margin:0;
	height:12px;
	line-height:12px;
	display:block;
	text-transform:uppercase;
	font-size:10px;
	font-weight:700;
	color:#646464;
	text-decoration:none;
	background-color:#d0d1cc;
}
.projets #main #projets_menu ul li a:hover {
	color:#209bd6;
}
.projets #main #projets_menu ul li a.on {
	color:#209bd6;
	background-color:#ffffff;
}
.projets #main #projets_liste {
	position:absolute;
	top:0;
	right:0;
	z-index:30;	
	width:635px;
}
.projets #main #projets_liste .wrap {
	padding:0;
	height:525px;
}
.projets #main #projets_liste .proj_nav {
	background:transparent url(/imgs/bckgnd_trame_agence.png) top left repeat;
	height:525px;
	width:55px;
	float:left;
}
.projets .proj_nav a {
	display:none;
	height:525px;
	width:55px;	
}
.projets #proj_nav_left {
	background:transparent url(/imgs/button_proj_nav_left.png) top left no-repeat;
}
.projets #proj_nav_right {
	background:transparent url(/imgs/button_proj_nav_right.png) top left no-repeat;
}
.projets #proj_nav_left:hover {
	background:transparent url(/imgs/button_proj_nav_left_on.png) top left no-repeat;
}
.projets #proj_nav_right:hover {
	background:transparent url(/imgs/button_proj_nav_right_on.png) top left no-repeat;
}
.projets #main #projets_liste #proj_content {
	background:transparent none;
	height:525px;
	width:525px;
	float:left;
	overflow:hidden;
	position:relative;
}
.projets #proj_content #content_slides {
	height:525px;
	position:absolute;
	top:0;
	left:0;
	width:525px;
}
.projets #proj_content #content_slides .slide {
	height:525px;
	width:525px;
	float:left;
	overflow:hidden;
}
.projets #proj_content #content_slides .slide .thumb {
	height:171px;
	width:171px;
	float:left;
	overflow:hidden;
	margin:0 6px 6px 0;	
	position:relative;
}
.projets #proj_content #content_slides .slide  .thumbr { margin-right:0; }
.projets #proj_content #content_slides .slide  .thumbd { margin-bottom:0; }
.projets #proj_content #content_slides .slide .thumb .pthumb {
	position:absolute;
	top:0;
	left:0;
	height:171px;
	width:171px;
	z-index:30;
}
.projets #proj_content #content_slides .slide .thumb a.thumb_link {
	position:absolute;
	top:0;
	left:0;
	height:141px;
	width:141px;
	padding:30px;
	z-index:35;
	display:block;
	color:#FFFFFF;
	font-size:24px;
	line-height:25px;
	overflow:hidden;
	font-weight:700;
	text-transform:uppercase;
	text-indent:-1000px;
}
.projets #proj_content #content_slides .slide .thumb a.thumb_link span {
	font-weight:300;
	display:block;
}
.projets #proj_content #content_slides .slide .thumb a.thumb_link:hover {
	background:transparent url(/imgs/mask_over_thumb_projet.png) top left no-repeat;
	text-indent:0;
	text-decoration:none;
}
.projets #proj_content #content_slides .rub {
	height:525px;
}
/* DETAIL PROJET */
.projet #main {
	position:absolute;
	top:5%;
	right:0;
	z-index:25;
	width:350px;
}
.projet #main #projet_menu {
	display:none;
	position:absolute;
	top:5%;
	right:0;
	z-index:25;
	width:30px;	
	height:160px;
}
.projet #main #projet_menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
.projet #main #projet_menu ul li {
	display:block;
	width:30px;
	height:30px;
	margin:0 0 2px 0;
}
.projet #main #projet_menu ul li a {
	display:block;
	width:30px;
	height:30px;
	overflow:hidden;
	text-indent:-1000px;
}
.projet #main #projet_menu ul li a.infos { background:#FFFFFF url(/imgs/picto_infos.gif) top left no-repeat; }
.projet #main #projet_menu ul li a.infos:hover { background:#FFFFFF url(/imgs/picto_infos_on.gif) top left no-repeat; }
.projet #main #projet_menu ul li a.retour { background:#FFFFFF url(/imgs/picto_retour.gif) top left no-repeat; }
.projet #main #projet_menu ul li a.retour:hover { background:#FFFFFF url(/imgs/picto_retour_on.gif) top left no-repeat; }
.projet #main #projet_menu ul li a.suiv { background:#FFFFFF url(/imgs/page_picto_next.gif) top left no-repeat; }
.projet #main #projet_menu ul li a.suiv:hover { background:#FFFFFF url(/imgs/page_picto_next_on.gif) top left no-repeat; }
.projet #main #projet_menu ul li a.prec { background:#FFFFFF url(/imgs/page_picto_prev.gif) top left no-repeat; }
.projet #main #projet_menu ul li a.prec:hover { background:#FFFFFF url(/imgs/page_picto_prev_on.gif) top left no-repeat; }
.projet #main #projet_menu ul li a.video { background:#FFFFFF url(/imgs/picto_video.gif) top left no-repeat; }
.projet #main #projet_menu ul li a.video:hover { background:#FFFFFF url(/imgs/picto_video_on.gif) top left no-repeat; }
.projet #main #projet_detail {
	width:350px;
}
.projet #main #projet_detail a.close_projet {
	float:left;
	background:#FFFFFF url(/imgs/picto_close.gif) top left no-repeat;
	width:30px;
	height:30px;
	overflow:hidden;
	text-indent:-1000px;
}
.projet #main #projet_detail a.close_projet:hover {
	background:#FFFFFF url(/imgs/picto_close_on.gif) top left no-repeat;
	text-decoration:none;
	border:0;
}
.projet #main #projet_detail .wrap {
	float:left;
	background:transparent url(/imgs/bckgnd_trame_agence.png) top left repeat;
	width:280px;
	overflow:hidden;
	padding:20px;
}
.projet #main #projet_detail .wrap .projet_detail_content {
	padding:10px;
	background-color:#FFFFFF;
}
.projet #main #projet_detail .wrap .projet_detail_content h1 {
	margin:0;
}
.projet #main #projet_detail .wrap .projet_detail_content p {
	font-size:11px;
	line-height:14px;
	margin:0 0 10px 0;
}
.projet #main #projet_detail .wrap .projet_detail_content p.nobreak {
	margin:0 0 0 0;
}
.projet #main #projet_detail .wrap .projet_detail_content p.lieu {
	color:#209bd6;
	text-transform:uppercase;
	font-weight:500;
}
.projet .etat_lieu {
	width:280px;
	position:relative;
}
.projet .etat_lieu span {
	display:block;
	position:absolute;
	top:0;
	right:0;
	z-index:35;
	background-color:#FFFFFF;
	color:#209bd6;
	text-transform:uppercase;
	font-weight:700;
	font-size:10px;
	line-height:15px;
	height:15px;
	padding:0 4px;
}
.projet .etat_lieu img {
	width:280px;
}
/* POPIN */
#mask {
	display:none;
	background:transparent url(/imgs/bckgnd_trame_video.png) top left repeat;
	cursor:pointer;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:75;	
}
#popin {
	display:none;
	width:600px;
	padding-left:30px;
	height:337px;
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}
#popin .close_video {
	display:none;
	width:30px;
	height:30px;
	position:absolute;
	top:0;
	left:0;
	z-index:100;
	background:#FFFFFF url(/imgs/picto_close.gif) top left no-repeat;
	overflow:hidden;
	text-indent:-1000px;
}
#popin .close_video:hover { background:#FFFFFF url(/imgs/picto_close_on.gif) top left no-repeat; }
/* CONTACT */
.contact #nav {
	z-index:50;
}
.contact #main {
	position:absolute;
	top:8%;
	right:0;
	z-index:25;
	width:300px;
}
.contact #main .wrap {
	background:transparent url(/imgs/bckgnd_trame_agence.png) top left repeat;
	padding:20px 20px 10px 20px;
}
.contact #main .wrap #content {
	background-color:#FFFFFF;
	padding:10px 20px;
}
.contact #main .wrap #content h3 {
	margin:0;	
}
.contact #main .wrap #content a {
	color:#393939;
	text-decoration:none;
	border-bottom:1px dotted #209bd6;
	font-weight:600;
	font-size:13px;
	line-height:16px;
}
.contact #main .wrap #content a:hover {
	text-decoration:none;
	border-bottom:0;
}
.contact #main .lien_mentions {
	background-color:#FFFFFF;
    float:right;
    margin:10px 0 0;
    padding:0 4px;
}
.contact #main .lien_mentions a {
	color:#393939;
	text-decoration:none;
	font-size:11px;
	line-height:16px;
	text-transform:uppercase;
	font-weight:600;	
}
.contact #main .lien_mentions a span {
	color:#209bd6;
	font-weight:900;
	font-size:12px;
}
.contact #page, 
.contact #page #contenu {
	position:static;
	z-index:5;
}
.contact #fond {
	z-index:10;
}
/* MENTIONS LEGALES */
#popin_mentions {
	display:none;
	position:absolute;
	top:5%;
	right:0;
	z-index:150;
	width:515px;
}
#popin_mentions .close_mentions {
	width:30px;
	height:30px;
	float:left;
	overflow:hidden;
	text-indent:-1000px;
	text-decoration:none;
	background:#FFFFFF url(/imgs/picto_close.gif) top left no-repeat;
}
#popin_mentions .close_mentions:hover {
	background:#FFFFFF url(/imgs/picto_close_on.gif) top left no-repeat;
}
#popin_mentions .wrap {
	width:445px;
	padding:20px;
	background:transparent url(/imgs/bckgnd_trame_agence.png) top left repeat;
	float:right;
}
#popin_mentions .wrap #content_mentions {
	background-color:#FFFFFF;
	padding:10px 20px;
}
#popin_mentions .wrap #content_mentions h2 {
	font-size:28px;
	line-height:30px;
	margin:0 0 15px 0;
}
#popin_mentions .wrap #content_mentions h3 {
	margin:0 0 2px 0;
}
#popin_mentions .wrap #content_mentions p {
	font-size:13px;
	line-height:15px;
}