@charset "utf-8";
/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th, * {font-weight: normal; font-style: normal}

div.global						{width:1006px; margin:30px auto; text-align:left;}

div.colGauche					{float:left; width:172px;}
div.colDroite					{float:left; width:828px; }
div.cadreGauche				{float:left;margin:20px 0 20px 30px; padding:20px 20px 20px 40px; width:306px; text-align:left;}
div.cadreDroite				{float:right;margin:30px 40px 0 0; _margin-right:9px; width:346px; padding: 0;
									background:url(images/bar3.gif) no-repeat bottom left;height:395px}

a.logo							{display:block; padding:16px 0;}

div.principal					{margin: 0 auto; margin:20px 0 0 0; background:url(images/header.gif) no-repeat top right;}
div.principalBas				{background:url(images/principal-bas.gif) no-repeat bottom right;}

ul.menuGauche				{margin:0 0 30px 0;}
ul.menuGauche li {margin:0 0 8px 0}
ul.menuGauche li.home {background:url(images/home.gif) 0 -2px no-repeat; padding-left:25px; height:20px; margin: 15px 0 0 0}
ul.menuGauche li.home a {font:bold 12px Arial, Helvetica, sans-serif; color:#0039a6}
ul.menuGauche li.focus a{font-weight:bold}

ul.menuGauche a			{font-size:11px; color:#666; text-decoration:none;}
ul.menuGauche a:hover	{color:#333;}

div.encartBas					{background:url(images/footer-haut.gif) no-repeat top right; height:100px; overflow:hidden;}
div.footer						{/*background:url(images/footer-bas.gif) no-repeat top right;*/}


body{background:#ffffff; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#686868;}
p, input, select, textarea, ul{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#686868;}
h1,	h1 a{font-family: Arial, Helvetica, sans serif;  font-size:16px; color:#0039A6; font-weight:bold; margin:0 0 4px 0; text-decoration:none; }
h1 em{color:#008bff; font-style:italic; font-weight:normal; font-size:inherit;}
h1 strong{color:#83b928; font-size:inherit;}
h1 a:hover{color:#008bff;}

h2,	h2 a{font:bold 16px Arial,Helvetica, sans-serif;color:#0039A6; margin:0 0 4px 0; text-decoration:none;}
h2 em{color:#008bff; font-style:italic; font-weight:normal; font-size:inherit;}
h2 strong{color:#008bff; font-weight:normal;font-size:inherit;}
h2 a:hover{color:#008bff;}
h3,	h3 a{font:bold 14px Arial, Helvetica, sans-serif; color:#0039A6;  letter-spacing:0; margin:0 0 2px 0; text-decoration:none; line-height:16px;}
h3 a:hover{color:#1595ff;}
h4,	h4 a{font: normal 12px Arial, Helvetica, sans-serif;  color:#0063bb; letter-spacing:0; margin:0 0 2px 0; text-decoration:none; line-height:14px;}
h4 a:hover{color:#008bff;}
h5,	h5 a{font: normal 11px Arial, Helvetica, sans-serif; color:#008bff; letter-spacing:0; margin:0 0 2px 0; text-decoration:none; line-height:12px;}
h5 a:hover{color:#41a9ff;}
strong{font-weight:bold;}
a img{border:0;}
a.cadre img, img.cadre{border:1px solid #dddddd;}
a.cadre:hover img{border:1px solid #008bff;}
a{color:#0063bb; text-decoration: underline; cursor:pointer;}
a:hover{color:#008bff;}

/*liens bouton*/
a.lienpuce,	a.lienpucedroite{padding-left:18px; background:url(images/arrow-rose.gif) no-repeat 0 .5em;}
a.lienpucedroite{float:right;}

a.bt,
a.btdroite,
a.btcenter,
a.btfermer{background: url(images/input-send-bg-rose.gif) no-repeat top left #a80054; border:1px solid #6c0037; color:#fce9f4; padding:5px 12px;
	cursor:pointer; text-decoration:none;border-left:0; border-top:0; font-size:14px; font-weight:bold;}
a.btdroite,
a.btfermer{float:right;}
a.btcenter{float:none; margin-left: auto; margin-right: auto; display:block; text-align:center;}
a.bt b,			a.btdroite b,			a.btcenter b		{background:url(images/arrow-back.gif) no-repeat left center; padding:4px 8px; float:none;}
a.bt s,			a.btdroite s,			a.btcenter s		{background:url(images/arrow-follow.gif) no-repeat right center; padding:4px 8px; float:none;}
a.btfermer			{background:url(images/btfermer.gif) no-repeat center center; border:0; width:20px; height:20px;}
a.bt:hover,	
a.btdroite:hover,
a.btcenter:hover,
a.btfermer:hover	{color:#FFFFFF;}

a.btWhite{
	display:-moz-inline-box;
	display:inline-block;
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; color:#fff; text-transform:uppercase;
	white-space:nowrap;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	border:0;
	background:none;}
a.btWhite span{
	position:relative;
	float:left;
	padding:0 0 0 16px;
	vertical-align:middle;
	background:url(images/bt-white-g.png) left top no-repeat; 		_background-image:url(images/bt-white-g.gif);}
a.btWhite span span{
	padding:0 16px 0 0;
	background:url(images/bt-white-d.png) right top no-repeat;		_background-image:url(images/bt-white-d.gif);}
a.btWhite span span span{
	height:34px;
	font-weight:bold; 
	padding:0 14px;
	line-height:3;
	background:url(images/bt-white-bg.png) left top repeat-x;		_background-image:url(images/bt-white-bg.gif);}
a.btWhite:hover{color:#fff;}


.cat{width:330px; background:url(images/bg-secteurs.gif) center 0 no-repeat; padding:20px 0 10px 20px; overflow:hidden;position:absolute;top:331px}
.categorie ul{margin:0; padding:0;width:90%;}
.categorie li{list-style:none; background:none;padding:0 ; }
.categorie li a{font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; color:#fff; cursor:pointer;margin:0 0 5px 0px; padding:0; }
.categorie li a:hover,	.categorie li a.active{font-weight:bold; font-size:11px;}




s{text-decoration:none;}
hr{display:block; text-decoration:none; height:0; clear:both; border:0; visibility: hidden;}
u{display:block;text-decoration:none; height:0; font-size:1px; clear:both;}
u.esp{height:18px;}
u.sep{height:18px; background:url(images/points-h.gif) repeat-x center;}
u.rel{position:relative; height:0; overflow:hidden;}

ul{list-style-type: none; padding: 0; margin: 0 0 4px 0;}
li{background: url(images/puce.gif) no-repeat 0 .2em; padding:0 0 0 18px; margin:0 0 2px 4px; border:0;}
ul ul li{background-image: url(images/arrow-grisdark.gif); background-position: 0 .4em;padding:0 0 0 10px; margin:0 0 2px 4px;}
ol{margin: 0 0 4px 0; padding:0 0 0 40px;font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#008bff; font-weight:bold; font-style:italic; list-style-type:decimal; }
ol li{padding: 0 0 8px 0; margin: 0; background:none;}
ol li font{display:block; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#777777;font-weight:normal; font-style:normal; line-height:14px;}
li.rien{list-style-type: none; padding-left:10px; margin: 0; }
.listecat{width:145px;float:left;padding-left:5px}
.fs10{font-size:10px}

ul.puces	{ padding-left:0;}
ul.puces li	{background:url(images/ico-id-true.gif) no-repeat top left; padding:8px 0 8px 40px; }

p{margin:0;}
em{font-family:Arial, Helvetica, sans-serif; font-size:13px; /*color:#008bff;*/ font-style:italic;}

/*######## CLASSES #########*/
.orange{border:1px dotted orange;}
.bleu {color:#0039a6}
.bleuclair {color:#b6cdf1}
.blocBleu{background-color:#0039A6; width:274px; margin:0 auto; text-align:left; padding:20px; }
.blocBleu p {color:#fff}
.border1{border:1px solid #ccc; padding:10px}

/* CHAMPS FORMULAIRES */
.champcontact, .champfocus, .champerreur{padding:2px 2px 2px 4px;}
.champcontact{background:url(images/bg-champ-contact.gif) bottom left repeat-x #fff; border:1px solid #dbdfe6; border-bottom:1px solid #e3e9ef; border-top:1px solid #abadb3;}
.champfocus{background: #ffffff; border:1px solid #0063bb; border-bottom:1px solid #0086fc; border-top:1px solid #002e58;}
.champerreur{background:#adc9ff; color:#ffffff; border:1px solid #002772; border-bottom:1px solid #4e7cd3; border-top:1px solid #002e58;}
input.send{background: url(images/input-send-bg-rose.gif) no-repeat top left #0269d6;  color:#ffffee;
				border:0; color:#ffffee; cursor:pointer;padding:2px 30px;}
.erreur,	div.icoerreur{font-family: Arial, Helvetica, sans-serif; color:#b4005a;font-weight:normal; font-size:12px;}
div.icoerreur{/* à placer sur un label d'erreur de formulaire : place une icone devant*/	
	margin:0;	padding:5px 10px 5px 40px;
	background: url(images/ico-erreur.png) no-repeat 10px center #f7c6e1; _background-image:url(images/ico-erreur.gif);}
label span {width:150px; background-color:red}	
/* CLASSES */
.rel{position:relative;}
.none{display:none;}
.h200		{height:200px;}
.mt10		{margin-top:10px;}/* permet de gérer les marges internes et externes en haut et en bas d'un élément : utile pour les espacement de paragraphes */
.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;}
.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;}
.mg30       {margin-left:30px}
.mb5{margin-bottom:5px}
.marg15{margin:15px;}
.pad15{padding:15px;}
.margd{margin-right:15px; float:left;}
.margg{margin:0 0 10px 15px; float:right;}
.padg{padding-left:15px;}
.padd{padding-right:15px;}
.padh{padding-top:15px;}
.padb{padding-bottom:15px;}
.fleft{float:left; display:block;}
.fright{float:right;display:block;}
.fcenter{margin-left:auto;margin-right:auto;}
.clearboth {clear:both}
.note{font-size:10px; color:#9b6a93; font-weight:normal;}
.c{text-align:center;}
.g{text-align:left;}
.d{text-align:right;}
.j{text-align:justify;}
.l30{width:30%;}
.l40{width:40%;}
.l45{width:45%;}
.l48{width:48%;}
.l50{width:50%;}
.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:100px;}
.l150{width:150px;}
.l200{width:200px;}
.l250{width:250px;}
.l300{width:300px;}
.l350{width:350px;}
.l400{width:400px;}
.l450{width:450px;}
.l500{width:500px;}
.l550{width:550px;}
.l600{width:600px;}
.l650{width:650px;}
.l700{width:700px;}
.bgGris {padding:20px 15px 15px 15px; background-color:#dae3e9}

div.footerPage{margin:20px 0;}
div.footerG,
div.footerD{float:left; width:48%; text-align:center; font-size:11px;}
div.footerD{float:right; color:#78003C;}
div.footerG{padding:40px 0;}

ul.fleche {background:url(images/fleche-bas.gif) top left no-repeat; padding-left:80px; margin-left:10px}
div.references {text-align:left}
.cadreGauche div.references h2, .cadreDroite div.references h2 {margin:3px 0 0 0}
.cadreGauche div.references h2.titreCat a, .cadreDroite div.references h2.titreCat a {font: bold 11px Verdana, Geneva, sans-serif; color:#0059a2;}
.cadreGauche div.references h2.titreCat a:hover, .cadreDroite div.references h2.titreCat a:hover {color:#7AB9FD}
.cadreGauche span.nomReference, .cadreDroite span.nomReference {font:normal 10px Arial, Helvetica, sans-serif; color:#666; text-transform:uppercase; text-decoration:none }
.cadreGauche a.nomReference:hover, .cadreDroite a.nomReference:hover  {color:#7ab9fd}
/*.referencestable { margin-left: -35px; }
.referencestable .references { font-size: 8px; text-align: left; vertical-align: top; }
.referencestable .references h3 { font-size: 9px; line-height: 9px; letter-spacing: -1px; }
.referencestable .references a { color: #333333; text-decoration: none;font-size: 8px; line-height: 8px; }*/


div.actualite { text-align: left; }
div.defilActus{height: 60px; padding:20px 30px; width:300px; margin-top:10px; background:url(images/bg-actu.gif) top left no-repeat;}
div.defilActus a {color:#0039A6; text-decoration:none; font:bold 12px Arial, Helvetica, sans-serif;}
div.defilActus a.suite {font:normal 11px Arial, Helvetica, sans-serif; background:url(images/suite.gif)0 1px no-repeat; padding-left:14px}
div.actualite { text-align: left; }
h4.actuTitre {background:url(images/fleche-transp.gif) 0 4px no-repeat; padding-left:24px}
#diapo li { height: 100px; }

a.pag {display:block; width:30px; height:35px; background:url(images/bg-point.gif) top left no-repeat; color:#fff; font:bold 13px Arial, Helvetica, sans-serif; text-decoration:none; float:left; margin:0 2px 0 0; padding: 8px 0 0 13px}
a.selected {color:#7ab9fd}

.visible {display:block}
.dispnone {display:none}

#diapo { height: 100px; }
#diapo li { margin: 0px; padding: 0; height: 80px; }
#diapo li a { margin: 0px; display: block; height: 100px; width: 100%; text-decoration: none; }

.listeRef, .listeActus {width:300px; height:356px; background:url(images/bg-references-liste.gif) top left no-repeat}

/*Pagination fiche ref */
/* navigationPages */
.navigationPages{width:80px; padding:0; margin:0 auto;  clear:both;}
.navigationPages div,	.navigationPages div a			{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#ffe79a; text-align:center; outline:none}
.navigationPages div						{margin:0 2px; padding:0;  height:22px;  overflow:hidden; line-height:20px; float:none; display:inline;
										background:url(images/bt-bg.gif) no-repeat top left #ffca4a; border:1px solid #feb440; border-top:0; border-left:0;}
html>body .navigationPages div			{vertical-align:top; float:left; display:block;}

.navigationPages div a					{display:inline; float:none; text-decoration:none; width:100%; height:100%;  margin:0; padding:3px 10px; color:#ffe79a;}
html>body .navigationPages div a			{display:inline;padding: 0 10px; outline:none}
.navigationPages div a:hover				{color:#FFFFFF; outline:none}
a.gris{color:#666666;font-size:11px;text-decoration:none;}
a.gris:hover{text-decoration:underline}

#client1{width:730px}
#client1 ul {margin-bottom:1em;list-style-image:none;list-style-position:outside;list-style-type:none;clear:both}
#client1 ul li {background:#EBEBEB center top;border-color:#E9E9E9 #E5E5E5 #E0E0E0;border-style:solid;border-width:1px;color:#666666;float:left;margin:0 5px 10px 0;position:relative;text-align:center;padding:0}
#client1 ul li a, #client1 ul li a:hover {background:transparent none repeat scroll 0 0;border:0 none;float:left;height:100px;padding:5px;width:100px;}
#client1 a {border:0 none;text-decoration:none;}
/*a, a:visited {color:#6372A7;outline-style:none;text-decoration:none;}*/

.floatleft{float:left}
.floatright{float:right}