@charset "utf-8";
/* CSS Document */

* { padding:0; margin:0}

a img {border:none}

body { background:#dcdcdc; font-family:Arial, Helvetica, sans-serif; font-size:12px}

.page { background:#FFF; width:100%; padding:0; margin:0}

#content { width:826px; background:url(../img/bg-blanc.jpg) repeat-y; padding:0 65px; position:relative; overflow:hidden}

#footer { color:#666; width:956px; line-height:30px; background:url(../img/bg-footer.jpg) no-repeat; clear:both; text-align:center; height:100px; position:relative}

.facebook	{ position:absolute; right:35px; top:5px; float:right; line-height:22px}
.facebook img		{ float:left; margin-right:5px;}

#footer a { color:#666; text-decoration:none; padding:0 5px}

#footer a:hover { text-decoration:underline}

#header 			{ width:826px; background:url(../img/bg-gris.jpg) repeat-y; padding:20px 65px 0; height:164px; overflow:hidden}

#logo 				{ height:115px}

#logo .element1		{ background:url(../img/logo.gif); width:97px; height:97px}

#logo .element2 	{ color:#6FBBC5; font-size:15px; font-weight:bolder; letter-spacing:0.1em; padding-top:40px; text-transform:uppercase; width:300px; height:57px}

#logo .element2 span { display:block; line-height:20px}

#menu {	height:49px; list-style:none; width:826px; padding-left:3px; overflow:hidden}

#menu li { float:left; height:49px}

#menu a { display:block; text-align:center; color:#FFF; text-shadow:1px 1px 1px #444; text-decoration:none; line-height:56px; height:49px; font-size:15px}
#menu a:hover, #menu .select { color:#000; text-shadow:none; background-position:0 -49px}

#menu00 a {	background-image:url(../img/menu00.jpg); width:74px}

#menu01 a {	background-image:url(../img/menu01.jpg); width:178px}

#menu02 a {	background-image:url(../img/menu02.jpg); width:135px}

#menu03 a {	background-image:url(../img/menu03.jpg); width:142px}

#menu04 a {	background-image:url(../img/menu04.jpg); width:146px}

#menu05 a {	background-image:url(../img/menu05.jpg); width:151px}


h1, h2, h3 { color:#009999; font-weight:normal}

#content h2.titre { padding:3px 0 20px 0; font-size:18px; color:#666}

h1.titre { padding:0}

#content p { padding-top:10px}

.bloc {overflow:hidden; padding-bottom:20px}

#contenu { width:600px; color:#666}

#navigation { width:195px}

#navigation ul { list-style:none}

#navigation li a {background:#f0f0f0; color:#333; height:30px; line-height:30px; text-indent:15px; display:block; border-bottom:1px solid #FFF; text-decoration:none; font-weight:bolder}

#navigation ul a:hover, #navigation .select {background-color:#48a8b6; color:#fff}

#navigation li.element1 a { height:45px; line-height:18px; padding:8px 0 0 30px; text-indent:0}




/*-------index---------*/

#accueil h1, #accueil h2 { font-size:18px; text-transform:uppercase; height:40px; line-height:40px; background:#f4f4f4; padding:0 0 0 20px; margin:15px 0 20px;}

#accueil .element1, #accueil .element2 { width:275px; text-align:justify; color: #909090}

#accueil .element1 div strong, #accueil .element2 div strong { color:#666}

#accueil .lien a { background:url(../img/puce.gif) no-repeat left center; color:#009999; text-transform:uppercase; padding-left:20px; text-align:left; display:block; font-size:11px;}
#accueil .lien a:hover { text-decoration:none}

#accueil .list { list-style:none}

#accueil .list li {background:url(../img/puce-liste.gif) no-repeat left center; padding-left:20px; padding-top:9px}

#accueil .actu a { color:#909090}

#accueil .actu strong {text-align:left; display:block}

#client, #international, #pro 		{ position:absolute; right:70px; line-height:35px; top:10px; background:#f0f0f0; height:35px; width:120px}

#client a, #international a, #pro a 	{ display:block; color:#666; text-decoration:none; font-size:12px; height:35px; background:url(../img/puce-client.jpg) no-repeat 95px center; padding-left:20px} 

#international 					{ right:205px; width:245px}

#international a 				{ background:url(../img/english-version.jpg) no-repeat 205px center} 

#pro                            { top:60px}

.radius 						{ -moz-border-radius: 10px; -webkit-border-radius: 10px}


/*-----------Recrutement------------*/

h1 { padding:0 15px 10px 12px}

#recrutement h2 { margin:20px 0}

#recrutement .element1, #recrutement .element2 { width:255px; text-align:justify; color: #909090}

#recrutement .element2 { width:235px;}

#recrutement .element1 { width:255px;}

#recrutement span { color:#009999}

#recrutement strong { color:#666}

#recrutement .element1 .list strong { color:#666; display:block}

#recrutement .element1 .list { list-style:none; border-top:1px solid #e1e1e1}

#recrutement .lien { text-align:right}

#recrutement .element1 .list li { padding:5px 0 5px 14px; border-bottom:1px solid #e1e1e1; background:url(../img/puce-list.jpg) no-repeat left 7px;}

#recrutement .element1 .list a { color:#909090; text-decoration:none}
#recrutement .element1 .list a:hover { color:#009999}

#recrutement .lien a { color:#666; text-decoration:underline}
#recrutement .lien a:hover { text-decoration:none}
.send a { background:url(../img/btn-offre.jpg); color:#FFF; display:block; width:85px; height:20px; text-shadow:1px 1px 1px #777; line-height:20px; text-align:center; font-size:13px; text-decoration:none}
.send a:hover { background-image:url(../img/btn-offre-over.jpg); color:#000; text-shadow:none}
/*--------------------------------------------elements-----------------------------------------------------------*/

.vert { color:#669900}

.bleu { color:#009999}

.ableu a {color:#009999}

.gris { color:#666}

/*----------------color-------------------*/

.noBorderL { border-left:none}

.tAlignL {text-align:left}

.left { float:left}

.right { float:right}

hr.clear { border:none}

.relative { position:relative}

.fs18 { font-size:18px}

.all { position:absolute; right:0; bottom:0; width:100%}

.lien-bleu a { background:url(../img/fleche-bg-bleu.jpg) #36a8e1 no-repeat right center; color:#fff}

.all a {display:block; height:33px; line-height:32px; text-align:right; text-transform:uppercase; padding-right:30px; text-decoration:none}

.lien-gris a { background:url(../img/fleche-bg-gris.jpg) #efefef no-repeat right center; color:#044371}

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

.actu a {color:#66696b}

.actu a:hover { text-decoration:none}

.actu { list-style:none}

.actu li { padding:5px 0}

.actu strong {color:#044371}

h4 {text-transform:uppercase; color:#044371; font-size:12px; border-bottom:1px dotted #044371; padding-top:10px; margin-bottom:5px}

.imgL {	float:left; margin-right:10px}

.bg-blanc {background:#FFF}

.bd-gris { border:1px solid #efefef}

.bg-gris {background:#efefef}

.h150 {min-height:150px; _height:150px;}

.h250 {min-height:250px; _height:250px}

.p15 {padding:15px}

.pl10 { padding-left:10px}

.pl30 { padding-left:30px}

.pl20 { padding-left:20px}

.pr20 { padding-right:20px}

.pr10 { padding-right:10px}

.p20 {padding:20px}

.pb0 {padding-bottom:0}

.pb20 {padding-bottom:20px}

.pt10 {padding-top:10px}

.pt20 {padding-top:20px}

.pt0 {padding-top:0px}

.pl20 { padding-left:20px}

.w215 {width:215px}

.w255 {width:255px}

.w660 {width:660px}

.w450 { width:450px}

.w590 { width:590px}

.w330 {width:330px}

.w375 {width:375px}

.w300 {width:300px}

.w270 {width:270px}

.m15 {margin:15px}

.mt0 { margin-top:0}

.mt80 {margin-top:80px}

.mb30 { margin-bottom:30px}

.mAuto { margin:auto}

.clear { clear:both}

.mt10 {margin-top:10px}
.mb20 { margin-bottom:20px}
.mb50 { margin-bottom:50px}


.j { text-align:justify}
.r { text-align:right}
.c { text-align:center}
.note { font-size:10px}
u{display:block;text-decoration:none; height:0; font-size:1px; clear:both;}

/*---------------------------------------------------------Actualité-----------------------------------------------------------*/

.global h1 { font-size:27px; padding:20px 0 }

#navigation h3 { height:40px; line-height:40px; background:#f4f4f4; padding-left:20px; margin:15px 0 0; font-size:14px; font-weight:bolder; text-transform:uppercase}

#liste-actu h2 { color:#666; font-size:14px; font-weight:bolder}

#liste-actu { color:#909090; width:600px}

#liste-actu .lien { padding-top:25px}

#liste-actu .lien a { background:url(../img/btn-actu.jpg); color:#FFF; display:block; width:89px; height:18px; text-shadow:1px 1px 1px #777; line-height:18px; text-align:center; font-size:13px; text-decoration:none}
#liste-actu .lien a:hover { background-image:url(../img/btn-over.jpg); color:#000; text-shadow:none}

#liste-actu .lien2 a { background:url(../img/puce.gif) no-repeat left center; color:#009999; text-transform:uppercase; padding-left:20px; text-align:left; display:block; font-size:11px;}
#liste-actu .lien2 a:hover { text-decoration:none}

#liste-actu .clear				{ position:relative; border-bottom:1px solid #dbdbdb; padding:20px 0 10px; clear:both; overflow:hidden; _height:100px; _overflow:visible}

#liste-actu  .clear div 		{ float:right; padding-left:20px; width:360px; border-bottom:none}

#liste-actu .clear .img 		{ float:left; width:208px; border-bottom:none; padding:5px; margin-top:10px; text-align:center; border:1px solid #eee}

#liste-actu .date 				{ font-size:11px; text-align:right; position:absolute; right:0px; bottom:10px; clear:both}

.chemin 						{ height:40px; line-height:40px}

.chemin .sep 					{ background:url(../img/puce-chemin.gif) no-repeat center center; padding:0 10px}

.chemin span span a 			{ color:#333; text-decoration:none}

.chemin span span a:hover 		{ text-decoration:underline}

.chemin .noBg					{ background:none}

/*---------------------------------------------------------offres----------------------------------------------------------------*/
#liste-offre h2 { color:#48a8b6; font-size:14px; font-weight:bolder}

#liste-offre { color:#909090}

#liste-offre div { position:relative; border-bottom:1px solid #dbdbdb; overflow:hidden; padding:20px 0 10px;}

#liste-offre .lien { padding-top:25px}

#liste-offre .lien a { background:url(../img/btn-offre.jpg); color:#FFF; display:block; width:85px; height:20px; text-shadow:1px 1px 1px #777; line-height:20px; text-align:center; font-size:13px; text-decoration:none}
#liste-offre .lien a:hover { background-image:url(../img/btn-offre-over.jpg); color:#000; text-shadow:none}

#liste-offre .date { font-size:11px; text-align:right; position:absolute; right:0px; bottom:10px}

.equipe h2 { font-size:14px; font-weight:bolder; border-bottom:1px solid #48a8b6; padding-bottom:5px; margin-bottom:10px}

.equipe h2 strong { font-size:13px; font-weight:normal; display:block}

#content .equipe p { padding-top:7px; color:#666; text-align:justify; word-wrap: break-word;
}

/*-------------------Mission---------------------*/

#mission h3 { text-transform:none}

#mission #navigation h3 { text-transform:none; margin:0}

#mission h2 { font-size:14px; padding-top:15px;}

#plaquette { background:url(../missions/img/picto-plaquette.jpg) center 10px no-repeat; text-align:center; color:#666; display:block; font-size:11px; width:73px; height:40px; padding-top:45px}

#plaquette:hover { text-decoration:none}

#mission .liste { list-style:none; line-height:20px; margin:0 0 0 20px}

#mission .liste li { background:url(../missions/img/puce-chemin.gif) no-repeat left center; padding:5px 0 5px 15px}

div.focus { border:1px solid #c6ceb7; padding:3px; overflow:hidden; margin:10px 0}

#encart-plaquette { background:url(../missions/img/plaquette.jpg) 0 0; width:110px; height:187px; display:block; text-decoration:none; color:#666; text-align:center; margin-top:20px}

#encart-plaquette:hover { background-position:-110px 0}

#liste-mission h2 { color:#666; font-size:16px; background:url(../missions/img/puce-titre.jpg) no-repeat left center; padding:10px 0 10px 20px; line-height:30px; font-weight:bolder; margin-left:10px;}

#liste-mission div p { float:left; position:relative; height:110px; width:190px; font-size:11px}

#liste-mission div { float:left; width:300px;}

#liste-mission div strong { display:block; color:#009999; font-size:14px; padding-bottom:5px;}

#liste-mission div p a { position:absolute; bottom:0; left:0; display:block; color:#666; font-size:12px}

#liste-mission div a:hover { text-decoration:none}

#liste-mission .lien a { background:url(../missions/img/btn-contact.jpg) no-repeat; width:105px; height:18px; color:#FFF; line-height:18px; text-align:center; font-weight:bolder; display:block; text-decoration:none}
#liste-mission .lien a:hover { background-image:url(../missions/img/btn-contact_hover.jpg)}

/*----------------------------------valeur--------------------------------------*/

#bg-valeur 		{ background:url(../aequitas/img/bg-valeur.jpg) no-repeat left bottom; width:393px; height:544px; position:absolute; left:30px; bottom:60px; z-index:5}

.zindex 		{ z-index:10; position:relative}

.lH25 p 		{ line-height:25px;}
div.blue strong	{ color:#48a8b6}
div.blue span 	{ font-weight:bolder}
#aJustify 		{ text-align:justify; height:760px; text-align:justify; z-index:20; position:relative}

.aJustify 		{ text-align:justify}

/*--------------------------------------Internationnal-----------------------------------------*/

#internationnal .liste { list-style:none; line-height:20px; margin:0 0 0 20px}

#internationnal .liste li { background:url(../missions/img/puce-chemin.gif) no-repeat left center; padding:5px 0 5px 15px}

#internationnal { padding:10px}

#internationnal h3 { padding:10px 0}

#internationnal h2 { padding:10px 0 0 0}

#associes div { float:left; width:280px; padding-top:20px}

#associes p { float:left; width:170px; line-height:25px}

#associes p strong, #associes p a { display:block; color:#666; font-size:11px;}

#associes p a:hover { text-decoration:none}

/*---------------------------------------Plan-------------------------------------------------------*/

#plan ul 					{ border-right:1px solid #888; float:left; height:320px; list-style:none outside none; margin-bottom:58px; padding-left:40px; width:230px;}
#plan ul.element1			{ height:130px}
#plan ul.element2			{ border-right:none}
#plan li 					{ padding:5px 0}
#plan li a 					{ background:url(../img/puce-chemin.gif) no-repeat left center; padding:0 0 0 20px; color:#666; text-decoration:none}
#plan li a:hover			{ text-decoration:underline}


/*----------------------------------------------Référence---------------------------------------------*/

#reference .element1 		{ clear:both; overflow:hidden; border-bottom:1px solid #CCC; padding:10px 0}
#reference .element1 div	{ float:right; width:435px}
#reference .element1 img	{ float:left}
#reference .lien a 			{ background:url("../img/puce.gif") no-repeat scroll left center transparent; color:#009999; display:block; font-size:11px; padding-left:20px; text-align:left}

#reference 					{ width:600px}
/*---------------------------------------------------Mention----------------------------------------------------*/

#mention .lien a 			{ background:url("../img/puce.gif") no-repeat scroll left center transparent; color:#009999; display:block; font-size:11px; padding-left:20px; text-align:left}
#mention .liste { list-style:none; line-height:20px; margin:0 0 0 20px}

#mention .liste li { background:url(../missions/img/puce-chemin.gif) no-repeat left center; padding:5px 0 5px 15px}

.blocbleu, .tabnavcontenu .blocbleu {padding:10px 10px; background-color:#ecf7f9; width:100%}
.champcontact, .champfocus, .champerreur{padding:2px 2px 2px 4px; margin-top:10px}
.champcontact{background: #ffffff; border:1px solid #dbdfe6; border-bottom:1px solid #e3e9ef; border-top:1px solid #abadb3;}
.champfocus{background: #ffffff; border:1px solid #a4c9e3; border-bottom:1px solid #b7d9ed; border-top:1px solid #3d7bad; color:#0063BB;}
.champerreur{background:url(images/input-erreur-bg.gif) repeat-x top #fff; color:#2F5992; border:1px solid #48A8B6; }
input.send{background: url(images/input-send-bg.gif) no-repeat top left #448ed4; border:1px solid #0258af; color:#ffffee;}
.erreur,	.icoerreur{background:#d6e3f5 none repeat scroll 0 0;border:1px solid #CCCCCC;margin:10px 0;padding:4px 30px;width:80%;}
.icoerreur{color:#48A8B6;font-size:11px;font-weight:bold;padding:4px 30px; background:url(images/ico-erreur.gif) no-repeat 5px 0 #F4F4F4;} /* à placer sur un label d'erreur de formulaire : place une icone devant*/
/* recrutement */
.labelfor {display:block;float:left;margin:3px 10px 10px 0;padding:10px 2px 0 0;}
.blocc {display:block;float:left;margin-right:2px;padding:0;}

ul li.pdf{display: block; border:none; background:url(images/ico-pdf.gif) no-repeat 0 center;padding: 0 0 0 35px;}
ul li.pdf a {line-height:18px}
.fright{float:right}
input, textarea {font-family:Arial, Helvetica, sans-serif; font-size:12px}

/*------------------Lettre mensuelle-------------------*/

#frame 						{ }

#mensuelle #content 		{ width:930px; background:url(../img/lettre-blanc.jpg) repeat-y; padding:0 35px; position:relative}

#mensuelle #footer 			{ width:1000px; background:url(../img/lettre-footer.jpg) no-repeat}
#mensuelle #header 			{ width:920px; background:url(../img/lettre-gris.jpg) repeat-y; padding:20px 40px 0}
#mensuelle .chemin			{ padding-left:15px}



#partage						{ border-top:1px solid #eee; border-bottom:1px solid #eee; height:34px; padding-top:7px; margin-top:30px; clear:both}
#partage a						{ color:#5c5c5c; text-decoration:none; background-repeat:no-repeat; background-position:left center; padding-left:25px; height:29px; line-height:29px; display:block; float:left; margin:0 30px}
#partage a:hover				{ text-decoration:underline}
#partage .haut					{ background-image:url(../img/top.jpg)}
#content #partage .right		{ float:right}

#expert								{ border:1px solid #CCC; overflow:hidden; margin-top:15px}
#expert div 						{ float:left; width:400px; line-height:25px; padding-top:10px}

#expert div strong, #expert div a 	{ display:block; color:#666}

#expert div a:hover 				{ text-decoration:none}



#content #valeur1, #content #valeur2, #content #valeur3		{ background:url("../img/picto1.jpg") no-repeat scroll 0 8px transparent; font-size:14px; height:60px; line-height:20px; margin:20px 0; padding-left:80px}

#content #valeur2											{ background:url("../img/picto2.jpg") no-repeat scroll 0 0 transparent;}

#content #valeur3											{ background:url("../img/picto3.jpg") no-repeat scroll 0 0 transparent; line-height:35px}

.img-right						{ float:right}
.leftbloc						{ float:left; width:270px}
#bl100							{ width:590px; overflow:hidden}
.mr20							{ margin-right:20px}

.block							{ display:block}
.pJ								{ text-align:justify}