body{background: url(images/bg-page.gif) repeat-x top #e9e9e9; margin:0; padding:0;}
body *{margin:0; padding:0;}
p, ul, div, table{font : normal normal 12px/16px  Arial, Helvetica, sans-serif; color:#666}
p{margin:0 0 4px 0;}
u{display: block; text-decoration:none; font-size:1px; height:1px; clear:both;}
a,input{position: relative;z-index: 1;}
a{color:#212f55; text-decoration:none;}
a:hover{color:#4361b1;}
a img{border:0;}
b{color:#6e9817;}



ul{list-style-type: none; padding: 0; margin: 0 0 4px 0;}
li{background: url(images/puce.gif) no-repeat 0 2px; padding:0 0 0 20px; margin:0 0 5px 14px; border:0;}
ul ul{margin:6px 0;}
ul ul li{background-image: url(images/puce2.gif);background-position: 0 6px;padding:0 0 0 14px;}

ul.huge{font-family: Arial, Helvetica, sans-serif; font-size:18px; color:#959595; font-weight:normal; margin:0 0 4px 0; padding:0; line-height:17px;}
ul.huge li{margin:0 0 10px 14px;}

label{font-size:11px; display:block; margin:0 0 8px 0;}

pad2h1{font-family: Arial, Helvetica, sans-serif; font-size:18px; color:#959595; font-weight:normal; margin:0 0 4px 0; padding:0; line-height:17px; text-transform:uppercase; width:100%}
/*h1 span{color:#212f55;}*/
h1 font {color:#212f55;}
h1 span {width:95%; background:url(images/bg-titre.gif) left top repeat-y #fff; display:block; height:auto; padding: 4px 10px; font-size: 13px; color:#212f55}
h2{font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#212f55; font-weight:bold; margin:0 0 10px; padding:0; line-height:15px;}
.txtbleu{color:#202e56}
.txtgris{color:#666}
.txtjaune{color:#F1A300;}
h3{font-family: Arial, Helvetica, sans-serif; font-size:15px; color:#959595; font-weight:normal; margin:0 0 4px 0; padding:0; line-height:15px;}
h3 font{font-size:14px;font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color:#212f55; margin: 0 ; padding: 0 ; background-color: #ffffff}
/*######## CLASSES #########*/

.note{font-size: 10px;font-weight:normal; line-height:12px; text-transform:none}
.petit{font-size:9px;}
.cadre img{border:1px solid #a3907c;padding:1px;background-color:#ffffff;}
.cadre:hover img{border:1px solid #bcb3a5;}
.margintop10 {margin-top:10px}
.margintop20 {margin-top:20px}
.marg15{margin:15px;}
.pad15{padding:15px;}
.margd{margin-right:15px; float:left;}
.margg{margin-left:15px; float:right;}
.padg{padding-left:15px;}
.padd{padding-right:15px;}
.padh{padding-top:15px;}
.padb{padding-bottom:15px;}
.lineheight18 {line-height:18px}
.col{width:47%; float:left;}
.clear{clear: both;}
.ligne{border-bottom: 1px solid #333333; height:18px; margin-bottom: 18px;}
.droite{text-align:right;}
.centre{text-align:center;}
.gauche{text-align:left;}
.just{text-align:justify;}
.fleft{float:left;}
.fright{float:right;}
.none{display:none;}
.cadregris {background-color:#f8f8f8; padding:10px}
.width155{width:155px}
.bloq {display:block; float:left}
.orange {color:#f1a300}
.fs10{font-size:10px}
.fs11{font-size:11px}
/* CLASSES */
/*marges*/
.mauto{margin:0 auto}
.m5		{margin:5px;}
.m10		{margin:10px;}
.m15		{margin:15px;}
.m20		{margin:20px;}
.m0		{margin:0;}
.ml5		{margin-left:5px;}
.ml10	{margin-left:10px;}
.ml15	{margin-left:15px;}
.ml20	{margin-left:20px;}
.ml30	{margin-left:30px;}
.ml40	{margin-left:40px;}
.ml50	{margin-left:50px;}
.ml60	{margin-left:60px;}
.ml70	{margin-left:70px;}
.ml80	{margin-left:80px;}
.ml90	{margin-left:90px;}
.ml100	{margin-left:100px;}
.mr5		{margin-right:5px;}
.mr10	{margin-right:10px;}
.mr15	{margin-right:15px;}
.mr20	{margin-right:20px;}
.mr30	{margin-right:30px;}
.mr40	{margin-right:40px;}
.mr50	{margin-right:50px;}
.mr60	{margin-right:60px;}
.mr70	{margin-right:70px;}
.mr80	{margin-right:80px;}
.mr90	{margin-right:90px;}
.mr100	{margin-right:100px;}
.mt5		{margin-top:5px;}
.mt10	{margin-top:10px;}
.mt15	{margin-top:15px;}
.mt20	{margin-top:20px;}
.mt30	{margin-top:30px;}
.mt40	{margin-top:40px;}
.mt50	{margin-top:50px;}
.mt60	{margin-top:60px;}
.mt70	{margin-top:70px;}
.mt80	{margin-top:80px;}
.mt90	{margin-top:90px;}
.mt100	{margin-top:100px;}
.mb5		{margin-bottom:5px;}
.mb10	{margin-bottom:10px;}
.mb20	{margin-bottom:20px;}
.mb30	{margin-bottom:30px;}
.mb40	{margin-bottom:40px;}
.mb50	{margin-bottom:50px;}
.mb60	{margin-bottom:60px;}
.mb70	{margin-bottom:70px;}
.mb80	{margin-bottom:80px;}
.mb90	{margin-bottom:90px;}
.mb100	{margin-bottom:100px;}
/* marges négatives */
.ml-5		{margin-left:-5px;}
.ml-10	{margin-left:-10px;}
.ml-15	{margin-left:-15px;}
.ml-20	{margin-left:-20px;}
.ml-30	{margin-left:-30px;}
.ml-40	{margin-left:-40px;}
.ml-50	{margin-left:-50px;}
.ml-60	{margin-left:-60px;}
.ml-70	{margin-left:-70px;}
.ml-80	{margin-left:-80px;}
.ml-90	{margin-left:-90px;}
.ml-100	{margin-left:-100px;}
.mr-5		{margin-right:-5px;}
.mr-10	{margin-right:-10px;}
.mr-15	{margin-right:-15px;}
.mr-20	{margin-right:-20px;}
.mr-30	{margin-right:-30px;}
.mr-40	{margin-right:-40px;}
.mr-50	{margin-right:-50px;}
.mr-60	{margin-right:-60px;}
.mr-70	{margin-right:-70px;}
.mr-80	{margin-right:-80px;}
.mr-90	{margin-right:-90px;}
.mr-100	{margin-right:-100px;}
.mt-5		{margin-top:-5px;}
.mt-10	{margin-top:-10px;}
.mt-15	{margin-top:-15px;}
.mt-20	{margin-top:-20px;}
.mt-30	{margin-top:-30px;}
.mt-40	{margin-top:-40px;}
.mt-50	{margin-top:-50px;}
.mt-60	{margin-top:-60px;}
.mt-70	{margin-top:-70px;}
.mt-80	{margin-top:-80px;}
.mt-90	{margin-top:-90px;}
.mt-100	{margin-top:-100px;}
.mb-5		{margin-bottom:-5px;}
.mb-10	{margin-bottom:-10px;}
.mb-20	{margin-bottom:-20px;}
.mb-30	{margin-bottom:-30px;}
.mb-40	{margin-bottom:-40px;}
.mb-50	{margin-bottom:-50px;}
.mb-60	{margin-bottom:-60px;}
.mb-70	{margin-bottom:-70px;}
.mb-80	{margin-bottom:-80px;}
.mb-90	{margin-bottom:-90px;}
.mb-100	{margin-bottom:-100px;}
/*padding*/
.p5		{padding:5px;}
.p10		{padding:10px;}
.p15		{padding:15px;}
.p20		{padding:20px;}
.p0		{padding:0;}
.pt5		{padding-top:5px;}
.pt10		{padding-top:10px;}
.pt15		{padding-top:15px;}
.pt20		{padding-top:20px;}
.pt30		{padding-top:30px;}
.pt40		{padding-top:40px;}
.pt50		{padding-top:50px;}
.pt60		{padding-top:60px;}
.pt70		{padding-top:70px;}
.pt80		{padding-top:80px;}
.pt90		{padding-top:90px;}
.pt100	{padding-top:100px;}
.pb5		{padding-bottom:5px;}
.pb10	{padding-bottom:10px;}
.pb15	{padding-bottom:15px;}
.pb20	{padding-bottom:20px;}
.pb30	{padding-bottom:30px;}
.pb40	{padding-bottom:40px;}
.pb50	{padding-bottom:50px;}
.pb60	{padding-bottom:60px;}
.pb70	{padding-bottom:70px;}
.pb80	{padding-bottom:80px;}
.pb90	{padding-bottom:90px;}
.pb100	{padding-bottom:100px;}
.pl5		{padding-left:5px;}
.pl10		{padding-left:10px;}
.pl15		{padding-left:15px;}
.pl20		{padding-left:20px;}
.pl30		{padding-left:30px;}
.pl40		{padding-left:40px;}
.pl50		{padding-left:50px;}
.pl60		{padding-left:60px;}
.pl70		{padding-left:70px;}
.pl80		{padding-left:80px;}
.pl90		{padding-left:90px;}
.pl100	{padding-left:100px;}
.pr5		{padding-right:5px;}
.pr10		{padding-right:10px;}
.pr15		{padding-right:15px;}
.pr20		{padding-right:20px;}
.pr30		{padding-right:30px;}
.pr40		{padding-right:40px;}
.pr50		{padding-right:50px;}
.pr60		{padding-right:60px;}
.pr70		{padding-right:70px;}
.pr80		{padding-right:80px;}
.pr90		{padding-right:90px;}
.pr100	{padding-right:100px;}
/* largeurs % */
.l5				{width:5%;}
.l10			{width:10%;}
.l15			{width:15%;}
.l20			{width:20%;}
.l25			{width:25%;}
.l30			{width:30%;}
.l33			{width:33%;}
.l35			{width:35%;}
.l40			{width:40%;}
.l45			{width:45%;}
.l48			{width:48%;}
.l50			{width:50%;}
.l52			{width:52%;}
.l55			{width:55%;}
.l60			{width:60%;}
.l65			{width:65%;}
.l70			{width:70%;}
.l75			{width:75%;}
.l80			{width:80%;}
.l85			{width:85%;}
.l90			{width:90%;}
.l95			{width:95%;}
.l100			{width:100%;}
/*largeurs PX*/
.w100		{width:100px}
.w150		{width:150px;}
.w200		{width:200px;}
.w250		{width:250px;}
.w300		{width:300px;}
.w350		{width:350px;}
.w400		{width:400px;}
.w450		{width:450px;}
.w500		{width:500px;}
.w550		{width:550px;}
.w600		{width:600px;}
.w650		{width:650px;}
.w700		{width:700px;}
/* hauteurs PX*/
.h5			{height:5px;}
.h10			{height:10px;}
.h20			{height:20px;}
.h30			{height:30px;}
.h40			{height:40px;}
.h50			{height:50px;}
.h60			{height:60px;}
.h70			{height:70px;}
.h80			{height:80px;}
.h90			{height:90px;}
.h100		{height:100px;}
.h110		{height:110px;}
.h120		{height:120px;}
.h130		{height:130px;}
.h140		{height:140px;}
.h150		{height:150px;}
.h160		{height:160px;}
.h170		{height:170px;}
.h180		{height:180px;}
.h190		{height:190px;}
.h200		{height:200px;}
.h210		{height:210px;}
.h220		{height:220px;}
.h230		{height:230px;}
.h240		{height:240px;}
.h250		{height:250px;}
.h260		{height:260px;}
.h240		{height:270px;}
.h280		{height:280px;}
.h290		{height:290px;}
.h300		{height:300px;}
.h350		{height:350px;}
.h400		{height:400px;}
.h450		{height:450px;}
.h500		{height:500px;}
.h550		{height:550px;}
.h600		{height:600px;}
.h650		{height:650px;}
.h700		{height:700px;}
/* 					textes */
.c						{text-align:center;}
.g						{text-align:left;}
.d						{text-align:right;}
.j						{text-align:justify;}

.mid,.mid *		{vertical-align:middle;}
.top,.top *			{vertical-align:top;}
/*					blocs*/
.clear				{clear:both}
.inline			{display:inline;}
.block			{display:block;}
.inlineblock		{display:-moz-inline-box;display:inline-block;}
.rel				{position:relative;}
.abs				{position:absolute;}
.none			{display:none;}
.fr					{display:block;float:right;}
.fl					{display:block;float:left;}
.fc					{margin-right:auto; margin-left:auto;}
.cur				{cursor:pointer;}

/*######## FORMULAIRES #########*/
.champcontact{font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;color:#202f55; border:0; background: url(images/fond-champs.gif) repeat-x bottom #eeeeee;padding:2px 4px; margin: 0 0 2px 0; }
.champerreur{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;color:#FFFFFF; border:0; background:#cc0000; padding:2px 4px; margin: 0 0 2px 0;}
.send{font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;color:#626262; border:0; background: url(images/fond-send.gif) repeat-x bottom #dbdbdb; padding:5px 10px; margin: 0 0 2px 0;}


/* #####  INTERFACE ###### */
#global {width:1000px; height:auto; margin:0 auto}

.filarianne{background:url(images/bg-filariane.gif) left top no-repeat; color:#212f55; text-transform: normal; font-size:11px; height:26px; line-height:24px; padding-left:20px; overflow:hidden; width:700px; margin: 0 0 15px 0 }
.filarianne span{float:left; display:block; padding:0 5px 0 0;}
.filarianne span a{color:#212f55; line-height:24px; height:20px; display:block; float:left; text-decoration:underline; }
/*.filarianne a:hover{color:#FFFFFF;}*/

.content{width: 1000px;background:url(images/bg-content.gif) left bottom repeat-x #fff; padding-bottom:15px}
.content#contentHome {background-image:none}
.content .contain{display:block; float:left; text-align:left; width:720px; min-height:500px; background:none; padding:0; margin:12px 0 0 20px;}



.bandeau{height:105px; width:1000px; margin:14px auto 0 auto;background:#FFFFFF;}
.bandeauvisuel {width:1000px; height: 136px}

.menuhaut{width:680px; float:right; list-style-type:none; padding:0; margin:55px 0 0 0; overflow:hidden;height:20px; }
.menuhaut li{float:left; background: url(images/points-v.gif) repeat-y right; padding:0; margin:0;height:100%;}
.menuhaut li.end{background:none;}
.menuhaut li.recrutement a {background:url(images/picto-recrutement.gif) 4px -3px no-repeat; padding-left:30px}
.menuhaut li a{color:#202f55; font-family: Arial, Helvetica, sans-serif; font-size:12px; cursor:pointer; font-weight:normal; text-transform: uppercase; text-decoration:none; display:block; float:left; text-align:center;  padding:0 14px; height:100%; line-height:20px; overflow:hidden;}
.menuhaut li a:hover{color:#c5c7c8;}
.menuhaut li a.selected{/*background: url(images/ongletselected.gif) no-repeat top left #202f55;*/ color:#666;}
.menuhaut li a.selected:hover{color:#c7d1ea;}

.divmenugauche{width:250px; background:url(images/menugauche.gif) no-repeat top left transparent; min-height:400px; height:100%; float:left; margin:0; padding:0; padding-top:20px; /*border-right:1px solid #e1e1e1;*/ clear:both}
ul.menugauche li{margin:0; padding:0; background:none; }
ul.menugauche li a{display:block; height:100%; padding:8px 6px 8px 24px; margin:0 0 0 1px;  text-transform:uppercase; font-size:11px; background: url(images/biseau-ongletgauche.gif) no-repeat bottom left;}
ul.menugauche li a:hover{background: url(images/biseau-ongletgauche-over.gif) no-repeat bottom left #FFFFFF;color:#666;}
ul.menugauche li a.selected{background: url(images/biseau-ongletgauche-over.gif) no-repeat bottom left #FFFFFF; color:#4361b1;}
ul.menugauche li a.selected:hover{color:#4b99f2;}
ul.menugauche ul{list-style-type: none; padding: 0; margin: 0 0 4px 0;}
ul.menugauche ul li a{background: url(images/puce2.gif) no-repeat 0 4px; padding:0 0 0 15px; margin:0 0 5px 25px; border:0;text-transform:none;}


ul.outils {width:193px; height: 106px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/images/bg-outils.png');}
html>body ul.outils {filter:none; width:193px; height: 106px; background:url(images/bg-outils.png) center top no-repeat; display:block; clear:both; margin: 50px auto 0 auto; padding: 3px 5px}
ul.outils li {background:url(images/fleche-grise.gif) left center no-repeat; margin:6px 10px 12px 9px; padding-left:25px}
ul.outils li a {margin:0; padding:0; border:none; background:none; text-transform:none }
ul.outils li a:hover {margin:0; padding:0; border:none; background:none; color: #666}

.pad1 {width: 430px; height:auto; float:left;}
.formcontact{width:350px; margin-left:70px; float:left}


.pad2 {width:236px; height:auto; background:url(images/bg-coldroite.gif) center top repeat-y; color:#202e56; margin-left:10px; padding:10px; float:right}
.pad2 div.contenu {width: 200px; margin:10px auto;}
.pad2 div.contenu p {color:#202e56}
.pad2 h1 {width: 216px; height:auto; margin: 0 0 15px 0; font-family: Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; text-transform:none; color:#fff;}
.pad2 h2 {font-size:13px; font-weight:bold; text-transform:none; color:#FF9702;padding: 5px 10px 5px 18px; background:url(images/fleche-symbole.gif) left 7px no-repeat; margin-left:8px}
.pad2 img {display:block; margin: 10px auto; border: 1px solid #D7D9D8}
.pad2 a.ensavoirplus {display:block; float: right; color:#202e56; text-align:right; width:auto; text-decoration: underline; clear:both;}
.pad2 p.liencontenu {width:100%; height:15px; margin: 0px 0 0 0; padding:5px 0; text-align:center; background:url(images/bg-liensuite.gif) center center no-repeat; color:#858585; text-decoration: underline; display:block; clear:both }
.pad2 dl dt {color:#202e56; font-size:13px; margin: 10px 0 5px 0; font-weight:bold;}
.pad2 dl dd {background:url(images/fleche-pad2.gif) left 2px no-repeat; padding: 0 0 0 15px; margin: 4px 0; color:#202e56}


.pad3{width:236px; height:auto; background-color:#f8f8f8;margin-left:10px; padding-bottom:10px; border: 1px solid #EDEDED; float:right}


.engagement{width:100%}
.engagement h2{width:155px;float:left;text-align:right;font-size:13px; clear:both; font-weight:bold; text-transform:none; color:#F1A300;padding: 5px 10px 5px 18px; margin-left:8px}
.engagement p{padding: 5px 10px 5px 18px;margin-left:183px}

.talon{font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#959595;font-variant:normal;
	margin:0 auto; width:805px; padding:0px 25px 56px 170px; clear:both;
	 overflow:hidden; background:url(images/logo-Avenir-Group.gif) no-repeat 10px 15px #FFF; margin-top: 7px}
.talon .adresse {margin: 25px 0 0 0}
.talon .logoSiemens {margin: 25px 0 15px 0;}
/*.talon center{text-align: right; float: right; padding:0 0 20px 0;}*/


#fb{ float:left; margin:25px 0 0 60px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-moz-box-shadow: 0px 0px 5px #b4b4b4;
box-shadow: 0px 0px 5px #b4b4b4;}
#fb a{
    display:block; height:42px; width:125px; padding:6px 0 0 75px;
    background:url(images/logo-facebook.gif) 5px center no-repeat;}

/* #####  ACCUEIL ###### */
#divanim{width:650px; height:480px;float:left; margin:0 0 20px 15px; border:1px solid #ededed; padding:1px;}
.reference{float:left; width:270px; margin-left:8px;}
.ref{background: url(images/3points.gif) no-repeat center left; padding:0 0 0 24px; margin:20px 0 0 0; height:auto; overflow:hidden;}
.ref img{float:left; margin:0 8px 0 0;}

.ref div {width:140px; float:left}
.ref div h1{font-size:12px; font-variant:small-caps; color:#F1A400; margin:0; padding:0; line-height:13px;}
.ref div h2{font-size:12px; color:#202f55; margin:0; padding:0;line-height:13px;}
.ref div p{font-size:11px;margin:0 0 5px 0; padding:0;}

.chiffre{text-transform:none;background: url(images/fleche.gif) no-repeat center left; padding:0 0 0 24px; clear:both; margin:15px 0 30px 0; 
font-family: Arial, Helvetica, sans-serif; font-size:15px; color:#959595; font-weight:normal; line-height:17px; font-variant:normal}
.chiffre font{font-family: Impact, Verdana, Arial, Helvetica, sans-serif; font-size:17px; color:#191c5c; font-weight:normal; letter-spacing:1px;}


.newsletter{padding-right:35px; margin:0 0 0 20px; width:215px; background: url(images/points-v.gif) repeat-y right; float:left;}
.newsletter .champcontact{text-align:center; width:160px;}
.actualites{padding:0 35px; width:275px; background: url(images/points-v.gif) repeat-y right; float:left;}
.metiers{float:left; width: 300px; padding:0 0 0 35px;}
.metiers h1 {font-size: 15px}
u#principal  {height: 24px;}

/*###### LE GROUPE ##########*/
ul.pyramide {display:block; width: 300px; height:464px; margin:0 auto; font-size:16px; background:url(images/pyramide-qui-sommes-nous.jpg) top left no-repeat; padding: 40px 0 0 250px}
ul.pyramide li {margin: 0 0 20px 0}
ul.pyramide li#li1 {margin-left:0}
ul.pyramide li#li2 {margin-left:10px}
ul.pyramide li#li3 {margin-left:25px}
ul.pyramide li#li4 {margin-left:40px}
ul.pyramide li#li5 {margin-left:55px}
ul.pyramide li#li6 {margin-left:70px}
ul.pyramide li#li7 {margin-left:85px}
ul.pyramide li#li8 {margin-left:100px}


/*###### ACTUALITES ##########*/
.actu{width:650px; height:auto;float:left;padding:10px; margin:0 0 10px 0;background: url(images/points-h.gif) repeat-x bottom;}
.actu .imgActu{float:left; width:200px; margin:0 20px 0 0; background-color:#fff; }
.actu .txtActu{float:left; width:430px; margin:0px;padding:0px; background-color:#fff; }
.actu h1{font-family: Arial, Helvetica, sans-serif; font-size:18px; color:#F1A300; font-weight:normal; margin:0 0 4px 0; padding:0; line-height:17px;}
.actu h2{font-family: Arial, Helvetica, sans-serif; font-size:15px; color:#212f55; font-weight:normal; margin:0 0 10px 0; padding:0; line-height:15px;}
.actu em{text-align:justify}
.actu p{text-align:justify}
.publication{float:right;font-size:10px}

/*###### REFERENCES ##########*/

.accesRefActivites {width:470px; height:95px; float:left; clear:both; background:url(images/acces-ref-activites-1.jpg) left top no-repeat}	
.accesRefMetiers {width:470px; height:95px; float:left; clear:both; background:url(images/acces-ref-metiers-1.jpg) left top no-repeat}	
.accesAllRef {width:470px; height:95px; float:left; clear:both; background:url(images/acces-allref-1.jpg) left top no-repeat}	
.accesRefActivites p, .accesRefMetiers p, .accesAllRef p {padding:8px 10px 0 10px; width:45%; color:#fff; text-align:right; display:block; float:right;}
.lienRef1, .lienRef2, .lienRef3 {width:470px; height:35px; float:left; text-align:right}
.lienRef1 a, .lienRef2 a, .lienRef3 a {width: 96%; display:block; margin:10px auto 0 auto; font-size:13px; font-weight:bold; color:#fff}
.lienRef1 a span, .lienRef2 a span, .lienRef3 a span {color:#FF9702}
.lienRef1 { background:url(images/acces-ref-activites-2.jpg) left top no-repeat;}
.lienRef2 { background:url(images/acces-ref-metiers-2.jpg) left top no-repeat;}
.lienRef3 { background:url(images/acces-allref-2.jpg) left top no-repeat;}

.implantationMonde {float:left; width:176px; margin: 15px 10px; background-color:#e8e8e8; padding:15px}
p.listeVilles {line-height:18px}
p.listeVilles strong{font-weight:bold; color:#202E56}	

/*###### CONTACT ##########*/
.label{display:block;float:left;text-align:left;margin:0 10px 0 0; padding:0; }
.labelr{display:block;float:left;text-align:right;margin:0 10px 0 0; padding:0; }
.width45{width:45%}
.width15{width:15%}
.width5{width:17px}


legend {font-size:14px;font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color:#212f55; margin: 0 0 5px 0; padding: 0 5px; background-color: #ffffff}
fieldset { border: 1px dotted #212f55; width: 95%; margin: 10px 0; padding:5px 10px}

.labelrecrut{width:40%;display:inline; float:left;clear:both; margin:0 10px 0 0; padding:0; border:none;font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:8pt;color:#959595;text-align:right }
.labelrecrut2{width:25%;display:inline;vertical-align:top;margin:0 2px 0 0; padding:0; border:none;font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:8pt;color:#959595;text-align:right }
.labelrecrut3{display:inline;vertical-align:top;margin:0 2px 0 0; padding:0; border:none;font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:8pt;color:#959595; }
.erreur{color:#be0d0d;	font-family:Trebuchet MS;font-size:10px;font-weight:bold}

ul.outils {width:193px; height: 106px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/images/bg-outils.png');}
html>body ul.outils {filter:none; width:193px; height: 106px; background:url(images/bg-outils.png) center top no-repeat; display:block; clear:both; margin: 50px auto 0 auto; padding: 3px 5px}


.contact {width:193px; height:70px; padding: 10px ;margin: 0 auto; background:url(images/illus-contact.gif) right 10px no-repeat transparent;}
.contact h1 {color:#202f56; display:block; width:118px;  background:url(images/pointille-contact.gif) bottom left repeat-x; padding: 0 0 8px 0; font: normal bold 14px/11px  Century Gothic, Tahoma, Verdana, Arial, Helvetica, sans-serif;}
.contact h2 {color:#f1a300; font: normal bold 14px/11px Century Gothic, Tahoma, Verdana, Arial, Helvetica, sans-serif; margin: 8px 0 0 0}
.contact h3 {color:#202f56; display:block; width:125px; margin: 8px 0 0 0; font: normal bold 17px/11px  Century Gothic, Tahoma, Verdana, Arial, Helvetica, sans-serif;}
.contact p {background-color:#e5e8e8; padding: 4px 5px;}
.contact p a {background:transparent url(images/fleche-grise.gif) no-repeat scroll left center; padding: 0 0 0 18px}

/* transmettre */
.labelcontact{display:block;float:left;width:15%;text-align:left;margin:0 10px 0 0; padding:0; }
.champcontact{background-color: #eee; border:1px solid #cccccc;padding: 2px; margin:0;
	color:#405058; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:11px;}
.champcontacterreur{background-color: #be0d0d;border:1px solid #5f0606; padding: 0 2px 0 2px; margin:0;
	color:#FFFFFF;	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px;}

/* reference */
.references{width:650px; height:auto;float:left;padding:10px; margin:0 0 10px 0;background: url(images/points-h.gif) repeat-x bottom;}
.references img{float:left; margin:0 10px 0 0;border:1px solid #a3907c;padding:1px;background-color:#ffffff;}
.references h1{font-family: Arial, Helvetica, sans-serif; font-size:18px; color:#212f55; font-weight:normal; margin:0 0 4px 0; padding:0; line-height:17px;}
.references h2{font-family: Arial, Helvetica, sans-serif; font-size:15px; color:#212f55; font-weight:normal; margin:0 0 4px 0; padding:0; line-height:15px;}
.references h4.jaune{color:#F1A300;}
.references em{text-align:justify}
.references p{text-align:justify}
.references p.droite{text-align:right}

.nostyleli{margin: 0pt; padding: 0pt; list-style-type: none; background:none}
.pointer{cursor:pointer}


#referenceVisuel{width:280px; float:left;}
#referenceVisuel img{cursor:pointer}
#referenceVisuel a{text-align:center; display:block;}
#referenceCaract{width:350px;float:right;}
u.sep{display:block;text-decoration:none; height:18px; font-size:1px; clear:both;}
a.lienpdf	{cursor:pointer;font-family:Century Gothic, Apple Gothic, sans serif; font-size:13px; font-weight:normal; text-decoration:none; color:#c72608;
				background:url(images/ico-pdf.gif) no-repeat top left; padding:5px 0 5px 26px;}
a.lienpdf:hover{color:#ef2600;}

#invitation{width:470px;margin:10px auto;background:url(fr/actualites/images/bg-degrade500.gif) repeat-y top left;padding:10px 5px;}
.w240{width:240px}
.w480{width:480px}
.radioliasse{margin:2px 0 2px 15px;border:none}
.radioliasseErreur{margin:2px 0 2px 15px; border: solid 1px #aa0000;font-weight:bold;background-color: #aa0000; color: #FFFFFF;}