/* CSS Document */

@import url("reset.css");

/*************************  GENERAL / STRUCTURE  **************************/

html{
	height:100%;
}
body{
	background-color:#000000;
	color:#ffffff;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	background-image:url(../images/body-bg.png);
	background-position:0px -2280px;
	background-repeat:repeat-x;
	font-size:0.625em;
	height:100%;
}

div.clear,
span.clear{
	display:block;
	width:100%;
	clear:both;
	height:0px;
	overflow:hidden;
	padding:0;
	margin:0;
	line-height:1px;
	font-size:1px;
}

.alignright{text-align:right;}
.alignleft{text-align:left;}


body #container{
	background-image:url(../images/global-bg.png);
	background-position:center -280px;
	background-repeat:no-repeat;
	display:block;
	width:100%;
	min-height:100%;
	height:auto;
}
/* for Internet Explorer */
/*\*/
* html body #container{
	height:100%;
}
/**/

body #global{
	display:block;
	width:980px;
	margin:0 auto;
}
body #global #header{
	display:block;
	width:980px;
	padding:19px 0 0 0;
	position:relative;
}
body #global #content{
	display:block;
	width:943px;
	margin:5px 0 0 35px;
	border:1px solid #ffffff;
	background-color:#ffffff;
	color:#000000;
	position:relative;
}
body #global #content.js{
	height:548px;
	overflow:hidden;
}


body #global #footer{
	display:block;
	width:945px;
	margin:0 0 0 35px;
	padding:5px 0 10px 0;
}
body #global #footer p.left,
body #global #footer p.right{
	font-size:1.2em;
	line-height:1em;
	text-transform:uppercase;
	letter-spacing:4px;
}
body #global #footer p.left{
	float:left;
}
body #global #footer p.right{
	float:right;
}
body #global #footer a{
	color:#ffffff;
	text-decoration:none;
}

/*************************  HEADER  **************************/

#header h1 a{
	display:block;
	width:241px;
	height:71px;
	background-image:url(../images/logo.png);
	background-repeat:no-repeat;
	background-position:center;
	text-indent:-9000px;
}
#header ul.menu{
	display:block;
	/*width:739px;***maximum***/
	width:700px;
	position:absolute;
	bottom:4px;
	left:241px;
	font-size:1.2em;
	line-height:1.67em;
	text-align:center;
}
#header ul.menu li{
	display:inline;
}
#header ul.menu a{
	color:#858d90;
	padding:10px 0;
	text-decoration:none;
	z-index:99999;
}
#header ul.menu a span{
	padding:0 15px;
}
#header ul.menu a:hover{
	color:#ffffff;
}
#header ul.menu a.current{
	color:#ffffff;
	border-bottom:2px solid #ffffff;
}


/*************************  CONTENT / ELEMENTS GENERIQUES  **************************/

#content .col-left{
	float:left;
	width:670px;
	border-right:1px solid #e1e1e1;
	height:375px;
}
#content .col-right{
	float:right;
	width:272px;
	height:375px;
}
#content .col-left.full,
#content .col-right.full{
	height:548px;
}
#content .img-header{
	height:140px;
	padding:32px 0 1px 0;
	overflow:hidden;
}

#content .img-header2{
	height:250;
	padding:32px 0 1px 0;
	overflow:hidden;
}

#content .container{
	padding:25px 40px;
}

#content a{
color:#000000;
}

#content h2{
	font-size:3.2em;
	line-height:1.19em;
	font-weight:normal;
	margin:0 0 10px 0;
}
#content h3{
	margin:15px 0 5px 0;
	font-size:1.4em;
	line-height:1.43em;
}
#content h3.list-title{
	text-transform:uppercase;
	color:#668ca3;
	font-weight:normal;
}
#content .container.plus h3{
	line-height:1.29em;
	margin:0;
}
#content p{
	margin:0 0 10px 0;
	font-size:1.1em;
	line-height:1.54em;
}
#content .container.plus p{
	line-height:1.36em;
	color:#5b5b5b;
}
#content ul{
	margin:0 0 10px 40px;
}
#content li{
	margin:2px 0 0 0;
	font-size:1.1em;
	line-height:1.36em;
	list-style-type:disc;
	color:#668ca3;
}
#content li li{font-size:1em;}
#content li span{
	color:#000000;
}
#content ul.arrow li{
	list-style-type:none;
	list-style-image:url(../images/list-item-arrow.gif);
}

#content ul.expertise{
	margin:20px 0 10px 15px;
}
#content ul.expertise li{
	margin:15px 0 0 0;
	list-style-type:none;
	background-image:url(../images/list-item-expertise.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding: 0 0 0 25px;
	color:#000000;
	font-size:1.1em;
	line-height:1.36em;
}
#content ul.expertise li strong{
	font-weight:normal;
	font-size:1.45em;
	line-height:1.25em;
}

#content p.less-more-btn,
#content .container.plus p.less-more-btn{
	margin:15px 0 0 0;
	font-size:1.1em;
	line-height:1.54em;
}
#content p.less-more-btn a{
	display:-moz-inline-box;
	display:inline-block;
	padding:2px 15px;
	color:#FFFFFF;
	border:1px solid #30393c;
	background-image:url(../images/black-btn-bg.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#313c3f;
	cursor:pointer;
	-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	font-size:1em;
	text-decoration:none;
}
#content p.less-more-btn a:hover{
	background-image:none;
}



#content ul.sub-menu{
	margin:0;
	border-top:1px solid #e1e1e1;
}
#content ul.sub-menu li{
	margin:0;
	list-style:none;
	font-size:1em;
	line-height:1em;
	color:#000000;
}
#content ul.sub-menu li a,
#content ul.sub-menu li strong{
	display:block;
	padding:16px 35px 16px 12px;
	font-size:1.4em;
	line-height:1em;
	background-color:#FFFFFF;
	border-bottom:1px solid #e1e1e1;
	font-weight:normal;
}
#content ul.sub-menu li strong{
	cursor:default;
	color:#000000;
}
#content ul.sub-menu li a{
	background-image:url(../images/sub-menu-bg.jpg);
	background-repeat:no-repeat;
	background-position:right 0px;
	text-decoration:none;
	color:#5b5b5b;
}
#content ul.sub-menu li a:hover{
	background-image:url(../images/sub-menu-bg.jpg);
	background-repeat:no-repeat;
	background-position:right -100px;
}

#content .ville{
	margin:20px 0 0 0;
}
#content .ville img{
	float:left;
	border:1px solid #bbbab6;
}
#content .ville h3{
	margin:0 0 0 295px;
	font-size:2.1em;
	line-height:1.19em;
	text-transform:uppercase;
}
#content .ville h3 span{
	font-size:0.76em;
	text-transform:none;
}
#content .ville h3 sup{
	font-size:0.5em;
	vertical-align: text-top;
}
#content .ville p{
	margin:5px 0 0 295px;
	font-size:1.1em;
	line-height:1.27em;
}
#content .ville p.localiser a{
	display:-moz-inline-box;
	display:inline-block;
	padding:3px 5px;
	color:#000000;
	background-image:url(../images/white-btn-bg.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#ffffff;
	border:1px solid #848484;
	cursor:pointer;
	-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	font-size:1em;
	text-decoration:none;
}
#content .ville p.localiser a:hover{
	background-image:none;
}

#content form.contact{
	margin:20px 0 0 0;
	border:1px solid #e1e1e1;
	background-image:url(../images/contact-form-bg.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	padding:15px;
}
#content form.contact h3{
	font-size:1.8em;
	line-height:1em;
	margin:0 0 15px 0;
	font-weight:normal;
}
#content form.contact p.valid,
#content form.contact p.error{
	padding:0 0 0 20px;
	background-position:left;
	background-repeat:no-repeat;
	font-weight:bold;
}
#content form.contact p.valid{background-image:url(../images/accept.gif);}
#content form.contact p.error{background-image:url(../images/exclamation.gif);}

#content form.contact label strong{
	font-weight:normal;
	display:-moz-inline-box;
	display:inline-block;
	width:75px;
	padding:1px;
	vertical-align:top;
}
#content form.contact input.text{
	display:-moz-inline-box;
	display:inline-block;
	width:172px;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1em;
	padding:1px;
	background-color:#f6f6f6;
	border:1px solid #d1d0cd;
	-moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: inset 1px 1px 1px 2px rgba(0, 0, 0, 0.15);
	box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.15);
}
#content form.contact div.left{
	float:left;
	width:265px;
}
#content form.contact div.right{
	float:right;
	width:275px;
}
#content form.contact div.right label strong{
	width:50px;
}
#content form.contact div.right textarea{
	display:-moz-inline-box;
	display:inline-block;
	width:215px;
	height:79px;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1em;
	padding:1px;
	background-color:#f6f6f6;
	border:1px solid #d1d0cd;
	-moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: inset 1px 1px 1px 2px rgba(0, 0, 0, 0.15);
	box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.15);
}
#content form.contact p.btn{
	text-align:right;
	margin:0;
}
#content form.contact p.btn input{
	padding:2px 5px;
	color:#FFFFFF;
	border:1px solid #30393c;
	background-image:url(../images/black-btn-bg.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#313c3f;
	cursor:pointer;
	-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	font-size:1em;
}
#content form.contact p.btn input:hover{
	background-image:none;
}

#content .col-right div.contact{
	padding:25px 40px;
}
#content .col-right div.contact p{
	margin:0 0 5px 0;
	font-size:1.1em;
	line-height:1.36em;
}
#content .col-right div.contact p.site {
	margin-top: 12px;
}
#content .col-right div.contact p.title{
	font-size:1.4em;
	line-height:1.29em;
}
#content .col-right div.contact p a{
	text-decoration:none;
}
#content .col-right div.contact p a:hover{
	text-decoration:underline;
}

#content .col-right .rejoindre{
	padding:85px 40px 25px 40px;
}
#content .col-right .rejoindre h3{
	margin:0 0 10px 0;
	font-size:1.8em;
	line-height:1.22em;
}
#content .col-right .rejoindre p.more{
	color:#668ca3;
}
#content .col-right .rejoindre p.more a{
	color:#668ca3;
	text-decoration:none;
}
#content .col-right .rejoindre p.more a:hover{
	text-decoration:underline;
}


#content a.news-btn{
	display:block;
	width:133px;
	height:67px;
	position:absolute;
	right:0px;
	top:30px;
}

#content a.slide-next-btn,
#content a.slide-prev-btn,
#content a.slide-next-btn-b,
#content a.slide-prev-btn-b{
	display:block;
	width:40px;
	height:90px;
	text-indent:-9000px;
	overflow:hidden;
	position:absolute;
	background-position:0px 0px;
	background-repeat:no-repeat;
	z-index:9999;
	cursor:pointer;
}
#content a.slide-next-btn:hover,
#content a.slide-prev-btn:hover,
#content a.slide-next-btn-b:hover,
#content a.slide-prev-btn-b:hover{
	background-position:0px -90px;
}
#content a.slide-next-btn{
	right:0px;
	top:140px;
	background-image:url(../images/slide-btn-next-w.png);
}
#content a.slide-prev-btn{
	left:0px;
	top:140px;
	background-image:url(../images/slide-btn-prev-w.png);
}
#content a.slide-next-btn-b{
	right:0px;
	top:150px;
	background-image:url(../images/slide-btn-next-b.png);
}
#content a.slide-prev-btn-b{
	left:0px;
	top:150px;
	background-image:url(../images/slide-btn-prev-b.png);
}


/*************************  CONTENT / HOMEPAGE  **************************/
#content #home-slideshow{
	position:relative;
	display:block;
	width:943px;
	height:548px;
	overflow:hidden;
	background-color:#000000;
}
#content #home-slideshow div.loader{
	width:45px;
	height:45px;
	position:absolute;
	top:252px;
	left:450px;
	z-index:9999;
	background-color:#000000;
	background-image:url(../images/home-slide-loader.gif);
	background-position:center;
	background-repeat:no-repeat;
	border-radius: 4px;	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#content #home-slideshow a.slide{
	position:absolute;
	display:block;
	width:943px;
	height:548px;
	top:0px;
	left:0px;
}
#content #home-slideshow div.info-block{
	border:1px solid #ffffff;
	width:255px;
	position:absolute;
	bottom:15px;
	right:35px;
	box-shadow:1px 2px 3px rgba(0, 0, 0, .3);
	-webkit-box-shadow:1px 3px 20px rgba(0, 0, 0, .3);
	-moz-box-shadow:1px 2px 3px rgba(0, 0, 0, .3);
}
#content #home-slideshow div.info-block div.logo{
	border-bottom:1px solid #eaeaea;
	background-color:#ffffff;
	padding:10px 20px;
}
#content #home-slideshow div.info-block div.text{
	border-top:1px solid #ffffff;
	background-color:#eaeaea;
	background-image:url(../images/home-info-block-bg.gif);
	background-position:top;
	background-repeat:repeat-x;
	padding:5px 20px 10px 20px;
}
#content #home-slideshow div.info-block div.text p{
	margin:5px 0;
	font-size:1.1em;
	line-height:1.36;
	color:#5e676a;
}
#content #home-slideshow div.info-block div.text p.title{
	color:#0e1419;
	font-size:1.6em;
	line-height:1.25em;
}
#content #home-slideshow div.info-block div.text p.more{
	color:#0e1419;
}
#content #home-slideshow div.info-block div.text p.more a{
	color:#0e1419;
}

#content #groupe-box{
	position:absolute;
	bottom:0px;
	left:0px;
	width:943px;
	height:auto;
}
#content #groupe-box p.top{
	width:943px;
	height:28px;
	padding:10px 0 0 0;
	margin:0;
	color:#ffffff;
	text-align:center;
	background-image:url(../images/home-groupebox-top.png);
	background-position:top;
	background-repeat:no-repeat;
	cursor:default;
}
#content #groupe-box p.top strong{
	display:block;
	width:160px;
	height:20px;
	padding:0 15px 0 15px;
	margin:0 auto;
	font-size:14px;
	/*line-height:20px;*/
}
#content #groupe-box.js p.top strong{
	padding:0 30px 0 5px;
	background-image:url(../images/home-groupebox-top-arrow.gif);
	background-position:right top;
	background-repeat:no-repeat;
}
#content #groupe-box.js p.top strong.closed{
	background-image:url(../images/home-groupebox-top-arrow-c.gif);
}
#content #groupe-box div.content{
	border-right:1px solid #c4c4c4;
	border-left:1px solid #c4c4c4;
	/*background-image:url(../images/home-newsbox-top-bg.gif);
	background-position:top;
	background-repeat:repeat-x;*/
	background-color:#ffffff;
	overflow:hidden;
	padding:0 20px 0 20px;
	height:195px;
}
#content #groupe-box ul{
	color:#000000;
	margin:14px 0 0 0;
}
#content #groupe-box ul li{
	display:block;
	float:left;
	width:185px;
	padding:0 20px 0 20px;
	margin:0;
	font-size:1em;
	line-height:1em;
	color:#000000;
}
#content #groupe-box ul li.first{
	padding:0 20px 0 10px;
}
#content #groupe-box ul li h2{
	color:#000000;
	margin:0;
	font-size:1.8em;
	line-height:1em;
}
#content #groupe-box ul li h2 strong{
	display:block;
	font-size:1.22em;
	line-height:1em;
}
#content #groupe-box ul li a{
	color:#000000;
	text-decoration:none;
}
#content #groupe-box ul li p{
	margin:4px 0 0 0;
	font-size:1.1em;
	line-height:1.18em;
}
#content #groupe-box ul li p.more{
	font-size:1em;
	line-height:1.4em;
}
#content #groupe-box ul li p.more a{
	color:#000000;
}
#content #groupe-box div.all{
	position:absolute;
	padding:0 45px 8px 0px;
	top:160px;
	right:0px;
	color:#000000;
	font-weight:bold;
	font-size:11px;
	line-height:1em;
	display:block;
}
#content #groupe-box div.all a{
	height:17px;
	width:99px;
	padding:5px 8px 2px 3px;
	background-position:0px 0px;
	background-repeat:no-repeat;
	text-decoration:underline;
	text-align:center;
}
#content #groupe-box div.all a:hover{
	text-decoration:underline;
}