@charset "UTF-8";


@font-face
{
	font-family: 'Bree';
	src: url('base/breeregular-webfont.eot');
	src: local('☺'), url('base/breeregular-webfont.woff') format('woff'), url('base/breeregular-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face
{
	font-family: 'Bree';
	src: url('base/breebold-webfont.eot');
	src: local('☺'), url('base/breebold-webfont.woff') format('woff'), url('base/breebold-webfont.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face
{
	font-family: 'BreeLight';
	src: url('base/breelight-webfont.eot');
	src: local('☺'), url('base/breelight-webfont.woff') format('woff'), url('base/breelight-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

*
{
	outline:0;	
}

html, body
{
	height:100%;
}

body
{ 
	font-size: 13px;
	color: #666;
	background: #000000 url(base/bg-smartphone.jpg) center top;
	background-repeat:no-repeat;
	font-family: Bree,Lucida Grande, Geneva,Arial,Verdana,sans-serif;
	padding: 0;
	margin: 0;
}

#page
{
	width: 900px;
	margin: 0 auto;
	/*min-height: 100%;*/
}

h1
{
	font-size: 35px;
	margin: 30px 0 25px;
	color: #E54B4A;
	font-family: Bree, Lucida Grande, Geneva,Arial,Verdana,sans-serif;
}

h2
{
	font-size: 22px;
	margin: 0 0 10px 0;
	color: white;
	font-family: Bree, "Lucida Grande",Geneva,Arial,Verdana,sans-serif;
	font-weight: normal;
	text-align:right
}

h3
{
	font-size: 15px;
	color: #999;
	font-family: Bree, Lucida Grande, Geneva,Arial,Verdana,sans-serif;
	font-weight: normal;
}

h2 a[href],
h3 a[href]
{
	text-decoration: none;
}

hr {
	height:1px;
	margin:0;
	*margin:0.2em 0;
	color:#CCC;
	background-color:#CCC;
	border:0;
}

ul, ol
{
	margin-left: 0;
}

.by3
{
	width: auto;
	overflow:hidden;
}

.by3 > *
{
	width: 280px;
	float: left;
	margin: 25px 0 20px;
	min-height: 80px;
}

.by3 > * + *
{
	border-left:1px solid #CCC;
	padding-left:15px;
	margin-left: 14px;
}

.by3 h3:first-child
{
	margin-top: 0;
}

.date h3
{
	font-size: 15px;
	margin: 25px 0;
	color: #808080;
	font-style: oblique;
}

#chapeau
{
	font-size: 22px;
	font-family: BreeLight, Lucida Grande, Geneva,Arial,Verdana,sans-serif;
	margin-top: -1em;
}

.left{
	float:left;
}
	
.right{
float:right;
}
.wrapper {
	overflow:hidden;
	width:auto;
}

a {
	color:#4D4D4D;
}

a:hover {
	color:#3BB60E;

}

a img {
	border:0;
}

#contenu {
	position:relative;
	padding: 20px 5px 0 5px;
	/*padding: 20px 30px 0 30px;
	margin-bottom: 20px;*/
}

#home #contenu
{
	/*padding-bottom:150px;*/
}

/* menu horizontal */

#logo
{
    position: absolute;
	top: 20px;
	z-index: 5;
}

/*
**

NAVIGATION

**
*/

#navigation
{
	position: relative;
	padding-top: 70px;
}

div.has_pill
{
	position: relative;
}

#navigation .pill
{
	padding-top: 10px;
	border-bottom: 2px solid #3BB60E;
}

#navigation div.has_pill + div.has_pill .pill
{
	padding-top: 9px;
	/*border-bottom-color: gray;*/
} 

#navigation ol
{
	list-style-type: none;
	text-transform: uppercase;
	font-family: BreeLight, Lucida Grande, Geneva,Arial,Verdana,sans-serif;
	/*padding-bottom: 10px;
	border-bottom: 1px solid #ccc;*/
	padding-left: 0;
	margin-left: 0; 
}

#navigation ol li
{
	position: relative;
	z-index: 1;
}	

#navigation ol.lv1
{
	font-size: 15px;
	text-align: right;
}

#navigation ol.lv2
{
	font-size: 12px;
}

#navigation a
{
	text-decoration: none;
	color:white;
}

#navigation li
{
	display: inline;
}

#navigation li + li
{
	margin-left: 25px;
}

#navigation ol.lv2 li + li
{
	margin-left: 20px;
}

#navigation li.current a,
#navigation li.active a
{
	color:#DF3439;
}

	

/*
body#home body#vision360
{
	top:84px;
}
*/

/* pied de page */

#footer
{
	clear: both;
	position: relative;
	background: transparent url(base/fond1.jpg) left 22px repeat-x;
	/*margin-top: 100px;*/
	margin-top: -165px;
}

#footer
{
	height: 165px;
}
#footer-spacer
{
	height: 35px;
}
#footer-spacer
{
	margin-top: 10em;
}

#footer-contenu {
	position:absolute;
	width:940px;
	left:50%;
	margin-left:-470px;
	color:#ccc;
	font-size:11px;
}
#footer-contenu .adresse {
	position:absolute;
	top:40px;
}
#footer-contenu #adresse1 {
	left:25px;
}
#footer-contenu #adresse2 {
	left:308px;
}
#footer-contenu #adresse3 {
	left:585px;
}

#footer-contenu .adresse h6
{
	font-family: Bree, Lucida Grande, Geneva,Arial,Verdana,sans-serif;
	font-size: 19px;
	color: #D5D5D5;
	font-weight: normal;
	margin: 30px 0 12px 0;
}

#footer-contenu .adresse h6 span
{
	color:#fff;
}

#footer-contenu #copyright {
	position:relative;
	top:170px;
	color:white/*#808080*/;
	text-align:center;
	
}

#footer-contenu #copyright a {
	color:white/*#808080*/;
	text-decoration:none;
}


/*
**

ELEMENTS
	
**
*/

div.pager
{
	margin:1em 0;
	text-align:center;
}

div.pager a
{
	color: white;
	text-decoration: none !important;
}

.pager .separator
{
	display:none;
}

.pager a,
.pager strong
{
	margin:0 0.5ex;
}

.pager strong
{
	background-color: #666;
	border:1px solid #666;
	color:white;
	padding:3px 5px;
	text-decoration:none;
}

.pager a
{
	border: 1px solid transparent;
	border-top-color: #C5C6C9;
	border-bottom-color: #C5C6C9;
	padding:3px 5px;
	text-decoration:none;
}

.pager a:hover
{
	background-color: #999;
	border:1px solid #999;
	color: white;
}



.amaru {
	background:transparent url(../images/v_amaru.html) no-repeat left top;
	}
.amaru:hover {
	background-position:left -61px;
}
.stef {
	background:transparent url(../images/v_stef.html) no-repeat left top;
	}
.stef:hover {
	background-position:left -61px;
}


/*
**

EQUIPE

**
*/

#equipe
{
	margin: 1em 0;
	overflow: hidden;
	height: 350px;
}

#thumbnails
{
	width:500px;
	float:left;
	list-style: none;
	padding: 0;
	margin: 0;
}

#thumbnails li
{
	float:left;
	
}

#thumbnails img
{
	width: 100px;
	height: 67px;
	display: block;
}

#thumbnails div.more
{
	display: none;
}

#portrait
{
	float:right;
	width:306px;
}

#portrait img
{
	display:block;
	border:1px solid #ccc;
	width: 300px;
	height: 200px;
}

#equipe .pole
{
	color:red;
	font: 16px Arial;
	color:#E54B4A;
	padding-bottom:3px;
	font-family: Bree, Lucida Grande, Geneva,Arial,Verdana,sans-serif;
	margin-bottom: 0;
}

#equipe p.name
{
	margin-top: .4em;
}

#equipe p.name:first-line
{
	color: black;
}

#equipe .profession
{
	display:inline;
	background-color:#FFF;
	border:1px solid #333;
	padding:2px 4px;
	color:#333;
}

/*
**

REFERENCES

**
*/

ul.references
{
	list-style: none;
	margin: 0;
	padding-left: 0;
	font: 16px/24px BreeLight,Lucida Grande,Geneva,Arial,Verdana,sans-serif;
}

ul.references + ul.references
{
	padding-left: 30px;
	border: none;
}










div.wd-slideshow
{
	overflow: hidden;
}

ul.wd-slideshow-dots
{
	position: absolute;
	bottom: -15px;
	right: 0;
	list-style: none;
	text-align: right;
	margin: 0;
	padding: 0;
}

ul.wd-slideshow-dots li
{
	display: inline-block;
	height: 0;
	padding-top: 4px;
	margin-left: 5px;
	width: 20px;
	overflow: hidden;
	border: 1px solid #ccc;
	background-color: #ccc;
}

div.wd-slideshow-browse
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	visibility: hidden;
	/*background: rgba(255, 0, 255, .5);*/
}

div.wd-slideshow-browse a
{
	position: absolute;
	display: block;
	top: 50%;
	margin-top: -30px;
	padding-top: 60px;
	width: 60px;
	height: 0;
	overflow: hidden;
}

div.wd-slideshow-browse a[href$=previous]
{
	left: 0;
	background: url(modules/fleche-previous.png);
}

div.wd-slideshow-browse a[href$=next]
{
	right: 0;
	background: url(modules/fleche-next.png);
}

ul.wd-slideshow-dots li.selected
{
	border-color: #E54B4A;
	background-color: #E54B4A;
}

#module-references div.visuel
{
	position: relative;
}

#module-references div.visuel div.wd-slideshow
{
	width: 900px;
	height: 400px;
}


.by3.numbered > *
{
	width: 244px;
}


.by3.numbered strong
{
	display:block;
	margin-left:15px;

}

.numbers
{
	margin-top: -15px;
}

.bree {
	font:15px Bree,Lucida Grande,Geneva,Arial,Verdana,sans-serif;
}

.first{
	background: transparent url(../images/num01.png) no-repeat 10px top;
	padding-left:40px;
}

.second{
	background: transparent url(../images/num02.png) no-repeat 10px top;
	padding-left:40px;
}

.third{
	background: transparent url(../images/num03.png) no-repeat 10px top;
	padding-left:40px;
}


.by3 div ul
{
	list-style:none;
	color:#333333;
	padding: 0;
	margin: 0;		
}

.by3.numbers em
{
	font-style: normal; 
	color: #808080;		
}