body{margin:0; padding:0; background:url(images/bg-page.png) repeat-x top #fff;
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#696969; }
body *{margin:0; padding:0;}

h1{color:#A8A8A8; font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; margin:0 0 4px 0; padding:0;}
h1 span {color:#59A521;}
h2{color:#626262; font-family:"Tahoma",Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; margin:0 0 4px 0; padding:0;}
h3{font-weight: bold; color:#59a521; font-family:"Tahoma",Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:0 0 4px 0; padding:0;}
h3 span {color:#626262}

p{margin:0 0 4px 0; line-height:15px; }
u{display: block; text-decoration:none; font-size:1px; clear:both;}
a,input{position: relative;z-index: 1;}
a{color:#696969;}
a:hover{color:#364c98;}
a img{border:0;}
b{color:#696969; font-weight:normal;}
ul{list-style-type: none; padding: 0; margin: 0 0 4px 0;}
li{background: url(images/puce.gif) no-repeat 0 4px; padding:0 0 0 15px; margin:0 0 10px 14px; border:0;}
ul ul li{background-image: url(images/puce2.gif);background-position: 0 6px;}
ul ul ul li{background-image: url(images/puce3.gif);}
dl{list-style-type: none; padding: 0; margin: 0 0 4px 0;}
dl dt{background: url(images/puce.gif) no-repeat 0 4px; padding:0 0 0 15px; margin:0 0 10px 14px; border:0;}
dl dd{background: url(images/puce2.gif) no-rerpeat 0 4px; }

input{font-size:9px; background-color:#454546; color:#494d56; border:0; padding:2px; }
label{text-align: right; font-size:11px; display:block; margin:0 0 8px 0;}


/*######## CLASSES #########*/
.evidence{color:#9dba97; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold;}
.vert{color:#59A521;}
.petit{font-size:9px;}
.cadre img{border:1px solid #a3907c;padding:1px;background-color:#ffffff;}
.cadre:hover img{border:1px solid #bcb3a5;}
.marg15{margin:15px;}
.pad15{padding:15px;}
.marginr15{margin-right:15px;}
.marginl15{margin-left:15px;}
.margintop10{margin-top:10px}
.margintop15{margin-top:15px}
.marginhb15 {margin-top:15px; margin-bottom:15px}
.padg{padding-left:15px;}
.padd{padding-right:15px;}
.padt{padding-top:15px;}
.padb{padding-bottom:15px;}
.clear{clear: both;}
.justifie {text-align:justify}
.droite{text-align:right;}
.centre{text-align:center;}
.gauche{text-align:left;}
.fleft{float:left;}
.fright{float:right;}
.bloq {display:block}
.noimage {background:none}
.filet {width:100%; padding-bottom:15px; background:url(images/pointille.gif) bottom left repeat-x }

/*######## INTERFACE GLOBALE #########*/
.global{margin:0 auto; padding:0; width: 1006px; height:auto}
.header{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg-header.png'); height:182px;width:1006px;margin:0 auto; }
.racine .header{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg-header.png');height:182px;width:1006px;margin:0 auto;}
html>body .racine .header, html>body .header{filter:none;  background:url(images/bg-header.png) no-repeat bottom left;}

.logo {float:left; }
.logo img{border:0;margin: 40px 0 0 36px;cursor:pointer;}
.headerPartd {width:840px; float:left; clear:right;margin-top:45px}
ul.liensTop {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg-liensTop.png'); display:block; height:25px; width:203px; margin-left:600px }
.racine ul.liensTop {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg-liensTop.png'); display:block; height:25px; width:203px; margin-left:600px }
html>body .racine ul.liensTop, html>body ul.liensTop {filter:none ; background:url(images/bg-liensTop.png) no-repeat bottom left; }
ul.liensTop li {display:block; float:left; background:url(images/puce-haut.gif) left center no-repeat; margin:5px 10px 0 15px; paddding-left:22px}
ul.liensTop li a {color:#fff; text-decoration:none}
ul.liensTop li a:hover {color:#CFE9FF; text-decoration:none}

ul.menu {display:block; clear:left; margin: 15px 0 0 55px; width:750px; height:40px;}
ul.menu li {width: 130px; height:40px; display:block; float:left; margin:0; padding:0; text-align:center; background:none}
ul.menu li#btnhome {width:97px; }
ul.menu li a {text-decoration:none; display:block; width: 100%; height:40px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg-onglets.png'); float:left;  padding:0; text-align:center; line-height:46px; cursor:pointer}
.racine ul.menu li a {text-decoration:none; display:block; width: 100%; height:40px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg-onglets.png'); float:left;  padding:0; text-align:center; line-height:46px; cursor:pointer}
html>body .racine ul.menu li a, html>body ul.menu li a{filter:none; background:url(images/bg-onglets.png) left bottom no-repeat transparent;}
ul.menu li a span {display:block; margin-top:11px; line-height:normal}
ul.menu li a:hover {color:#364c98; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg-ongletsOver.png');}
.racine ul.menu li a:hover {color:#364c98; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg-ongletsOver.png');}
html>body .racine ul.menu li a:hover, html>body ul.menu li a:hover {background:url(images/bg-ongletsOver.png) right bottom no-repeat transparent}

ul.menu li a.bgVert {color:#364c98; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg-ongletsOver.png');}
.racine ul.menu li a.bgVert {color:#364c98; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg-ongletsOver.png');}
html>body .racine ul.menu li a.bgVert, html>body ul.menu li a.bgVert {background:url(images/bg-ongletsOver.png) right bottom no-repeat transparent}

ul.menu li#btnhome a {width: 100%; height:40px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg-ongletHome.png'); display:block; float:left; margin:0; padding:0 0 0 9px}
.racine ul.menu li#btnhome a {width: 100%; height:40px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg-ongletHome.png'); display:block; float:left; margin:0; padding:0 0 0 9px}
html>body .racine ul.menu li#btnhome a, html>body ul.menu li#btnhome a{filter:none; background:url(images/bg-ongletHome.png) left bottom no-repeat transparent; }
ul.menu li#btnhome a:hover {color:#364c98; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg-ongletHome-over.png'); display:block; float:left; margin:0; padding:0 0 0 9px}
.racine ul.menu li#btnhome a:hover {color:#364c98; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg-ongletHome-over.png'); display:block; float:left; margin:0; padding:0 0 0 9px}
html>body .racine ul.menu li#btnhome a:hover, html>body ul.menu li#btnhome a:hover {background:url(images/bg-ongletHome-over.png) left bottom no-repeat transparent}


.box3{width:846px; clear:right; margin-top:10px}
.filAriane {display:block; float:left; width:auto; padding: 6px 0 0 85px }
.recherche{display:block; float:right; text-align:right; width:auto; height:auto; padding-right:45px }
.blocdroit {width:228px; height:auto; background:url(images/encart-middle.gif) top left repeat-y; float:right}
.blocdroit div.top {width:100%; height:21px; background:url(images/encart-top.gif) top left no-repeat;}
.blocdroit div.middle div {width:80%; margin:0 auto}
.blocdroit div.bottom {width:100%; height:21px; background:url(images/encart-bottom.gif) top left no-repeat;}

.ombre{width:1006px; margin:0 auto; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/ombres.png', sizingMethod='scale');}
.racine .ombre{width:1006px; margin:0 auto; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ombres.png', sizingMethod='scale');}
html>body .racine .ombre, html>body .ombre{filter: none; background: url(images/ombres.png) repeat-y left;}

.container {width: 92%; margin: 0 auto; position:relative}
.colgauche {width: 230px; height:auto; float:left}
.colgaucheHome {width:629px; height:auto; float:left;}
.coldroiteHome {width:282px; float:right; clear:right; }
.contentpage {width:670px; margin-left:10px; float:left; }

.menugauche {width:228px; margin:0 auto 15px auto;}
.menugauche .top {width:100%; height:37px; background:url(images/menug-top.gif) left bottom no-repeat #fff;}
.menugauche .top h2 {padding: 12px 0 0 20px}
.menugauche .middle {width:226px; border-left: 1px solid #cbcbcb; border-right:1px solid #cbcbcb; background:url(images/bg-menug.gif) left top repeat-x #f0f0f0; /*min-height:195px;*/ height:195px; padding: 8px 0 0 0}
html>body .menugauche .middle {height:auto; min-height:195px; }
.menugauche .middle ul li {text-transform:uppercase; height:auto; display:block; font-size:11px; background:url(images/puce-fleche-verte.gif) left 2px no-repeat; padding: 0 0 0 25px; margin: 0 0 10px 20px; }
.menugauche .middle ul li a {width: 100%; display:block; text-decoration:none;}
.menugauche .middle ul li a.selected {color:#59A521; font-weight:bold}
.menugauche .middle ul li a:hover {color:#59A521}
.menugauche .bottom {width:100%; height:27px; background:url(images/menug-bottom.gif) left top no-repeat #fff}

.menugauche#listeactivites {background:url(images/vignettes-activites.gif) left top no-repeat #fff; height:274px}
.menugauche#listeactivites ul {padding-top:20px}
.menugauche#listeactivites ul li {background:none; text-transform:uppercase; height:17px; font-size:11px; padding: 0 0 0 25px; margin: 0 0 9px 20px; }
.menugauche#listeactivites ul li a {width: 100%; display:block; text-decoration:none;}


.newsletter {width: 228px; margin:0 auto}
.newsletter .top {width:100%; height: 37px; background:url(images/newsletter-top.gif) left bottom no-repeat #fff}
.newsletter .top h2 {padding: 6px 0 0 20px; color:#fff}
.newsletter .middle {width:100%; background-color:#888;}
.newsletter .middle div {width:90%; margin: 0 auto; color:#fff; padding: 5px 0}
.newsletter .bottom {width:100%; height: 21px; background:url(images/newsletter-bottom.gif) left top no-repeat #fff}

.contactReseau {width:228px; height:112px; background:url(images/bg-contactReseau.gif) left top no-repeat}
.contactReseau div {padding: 15px 0 0 60px}
.contactReseau h1 {font-size:13px;}

.boiteOutils {width:228px; margin:15px auto 0 auto;}
.boiteOutils ul {margin:0; padding: 0 0 10px 0}
.boiteOutils ul li {width:100%; height:24px; color:#555; font-size:11px; margin: 0 0 2px 0; padding:0; background:url(images/puce-flecheGrise.gif) no-repeat 10px 7px  #f0f0f0; }
.boiteOutils ul li a {text-decoration:none; padding:0 0 0 20px; margin: 0 0 0 15px; line-height: 24px  }

.footer{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg-footer.png');height:49px;width:1006px; margin:0 auto; text-align:center; padding-top:45px }
.racine .footer{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg-footer.png');height:49px;width:1006px; margin:0 auto; text-align:center; padding-top:45px }
html>body .racine .footer, html>body .footer{filter:none;  background:url(images/bg-footer.png) no-repeat top left; }
.footer img {display:block; float:left; }
.footer p.adresse {width:400px; display:block; margin: 0 auto}
.footer p.liensFooter {width:400px; display:block; margin: 0 auto}

/*########### Eléments pages ########*/

.boxpresentation {width:374px; height:auto; float:left}
.boxpresentation .top {width:100%; height:48px; background:url(images/bg-top-presentation.gif) left bottom no-repeat #fff;}
.boxpresentation .top h1 {margin-left:35px; padding: 0 5px}
.boxpresentation .top h1 span {padding-left:25px}
.boxpresentation .middle {border-left:1px solid #ccc; border-right:1px solid #ccc;}
.boxpresentation .middle div {width:315px; margin:0 auto} 
.boxpresentation .middle div.alaune {width:340px}
.boxpresentation .middle div.alauneentreprise {border-bottom:1px dotted #ccc; padding:10px 0}

.boxpresentation .bottom {width:100%; height:21px; background:url(images/bg-bottom-presentation.gif) left top no-repeat #fff}

.boxRejoindre {width:240px; height:auto; float:left; margin-left:15px}
.boxRejoindre .top {width:100%; height:87px; background:url(images/bg-top-asso.gif) top center no-repeat #fff}
.boxRejoindre .middle {border-left:1px solid #ccc; border-right:1px solid #ccc;}
.boxRejoindre .middle div {width:210px; margin:0 auto;} 
.boxRejoindre .middle div h1 {text-align:center}
.boxRejoindre .bottom {width:100%; height:20px; background:url(images/bg-bottom-asso.gif) top center no-repeat #fff}

.boxdiaporamaHome {width:629px; height:auto; float:left; margin-top:10px; clear:left}
.boxdiaporamaHome .top {width:100%; height:30px; background:url(images/bg-top-diapoHome.gif) 0 10px no-repeat #fff}
.boxdiaporamaHome .top h1 {margin-left:40px}
.boxdiaporamaHome .middle {border:1px solid #ccc; border-top:0; padding-bottom:10px}
.boxdiaporamaHome .middle div {width: 600px; margin: 0 auto}
.boxdiaporamaHome .middle div img {display:block; float:left}
.boxdiaporamaHome .middle div div {width: 200px; float:left; margin:30px 0 0 10px}
.boxdiaporamaHome .middle div div.player {width:195px; height:64px; background:url(images/bg-player.gif) center center no-repeat #fff}
.boxdiaporamaHome .middle div div.player ul li{margin:0; padding:20px 14px 0 14px ;display:block; float:left; background:none}

.blog {width:629px; height:138px; float:left; background:url(images/bg-blog.jpg) top left no-repeat; margin:2px 0 0 0}
.blog div {width: 90%; margin: 20px auto}

.boxActus {width:282px; height:auto; float:right; background:url(images/oeillets.gif) left top no-repeat #fff; }
.boxActus div {width:100%; height:auto; background:url(images/bg-boxActus.gif) 0 0 repeat-y #fff; margin-top:43px; }
.boxActus div div {width:90%; height:auto; margin: 0 auto}
.boxActus h1 {display:block; height:30px; width: 256px; padding: 0 0 0 20px; background-color:#cef436; color:#5f5f5f; font-size:14px; font-family:"Tahoma",Verdana, Arial, Helvetica, sans-serif; line-height:26px;}
.boxActus h1 a img {position:relative; top:5px; left:5px}
.boxActus div div h3 { font-size:12px; background:url(images/puce-lirelasuite.gif) 0 5px no-repeat; padding-left:15px; margin: 15px 0 10px 0}
.boxActus div div h3 span {color: #C90000}
.boxActus div div p {margin:0 0 7px 15px}
.boxActus div.bottom {margin:0; background:url(images/bg-bottom-actus.gif) left top no-repeat #fff; height:22px; width:100%}

.boxnewsletterHome {width: 282px; float:right; clear:right; margin: 10px 0 0 0}
.boxnewsletterHome .top {width:100%; height: 39px; background:url(images/bg-top-newsHome.gif) left bottom no-repeat #fff}
.boxnewsletterHome .top h2 {padding: 6px 0 0 0; text-align:center; color:#fff; font-size:13px}
.boxnewsletterHome .middle {width:100%; background:url(images/bg-middle-newsHome.gif) left top repeat-y #fff}
.boxnewsletterHome .middle div {width:90%; margin: 0 auto; color:#fff; padding: 5px 0}
.boxnewsletterHome .bottom {width:100%; height: 21px; background:url(images/bg-bottom-newsHome.gif) left top no-repeat #fff}

/* #### FICHE ENTREPRISE #### */

.headerFiche {width:654px; height:auto; margin-bottom:15px}
.headerFiche .top {width:100%; height:13px; background:url(images/top-fiche.gif) left bottom no-repeat #fff;}
.headerFiche .middle {width:652px; margin:0 auto; height:auto; border:1px solid #ccc; border-top:0; border-top:0; border-bottom:0}
.headerFiche .middle div {width:600px; height:auto; margin:0 auto}
.headerFiche .middle div div {width:auto; float:left}
.headerFiche .middle div div img {display:block; float:left; margin-right:15px; clear:both;}
.headerFiche .middle div div a.zoom {width:200px; height:36px; display:block; clear:both; background:url(images/bg-loupe.gif) left center no-repeat #fff; color:#2F4013; text-decoration:none; text-align:center; line-height:32px}
.headerFiche .middle div div a.zoom:hover {color:#506B20}
.headerFiche .middle .coordonneesEntreprise {width: 350px; float:left}
.headerFiche .middle .coordonneesEntreprise p.tel{font-size:12px; font-weight:bold; margin: 10px 0}
.headerFiche .bottom {width:100%; height:13px; background:url(images/bottom-fiche.gif) left bottom no-repeat #fff;}

.headerFiche .onglets {width:100%; height:43px}
.headerFiche .onglets ul {width:98%; margin:0 auto}
.headerFiche .onglets ul li {width:128px; height:43px; display:block; float:left; background-color:#fff; text-align:center; margin:0; padding:0 }
.headerFiche .onglets ul li a {width:100%; height:36px; display:block; padding: 7px 0 0 0; background:url(images/onglet-gris.gif) left bottom no-repeat #fff; cursor:pointer; font-size:12px; color:#fff; text-decoration:none; line-height:14px}
.headerFiche .onglets ul li a.uneligne {height:28px;padding:15px 0 0 0}
/*.headerFiche .onglets ul li a:hover {background:url(images/onglet-bleu.gif) left bottom no-repeat #fff}*/

.headerFiche .middle table {width:580px}
.headerFiche .middle table td.seriephotosgauche {width:120px; height:auto; float:left; margin-right:10px}
.headerFiche .middle table td.seriephotosgauche img {display: block; float:left; clear:both; border: 6px solid #f6f6f6}
.headerFiche .middle table td ul {display:block; clear:both}
.headerFiche .middle div.seriephotosdetails {width:450px; height:auto; float:left; clear:right; margin: 0 0 5px 0}
.headerFiche .middle div.seriephotosdetails div {width: 100px; height:auto; float:left; margin: 0 5px 8px 5px;}
.headerFiche .middle div.seriephotosdetails div p {font-size:10px; line-height:12px; text-align:center; font-style:italic; }
/* ### BOUTONS ### */

a.btnblanc {display:block; width:70%; border:1px solid #f2f2f2; height:21px; background:url(images/bg-btnBlanc.gif) left center #fff; margin: 0 auto; padding: 0 5px; text-decoration:none; text-align:center; line-height:18px}
a.btnvert {display:block; width:70%; border:1px solid #f2f2f2; height:21px; background:url(images/bg-btn.gif) left bottom repeat-x #b5e06e; margin: 0 auto; padding: 0 5px; text-decoration:none; text-align:center; line-height:20px}
a.btnvert:hover {color:#226314}
a.ensavoirplus {height:23px; color:#fff; background:url(images/puce-ensavoirplus.gif) 10px 6px no-repeat #5d5d5d; padding: 2px 15px 2px 25px; text-decoration:none; cursor:pointer}
a.ensavoirplus:hover {background-color: #444; color:#fff;}
a.ensavoirplusb {height:23px; color:#4a4a4a; background:url(images/puce-lirelasuite.gif) 10px 6px no-repeat transparent; padding: 2px 15px 2px 25px; text-decoration:none; cursor:pointer}
a.ensavoirplusb:hover {text-decoration:underline; color:#4a4a4a;}

/* ################ RECRUTEMENT #################### */
.note3{font-size: 11px;color: #737375;text-align:justify}
.note2{font-size: 9px;color: #C00F00;font-weight:normal; text-align:left}
.note4{font-size: 12px;color: #C00F00;font-weight:bold; text-align:left}
legend {font-size:14px;font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color:#59A521; margin: 0 0 5px 0; padding: 0 5px; background-color: #fff}
fieldset { border: 1px dotted #ccc; 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:#5A5A5A;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:#5A5A5A;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:#5A5A5A; }
.champrecrut{width:50%;margin-bottom:2px;padding: 1px 2px;font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif; color:#666;font-size:10px;background-color:#f6f6f6; border:1px solid #ccc; }
.champrecruterreur{width:50%;margin-bottom:2px;padding:1px 2px;font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;color:#ffffff;font-size:10px;border:1px #999999 solid;background-color:#C00F00; }
.textarearecrut{width:95%;margin:0 0 2px 0;padding:2px 4px;font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;color:#666;font-size:10px;border: 1px solid #ccc;background-color:#f6f6f6; }

.sendrecrut{float:right;margin-right:35px;margin-bottom:2px;font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;font-size: 10px;border: 1px #999999 solid; background-color: #1B4F8B; color: #EFEFEF; padding:0;}

/* ################ PAGE CONTACT ####################*/
.formcontact{width:350px; float: left; margin:0 0 0 40px;}
.formcontact label input, .formcontact label textarea{width:250px}

/*######## FORMULAIRES #########*/
.champcontact{font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif; background:url(images/bg-input.gif) left bottom #fff; font-size:11px; font-weight:normal;color:#606060; border:1px solid #c9c9c9; 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:1px solid #990000; background:#cc0000; padding:2px 4px; margin: 0 0 2px 0;}
.send{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;color:#5e6e5b; border:1px solid #95ad90; background:#caddc6; padding:2px 4px; margin: 0 0 2px 0;}
.btnrecherche{border:0; width:29px; height:20px; color:#fff; font-size:10px; background:url(images/btn-recherche.gif) no-repeat center center; cursor:pointer;}
.btnvert {border:0; width: auto; height:21px; background:url(images/bg-btn.gif) left bottom repeat-x #b5e06e; padding: 0 5px; color:#fff}

.champfocus{background-color:#646464; border:1px solid #646464; margin:0; font-size:11px; color:#ffffff; padding: 1px 2px;}


/*######## LIGHTBOX #########*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat transparent; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 82px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.modale {border:1px solid #ccc; background-color:#ecfbb7; padding:0 15px 15px 15px}

.InfoResum {width:600px; margin: 5px auto; padding: 10px 0 15px; background:url(images/filet.jpg) left bottom repeat-x; overflow:hidden}
.InfoResum .photo {float:left; width:150px; text-align:center }
.InfoResum .photo img{padding:1px;border: 1px solid #d1d1d1}
.InfoResum .descriptif {float:left; width:400px }
.InfoResum .descriptif .titres {width:260px; float:left}
.font14st {font-size:14px; font-weight:bold}
.font18st {font-size:18px; font-weight:bold}
.font14 {font-size:14px;}
ul li.pdf{display: block; border:none; background:url(images/ico-pdff.gif) no-repeat 0 0;padding: 4px 0 0 20px; margin:0;height:20px}
.bleu{color:#376cae}
.mt10{margin-top:10px}
.mr10{margin-right:10px}