/****************************************************************
* CSS Genio
* Design by : Jean Marois
* CSS created by : Steve Perron
* January 2008
* www.kazarcreation.com
*****************************************************************/
@import url(reset-meyer.css);

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

strong {
	font-weight:bold;
}

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

.invisible {
	display:none;
}

.clear {
	clear:both;
}

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

.header {
	margin-top:6px;
	height:107px;
	width:983px;
	background:transparent url(../images/background-header.jpg) 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;
	bottom:0px;
	right:10px;
	width:35px;
	height:31px;
	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:31px;
}

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

/***********************************************************************
* HEADER
***********************************************************************/
.header {
	position:relative;
	z-index:1;
}

.header .logo {
	position:absolute;
	background:transparent url(../images/logo-genio.gif) no-repeat top left;
	top:22px;
	left:7px;
	width:222px;
	height:68px;
	text-indent:-9999px;
}

.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;
}

/***********************************************************************
* SECTION CONTENU - ACCUEIL
***********************************************************************/
#home #headermovie {
	position:relative;
	width:983px;
	height:287px;
	background:url(../images/ambiance-accueil.jpg) no-repeat top left;
}

h2.tagline {
	position:absolute;
	text-indent:-9999px;
	background:url(../images/titres/tagline.jpg) no-repeat top left;
	bottom:24px;
	right:40px;
	width:249px;
	height:32px;
}

/***********************************************************************
* NAVIGATION
***********************************************************************/
#navigation {
	position:absolute;
	bottom:2px;
	left:360px;
}

#navigation li {
	float:left;
	height:31px;
	padding-right:1px;
}

#navigation li.qui-sommes-nous {
	background:url(../images/navigation/qui-sommes-nous.gif) no-repeat top left;
	width:125px;
}

.en #navigation li.qui-sommes-nous {
	background:url(../images/navigation/qui-sommes-nous-en.gif) no-repeat top left;
}

#navigation li.nos-competences {
	background:url(../images/navigation/competences.gif) no-repeat top left;
	width:120px;
}

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

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

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

#navigation li.nous-joindre {
	background:url(../images/navigation/nous-joindre.gif) no-repeat top left;
	width:95px;
}

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

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

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

#navigation li.iso {
	background:url(../images/navigation/iso.gif) no-repeat top left;
	width:74px;
}

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

#navigation li.qui-sommes-nous a:hover {
	background:url(../images/navigation/qui-sommes-nous.gif) no-repeat bottom left;
}

#entreprise #navigation li.qui-sommes-nous, #entreprise #navigation li.qui-sommes-nous a:hover {
	background:url(../images/navigation/qui-sommes-nous.gif) no-repeat 0 -31px;
	cursor:default;
}

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

#competences #navigation li.nos-competences, #competences #navigation li.nos-competences a:hover {
	background:url(../images/navigation/competences.gif) no-repeat 0 -31px;
	cursor:default;
}

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

#realisations #navigation li.nos-realisations, #realisations #navigation li.nos-realisations a:hover {
	background:url(../images/navigation/realisations.gif) no-repeat 0 -31px;
	cursor:default;
}

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

#carrieres #navigation li.carrieres, #carrieres #navigation li.carrieres a:hover {
	background:url(../images/navigation/carrieres.gif) no-repeat 0 -31px;
	cursor:default;
}

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

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

#nous-joindre #navigation li.nous-joindre, #nous-joindre #navigation li.nous-joindre a:hover {
	background:url(../images/navigation/nous-joindre.gif) no-repeat 0 -31px;
	cursor:default;
}

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

#iso #navigation li.iso, #iso #navigation li.iso a:hover {
	background:url(../images/navigation/iso.gif) no-repeat 0 -31px;
	cursor:default;
}



.navigation-secondaire {
	position:absolute;
	top:60px;
	left:35px;
}

.navigation-secondaire li {
	background:url(../images/navigation/background-navigation-sec.gif) no-repeat top left;
	width:187px;
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

.navigation-secondaire li a:link, .navigation-secondaire li a:visited, .navigation-secondaire li a:hover, .navigation-secondaire li a:focus, .navigation-secondaire li a:visited {
	display:block;
	padding:8px 10px 6px 25px;
	text-decoration:none;
	color:#559cbe;
	font-weight:bold;
}

.navigation-secondaire li.current, .navigation-secondaire li a:hover {
	color:#67ad43;
	background:url(../images/navigation/background-navigation-secov.gif) no-repeat top left;
}

.navigation-secondaire li.current a:link, .navigation-secondaire li.current a:visited, .navigation-secondaire li.current a:hover, .navigation-secondaire li.current a:focus, .navigation-secondaire li.current a:active {
	color:#67ad43;
}

.navigation-secondaire li.current a:hover  {
	cursor:default;
}

.detail-content .navigation-realisations {
	padding:10px 18px 200px 18px;
	clear:both;
}

.detail-content .navigation-realisations li {
	text-indent:-9999px;
	float:left;
	width:122px;
	height:111px;
	padding:0;
	padding-right:3px;
}

.navigation-realisations li a:link, .navigation-realisations li a:visited, .navigation-realisations li a:hover, .navigation-realisations li a:focus, .navigation-realisations li a:active {
	display:block;
	height:111px;
}

.navigation-realisations li#infra-urbaines {
	background:transparent url(../images/navigation/nav-infra-urbaines.jpg) no-repeat top left;
}

.navigation-realisations li#infra-urbaines a:hover {
	background:transparent url(../images/navigation/nav-infra-urbaines.jpg) no-repeat bottom left;
}

.navigation-realisations li#genie {
	background:transparent url(../images/navigation/nav-genie-routier.jpg) no-repeat top left;
}

.navigation-realisations li#genie a:hover {
	background:transparent url(../images/navigation/nav-genie-routier.jpg) no-repeat bottom left;
}

.navigation-realisations li#infra-comm {
	background:transparent url(../images/navigation/nav-infra-comm.jpg) no-repeat top left;
}

.navigation-realisations li#infra-comm a:hover {
	background:transparent url(../images/navigation/nav-infra-comm.jpg) no-repeat bottom left;
}

.navigation-realisations li#infra-urbaines {
	background:transparent url(../images/navigation/nav-infra-urbaines.jpg) no-repeat top left;
}

.navigation-realisations li#gestion-eau {
	background:transparent url(../images/navigation/nav-eau-potable.jpg) no-repeat top left;
}

.navigation-realisations li#gestion-eau a:hover {
	background:transparent url(../images/navigation/nav-eau-potable.jpg) no-repeat bottom left;
}

.navigation-realisations li#environnement {
	background:transparent url(../images/navigation/nav-environnement.jpg) no-repeat top left;
}

.navigation-realisations li#environnement a:hover {
	background:transparent url(../images/navigation/nav-environnement.jpg) no-repeat bottom left;
}

/***********************************************************************
* SECTION CONTENU
***********************************************************************/
.wrapper-content {
	padding:0 4px;
	position:relative;
	background:transparent url(../images/back-wrap-full-content.gif) no-repeat top left;
}

#home .wrapper-content {
	background:transparent url(../images/background-wrapper-content.gif) repeat-y top left;
}

#home .content {
	min-height:387px;
	background:#cdcdb1 url(../images/background-content.gif) no-repeat bottom left;
	padding:0 0 0 44px;
	width:931px;
	font-size:1.1em;
	font-family:Arial, Helvetica, sans-serif
}

.content {
	min-height:400px;
	background:#cdcdb1 url(../images/background-detail-content.gif) no-repeat bottom left;
	padding-left:275px;
}

.content p {
	color:#767568;
	font-family:Arial, Helvetica, sans-serif;
}

#home .content .quoi-de-neuf {
	float:left;
	width:225px;
	padding-right:72px;
}

.quoi-de-neuf h3 {
	text-indent:-9999px;
	background:url(../images/titres/quoi-de-neuf.gif) no-repeat top left;
	height:31px;
}

.quoi-de-neuf ul li {
	padding-top:25px;
	padding-bottom:30px;
	background:url(../images/separator1.gif) no-repeat bottom left;
	position:relative;
}

.quoi-de-neuf a:link, .quoi-de-neuf a:visited, .quoi-de-neuf a:hover, .quoi-de-neuf a:focus, .quoi-de-neuf a:active {
	color:#559cbe;
	font-weight:bold;
}

.quoi-de-neuf a:hover {
	color:#77b555;
}

.quoi-de-neuf p {
	padding-top:5px;
	color:#767568;
	line-height:1.3;
}

.quoi-de-neuf span {
	color:#3a6980;
	display:block;
	padding-bottom:3px;
}

.quoi-de-neuf .suite {
	position:absolute;
	bottom:10px;
	right:5px;
}

.content .a-propos {
	float:left;
	width:330px;
	padding-right:19px;
}

.a-propos h3 {
	text-indent:-9999px;
	background:url(../images/titres/a-propos-genio.gif) no-repeat top left;
	height:71px;
	padding-bottom:35px;
}

.a-propos p {
	padding:0 18px 15px 18px;
	line-height:1.5;
}

.detail-content {
	float:left;
	width:665px;
	padding:0 20px 80px 20px;
	font:1.1em Arial, Helvetica, sans-serif;
}

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

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

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

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

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

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

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

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

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

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

.detail-content h3 {
	font:1.2em Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-top:25px;
	padding-left:18px;
	padding:25px 18px 2px 18px;
	color:#767568;
	text-transform:uppercase;
}

.detail-content h3.nouvelle {
	padding-top:35px;
}

.detail-content h4, h3.bottin {
	clear:both;
	background:url(../images/back-title-realisation.gif) no-repeat top left;
	margin-top:10px;
	margin-left:18px;
	margin-bottom:5px;
	padding:7px 15px 0 30px;
	font-weight:bold;
	color:#70a9c4;
	height:40px;
}

h3.bottin {
	text-transform:none;
	font:1.1em Arial, Helvetica, sans-serif;
	margin-top:4px;
}

#carrieres .detail-content h4 {
	background:none;
	color:#366277;
	margin:0;
	padding:16px 0 0 32px;
	height:15px;
}

.detail-content h5 {
	padding-left:36px;
	color:#767568;
	font-weight:bold;
}

.detail-content p {
	padding-top:0;
	padding-bottom:15px;
	padding:0 28px 15px 18px;
	line-height:1.5;
	font-size:1.1em;
}

.detail-content p.first {
	padding-top:18px;
}

.detail-content img {
	background:url(../images/background-image.gif) no-repeat top left;
	padding:6px;
	float:left;
	margin:0 18px;
}

.detail-content img.img-realisation {
	margin-right:8px;
}

.content blockquote {
	text-indent:-9999px;
	position:absolute;
	top:62px;
	left:18px;
	height:300px;
	width:225px;
}

#entreprise blockquote {
	background:url(../images/quotes/solide-expertise.jpg) no-repeat top left;
}

#carrieres blockquote {
	background:url(../images/quotes/environnement-travail.jpg) no-repeat top left;
	top:38px;
}

img#logo-iso {
	position:absolute;
	top:92px;
	left:36px;
}

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

.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:25px;
}

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

#acces-client .retour:link, #acces-client .retour:visited, #acces-client .retour:hover, #acces-client .retour:focus, #acces-client .retour:active {
	color:#3c8c1d;
	background:url(../images/bullet-arrow.gif) no-repeat 0 2px;
	padding-left:20px;
}

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

.detail-content ul.flotte {
	float:left;
	width:390px;
	padding: 0 0 20px 0 ;
}

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

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

.detail-content ul li {
	background:url(../images/bullet1.gif) no-repeat 0 5px;
	padding-left:10px;
	padding-bottom:5px;
	color:#767568;
	font-size:1.1em;
}

.resume {
	clear:both;
	background:#b7b89f;
	width:480px;
	padding:17px 27px;
	margin:10px auto 200px;
}

.detail-content .resume p {
	padding-bottom:5px;
}

.detail-content .resume ul {
	padding-left:40px;
}

.detail-content .resume ul li {
	text-transform:uppercase;
}

.resume ul li a:link, .resume ul li a:visited, .resume ul li a:hover, .resume ul li a:focus, .resume ul li a:active {
	color:#fff;
}

.detail-realisation, .detail-realisation-wide {
	background:#b7b89f;
	float:left;
	width:376px;
	font-size:0.9em;
	padding:10px 10px 8px 10px;
	margin-bottom:20px;
	min-height:109px;
}

.detail-realisation-wide {
	width:100%;
}

.detail-realisation ul, .detail-realisation-wide ul {
	padding:0;
	padding-left:25px;
}

.detail-realisation ul li {
	background:url(../images/bullet2.gif) no-repeat 0 3px;
	padding-left:15px;
}

.detail-realisation p, .detail-realisation-wide p {
	padding-bottom:0;
	padding-left:25px;
}

.detail-realisation .cout {
	padding-left:55px;
}

.detail-realisation .annee {
	padding-left:43px;
}

.detail-realisation .longueur {
	padding-left:32px;
}

.detail-realisation .superficie {
	padding-left:61px;
}

.detail-realisation .volume {
	padding-left:103px;
}

/* Carrières */
#carrieres .detail-content .liste-emplois {
	background:#b7b89f;
	margin:10px 99px 0 58px;
	padding-top:10px;
	padding-left:32px;
}

.detail-content .liste-emplois li {
	background:url(../images/bullet2.gif) no-repeat 0 3px;
	padding-left:17px;
}

.detail-content .liste-emplois li a:link, .detail-content .liste-emplois li a:visited, .detail-content .liste-emplois li a:hover, .detail-content .liste-emplois li a:focus, .detail-content .liste-emplois li a:active {
	color:#fff;
	text-transform:uppercase;
}

.soumettre-candidature {
	background:url(../images/background-emploi.gif) no-repeat top left;
	width:509px;
	margin-left:58px;
	margin-top:20px;
	padding-bottom:20px;
}

#detail-emploi.soumettre-candidature {
	margin-top:30px;
}

.detail-content .soumettre-candidature p {
	padding:0;
	font-size:1em;
	padding:0 32px 5px 32px;
	color:#366277;
}

.soumettre-candidature a:link, .soumettre-candidature a:visited, .soumettre-candidature a:hover, .soumettre-candidature a:focus, .soumettre-candidature a:active {
	margin-left:32px;
	background:url(../images/soumettre-cv.gif) no-repeat top left;
	text-indent:-9999px;
	display:block;
	width:171px;
	height:23px;
}

#carrieres .date-affichage {
	font-size:0.8em;
}

/* Contactez-nous */
#frmContact {
	padding:20px 30px;
	background:#b7b89f;
	margin:0 88px 20px 58px;
}

#frmContact label {
	font-weight:bold;
	color:#767568;
}

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

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

#frmContact button {
	background:url(../images/back-button.gif) no-repeat top left;
	border:none;
	color:#fff;
	font:1em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	padding:2px 10px;
	color:#fff;
}

/* Info Bureau - Nous joindre */
.info-bureau, .info-ftp {
	position:absolute;
	top:48px;
	left:38px;
	width:187px;
	background:url(../images/telephoniste.jpg) no-repeat top left;
	padding-top:108px;
	color:#3f718a;
	font:1.1em Arial, Helvetica, sans-serif;
}

.info-ftp {
	background:url(../images/background-top.gif) repeat-x top left;
	top:88px;
	padding-top:17px;
	padding-bottom:10px;
	border-bottom:1px solid #d9d9d9;
}

.info-bureau h5 {
	font-weight:bold;
	padding-left:5px;
}

.info-bureau p, .info-ftp p {
	color:#3f718a;
	padding-left:5px;
	padding-bottom:10px;
}

.info-bureau p.acces {
	background:url(../images/background-info-bureau.gif) repeat-x top left;
	padding-top:7px;
}

.info-bureau a:link, .info-bureau a:visited, .info-bureau a:hover, .info-bureau a:focus, .info-bureau a:active {
	color:#3f718a;
}

.info-ftp .ftp {
	padding:0 24px;
}

.info-ftp .ftp a:link, .info-ftp .ftp a:visited, .info-ftp .ftp a:hover, .info-ftp .ftp a:focus, .info-ftp .ftp a:active {
	background:url(../images/back-button-ftp.gif) no-repeat top left;
	display:block;
	height:18px;
	padding:3px 0 0 20px;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
}

span.date {
	position:absolute;
	top:80px;
	left:318px;
	color:#3a6980;
}

#frmAcces {
	width:270px;
	height:181px;
	padding:9px 6px 4px 12px;
	margin-left:18px;
	margin-bottom:10px;
	background:transparent url(../images/background-acces-client.gif) no-repeat top left;
	position:relative;
}

#frmAcces h3 {
	height:20px;
	text-indent:-9999px;
	background:transparent url(../images/titres/acces-client-bottin.gif) no-repeat top left;
}

#frmAcces p {
	font:1em Arial, Helvetica, sans-serif;
	padding:5px 12px;
}

#frmAcces dl {
	padding:25px 12px 0;
	font:1em Arial, Helvetica, sans-serif;
}

#frmAcces dt {
	clear:both;
	float:left;
	width:70px;
	padding:3px 0 8px;
	color:#fff;
}

#frmAcces dd {
	float:left;
}

#frmAcces input {
	width:115px;
	font:1em Arial, Helvetica, sans-serif;
}

#frmAcces button {
	position:absolute;
	top:93px;
	right:41px;
	width:26px;
	height:20px;
	background:transparent url(../images/background-ok.gif) no-repeat top left;
	border:none;
	font-size:0.7em;
	color:#fff;
	font-weight:bold;
	padding:0;
}

.bottins {
	background:url(../images/background-bottin.gif) repeat-x bottom left;
	padding-bottom:20px;
	margin:0 18px 20px 18px;
}

#acces-client .bottins ul {
	padding-top:5px;
}

.bottins ul li {
	position:relative;
	font-size:1em;
}

.bottins ul li span {
	position:absolute;
	left:170px;
}

.bottins ul li a:link, .bottins ul li a:visited, .bottins ul li a:hover, .bottins ul li a:focus, .bottins ul li a:active {
	position:absolute;
	left:300px;
	color:#3c8c1d;
}

/**********************************************************************
* AMBIANCE SECTIONS
**********************************************************************/
.ambiance {
	width:983px;
	height:146px;
	text-indent:-9999px;
}

#entreprise .ambiance {
	background:url(../images/titres/principal-qui-sommes-nous.jpg) no-repeat top left;
}

#competences .ambiance {
	background:url(../images/titres/principal-nos-competences.jpg) no-repeat top left;
}

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

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

#nous-joindre .ambiance {
	background:url(../images/titres/principal-nous-joindre.jpg) no-repeat top left;
}

#iso .ambiance {
	background:url(../images/titres/principal-iso.jpg) no-repeat top left;
}

#quoi-de-neuf .ambiance {
	background:url(../images/titres/principal-quoi-de-neuf.jpg) no-repeat top left;
}

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

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

/* Zone Accès en Accueil */
.zone-acces {
	float:left;
	width:272px;
	height:307px;
	background:transparent url(../images/background-acces.gif) no-repeat top left;
	padding:66px 1px 0 1px;
	position:relative;
}

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

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

.zone-acces h3.carrieres a:hover {
	background:transparent url(../images/titres/carrieres.jpg) no-repeat bottom left;
}

.zone-acces h3.acces-client {
	width:270px;
	height:84px;
	background:transparent url(../images/titres/acces-client.jpg) no-repeat top left;
	margin-top:12px;
}

.zone-acces h3.acces-client a:link, .zone-acces h3.acces-client a:visited, .zone-acces h3.acces-client a:hover, .zone-acces h3.acces-client a:active {
	text-indent:-9999px;
	display:block;
	height:84px;
}

.zone-acces h3.acces-client a:hover {
	background:transparent url(../images/titres/acces-client.jpg) no-repeat bottom left;
}

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


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

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

.utilitaires li {
	background:url(../images/bullet3.gif) no-repeat top left;
	padding-bottom:10px;
}

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

.utilitaires a:hover {
	text-decoration:underline;
	color:#559cbe;
}

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

.footer {
	clear:both;
	background:transparent url(../images/background-footer.jpg) no-repeat;
	padding-top:20px;
	width:983px;
	height:150px;
	position:relative;
	margin-bottom:10px;
}

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

.footer .org, .footer .org {
	display:none;
}

.footer #fax {
	padding-left:10px;
}

#Beauport {
	position:absolute;
	top:38px;
	left:467px;
	line-height:1.7;
	font-size:1.1em;
	color:#fff;
}

#contact-phone {
	position:absolute;
	top:40px;
	left:720px;
	font:1.1em Arial, Helvetica, sans-serif;
	line-height:1.7;
	color:#fff;
}

#contact-phone a:link, #contact-phone a:visited, #contact-phone a:hover, #contact-phone a:focus, #contact-phone a:active {
	color:#fff;
}

.footer h5 {
	font-weight:bold;
}

.footer .copyright {
	position:absolute;
	bottom:0px;
	display:block;
	font:1.1em Arial, Helvetica, sans-serif;
	text-align:center;
	width:983px;
}