@charset "UTF-8";
@import url("reset.css");
@import url("/font/font.css");

/*
UniSansSemiBoldRegular
UniSansBookRegular
UniSansLightRegular
UniSansBoldRegular
*/

body{
background-color: #383838;
font-family:Helvetica, Arial, sans-serif;
font-size:14px;
line-height:18px;
color:#383838;
}

a{ color:#2c89ca; }
a:visited{ color:#1a5279; }
a:hover{ color:#ba1d18; }
a:active{ color:#383838; }

#container-menu, #container-submenu, #container-header, 
#container-main, #container-home-main, #container-footer{
	width:100%;
	background:top left repeat-x;
}

#menu, #submenu, #header, #main, #home-main, #footer{
	width:960px;
	margin:0 auto;
}

/*--------------------*/
/* - - - Titles - - - */
/*--------------------*/
h1{
	padding-top:36px;
	width:720px;
	font:32px/37px "UniSansBookRegular", "Thonburi", Helvetica, Arial, sans-serif;
	color:#000;
}

h2{
	padding-top:22px;
	width:780px;
	font:20px/24px "UniSansSemiBoldRegular", "Thonburi-Bold", Helvetica, Arial, sans-serif;
	color:#b91d19;
}

h2 a{
	color:#b91d19;
	text-decoration:none;
}

h3{
	padding-top:38px;
	font:bold 16px/18px Arial, Helvetica, sans-serif;
	color:#b91d19;
}

h4{
	padding-top:38px;
	font:bold 16px/20px Arial, Helvetica, sans-serif;
	color:#000;
}

h4 + p{	margin-top:2px; }

h5{
	margin:11px 0 3px 0;
	font:normal	24px/30px Arial, Helvetica, sans-serif;
	color:#383838;
}

h6{
	padding-bottom:2px;
	margin-bottom:5px;
	width:220px;
	border-bottom:1px solid #000;
	font-family:"UniSansBookRegular", "Thonburi", Helvetica, Arial, sans-serif;
	color:#fff;
	text-shadow:#303030 1px 2px 1px;
	font-weight:normal;
}

.btn-services, .btn-folio,
.btn-home:visited, .btn-services:visited, .btn-folio:visited{
	display:inline-block;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	padding:2px 0;
}

.btn-services{
	width:110px;
	background:url(/images/btn_services.png) 0 0 no-repeat transparent;
}

.btn-services:hover{
	color:#fff;
	background-position: 0 -23px;
}

.btn-services:active{
	color:#000;
	background-position: 0 -46px;
}

.btn-folio{
	width:190px;
	background:url(/images/btn_folio.png) 0 0 no-repeat transparent;
}

.btn-folio:hover{
	color:#fff;
	background-position: 0 -23px;
}

.btn-folio:active{
	color:#000;
	background-position: 0 -46px;
}

/*-------------------------*/
/* - - - Old Browser - - - */
/*-------------------------*/

#old{
	height:80px;
	background:url(/images/oldbrowser/old_browser_back.jpg) 0 0 repeat;
	text-align:center;
}

#old .browser{
	position:relative;
	background:url(/images/oldbrowser/old_browser_banner_fr.jpg) 0 0 no-repeat;
	width:520px;
	height:42px;
	margin:0 auto;
	padding-top:38px;
	font-size:14px;
	line-height:18px;
}

.english #old .browser{
	background:url(/images/oldbrowser/old_browser_banner_en.jpg) 0 0 no-repeat;
}

#mobile a, #mobile a:visited { color:#2c89ca; } 


/*--------------------*/
/* - - - Mobile - - - */
/*--------------------*/

#mobile{
	height:230px;
	background:url(/images/mobile/mobile_back.jpg) 0 0 repeat;
	text-align:center;
}

.mobile-visitor{
	position:relative;
	background:url(/images/mobile/mobile_banner_fr.jpg) 0 0 no-repeat;
	width:900px;
	height:136px;
	margin:0 auto;
	padding-top:94px;
	font-size:42px;
	line-height:60px;
}

.english .mobile-visitor{
	background:url(/images/mobile/mobile_banner_en.jpg) 0 0 no-repeat;
}

#mobile a, #mobile a:visited { color:#2c89ca; } 

.mobile-visitor .close{
	position:absolute;
	top:20px;
	left:770px;
	padding:20px;
}

/*------------------*/
/* - - - Menu - - - */
/*------------------*/

#container-menu{
	background-image:url(/images/menu_back.gif);
	background-color:#383838;
	height:59px;
}

#menu{
	background:url(/images/menu_fill.jpg) 70px 0 no-repeat;
	height:59px;
}

#logo{
	margin-top:20px;	
}

#menu ul{
	float:right;
	margin-top:11px;
	list-style:none;
	font-family:"UniSansSemiBoldRegular", "Thonburi-Bold", Helvetica, Arial, sans-serif;
	font-size:16px;
	line-height:36px;
	text-shadow:rgba(0,0,0,0.25) 1px 2px 1px;
}

#menu li {
	float:left;
	margin:0;
	text-align:center;
	padding-right:60px;
	text-wrap:none;
}

#menu li a{
	color:#808080;
	text-decoration:none;
}

#menu li a:hover{
	color:#ba1d18;
}

#menu li a:active{
	color:#000;
}

#menu li a.active{
	color:#fff;
}

#menu .menu-sep{
	padding-right:56px;
	background:url(/images/menu_sep.png) 93px 0 no-repeat;
}

.english #menu .menu-sep{
	padding-right:55px;
	background:url(/images/menu_sep.png) 74px 0 no-repeat;
}

#menu .omega{
	width:104px;
	padding-right:0;
}

/* Language swtich */

.btn-lang-fr, .btn-lang-en{
	display:inline-block;
	width:41px;
	height:36px;
}

.btn-lang-fr span, .btn-lang-en span{ display:none; }

.btn-lang-fr{ background:url(/images/btn_language.png) 0 0 no-repeat transparent; }

.btn-lang-fr:hover, .btn-lang-fr.active{ background-position: 0 -36px; }

a.btn-lang-fr:active{ background-position: 0 -72px; }

.btn-lang-en{ background:url(/images/btn_language.png) -41px 0 no-repeat transparent; }

.btn-lang-en:hover, .btn-lang-en.active{ background-position: -41px -36px; }

a.btn-lang-en:active{ background-position: -41px -72px; }


/*----------------------*/
/* - - - Sub-Menu - - - */
/*----------------------*/

#container-submenu{
	background-image:url(/images/submenu_back.gif);
	background-color:#505050;
	height:31px;
}

#submenu{
	background:url(/images/submenu_fill.jpg) 90px 0 no-repeat;
	height:31px;
}

#submenu ul{
	padding-top:5px;
	list-style:none;
	font-family:"UniSansBookRegular", "Thonburi", Helvetica, Arial, sans-serif;
	font-size:14px;
}

#submenu ul.services-menu{
	margin-left:407px;
}

#submenu ul.about-menu{
	margin-left:643px;
}

.english #submenu ul.services-menu{
	margin-left:428px;
}

.english #submenu ul.about-menu{
	margin-left:650px;
}

#submenu li {
	float:left;
	margin:0;
	margin-right:20px;
}

#submenu li a{
	display:block;
	padding:3px 7px;
	background-color:#383838;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color:#808080;
	text-decoration:none;
	/* PIE */
	behavior: url(/scripts/PIE.htc);
}

#submenu li a:hover{
	color:#000;
	background-color:#fff;
}

#submenu li a:active{
	color:#fff;
	background-color:#000;
}

#submenu li a.active{
	color:#fff;
	background-color:#ba1d18;
}

/*--------------------*/
/* - - - Header - - - */
/*--------------------*/

#container-header{
	background:url(/images/header_back.gif) 0 0 repeat #701513;
	height:105px;
}

#header{
	background:url(/images/header_fill.jpg) 0 0 no-repeat;
	font-family:"UniSansLightRegular", "Thonburi", Helvetica, Arial, sans-serif;
	line-height:105px;
	font-size:36px;
	color:#ffebeb;
	text-shadow:rgba(0,0,0,0.75) 2px 2px 2px;
}

#header b{
	font-family:"UniSansSemiBoldRegular",  "Thonburi-Bold", Helvetica, Arial, sans-serif;
	font-weight:normal;
	text-shadow:rgba(0,0,0,0.75) 2px 3px 2px;
}

#header a{
	text-decoration:none;
	color:#ffebeb;
}

/*------------------*/
/* - - - Main - - - */
/*------------------*/

#container-main{
	background-color:#fff;
}

#main { padding-bottom:36px; }

.sidebar-ui{
	float:right;
	width:248px;
	min-height:231px;
	background:url(/fr/images/ui_cest_quoi.jpg) top right no-repeat;
	padding:169px 105px 25px 10px;
	font-size:12px;
	line-height:22px;
	color:#000;
}

ul.listul, ol.listol{
	list-style:disc;
	margin:10px 50px 0 0;
	padding: 5px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	color:#444;
	border: 1px solid #dfdfdf;
	background : #f4f4f4;
	
}

ul.listul li, ol.listol li{
	margin-top:2px;
	padding:2px 6px 2px 4px;
	
}

ul.nolist{ margin-top:1em; }

ul.nolist li{
	list-style:none;
	margin:0;
}

.icons{
	position:relative;
	margin:14px 0 20px 0;
	font:17px/21px "UniSansSemiBoldRegular", "Thonburi-Bold", Helvetica, Arial, sans-serif;
	color:#000;
	width:480px;
}

/*------------------*/
/* - - - Home - - - */
/*------------------*/

#container-home-main{
	background-image:url(/images/home/home_red_back.gif);
	background-color:#b91c18;
	height:385px;
}

#home-main{
	position:relative;
	background:url(/images/home/home_gradient_back.jpg) 0 0 no-repeat;
	height:385px;
	font-size:18px;
	line-height:22px;
	color:#fff;
}

#home-main h1{ width:500px; }

.home-image{
	float:left;
	padding:30px 12px 0 18px;
}

.home-text{
	margin-left:280px;
	width:450px;
}

.home-text sup{
	font-size:11px;
	line-height:11px;
	vertical-align:6px;
}

#home-main h1{
	padding:65px 0 0 0;
	margin-bottom:4px;
	font:36px/42px "UniSansSemiBoldRegular", "Thonburi-Bold", Helvetica, Arial, sans-serif;
	color:#fff;
	text-shadow:rgba(0,0,0,0.5) 2px 3px 2px;
}

#home-main p{
	margin-top:14px;
	text-shadow:rgba(0,0,0,0.5) 1px 2px 1px;
}
	
#home-main p#yellow{
	color:#fdee9e;	
}

.btn-home1, .btn-home2, .btn-home3, .btn-home4,
.btn-home1:visited, .btn-home2:visited, .btn-home3:visited, .btn-home4:visited{
	display:inline-block;
	color:#fff;
	font-size:16px;
	line-height:30px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}

.btn-home1{
	width:118px;
	background:url(/images/home/home_btn118.png) 0 0 no-repeat transparent;
}

.btn-home2{
	width:198px;
	background:url(/images/home/home_btn198.png) 0 0 no-repeat transparent;
}

.btn-home3{
	width:218px;
	background:url(/images/home/home_btn218.png) 0 0 no-repeat transparent;
}

.btn-home4{
	width:278px;
	background:url(/images/home/home_btn278.png) 0 0 no-repeat transparent;
}

.btn-home1:hover, .btn-home2:hover, .btn-home3:hover, .btn-home4:hover{
	color:#000;
	background-position: 0 -31px;
}

.btn-home1:active, .btn-home2:active, .btn-home3:active, .btn-home4:active{
	color:#fff;
	background-position: 0 -62px;
}

/*--------------------*/
/* - - - Footer - - - */
/*--------------------*/

#container-footer{
	background-image:url(/images/footer_back.gif);
	background-color:#383838;
	height:185px;
}

#footer .infos{
	float:left;
	width:220px;
	margin:30px 20px 0 0;
	font-size:13px;
	line-height:20px;
	color:#9c9c9c;
}

#footer .infos a{
	color:#9c9c9c;
	text-decoration:none;
}

#footer .infos a:hover{
	color:#fff;
}

#footer .infos a:active{
	color:#000;
}

.copyright{
	margin-top:65px;
	text-align:center;
	font-size:11px;
	color:#646464;
}

/*-----------------------*/
/* - - - Portfolio - - - */
/*-----------------------*/

/* - - - Dropdown - - - */

#pf-filter{
	padding:60px 0 28px 0;
	font-size:16px;
	font-weight:bold;
}

#pf-filter .filter{
	display:inline-block;
	#display:inline;
	position:relative;
	width:261px;
}

#pf-filter .filter .selection{
	display:inline-block;
	width:241px;
	height:20px;
	padding:2px 0 0 20px;
	background:url(/images/portfolio/filtre.gif) 0 0 	no-repeat;
	font-size:14px;
	color:#fff;
	text-decoration:none;
}

#pf-dropdown{
	position:absolute;
	top:24px;
	#top:83px;
	right:0;
	width:261px;
}

#pf-dropdown .select{
	width:261px;
	height:19px;
	padding-top:13px;
	text-align:center;
	background:url(/images/portfolio/dropdown-top.png) 0 0 no-repeat;
	font-size:10px;
	text-transform:uppercase;
	color:#fff;
}

#pf-dropdown a{
	display:block;
	padding:0 40px 0 20px;
	background-color:#fff;
	font-size:14px;
	line-height:30px;
	color:#383838;
	text-decoration:none;
}

#pf-dropdown a:hover{
	background-color:#dcdcdc;
	color:#383838;	
}

#pf-dropdown a.active{
	color:#fff;
	background:url(/images/portfolio/dropdown-active.png) 0 0 no-repeat;
}

#pf-dropdown ul{ background-color:#000; }

#pf-dropdown li{
	margin:0;
	padding:0 4px;
	border-bottom:1px solid #000; }

#pf-dd-list1{ border-bottom:2px solid #000; }

#pf-dropdown img { display:block; }


/* - - - Projects List - - - */

.pf-description-cat{
	float: right;
	padding:60px 0 28px 0;
	font-size:16px;
	font-weight:bold;
}

.pf-item, .pf-item-2{
	float:left;
	margin-bottom:36px;
	background:url(/images/portfolio/item_back.gif) 0 0 repeat-y;
}

.pf-item{
	margin-right:32px;
}

.pf-item-inside{
	padding:5px 22px 7px 22px;
	width:420px;
}

.pf-item-inside img{ display:block; }

.pf-date{
	margin:0;
	float:right;
	font-size:12px;
	font-weight:bold;
	color:#646464;
}

.pf-project{
	margin:0 0 15px 0;
	font-size:15px;
	line-height:15px;
	color:#646464;
}

.pf-project span{
	font-weight:bold;
	color:#000;
}

.pf-carousel{
	margin-top:20px;
	width:420px;
	height:39px;
}

.pf-carousel-single
{
	margin-top:25px;
	width:420px;
	height:39px;
}

.pf-carousel:hover{
	background:url(/images/portfolio/carousel_hover.gif) 0 0 no-repeat;
}

.pf-carousel .arrows{
	float:left;
	width:27px;
	padding:6px;
}

.pf-carousel-single .center{
	float:left;
	margin-top:11px;
	width:420px;
	text-align:center;
}

.pf-carousel .center{
	float:left;
	margin-top:11px;
	width:342px;
	text-align:center;
}

.pf-carousel .center a, .pf-carousel-single .center a{
	display:inline-block;
	width:17px;
	height:17px;
	background:url(/images/portfolio/circle_off.png) 0 0 no-repeat;
	text-decoration:none;
}

.pf-carousel .center a.active, .pf-carousel-single .center a.active{
	background-image:url(/images/portfolio/circle_on.png);
}

.loadingUI{
	margin:0 0 10px 0;
}

.loading{
	margin:0;
	text-align:center;
}

#pf-end{
	margin-bottom:30px;
	text-align:center;
	font-size:15px;	
}

/* - - - Load more button - - - */

.btn-load-more{
	display:block;
	width:948px;
	margin:0 0 0 5px;
	background:url(/images/btn_load_more.png) 0 0 no-repeat transparent;
	text-align:center;
	font-size:18px;
	line-height:39px;
	color:#fff;
	text-decoration:none;
}

.btn-load-more:hover{
	color:#fff;
	background-position: 0 -39px;
}

.btn-load-more.disabled{
	color:#fff;
	background-position: 0 -78px;
}

/*---------------------------------*/
/* - - - Portfolio - Details - - - */
/*---------------------------------*/

.pf-item-detail{
	background:url(/images/portfolio/item_full_back.gif) 0 0 repeat-y;
}

.pf-item-detail .pf-item-inside{
	padding:0 31px 12px 31px;
	width:890px;
}

.pf-item-detail p{ 
	width:900px;
	text-align:center;
	font-size:12px;
	line-height:14px;
	color:#646464;
}

.pf-item-detail .pf-carousel:hover{
	background:url(/images/portfolio/carousel_hover_details.gif) 0 0 no-repeat;
}

.pf-item-detail table{ 
	width:900px;
	margin-bottom:12px;
}

.pf-item-detail td{ vertical-align:middle; }

.pf-item-detail .center{
	float:left;
	margin-top:11px;
	width:132px;
	text-align:center;
}

.pf-item-detail .pf-back{
	width:345px;
}

.pf-item-detail .pf-carousel{
	margin-top:25px;
	width:210px;
}

.pf-item-detail .pf-project{
	width:345px;
	text-align:right;
	font-size:12px;
	color:#646464;
}

/*---------------------*/
/* - - - Contact - - - */
/*---------------------*/

.col1{
	width:333px;
	margin:0 87px 0 0;
	float:left;
}

.col2{
	width:520px;
	float:left;
}

h4 span{
	font-size:12px;
	font-weight:normal;
	color:#383838;	
}

.contact_form{
	padding:10px 33px 10px 33px;
	width:266px;
	background:url(/images/contact/form_back.gif) 0 0 repeat-y #fff;
	font-size:17px;
	line-height:22px;
}

.contact_form label{
	display:block;
	width:266px;
	text-align:center;
	font-size:14px;
	color:#737373;
}

.contact_form input, .contact_form textarea{
	width:246px;
	height:27px;
	padding:10px;
	margin-bottom:12px;
	border:0;
	background:url(/images/contact/contact_field.gif) 0 0 no-repeat #fff;
	font:14px/21px Arial, Helvetica, sans-serif;
	color:#333;
}

.contact_form textarea{
	background:url(/images/contact/contact_textarea.gif) 0 0 no-repeat #fff;
	height:125px;
	resize:none;
	overflow:auto;
}

.contact_form label.error{
	margin-bottom:3px;
	position:relative;
	color:#b91c18;
	font-weight:bold;
	line-height:12px;
}

.contact_form label.error span{
	font-size:11px;
	font-weight:normal;
}

.contact_form label.error span span{ text-decoration:underline; }

.contact_form label.error img{
	position:absolute;
	top:39px;
	left:-18px;
}

.contact_form input.error{ background:url(/images/contact/contact_field_error.gif) 0 0 no-repeat #fff; }
.contact_form textarea.error{ background:url(/images/contact/contact_textarea_error.gif) 0 0 no-repeat #fff; }

.contact-infos{
	padding:7px 40px 10px 30px;
	width:463px;
	background:url(/images/contact/contact_back.gif) 0 0 repeat-y #fff;
	font-size:17px;
	line-height:22px;
}

.contact-infos h4{
	font-size:17px;
	padding:0 0 3px 0;
}

.extra-infos{
	padding:10px 40px 10px 30px;
	width:463px;
	background:url(/images/contact/extra_back.gif) 0 0 repeat-y #f1efe0;
	font-size:14px;
	line-height:22px;
}

.extra-infos h4{
	padding-top:0;
	font-size:17px;
	line-height:22px;
	color:#b91d19;
}

/*---------------------*/
/* --- Outil DEV - - - */
/*---------------------*/

#outil_dev {
	z-index: 9999;
}

#dev_closed {
	position: fixed;
	top: 100px;
	right: 0px;
}

.dev_button {
	background:url(/images/dev/dev_button_bg.png) 0 0 no-repeat transparent;
	width:90px;
	height: 46px;
	padding-bottom:8px;
	vertical-align: middle;
}

.dev_button, #dev_opened, #dev_closed, #dev_panneau_titre img, #dev_panneau_bouton_lancer, #dev_panneau_bouton_effacer {
	cursor: pointer;
}

#dev_opened {
	position: fixed;
	top: 100px;
	right: 0px;
	color: #000;
	font-family: Arial, Verdana, sans-serif;
	font-size:10pt;
	text-align: center;
	line-height: 10pt;
}

#dev_panneau table{
	position: fixed;
	top: 200px;
	left: 350px;
}

#dev_panneau_titre {
	border: 2px solid black;
	height: 30px;
	width: 650px;
	background-color: #cdcdcd;
}

#dev_panneau_titre img {
	float: right;
	padding-top: 2px;
	padding-right: 3px;
}

#dev_panneau_titre b {
	color: #000;
	font-family: Arial, Verdana, sans-serif;
	font-size:12pt;
	padding-left: 10px;
}

.dev_panneau_boutons {
	border: 2px solid black;
	height: 30px;
	background-color: #fff;
}

#dev_panneau_bouton_lancer, #dev_panneau_bouton_effacer {
	width: 50px;
	text-align: center;
	vertical-align: middle;
}

#dev_panneau_console {
	border: 2px solid black;
	height: 400px;
	width: 750px;
	overflow:scroll;
	background-color: #fff;
}

#dev_panneau_console p {
	line-height: 6pt;
}