@charset "UTF-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
	outline:none;
	font-family:Arial, Helvetica, sans-serif;}
ul {
	list-style-type:none;}
#lespages {
	float:left;
	background-color:#FFF;
	width:946px;}
body {
	line-height:14px;
	background-image:url(../webimages/background.jpg);
	background-repeat:repeat-x;	}
#header {
	float:left;
	width:946px;}
#social {
	float:right;}
#background	{
	float:left;
	background-color:#fff;}
div#point_footer {
	clear:both;
	padding-top:20px;
	margin:0px auto;
	width:946px;
	background-image:url(../webimages/point_footer.gif);
	background-position:0 10px;
	background-repeat:repeat-x;}
div#footer {
	clear:left;
	background-image:url(../webimages/background_footer.jpg);
	background-repeat:repeat-x;
	height:184px;}
img#logo {
	float:left;
	margin-left:15px;}	
#accroche {
	height:80px;
	margin-top:20px;
	margin-bottom:30px;}
#accroche img {
	margin:0px auto;
	display:block;}
div#container {
	clear:right;
	padding-top:10px;
	display:block;
	margin:0px auto;
	width:946px;}
div#point {
	clear:both;
	height:3px;
	width:946px;
	background-image:url(../webimages/point.gif);
	background-repeat:repeat-x}
div.middle {
	clear:left;
	float:left;
	background-color:#eefafd;
	border-bottom:#CCC 1px dotted;
	border-top:#CCC 1px dotted;
	width:946px;
	padding:10px 0;
	margin-top:10px;}
div.margin_port {
	clear:both;
	margin-bottom:10px;}
div.left_header {
	float:left;
	width:226px;
	background-color:#fff;}
img.image_top {
	float:left;}
div#infos {
	float:left;
	width:453px;	
	margin:20px 0;
	background-color:#fff;}
div#phrases{
	clear:both;
	float:left;
	width:493px;
	margin-top:20px;
	background-color:#fff;}
div#phrases img {
	margin-left:20px;}
div#localisation {
	clear:both;
	float:left;
	background-image:url(../webimages/background_bottom.gif);
	background-repeat:repeat-x;
	width:946px;
	margin:10px 0 15px;
	padding-top:21px;}
div#map {
	width:425px;
	float:left;}
div#map img {
	margin-left:21px;}
div#adresse {
	width:521px;
	float:left;}
div#adresse img {
	padding-left:20px;}
#vignettes {
	width:722px;
	float:left;}
#vignettes li {
	float:left;}	
#vignettes a {
	display:block;}
div#texte {
	float:left;
	width:224px;}
img#img_accroche {
	margin-bottom:10px;}
img.header {
	padding:30px 0 15px 20px;}
img.header_photo {
	padding:20px 0 15px 20px;}
img.header_middle {
	padding:0px 0 10px 20px;}
#margin {
	margin:0 13px;}
img {
	border:none;}
/* Mise en Forme Texte */
a {
	text-decoration:none;
	color:#5b8ea4;
	font-weight:bold;}
#desc_portfolio p a {
	color:#8EDEFD;}
#desc_portfolio p a:hover {
	color:#5b8ea4;}
a:hover, a#navOn {
	color:#5b8ea4;}

p, h1, h2, li {
	color:#5b8ea4;}
p {
	padding:0 20px;
	font-size:11px;}

div.left_header p {
	line-height:18px;}
div.left_header p, div#departement_content p {
	font-size:12px;}	
	
h1 {
	font-weight:bold;
	font-size:12px;
	padding:0px 20px 15px 20px;}
h2 {
	font-size:14px;
	padding:0px 20px 15px 20px;}
div.left_header h1 {
	text-transform:uppercase;
	font-size:11px;}

/*Navigation*/
div#texte h1, div#texte_dep h1 {
	padding-bottom:0;}
div#texte p, div#texte_dep p {
	margin-bottom:10px;}
div#adresse p {
	line-height:18px;
	font-size:14px;
	color:#e4f7ff;}
div#point_footer p {
	font-size:11px;
	color:#e4f7ff;}
div#adresse h1 {
	line-height:20px;
	font-weight:normal;
	margin-top:10px;
	font-size:22px;
	color:#fff;}
.red {	clear:left;color:#e41028;}
.orange {color:#ee7f01;}
.yellow {color:#fecc00;}


/* PAGE DEPARTEMENTS */
#departements_contenu {
	float:left;
	height:645px;
	clear:both;
	background-color:#FFF;}	
div#texte_dep {
	margin-top:20px;
	float:left;
	width:230px;}
div#description {
	float:left;
	width:585px;}
div#description a:hover {
	text-decoration:underline;}
div#description h2 {
	text-transform:uppercase;
	margin-top:55px;}
#departement_content{
	background-color:#eefafd;
	border-top:#cdd1d2 1px dotted;
	border-bottom:#cdd1d2 1px dotted;
	clear:both;
	float:left;
	width:946px;}	
#departement_content img {
	float:right;}	
#description {
	float:left;
	width:580px;}	
#liste_accroche {
	/* Pour IE 5-7 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    /* Pour IE 8 */
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	float:right;
	width:360px;
	height:438px;}
#liste_accroche img#titre {
	background:none;
	float:none;
	margin:45px 0px 20px 30px;}	
#liste_accroche img#bulle {
	float:none;
	margin-left:0px;
	margin-bottom:38px;}
#liste_accroche h1 {
	margin-left:200px;
	padding-bottom:5px;
	font-weight:normal;
	color:#fff;
	font-size:8px;}	
div.main, div.main h1 {
	background-color:#78D5FE;}
div.web, div.web h1 {
	background-color:#e2001a;}
div.creative, div.creative h1 {
	background-color:#ee7f01;}
div.video, div.video h1 {
	background-color:#fecc00;}

/* PAGE PORTFOLIO */

ul#references {
	list-style-type:circle;
	margin-left:40px;
	font-size:11px;}
	
div.portfolio_main {
	float:left;
	width:720px;
	height:560px;
	padding:0;
	margin:0;
	background-color:#EEFAFD;}
	
#desc_portfolio {
	background-color:#EEFAFD;
	width:243px;
	float:left;}
#desc_portfolio h2 {
	font-size:9px;}
#img_portfolio, #img_portfolio_case{
	float:left;
	width:460px;
	height:510px; 
	margin-left:15px;
	display:inline;}

p.legend {
	font-size:9px;
	text-align:right;}	
	
#main_textes {
	float:left;
	width:226px;}
	
#thumbs {	
	background-color:#EEFAFD;
	padding:0 25px 0 30px;
	float:left;}
ul.thumbs {
	clear: both;}
ul.thumbs li {
	float: left;
	margin: 5px;}
a.thumb {
	padding: 2px;
	display: block;	}
ul.thumbs li.selected a.thumb {
	background: #78D5FE;}
ul.thumbs a.thumb {
	opacity:0.4;}
ul.thumbs li.selected a.thumb {
	opacity:1;}
ul.thumbs li.selected a.thumb:hover {
	opacity:1;}
a.thumb:focus {
	outline: none;}
ul.thumbs img {
	border: none;
	display: block;}
	
	
/* AGENCE */
.team {
	cursor:pointer;
	width:232px;
	height:232px;
	overflow:hidden;
	position:relative;}
#texte_agence {
	width:470px;
	float:left;}
.team img {
	position:absolute;}
.box {
	float:left;
	position:absolute;
	background:#78D5FE;
	color:#FFF;
	height:232px;
	width:100%;}
.box h2,.box p {
	margin-top:10px;
	color:#FFF;}
.captionfull .box, .legend .box {
	top:185px;
	left:0;}
.box img {
	position:relative;
	margin:12px 0px 10px 20px;}
#montreux {
	float:left;}

/* Navigation */
#nav li, #nav_departements li  {float:left;} /* IMPORTANT IE */
#nav{	
	line-height:15px; /* Bug IE6 */
	height:15px;
	float:right;
	clear:both;
	margin-bottom:5px;
	width:380px;}		
#nav li a {	
	text-decoration:none;
	float:left;
	margin-right:10px;
	height:15px;}
#nav_portfolio li a:hover, #nav_portfolio li a.navOn  {
	color:#5B8EA4;}
a#nav1 {
	background-image:url(../webimages/nav/01.png); 
	width:47px;}
a#nav2 {
	background-image:url(../webimages/nav/02.png); 
	width:130px;}
a#nav3 {
	background-image:url(../webimages/nav/03.png); 
	width:90px;}
a#nav4 {
	background-image:url(../webimages/nav/04.png); 
	width:67px;}	
#nav_departements {
	float:left;
	margin:14px 20px 10px 5px;}
#nav_departements li {
	margin-left:12px;}	
#nav_departements li a {
	display:block;}
#nav_portfolio {
	margin-left:30px;}
#nav_portfolio li {
	margin-bottom:5px;}
#nav_portfolio a {
	font-size:14px;}

li#nav_sec1 a{
	color:#8edefd;}
li#nav_sec1 {
	margin-bottom:10px;}	
li#nav_sec2 a, li#nav_sec3 a{
	color:#e41028;}
	
li#nav_sec4 a, li#nav_sec5 a, li#nav_sec6 a, li#nav_sec7 a, li#nav_sec8 a {
	color:#ee7f01;}
li#nav_sec9 a{
	color:#fecc00;}

div.margin {
	padding:0;}
	

/*MAIN DERNIERES REALISATIONS */
#feature1 {
	background: #EEFAFD url(../webimages/header/realisations_last.gif) no-repeat 720px 10px;
    width: 944px; /* important to be same as image width */
    height: 280px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */}
#feature1Content {
    width: 944px; /* important to be same as image width or wider */
    position: absolute;}
.feature1Image {
	
    position: relative;
	display: none;}
.feature1Image p {
    position: absolute;
    display: none;}
.clear {
	clear: both;}
.right {
	right: 0;
	bottom: 0;
	width: 202px !important;
	height: 165px;}
ul { list-style-type: none;}








/* Viewer */
.svw {
	width:50px;
	height:20px;}
.svw ul {
	position:relative;
	left:-999em;}
.viewer {
	position:relative;
	overflow:hidden;
	margin:0  auto 5px;}
.viewer ul {
	position:relative;
	left:0;
	top:0;
	width:1%;
	list-style-type:none;
	margin:0;
	padding:0;}
.viewer ul li {	
	cursor:pointer;
	float:left;
	width:460px;
	margin:0 auto;
	display:block;}
.load_porto {
	margin:0 auto;
	display:block;
	margin-top:150px;}
object {
	float:left;
	background-color:#EEFAFD;}
/* Pagination News et Vidéos */
#contenu_news ul {
	 list-style-type:none;
	 margin-top:20px;}	 
#contenu_videos ul {
	list-style-type:none;
	width:480px;
	margin:0 auto;
	display:block;}	
.galPagin {
	float:left;
	padding:5px 0 15px 15px;
	overflow:auto;}
.galPagin ul {
	position:relative;
	list-style-type:none;
	margin:0;
	padding:0;}
.galPagin ul li {
	width:20px;
	border:1px solid #5B8EA4;
	float:left;
	margin:0 3px 1px 0;}
.galPagin a {
	font-size:12px;
	text-align:center;
	line-height:22px;
	background:#fff;
	color:#5B8EA4;
	text-decoration:none;
	display:block;}
.galPagin a:hover,a.current {
	background:#5B8EA4;
	color:#fff;}
.tooltip {
	background:#fff;
	color:#000;
	border:5px solid #dedede;
	padding:0.5em;}