/* CSS Document */

/*//////////////////////////////////////////////////////////////////////////////////////////////*/
/* COMMON/BASE TAGS ////////////////////////////////////////////////////////////////////////////*/
html {height: 100%; }

body {
	color: #000; 
	font: 75%/150% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	height: 100%;
	background: url('/images/tile.gif');
	margin:0; padding:0;
}

/* base tags */
img {behavior: url('/includes/pngbehavior.htc');border:none;} /* pour images png */
a {position:relative;}

p, a, td, span {font-size:11px;}
td {vertical-align:top;}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {display:none;}
ul, ol {margin:0; padding: 0; list-style-type:none;}
input, textarea, select, option, label, fieldset, legend {vertical-align: bottom;text-align:left;}
textarea {}
hr {height:1px; color:#fff; border:0; border-top:1px dashed #12905d; }
em {font-weight:bold; color:#273196;}

/* Links */
a, a:link, a:visited {color: #273196; text-decoration: none; font-weight:bold; }
a:hover, a:active {color: #12905d; text-decoration: none;}

/* CONTAINERS ////////////////////////////////////////////////////////////////////////////*/
#container1, #container2, #container3, #container4, #container5 {width:100%;}
#container1 {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/bg_grad.png', sizingMethod='scale');
	background: url('/images/bg_grad.png') top left repeat-x !important;
	background-image: none;
	height: auto !important;
	height: 643px;
	min-height: 643px;
} 
#container2 {width:804px; margin:auto; position:relative; }
#container3 {}
#container4 {}
#container5 {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/bg_middle.png', sizingMethod='scale');
	background-image: url('/images/bg_middle.png') !important;
	background-image: none;
}

#splash #container1, #splash #container2, #splash #container3, #splash #container4, #splash #container5, #containerSplash {height: 100% !important; min-height: inherit;}
#flashSplash{height: 350px; top: 50%; position: absolute; margin-top: -175px; left: 50%; margin-left: -390px;}
#flashSplash p{width:780px;}
#flashSplash h1{color: #c6deff; text-transform: uppercase;}
#flashSplash a{color: #fff;}
#flashSplash a:hover{color: #c6deff;}
/*//////////////////////////////////////////////////////////////////////////////////////////////////*/
/* ID AND THEIR CLASSES ////////////////////////////////////////////////////////////////////////////*/

#header {}
#content {display: block; width:100%; padding-bottom:3em;}
#footer {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/bg_footer.png');
	background-image: url('/images/bg_footer.png') !important;
	background-image: none;
	height: auto !important;
	height: 87px;
	min-height: 87px;
	width:100%; text-align:center;
}

#footer ul {padding-top:10px;}
#footer li {display:inline; border-right:1px solid #2348a5; padding: 0 0.5em;}
#footer li.last {border-right:0px;}

#logo {position:absolute; top:0; left:37px; z-index: 10; width: 232px; height:156px; }

/*//////////////////////////////////////////////////////////////////////////////////////////*/
/* MAIN MENU ///////////////////////////////////////////////////////////////////////////////*/
#menu {display:block; position:relative; height: 114px;}
#menu li {display:inline; float: left;}
#mainMenu {position:absolute; display: block; top: 30px; left:250px; }

/* menu principal */
#mainMenu a span {display:none;}
#home, #services, #clients, #contact {display: block; height: 47px; width:123px;margin-right:3px;}

/* fr */
#menu.fr #home {background: url('/images/fr/home_off.gif') no-repeat;}
#menu.fr #services {background: url('/images/fr/services_off.gif') no-repeat;}
#menu.fr #clients {background: url('/images/fr/clients_off.gif') no-repeat;}
#menu.fr #contact {background: url('/images/fr/contact_off.gif') no-repeat;}

#menu.fr #home:hover {background: url('/images/fr/home_over.gif') no-repeat;}
#menu.fr #services:hover {background: url('/images/fr/services_over.gif') no-repeat;}
#menu.fr #clients:hover {background: url('/images/fr/clients_over.gif') no-repeat;}
#menu.fr #contact:hover {background: url('/images/fr/contact_over.gif') no-repeat;}

#menu.fr #home.on, #menu.fr #home.on:hover {background: url('/images/fr/home_on.gif') no-repeat;}
#menu.fr #services.on, #menu.fr #services.on:hover {background: url('/images/fr/services_on.gif') no-repeat;}
#menu.fr #clients.on, #menu.fr #clients.on:hover {background: url('/images/fr/clients_on.gif') no-repeat;}
#menu.fr #contact.on, #menu.fr #contact.on:hover {background: url('/images/fr/contact_on.gif') no-repeat;}

/* en */
#menu.en #home {background: url('/images/en/home_off.gif') no-repeat;}
#menu.en #services {background: url('/images/en/services_off.gif') no-repeat;}
#menu.en #clients {background: url('/images/en/clients_off.gif') no-repeat;}
#menu.en #contact {background: url('/images/en/contact_off.gif') no-repeat;}

#menu.en #home:hover {background: url('/images/en/home_over.gif') no-repeat;}
#menu.en #services:hover {background: url('/images/en/services_over.gif') no-repeat;}
#menu.en #clients:hover {background: url('/images/en/clients_over.gif') no-repeat;}
#menu.en #contact:hover {background: url('/images/en/contact_over.gif') no-repeat;}

#menu.en #home.on {background: url('/images/en/home_on.gif') no-repeat;}
#menu.en #services.on {background: url('/images/en/services_on.gif') no-repeat;}
#menu.en #clients.on {background: url('/images/en/clients_on.gif') no-repeat;}
#menu.en #contact.on {background: url('/images/en/contact_on.gif') no-repeat;}

/*//////////////////////////////////////////////////////////////////////////////////////////*/
/* SUB MENU ////////////////////////////////////////////////////////////////////////////////*/

#lang {display:block; position:absolute; bottom:0.5em; right:25px; font-weight:normal;}
#subMenu {display:block; clear: both; position:absolute; bottom:0.5em; left:285px;}
#subMenu a {text-transform: uppercase; font-weight: normal; color:#000; border-right: 1px solid #ccc; padding: 0 0.5em;}
#subMenu a.last {border: 0px;}
#subMenu a:hover {color:#12905d;}
#subMenu a.on, #subMenu a.on:hover {color:#12905d;}

/*//////////////////////////////////////////////////////////////////////////////////////////*/
/* CONTENT CONTAINERS //////////////////////////////////////////////////////////////////////*/

#content {display:table; width:780px; text-align:left; margin: 0 auto; position:relative;}
#leftCol, #rightCol {padding: 1em 0;}
#leftCol {width:455px; padding: 1em 25px; }
#rightCol {width:248px;}

#coordonnees h3 {height: 52px; margin:0; padding:0;}
#coordonnees h3.fr {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/fr/title_box_contact.png');
	background: url('/images/fr/title_box_contact.png') top left no-repeat !important;
	background-image: none;
}
#coordonnees h3.en {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/en/title_box_contact.png');
	background: url('/images/en/title_box_contact.png') top left no-repeat !important;
	background-image: none;
}
#coordonnees p{margin: 0 auto; padding: 1em 0;}

.box {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg_box_contact.png', sizingMethod='scale');
	background-image: url('/images/bg_box_contact.png') !important;
	background-image: none;
	display:block;
	width:228px;
	padding-left:20px;
}
.box_bottom {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bottom_box_contact.png');
	background-image: url('/images/bottom_box_contact.png') !important;
	background-image: none;
	width: 248px; 
	height: 24px;
}

#callToActionFr span, #callToActionEn span {display:none;}
#callToActionFr, #callToActionEn {
	display:block;
	width: 248px; 
	height: 112px;
	cursor:pointer;
}
#callToActionFr {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fr/call_contact_off.png');
	background-image: url('/images/fr/call_contact_off.png') !important;
	background-image: none;
}
#callToActionFr:hover {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fr/call_contact_on.png');
	background-image: url('/images/fr/call_contact_on.png') !important;
	background-image: none;
}

#callToActionEn {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/en/call_contact_off.png');
	background-image: url('/images/en/call_contact_off.png') !important;
	background-image: none;
}
#callToActionEn:hover {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/en/call_contact_on.png');
	background-image: url('/images/en/call_contact_on.png') !important;
	background-image: none;
}

/*//////////////////////////////////////////////////////////////////////////////////////////*/
/* ONLY CLASSES ////////////////////////////////////////////////////////////////////////////*/
.banner {background: url('/images/hr_banner.gif') top left no-repeat; padding-top:4px; border-bottom:1px solid #000;}

.bulleted li {list-style-image: url('/images/bullet.gif'); margin-left:20px;}
.bulleted h4 {line-height:1em;}

.floatLeft {float: left;}
.floatRight {float: right;}
.block {display:block;clear:both;}

/* rollOverTrans */
.rollOverTrans img {filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
.rollOverTrans:hover img {filter: alpha(opacity=50); -moz-opacity: .5; opacity: .5;}

/*--------------------------------------------------------------------------*/
/* SPECIFIC CLASSES */
/*--------------------------------------------------------------------------*/
/* contact form */
#contactForm fieldset {border: 1px solid #d8e1e7; padding:0 2em 2em 2em; margin-top:3em;}
#contactForm legend {padding:0 0.5em; margin-left:-0.5em; font-weight:bold; color:#091a7e;}
#contactForm label {display:block; width:100%; padding-top:1em; line-height:1.2em;}
#contactForm input {width:250px;}
#contactForm textarea {width:350px;}
#contactForm .submit {margin:1em 0; float:right; width:250px; padding: 0.3em; background:#091a7e; border:1px solid #55609f; color:#e9eff3; font-weight:bold; cursor:hand; cursor:pointer; }
#contactForm .submit:hover {color:#fff;}

/* testimonials */
.temoignage p {display: block; width:400px; margin-left:30px; color:#00693f;}
.temoignage {background: url('/images/citation.gif') top left no-repeat; margin: 1em 0;}
cite, cite p {display: block; width:400px; margin-left:30px; color: #000;}

/* varia */
.checked {list-style-image:url('/images/bullet_arrow.gif'); margin-left:20px;}
table.alt td {padding:0.3em; padding-left:10px;}
.bg1 {background: #e9eff3;}
.bg2 {background: #fbfcfd;}

/* titles */
h2 {font-size:1.3em; text-transform:uppercase; color:#00693f;}
h3, h4 {font-size:1em; font-weight:bold; color:#091a7e;}
img.h2 {padding:0.5em 0; display:block; clear:both;}
li h3 {margin-top:1em;}