/* CSS Document */
html {
	height: 100%; /* prevent scrollbar jumping in firefox */
}

/* zero margins and padding for main elements */
html, body, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, form, fieldset, legend, input, select, textarea, div, p, img, table, tr, th, td, object, pre, blockquote, address, a {
	margin: 0;
	padding: 0;
}

body {
	font-family: arial, sans-serif;
	font-weight: normal;
	font-size: 10px;
	padding: 0;
	background: #271c22 url('../img/background.jpg') repeat-x;
}
body.index,body.contact{
	background:#271c22;
}
		
img {
	border: 0;
}

img :hover {
	border: 0;
}
/*
p {
	font-family: arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #333333;
	line-height: 16px;
	padding: 5px 0 5px 5px;
}*/
a:hover{
	color:#C60651!important;
}
h1 {
	font-family: arial, sans-serif;
	font-weight: normal;
	font-size: 26px;
	color: #C60651;
	width:900px;
	text-transform:uppercase;
}
	
h2 {
	font-family: arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #C60651;
	text-transform:uppercase;
}
	
h3 {
	font-family: arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #C60651;
	text-transform:uppercase;
}

h4 {
	font-family: arial, sans-serif;
	font-weight: italic;
	font-size: 12px;
	color: #C60651;
}

h5 {
	float: right;
	font-family: arial, sans-serif;
	font-weight: italic;
	font-size: 12px;
	color: #C60651;
}
.mt12{
	margin-top:12px;
}
.ml23{
	margin-left:23px;
}
.mr23{
	margin-right:23px;
}
.mt23{
	margin-top:23px;
}
.mb23{
	margin-bottom:23px;
}
.ml42{
	margin-left:42px;
}
.mt42{
	margin-top:42px;
}
.mb42{
	margin-bottom:42px;
}
.clear{
	clear:both;
	width:0px;
	height:0px;
	margin:0px;
	padding:0px;
	line-height:0px;
}
.floatl{
	float:left;
}
/* -----------------------

STRUCTURE

----------------------- */

div#container {
	position:relative;
	width: 985px;
	background: #f9f9f9;
	overflow:auto;
	margin: 0 auto;
}
	
div#header {
	width: 985px;
	height: 97px;
	margin: 0;
	padding: 0;
	background: #271c22;
}

div#logo {
	float:left;
	width: 314px;
	height: 97px;
	margin: 0;
	padding: 0;
}

div#menu {
	float: left;
	width: 671px;
	height: 97px;
	margin: 0;
	padding: 0;
}
div.separator_vmenu{
	float:left;
	width:1px;
	height:97px;
	background:url('../img/separator_vmenu.jpg');
}
div.menu{
	font-weight:bold;
	font-size:12px;
	color:white;
	width:90px;
	margin-top:46px;
	text-transform:uppercase;
}
div.menu div{
	margin-top:2px;
}
div.menu a{
	color:#FFFFFF;
	text-decoration:none;
}
div.menu a.menuon{
	color:#c60651;
}
div#content {
	width: 895px;
	padding:45px;
}


div#footer {
	width: 985px;
	margin: 0 auto;
	margin-top:15px;
	margin-bottom:15px;
	color:#d6d3cd;
}
div#footer a{
	color:#d6d3cd;
	text-decoration:none;
}
	

/*-------------------------

HOME

------------------------*/
body.index h1{
	color:#FFFFFF;
	width:335px;
	float:left;
	font-size:20px;
	line-height:28px;
}
body.index h2{
	color:#FFFFFF;
	font-size:14px;
	margin:4px 0;
	padding:0;
	text-transform:uppercase;
}
body.index div#content {
	background:url('../img/index-bg.jpg') repeat-x;
	height:80px;
}

.competences{
	float:right;
	width:225px;
	color:#FFFFFF;
	font-size:12px;
	margin-left:55px;
	line-height:16px;
}
.competencesEN{
	margin-left:32px;
	width:248px;
}
.competences ul{
	list-style-image:url('../img/ul-list.gif');
	margin-left:11px;
}
.homenews{
	width:985px;
	height:349px;
}
.homeactu{
	position:absolute;
	top:97px;
	left:0px;
	width:985px;
	height:349px;
	overflow:hidden;
}
.home_actu{
	position:absolute;
	top:165px;
	width:985px;
	height:107px;
	background:url('../img/home-actubg.png');
	color:#FFFFFF;
}
.home_actu .col1{
	float:left;
	width:100px;
	height:107px;
}
.home_actu .col2{
	float:left;
	padding-top:10px;
	width:784px;
	height:107px;
}
.home_actu .col3{
	float:left;
	width:100px;
	height:107px;
}
.titre_home_actu{
	font-size:14px;
	font-weight:bold;
}
.home_actu p,.home_actu a{
	font-size:12px;
	width:440px;
	color:#FFFFFF;
	line-height:18px;
}
.home_actu a{
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
}
/* ---------------------------

ACTUALITES

---------------------------- */

div#actu{
	width:905px;
}
div#actu .item{
	float: left;
	width: 285px;
	height:438px;
	border-bottom:1px solid #d6d3cd;
	font-size:12px;
	overflow:hidden;
}
div#actu .image{
	width: 283px;
	height:212px;
	border:1px solid #d6d3cd;
	overflow:hidden;
}
div#actu .text h2{
	color:#c60651;
	text-transform:uppercase;
}
div#actu .text h3{
	color:#271c22;
}
div#actu .text p,body.actudetail .col1{
	color:#8f8673;
	font-size:12px;
	padding:0px;
	line-height:18px;
}
body.actudetail .col1{
	width:585px;
}
div#actu .text .more_actu a{
	font-size:11px;
	text-transform:uppercase;
	color:#271c22;
	text-decoration:none;
	font-weight:bold;
}

body.actudetail h2{
	font-size:18px;
	color:#271c22;
	font-weight:normal;
	margin:0px;
	padding:0px;
	text-transform:uppercase;
	width:900px;
}
body.actudetail .image{
	width:985px;
	height:349px;
}
body.actudetail .col1{
	float:left;
	width:585px;
}
body.actudetail .col2{
	float:right;
	width:285px;
	border-top:1px solid #d6d3cd;
	border-bottom:1px solid #d6d3cd;
	padding:18px 0px;
}

div#content .navdyn {
	width: 470px;
	float: left;
	margin: 15px 0 0 10px;
	padding: 0;
}
div#container .prev{
	position:absolute;
	top:305px;
	left:42px;
	width: 58px;
	height: 58px;
}
div#container .prev a{
	display:block;
	width: 58px;
	height: 58px;
	background:url('../img/btn-prev.png');
}
div#container .back{
	float: left;
	width: 78px;
	height: 78px;
}
div#container .back a {
	display:block;
	width: 78px;
	height: 78px;
	background:url('../img/btn-back.png');
}
div#container .next {
	position:absolute;
	top:305px;
	left:858px;
	width: 58px;
	height: 58px;
}
div#container .next a {
	display:block;
	width: 58px;
	height: 58px;
	background:url('../img/btn-next.png');
}

/* -------------------------

REFERENCES

---------------------------*/
#filtres{
	padding-bottom:23px;
	border-bottom:1px solid #d6d3cd;
	width:900px;
}	
#filtres a{
	color:#271c22;
	text-transform:uppercase;
	margin-right:48px;
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
}
#filtres a.selected{
	color:#c60651;
}
div.ref{
	width:905px;
	line-height:16px;
}
div.refs{
	float: left;
	width: 285px;
	height:378px;
	border-bottom:1px solid #d6d3cd;
	font-size:12px;
	overflow:hidden;
}
div.refs .image{
	width: 283px;
	height:212px;
	border:1px solid #d6d3cd;
	overflow:hidden;
}
div.refs .text h2{
	color:#c60651;
	text-transform:uppercase;
}
div.refs .text h3{
	color:#271c22;
}
div.refs .text p{
	color:#8f8673;
	font-size:12px;
	padding:0px;
}
div.refs .since{
	color:#271c22;
	font-weight:bold;
	height:16px;
}
div.refs .text .more_ref a{
	font-size:11px;
	text-transform:uppercase;
	color:#271c22;
	text-decoration:none;
	font-weight:bold;
}

body.refdetail .col1{
	color:#8f8673;
	font-size:12px;
	height:96px;
	padding:0;
	border-bottom:1px solid #d6d3cd;
	margin-bottom:23px;
	line-height:19px;
}
body.refdetail h2{
	font-size:18px;
	color:#271c22;
	font-weight:normal;
	margin:0px;
	padding:0px;
	text-transform:uppercase;
	width:900px;
}
body.refdetail .image{
	width:985px;
	height:349px;
}
body.refdetail .col2{
	width:285px;
	border-top:1px solid #d6d3cd;
	border-bottom:1px solid #d6d3cd;
	padding:18px 0px;
}

div#content .arti_presse{
	margin: 10px 0 0 0;
	padding: 0 0 0 5px;
}
	
div#press {
	float: left;
	width: 80px;
}

ul#press {
	float: left;
	width: 150px;
	list-style-type: none;	/* suppression of list markers */
	margin: 0;
	padding:0;
	display: block;
}
	
		
ul#press li {
	float: left;
	margin: 0 auto;
	padding:0;
}

ul#press li a{
	display: block; /* <a> placed in block to give it dimensions */
	line-height: 20px; /* line height to avoid paddings */
	text-decoration: none;
	margin: 0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
ul#press li a:hover {
	color: #ce0067;
}
	
ul#nav li.selected a{
	cursor: default;
}

.liste_press {
	width: 310px;
}

.liste_press a{
	line-height: 20px; /* line height to avoid paddings */
	text-decoration: none;
	font-size: 12px;
	color: #271c22;
	font-weight:bold;
	text-transform:uppercase;
}

.liste_press a:hover{
	color: #ce0067;
}

/*-----------------------

EQUIPE

-----------------------*/

.equipe_membre{
	float:left;
	width:436px;
	height:160px;
	padding-top:30px;
	padding-bottom:23px;
	border-bottom:1px solid #d6d3cd;
	display:block;
}
.equipe_marge{
	margin-right:23px;
}
.equipe_membre h2{
	color:#c60651;
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:0;
}
.equipe_membre_description{
	color:#2d0414;
	font-size:12px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:15px;
	line-height:17px;
}
.equipe_membre_parcours{
	color:#8f8673;
	font-size:12px;
	line-height:17px;
}
.partenaire_marge{
	margin-right:23px;
}
.partenaire{
	float:left;
	width:440px;
	display:block;
}
.partenaire_description{
	color:#2d0414;
	font-size:12px;
	font-weight:bold;
}


/*----------------------

CONTACT

----------------------*/

div#content #address {
	width:600px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #000000;
}
div#content #address div{
	width:150px;
}
div#content #address .email a{
	font-weight:normal;
	font-style:italic;
	color:#271c22;
	text-decoration:none;
}

/*----------------------

POPUPS

----------------------*/

/* the overlayed element */
.simple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(../img/overlay/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:340px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}

/* close button positioned on upper right corner */
.simple_overlay .close {
/*	background:url('../img/overlay/apple-close.png') no-repeat;*/
	position:absolute; 
	left:5px; 
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

div.simple_overlay {
		background-image:url(../img/overlay/black.png);		
		color:#fff;
		line-height:18px;
	}
#plan h3,#mentions h3,#credits h3,#divpwd h3{
	color:#FFFFFF;
	margin-bottom:12px;
}
#plan a,#mentions a,#credits a,#divpwd a{
	color:#FFFFFF;
}
.menusubref{
	position:absolute;
	left:-2010px;
}
.lignegrise{
	border-bottom:1px solid #D6D3CD;
	height:1px;
}