/****************************************************************
* CSS Syncro Innovation
* Design by : Jean Marois
* CSS created by : Steve Perron
* June 11th, 2008
* www.kazarcreation.com
*****************************************************************/
@import url(reset-meyer.css);

body {
	font:Arial, Helvetica, sans-serif;	
	font-size:62.5%;
	padding-bottom:10px;
	background:#397eb8 url(../images/background-body.gif) repeat-x top left;
	color:#a1a2a2;
}

strong {
	font-weight:bold;
}

p {
	clear:both;
}

address {
	font-size:1.2em;
	padding-top:10px;
	color:#40423d;
}

.invisible {
	display:none;
}

.clear {
	clear:both;
}

.wrapper {
	margin:0 auto;
	width:986px;
	background:transparent;
}

.top-header {
	height:10px;
	background:transparent url(../images/background-top-header.gif) no-repeat top left;
}

.wrapper-footer {
	margin:0 auto;
	width:981px;
	padding:0 5px 0 6px;
	background:#41423d url(../images/background-footer.gif) no-repeat top left;
	height:31px;
	text-align:center;
	position:relative;
}

#kazar-creation {
	position:absolute;
	top:-30px;
	right:10px;
	width:26px;
	height:25px;
	background:url(../images/logo-kazar-creation.gif) no-repeat top left;
	text-indent:-9999px;
}

#kazar-creation a:link, #kazar-creation a:visited, #kazar-creation a:hover, #kazar-creation a:active {
	display:block;
	height:25px;
}

#kazar-creation a:hover {
	background:url(../images/logo-kazar-creation.gif) no-repeat bottom left;
}

/***********************************************************************
* HEADER
***********************************************************************/
.header {
	width:944px;
	height:173px;
	position:relative;
	z-index:1;
}

#entreprise .header {
	background:url(../images/ambiance/entreprise.jpg) no-repeat top left;
}

#realisations .header {
	background:url(../images/ambiance/realisations.jpg) no-repeat top left;
}

#services .header {
	background:url(../images/ambiance/services.jpg) no-repeat top left;
}

#expertise .header {
	background:url(../images/ambiance/expertise.jpg) no-repeat top left;
}

#bureaux .header {
	background:url(../images/ambiance/bureaux.jpg) no-repeat top left;
}

#carrieres .header {
	background:url(../images/ambiance/carrieres.jpg) no-repeat top left;
}

#contact .header {
	background:url(../images/ambiance/contact.jpg) no-repeat top left;
}

#clients .header {
	background:url(../images/ambiance/acces-client.jpg) no-repeat top left;
}

.header .logo {
	position:absolute;
	background:transparent url(../images/logo-ime.png) no-repeat top left;
	top:16px;
	left:13px;
	width:247px;
	height:77px;
}

.en .header .logo {
	background:transparent url(../images/logo-ime-en.png) no-repeat top left;
	top:19px;
}

.header .logo a:link, .header .logo a:visited, .header .logo a:hover, .header .logo a:active {
	display:block;
	height:77px;
	text-indent:-9999px;
	overflow:hidden;
}

#realisations .header img {
	top:14px;
	left:11px;
}

#services .header img {
	top:16px;
	left:21px;
}

.header h1 {
	text-indent:-9999px;
	position:absolute;
	z-index:89;
	top:120px;
	height:28px;
}

#entreprise .header h1 {
	background:url(../images/titres/principal-notre-entreprise.jpg) no-repeat top left;
	right:10px;
	width:201px;
}

#entreprise.en .header h1 {
	background:url(../images/titres/principal-about-us.jpg) no-repeat top left;
}

#realisations .header h1 {
	background:url(../images/titres/principal-nos-realisations.jpg) no-repeat top left;
	right:12px;
	width:215px;
}

#realisations.en .header h1 {
	background:url(../images/titres/principal-projects.jpg) no-repeat top left;
}

#services .header h1 {
	background:url(../images/titres/principal-nos-services.jpg) no-repeat top left;
	right:10px;
	width:155px;
}

#services.en .header h1 {
	background:url(../images/titres/principal-services.jpg) no-repeat top left;
}

#expertise .header h1 {
	background:url(../images/titres/principal-notre-expertise.jpg) no-repeat top left;
	right:15px;
	width:185px;
}

#expertise.en .header h1 {
	background:url(../images/titres/principal-expertise.jpg) no-repeat top left;
}

#bureaux .header h1 {
	background:url(../images/titres/principal-nos-bureaux.jpg) no-repeat top left;
	right:10px;
	width:166px;
}

#bureaux.en .header h1 {
	background:url(../images/titres/principal-offices.jpg) no-repeat top left;
}

#carrieres .header h1 {
	background:url(../images/titres/principal-carrieres.jpg) no-repeat top left;
	right:16px;
	width:119px;
}

#carrieres.en .header h1 {
	background:url(../images/titres/principal-careers.jpg) no-repeat top left;
}

#contact .header h1 {
	background:url(../images/titres/principal-contact.jpg) no-repeat top left;
	right:15px;
	width:191px;
}

#contact.en .header h1 {
	background:url(../images/titres/principal-contact-us.jpg) no-repeat top left;
}

#clients .header h1 {
	background:url(../images/titres/principal-acces-client.jpg) no-repeat top left;
	right:10px;
	width:168px;
}

#clients.en .header h1 {
	background:url(../images/titres/principal-client-access.jpg) no-repeat top left;
}



/***********************************************************************
* SECTION CONTENU - ACCUEIL
***********************************************************************/


/***********************************************************************
* NAVIGATION
***********************************************************************/
#navigation {
	float:left;
	width:175px;
	padding-top:28px;
	padding-right:25px;
}

#home #navigation {
	padding-right:50px;
}

#navigation #ftp {display:none;}
#home #navigation #ftp {display:block;}

#navigation li {
	height:23px;
	width:175px;
	border-top:1px solid #d9d6d6;
}

#home #navigation #ftp {margin-top:25px;height:57px;background:url(../images/acces-ftp.jpg) no-repeat top left;border-top:none;}
#home #navigation #ftp a {height:57px;}

#navigation li:first-child {
	border-top:none;
}

#navigation li.nos-services {
	background:url(../images/navigation-accueil/services.gif) no-repeat top left;
}

.en #navigation li.nos-services {
	background:url(../images/navigation-accueil/services-en.gif) no-repeat top left;
}

#navigation li.notre-expertise {
	background:url(../images/navigation-accueil/expertise.gif) no-repeat top left;
}

.en #navigation li.notre-expertise {
	background:url(../images/navigation-accueil/expertise-en.gif) no-repeat top left;
}

#navigation li.nos-realisations {
	background:url(../images/navigation-accueil/realisations.gif) no-repeat top left;
}

.en #navigation li.nos-realisations {
	background:url(../images/navigation-accueil/projects.gif) no-repeat top left;
}

#navigation li.notre-entreprise {
	background:url(../images/navigation-accueil/entreprise.gif) no-repeat top left;
}

.en #navigation li.notre-entreprise {
	background:url(../images/navigation-accueil/about-us.gif) no-repeat top left;
	
}

#navigation li.nos-bureaux {
	background:url(../images/navigation-accueil/bureaux.gif) no-repeat top left;
}

.en #navigation li.nos-bureaux {
	background:url(../images/navigation-accueil/offices.gif) no-repeat top left;
}

#navigation li.carrieres {
	background:url(../images/navigation-accueil/carrieres.gif) no-repeat top left;
}

.en #navigation li.carrieres {
	background:url(../images/navigation-accueil/careers.gif) no-repeat top left;
}

#navigation li a:link, #navigation li a:visited, #navigation li a:hover, #navigation li a:active {
	text-indent:-9999px;
	display:block;
	height:23px;
}

#services #navigation li.nos-services, #navigation li.nos-services a:hover {
	background:url(../images/navigation-accueil/services.gif) no-repeat bottom left;
}

#services.en #navigation li.nos-services, .en #navigation li.nos-services a:hover {
	background:url(../images/navigation-accueil/services-en.gif) no-repeat bottom left;
}

#expertise #navigation li.notre-expertise, #navigation li.notre-expertise a:hover {
	background:url(../images/navigation-accueil/expertise.gif) no-repeat bottom left;
}

#expertise.en #navigation li.notre-expertise, .en #navigation li.notre-expertise a:hover {
	background:url(../images/navigation-accueil/expertise-en.gif) no-repeat bottom left;
}

#realisations #navigation li.nos-realisations, #navigation li.nos-realisations a:hover {
	background:url(../images/navigation-accueil/realisations.gif) no-repeat bottom left;
}

#realisations.en #navigation li.nos-realisations, .en #navigation li.nos-realisations a:hover {
	background:url(../images/navigation-accueil/projects.gif) no-repeat bottom left;
}

#entreprise #navigation li.notre-entreprise, #navigation li.notre-entreprise a:hover {
	background:url(../images/navigation-accueil/entreprise.gif) no-repeat bottom left;
}

#entreprise.en #navigation li.notre-entreprise, .en #navigation li.notre-entreprise a:hover {
	background:url(../images/navigation-accueil/about-us.gif) no-repeat bottom left;
}

#bureaux #navigation li.nos-bureaux, #navigation li.nos-bureaux a:hover {
	background:url(../images/navigation-accueil/bureaux.gif) no-repeat bottom left;
}

#bureaux.en #navigation li.nos-bureaux, .en #navigation li.nos-bureaux a:hover {
	background:url(../images/navigation-accueil/offices.gif) no-repeat bottom left;
}

#carrieres #navigation li.carrieres, #navigation li.carrieres a:hover {
	background:url(../images/navigation-accueil/carrieres.gif) no-repeat bottom left;
}

#carrieres.en #navigation li.carrieres, .en #navigation li.carrieres a:hover {
	background:url(../images/navigation-accueil/careers.gif) no-repeat bottom left;
}

/***********************************************************************
* SECTION CONTENU
***********************************************************************/
.wrapper-content {
	background:#fff url(../images/background-wrapper-content.gif) no-repeat;
	padding-left:21px;
	position:relative;
}

.content {
	min-height:500px;
}

.detail-content {
	float:left;
	width:491px;
	padding:49px 20px 0 20px;
	background:url(../images/background-top-content.gif) repeat-x top left;
	font:1.1em Arial, Helvetica, sans-serif;
	position:relative;
}

.detail-content p {
	padding-top:8px;
	line-height:1.2em;
}

.detail-content h2 {
	text-indent:-9999px;
	height:14px;
}

#entreprise h2 {
	background:url(../images/titres/notre-entreprise.gif) no-repeat top left;
}

#entreprise.en h2 {
	background:url(../images/titres/about-us.gif) no-repeat top left;
}

#realisations h2 {
	background:url(../images/titres/nos-realisations.gif) no-repeat top left;
}

#realisations.en h2 {
	background:url(../images/titres/projects.gif) no-repeat top left;
}

#services h2 {
	background:url(../images/titres/nos-services.gif) no-repeat top left;
}

#services.en h2 {
	background:url(../images/titres/services.gif) no-repeat top left;
}

#expertise h2 {
	background:url(../images/titres/notre-expertise.gif) no-repeat top left;
}

#expertise.en h2 {
	background:url(../images/titres/expertise.gif) no-repeat top left;
}

#bureaux h2 {
	background:url(../images/titres/nos-bureaux.gif) no-repeat top left;
}

#bureaux.en h2 {
	background:url(../images/titres/offices.gif) no-repeat top left;
}

#carrieres h2 {
	background:url(../images/titres/carrieres.gif) no-repeat top left;
}

#carrieres.en h2 {
	background:url(../images/titres/careers.gif) no-repeat top left;
}

#contact h2 {
	background:url(../images/titres/contact.gif) no-repeat top left;
}

#contact.en h2 {
	background:url(../images/titres/contact-us.gif) no-repeat top left;
}

#clients h2 {
	background:url(../images/titres/acces-client.gif) no-repeat top left;
	height:15px;
}

#clients.en h2 {
	background:url(../images/titres/client-access.gif) no-repeat top left;
}

.detail-content h3 {
	background:transparent url(../images/bullet1.gif) no-repeat 0 14px;
	font:1.1em Arial, Helvetica, sans-serif;
	padding-top:10px;
	padding-left:18px;
	color:#d78d0c;
	text-transform:uppercase;
}

.detail-content h4, .detail-content h6 {
	background:url(../images/bullet2.gif) no-repeat 0 5px;
	padding-left:10px;
	color:#366299;
	font-size:1em;
	font-weight:bold;
}

#detail-emploi h6 {
	background:none;
	margin-top:10px;
	padding-left:0;
}

.detail-content h5 {
	background:url(../images/background-titre-ambiance.gif) no-repeat top left;
	text-transform:uppercase;
	text-align:right;
	font-size:0.8em;
	margin-top:100px;
	margin-bottom:30px;
}

.detail-content a:link, .detail-content a:visited, .detail-content a:hover, .detail-content a:active {
	color:#366299;
}

.detail-content .retour {
	position:absolute;
	top:75px;
	right:5px;
}

#clients .detail-content .retour {
	top:55px;
}

.detail-content ul {
	padding-top:10px;
}

#detail-emploi ul {
	padding-left:20px;
}

#detail-emploi ul li {
	color:#a1a2a2;
}

.detail-content ul.liste-description li ul {
	padding-top:5px;
	padding-left:20px;
	display:none;
}

.detail-content ul li, .detail-content ul.liste-description li ul li {
	background:url(../images/bullet2.gif) no-repeat 0 5px;
	padding-left:10px;
	padding-bottom:3px;
	color:#366299;
}

.detail-content ul.liste-description li {
	background:url(../images/background-liste.gif) repeat-x top left;
	border-top:1px solid #d9d6d6;
	min-height:40px;
	padding:5px 15px 10px 15px;
	color:#a1a2a2;
	font-weight:normal;
	line-height:1em;
}

#expertise .detail-content ul.liste-description li {
	min-height:10px;
}

.detail-content ul.liste-description li ul li {
	border-top:none;
	padding-bottom:1px;
	min-height:1px;
	background:url(../images/bullet2.gif) no-repeat 0 8px;
}

.detail-content ul.liste-description li p {
	padding-top:2px;
}

#expertise .liste-description h4 {
	text-decoration:underline;
	cursor:pointer;
}

.detail-content ul.first-column, .detail-content ul.second-column {
	padding-top:20px;
	padding-left:50px;
	width:170px;
	float:left;
}

.detail-content .date {
	font-size:0.9em;
	padding-top:15px;
}

#bureaux .vcard {
	padding:4px 20px 20px 20px;
}

.ambiance {
	float:left;
	width:213px;
	padding-top:1px;
}

.ambiance img {
	background:url(../images/background-ambiance.gif) repeat-x bottom left;
	padding-bottom:100px;
}

/* Contactez-nous */
#frmContact {
	padding:20px;
}

#frmContact label {
	font-weight:bold;
}

#frmContact input, #frmContact select, #frmContact textarea {
	width:400px;
	font:1em Arial, Helvetica, sans-serif;
}

#frmContact select {
	width:150px;
}

#frmContact dl dd {
	padding-bottom:10px;
}

#frmContact button {
	background:#6286a0;
	border:none;
	color:#fff;
	font:1.1em Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:2px 10px;
	color:#fff;
}

/***********************************************************************
* SECTION CONTENU ACCUEIL
***********************************************************************/

#home .content {
	min-height:370px;
}

#home .qui-sommes-nous {
	float:left;
	width:187px;
	padding-top:35px;
	padding-right:48px;
}

#home .qui-sommes-nous h2 {
	text-indent:-9999px;
	background:transparent url(../images/titres/quoi-de-neuf.gif) no-repeat top left;
	height:px;
}

#home.en .qui-sommes-nous h2 {
	background:transparent url(../images/titres/about-ime.gif) no-repeat top left;
}

#home .qui-sommes-nous p {
	font:1.1em Arial, Helvetica, sans-serif;
	padding-top:8px;
}

#home .section-bureaux {
	float:left;
	width:183px;
	padding-top:35px;
	padding-right:32px;
}

#home .section-bureaux h2 {
	text-indent:-9999px;
	height:11px;
	background:transparent url(../images/titres/bureaux.gif) no-repeat top left;
}

#home.en .section-bureaux h2 {
	background:transparent url(../images/titres/home-offices.gif) no-repeat top left;
}

#home .section-bureaux h3 {
	background:transparent url(../images/bullet1.gif) no-repeat 0 14px;
	font:1.1em Arial, Helvetica, sans-serif;
	padding-top:10px;
	padding-left:18px;
	color:#d78d0c;
	text-transform:uppercase;
}

#home .section-bureaux .vcard {
	font:1em Arial, Helvetica, sans-serif;
	padding-top:3px;
	padding-bottom:8px;
}

#home .section-bureaux .org, #bureaux .org {
	display:none;
}

#home .section-bureaux a:link, #home .section-bureaux a:visited, #home .section-bureaux a:hover, #home .section-bureaux a:active,
#bureaux .email:link, #bureaux .email:visited, #bureaux .email:hover, #bureaux .email:active {
	color:#618197;
	display:block;
	padding-top:2px;
}

.vcard #fax {
	padding-left:4px;
}

/* Zone Accès en Accueil */
.zone-acces {
	float:left;
	width:262px;
	height:321px;
	margin-top:2px;
	background:transparent url(../images/background-acces.gif) repeat-x top left;
	padding:25px 4px 0 4px;
	position:relative;
}

.zone-acces form {
	width:249px;
	height:181px;
	padding:7px 6px 4px 6px;
	margin-bottom:10px;
	background:#fff url(../images/background-acces-client.gif) no-repeat top left;
	position:relative;
}

.zone-acces form h2 {
	width:249px;
	height:77px;
	text-indent:-9999px;
	background:transparent url(../images/titres/acces-client.jpg) no-repeat top left;
}

.en .zone-acces form h2 {
	background:transparent url(../images/titres/client-access.jpg) no-repeat top left;
}

.zone-acces form p {
	font:1em Arial, Helvetica, sans-serif;
	padding:5px 12px;
}

.zone-acces form dl {
	padding:8px 12px 0;
	font:1em Arial, Helvetica, sans-serif;
}

.zone-acces form dt {
	clear:both;
	float:left;
	width:70px;
	padding:3px 0 8px;
}

.zone-acces form dd {
	float:left;
}

.zone-acces form input {
	width:115px;
	font:1em Arial, Helvetica, sans-serif;
}

.zone-acces form button {
	position:relative;
	top:24px;
	left:7px;
	width:24px;
	height:18px;
	background:transparent url(../images/background-ok.gif) no-repeat top left;
	border:none;
	font:0.9em Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:bold;
	padding:0;
}

.zone-acces h2.carrieres {
	width:261px;
	height:90px;
	background:transparent url(../images/titres/carrieres.jpg) no-repeat top left;
}

.en .zone-acces h2.carrieres {
	background:transparent url(../images/titres/careers.jpg) no-repeat top left;
}

.zone-acces h2.carrieres a:link, .zone-acces h2.carrieres a:visited, .zone-acces h2.carrieres a:hover, .zone-acces h2.carrieres a:active {
	text-indent:-9999px;
	display:block;
	height:90px;
}

.zone-acces a:link, .zone-acces a:visited, .zone-acces a:hover, .zone-acces a:active {
	color:#366299;
}

/* Section Météo Accueil*/
.meteo {
	position:absolute;
	top:39px;
	right:5px;
	width:300px;
}

.meteo a:link, .meteo a:visited, .meteo a:hover, .meteo a:active, #selBureau {
	position:absolute;
	top:9px;
	left:78px;
	font:0.9em Arial, Helvetica, sans-serif;
	color:#fff;
	display:none;
}

#selBureau {
	color:#000;
	display:none;
	left:70px;
}

#frmWeather {
	border:none;
	float:right;
	width:145px;
	height:80px;
}

#frmWeather.CAXX0454 {
	width:148px;
}

#frmWeather.CAXX0385 {
	width:140px;
}

.meteo #selBureau {
	font:0.9em Arial, Helvetica, sans-serif;
}



/***********************************************************************
* UTILITAIRES
***********************************************************************/

.utilitaires {
	position:absolute;
	top:12px;
	right:20px;
}

#home .utilitaires {
	right:30px;
}

.utilitaires li {
	padding:0 10px;
	float:left;
	background:transparent url("../images/separator1.gif") no-repeat 100% 1px;
}

.utilitaires .contact {
	background:transparent url("../images/enveloppe.gif") no-repeat 100% 1px;
	padding-right:20px;
}

.utilitaires a:link, .utilitaires a:visited, .utilitaires a:hover, .utilitaires a:active {
	color:#fff;
	font:1em Arial, Helvetica, sans-serif;
	text-decoration:none;
}

.utilitaires a:hover {
	text-decoration:underline;
}



/***********************************************************************
* SECTION FOOTER
***********************************************************************/

.footer {
	clear:both;
	background:transparent url(../images/background-footer.gif) no-repeat;
	padding-top:20px;
	text-align:center;
}

.footer span {
	font:1em Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#78a6c9;
}