/* **************************************** GENERAL **************************************** */




/* *************** GENERAL *************** */
body {background-image:url("/img/front/bg_picto_webapp.png");background-repeat:repeat;font-family:Arial;font-size: 12px; color:#706859; margin-top: -20px;line-height: 16px; letter-spacing: 0px; }
div.both {clear: both;}
.relative {position: relative;}
div.title {position: relative;margin-bottom: 10px;}
div.title span.text {position: absolute; top: 8px; font-size: 18px; font-weight: bold;color: #000000; margin-left: 5px;}
div.title span.text.orange {color: #ff6c0c;}
/* *************************************** */

/* ******************** FONT ******************** */
.upper {text-transform: uppercase;}
.lower {text-transform: lowercase;}
.orange {color: #ff6c0c;}
.bold {font-weight: bold;}
.notbold {font-weight: normal;}
a {color: #cab68b;}
.white {color: #FFFFFF;}
.blanccasse {color:#cab68b;}
.gold {color: #ce9806;}
.grey {color: #706859;}
.beige {color: #776645;}
.black {color: #000000;}
.fs13 {font-size: 13px;}
.justify {text-align: justify;}
strong {font-weight:bold;}
p.chapeau {font-size: 13px;color: #776645;font-weight: bold;line-height: 17px;text-align: left; margin-bottom: 10px;}
h1 {font-size: 23px; color: #000000;text-transform: uppercase;}
h1 span.slogan {color: #ce9806;}
button.default{width: 89px; height: 23px; background: url('/img/front/bg-button-ensavoirplus.png') transparent no-repeat; border: none; color: #000000; font-weight: bold;}
button.default.hover{background: url('/img/front/bg-button-ensavoirplus-hover.png') transparent no-repeat; cursor: pointer; color: #FFFFFF;}
div.encartTexte {margin-bottom: 20px;}
div.encartTexte p {margin-bottom: 10px;}
div.encartTexte strong {color:#222;}
div.descriptif p {margin-top: 10px; margin-bottom: 20px;}
div.descriptif ul {margin:20px;}
div.descriptif ul li {list-style: disc;}
div.descriptif strong {color:#222;}
div.encart {margin-bottom: 35px;}
a.ensavoirplus {text-decoration: none;position: relative;}
a.ensavoirplus.hover span.text{color: #f5f1e9;}
a.ensavoirplus span.text{color: #6b6351; font-size: 12px;top: -7px;position: relative;left: -70px;letter-spacing: 0px }
/* ********************************************** */

/* ***************************************************************************************** */

/* **************************************** STRUCTURE **************************************** */
body>table.structure {width: 100%; }
body>table.structure tr td.left, body>table.structure tr td.right{background-image:url("/img/front/header/bg_header.png"); background-repeat: repeat-x;min-width: 15px; width: 50%;}
body>table.structure tr td.left div {background-image:url("/img/front/header/bg_header-left.png"); background-repeat: no-repeat; background-position: right; height: 424px}
body>table.structure tr td.right div {background-image:url("/img/front/header/bg_header-right.png"); background-repeat: no-repeat;height: 424px}
body>table.structure tr td.center {width: 938px; background-image:url("/img/front/header/bg_header2.png"); background-repeat: no-repeat;}
body div.footer{left: -3px;}
body div.part1{margin-left: 10px;position: relative;}
body div.part1 div.part1header{background: url("/img/front/page-top.png") no-repeat transparent;height: 10px; width: 918px;}
body div.part1 div.content{background-color: #f5f1e9; width: 918px;}
body div.part1 div.content div.subcontent {padding: 50px;padding-left: 35px;}
/*body div.house {background: url('/img/front/accueil.png') transparent no-repeat; position: absolute;height: 48px; width: 48px;z-index: 10; left: 845px;}*/
/* ******************************************************************************************* */

/* **************************************** HEADER **************************************** */
div.header {position: relative;width: 938px; height: 181px;z-index: 10;}
div.header div.logo {background-image:url("/img/front/header/logo-larger.png"); background-repeat: no-repeat; width: 290px; height: 210px; font-size: 13px; color: #FFFFFF;position: absolute; left: 50%;margin-left: -460px; z-index: 1;}
div.header div.logo div.click{position: relative; width: 290px; height: 168px;}
div.header div.logo span.description {position: absolute;top: 130px;left: 50px;}
div.header span.slogan {position: absolute;top: 65px;left: 310px;color: #3c2d0c; font-size: 40px; height: 50px;line-height: 50px;}
div.header span.slogan span.littleText{font-size: 24px;}

/*CONNEXION*/
div.header div.client {position: absolute;left: 50%;margin-left: 340px; color: #f5f1e9; font-size: 13px;z-index: 2;margin-top: 15px;}
div.header div.client.hover {margin-top: 20px;}
div.header div.client span.bg-left{background-image:url("/img/front/header/menu/bgclient-right.png"); background-repeat: no-repeat; width: 13px; height: 34px; display: inline-block;float: left;}
div.header div.client span.bg-left-hover{background-image:url("/img/front/header/menu/bgclient-right-hover.png"); background-repeat: no-repeat; width: 13px; height: 38px; display: inline-block;float: left;}
div.header div.client span.bg{background-image:url("/img/front/header/menu/bgclient.png"); background-repeat: repeat-x; height: 34px;display: inline-block;float: left;}
div.header div.client span.bg-hover{background-image:url("/img/front/header/menu/bgclient-hover.png"); background-repeat: repeat-x; height: 38px;display: inline-block;float: left;}
div.header div.client span.bg-right{background-image:url("/img/front/header/menu/bgclient-left.png"); background-repeat: no-repeat; width: 19px; height: 34px;display: inline-block;float: left;}
div.header div.client span.bg-right-hover{background-image:url("/img/front/header/menu/bgclient-left-hover.png"); background-repeat: no-repeat; width: 19px; height: 38px;display: inline-block;float: left;}
div.header div.client a {color: #f5f1e9}
div.header div.client span.bg span.text{margin-top: 8px; display: inline-block;color: #cab68b;}
div.header div.client span.bg-hover span.text{margin-top: 5px; display: inline-block;}

/*MENU*/
div.menu {position: absolute; top: 128px;left: 285px;z-index: 3}
div.menu div.spacer {background-image:url("/img/front/header/menu/spacer.png"); background-repeat: repeat-x; width: 78px; height: 28px;display: inline-block; position: absolute; top: 12px; left: 18px;}
div.menu ul{margin-left: 95px;}
div.menu ul li{float: left;position: relative;}
div.menu ul li span.bg-left{background-image:url("/img/front/header/menu/bg-left.png"); background-repeat: no-repeat; width: 17px; height: 40px; display: inline-block;float: left;}
div.menu ul li span.bg-left-hover{background-image:url("/img/front/header/menu/bg-left-hover.png"); background-repeat: no-repeat; width: 17px; height: 40px; display: inline-block;float: left;}
div.menu ul li span.bg{background-image:url("/img/front/header/menu/bg.png"); background-repeat: repeat-x; height: 40px;display: inline-block;float: left;}
div.menu ul li span.bg-hover{background-image:url("/img/front/header/menu/bg-hover.png"); background-repeat: repeat-x; height: 40px;display: inline-block;float: left;}
div.menu ul li span.bg-right{background-image:url("/img/front/header/menu/bg-right.png"); background-repeat: no-repeat; width: 17px; height: 40px;display: inline-block;float: left;}
div.menu ul li span.bg-right-hover{background-image:url("/img/front/header/menu/bg-right-hover.png"); background-repeat: no-repeat; width: 17px; height: 40px;display: inline-block;float: left;}
div.menu ul li span.bg span.text{margin-top: 21px; display: inline-block;}
div.menu ul li span.bg-hover span.text{margin-top: 21px; display: inline-block;}
div.menu ul li.faq span.bg{background-image:url("/img/front/header/menu/bg-faq.png"); background-repeat: no-repeat;width: 25px; height: 40px; position: absolute;}
div.menu ul li.faq span.bg-hover{background-image:url("/img/front/header/menu/bg-faq.png"); background-repeat: no-repeat;width: 25px; height: 40px; position: absolute;}
div.menu ul li.faq span.bg span.text{color: #000000;font-size: 14px;margin-left: 7px;}
div.menu ul li.faq span.bg-hover span.text{color: #FFFFFF;font-size: 14px;margin-left: 7px;}
/* **************************************************************************************** */

/* **************************************** FOOTER **************************************** */
div.bgfooter {background-image:url("/img/front/footer/bg.png"); background-repeat: repeat-x;width: 100%; height: 257px;}
div.footer {position: relative;}
div.footer div.content {width: 918px; height: 57px; background-color: #000000; position: absolute; margin-left: 13px; text-align: center;}
div.footer div.content div.adresse {font-size:11px;color: #AA9675;margin-top:4px;}
div.footer div.contentbottom {background-image:url("/img/front/footer/footer-bottom.png"); background-repeat: no-repeat;width: 918px; height: 15px;margin-left: 13px;position: absolute;top: 57px;}
body.accueil div.footer div.contentbottom {background-image:url("/img/front/footer/footer-bottom-accueil.png"); background-repeat: no-repeat;width: 915px; height: 15px;margin-left: 13px;position: absolute;top: 57px;}
div.footer div.content ul {display: inline-block;margin-top: 16px;}
div.footer div.content ul li {float: left; font-size: 11px; color: #e9e4dc;text-transform: uppercase;margin: 0 8px 0 8px;}
div.footer div.content ul li.separator {font-size: 11px; margin: 0 5px 0 5px;}
div.footer div.content ul li a:hover {text-decoration: underline}
/* **************************************************************************************** */


/* ***************************************** PAGE ***************************************** */
/* ********** ACCUEIL ********** */
body.accueil div.footer {left: 0px;}
body.accueil div.footer div.content {width: 915px;}
body.accueil div.content div.maskerspacer{ height: 656px;}
body.accueil div.content div.mask{background: url('/img/front/accueil/bg.png'); background-repeat: no-repeat; width: 967px; position: absolute;height: 656px;left: -15px;}

/*VIEWER*/
body.accueil div.content div.gallery{position: absolute;left: 38px;top: 192px;width: 861px; height: 473px; overflow: hidden;}
body.accueil div.content div.gallery div.one{width: 861px;}
body.accueil div.content div.gallery div.two{width: 5166px;}
body.accueil div.content div.gallery div.three{width: 861px;}
body.accueil div.content div.gallery div.row{position: absolute;top: 0px; }
body.accueil div.content img.viewer{float: left;}
body.accueil div.content div.mask img.clickHelper {position:absolute; top:11px; left:53px;}
body.accueil div.content div.mask div.button-left-viewer{top: 213px;left: 15px;}
body.accueil div.content div.mask div.button-left-viewer.hover{background: url("/img/front/accueil/fleche-gauche.png") transparent;}
body.accueil div.content div.mask div.button-right-viewer{top: 186px;left: 927px;}
body.accueil div.content div.mask div.button-right-viewer.hover{background: url("/img/front/accueil/fleche-droite.png") transparent;}
body.accueil div.content div.mask div.button-viewer{width: 25px; height: 27px;cursor: pointer; position: relative; background: none;}
/*DESCRIPTION*/
body.accueil div.content div.mask div.prestation{position: relative;left: 729px;top: 13px;width: 200px;}
body.accueil div.content div.mask div.prestation span.text{color: black;position: absolute;top: 8px;font-size: 16px;margin-left: 5px}
body.accueil div.content div.mask div.description{position: relative;left: 35px;top: 270px; width:260px;}
body.accueil div.content div.mask div.description p {width: 216px; margin-top: 10px;margin-left: 15px;max-height: 61px;overflow: hidden;}
body.accueil div.content div.mask div.description a.ensavoirplus {margin-left: 105px;}
body.accueil div.content div.mask div.description div.title{width: 222px;}
body.accueil div.content div.mask div.description div.title span.text{top: 3px;}

/*VIGNETTES*/
body.accueil div.content div.mask div.labels {position: absolute;bottom: 0px; left: 50px;}
body.accueil div.content div.mask div.labels div {float: left;margin-right: 10px;position: relative;}
body.accueil div.content div.mask div.labels div span.text {position: absolute;color: #FFFFFF;text-align: center;}
body.accueil div.content div.mask div.labels div.first {background: url("/img/front/accueil/bg-vignette-grande-hover.png") transparent; width: 168px; height: 153px;}
body.accueil div.content div.mask div.labels div.first div.enSavoirPlus {display:none; position:absolute; top:10px; left:7px; width:155px; height:85px; line-height:85px; background:#FAC32E; text-align:center; text-transform:uppercase; font-weight:bold;}
body.accueil div.content div.mask div.labels div.first div.enSavoirPlus a {display:block; height:85px; color:#000;}
body.accueil div.content div.mask div.labels div.first img {top: 10px;position: absolute;left: 7px;width: 155px; height: 85px;}
body.accueil div.content div.mask div.labels div.first span.text {bottom: 22px;font-size: 13px;width: 168px; color: #000000;}
body.accueil div.content div.mask div.labels div.other{background: url("/img/front/accueil/bg-vignette-petite.png") transparent; width: 133px; height: 125px;margin-top: 25px; cursor: pointer;}
body.accueil div.content div.mask div.labels div.other div.enSavoirPlus {display:none; position:absolute; top:6px; left:4px; width:124px; height:68px; line-height:68px; background:#CDC7BD; text-align:center; text-transform:uppercase; font-weight:bold;}
body.accueil div.content div.mask div.labels div.other div.enSavoirPlus a {display:block; height:68px; color:#262424;}
body.accueil div.content div.mask div.labels div.other img {position: absolute;top: 6px;left: 4px;width: 124px; height: 68px;}
body.accueil div.content div.mask div.labels div.other.hover{background: url("/img/front/accueil/bg-vignette-petite-hover.png") transparent;}
body.accueil div.content div.mask div.labels div.other.hover span.text{color: #000000;}
body.accueil div.content div.mask div.labels div.other.otherfirst span.text {bottom: 25px;}
body.accueil div.content div.mask div.labels div.other span.text {bottom: 11px;width: 133px; height: 34px;}
/*EDITO*/
body.accueil div.content div.edito {width: 915px; margin-left: 13px;margin-top: 4px;}
body.accueil div.content div.edito table.edito {width: 100%;}
body.accueil div.content div.edito table.edito td.first{background-color: #f5f1e9; width: 35%;padding-bottom: 15px;}
body.accueil div.content div.edito table.edito td.other{background-color: #e9e4dc;width: 35%;padding-bottom: 15px;}
body.accueil div.content div.edito table.edito td.other.last{width: 30%}
body.accueil div.content div.edito table.edito td table{margin-top: 30px;margin-left: 20px;}
body.accueil div.content div.edito td.title {font-size: 17px; color: #000000;height: 60px;line-height:20px;}
body.accueil div.content div.edito td.title span.text {top: -5px;position: relative;}
body.accueil div.content div.edito p.chapeau{ margin-bottom: 20px; padding-right: 15px;}
body.accueil div.content div.edito p.corp{padding-right: 15px;}
body.accueil div.content div.edito a.ensavoirplus {top: 5px;}
body.accueil div.content div.edito ul {margin-bottom: 15px}
body.accueil div.content div.edito ul li {color: #706859; font-size: 12px;margin-bottom: 5px}
body.accueil div.content div.edito ul li a {color: #706859;}
body.accueil div.content div.edito ul li span.text{margin-left: 5px;position: relative;top: -4px;}
/* ***************************** */



/* ********** REFERENCES ACCUEIL ********** */
.refrences_accueil {
	height: auto;
	width: 826px;
	background-image: url(/img/front/references/bg-accueilprojet.png);
	background-repeat: no-repeat;
	padding-right: 12px;
	padding-left: 12px;
	padding-bottom: 10px;
	padding-top: 15px;
}
.refrences_presentation {
	height: auto;
	width: 275px;
	float: left;
	text-align: center;
	margin-bottom: 20px;
}
.refrences_presentation a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	color: #262424;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	
}

.refrences_presentation a:hover {
	color: #ff6c0c;
}

.refrences_presentation img {
	height: 138px;
	width: 250px;
	margin-bottom: 5px;
	border: 5px solid #cdc7bd;

}

.refrences_presentation img:hover {
	opacity:0.8;
}



.refrences_listing {
	height: auto;
	width: 888px;
	background-color: #f5f1e9;
	margin-top: 10px;
	padding-left: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
}


.references_listing_ensemble {
	float: left;
	height: 190px;
	width: 110px;
	margin-right: 14px;
	background-image: url(/img/front/references/bg-accueilprojetlisting.png);
	background-repeat: no-repeat;
	padding-top: 11px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.references_listing_ensemble h2 {
	background-image: url(/img/front/fleche-carre-petite.png);
	background-repeat: no-repeat;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CE9806;
	text-indent:23px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.references_listing_ensemble a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #706859;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #E1DDD5;
	display: block;
}

.references_listing_ensemble a:hover {
	color: #CE9806;
}


.annulation_flottement {
	clear: both;
}



/* ********** REFERENCES GLOBAL ********** */
body.references div.part1, body.references-accueil div.part1 {margin-left: 10px;position: relative;}
body.references div.part1 div.subcontent, body.references-accueil div.part1 div.subcontent {width: 870px;}
body.references div.submenu, body.references-accueil div.submenu {margin-left: 100px;position: relative;height: 40px;top: 15px;}
body.references div.submenu ul, body.references-accueil div.submenu ul {height: 53px; position: absolute; top: 0px; z-index: 100}
body.references div.submenu ul li, body.references-accueil div.submenu ul li {background: url("/img/front/references/menu-vignette-small.png") no-repeat; width: 122px; height: 43px;float: left; color: #ffffff;text-align: center; font-size: 11px; cursor: pointer;position: relative;line-height: 12px;}
body.references div.submenu ul li.hover, body.references-accueil div.submenu ul li.hover {background: url("/img/front/references/menu-vignette-small-hover.png") no-repeat;}
body.references div.submenu ul li span.text, body.references-accueil div.submenu ul li span.text {margin-top: 5px;display: inline-block;width: 110px; cursor: pointer}
body.references div.submenu ul li a, body.references-accueil div.submenu ul li a {color: #ffffff; font-weight: bold;width: 100%;height: 43px;display: inline-block;cursor: pointer}
body.references div.submenu ul li.hover a, body.references-accueil div.submenu ul li.hover a {color: #000000;}
body.references div.submenu ul li.active, body.references-accueil div.submenu ul li.active {background: url("/img/front/references/menu-vignette-big.png") no-repeat; width: 153px; height: 53px; font-size: 14px;font-weight: bold; color: #000000;}
body.references div.submenu ul li.active span.text, body.references-accueil div.submenu ul li.active span.text {width: 140px;}
body.references div.submenu ul li.active a, body.references-accueil div.submenu ul li.active a {color: #000000;}
body.references div.part1 div.projet{position: relative;}
body.references div.part1 div.projet div.fiche table.etatcivil {margin-bottom: 10px;}
body.references div.part1 div.projet div.fiche table.etatcivil td span{ display: inline-block;margin-right: 5px;height: 20px;}
body.references div.part1 div.projet div.fiche p.description{margin-bottom: 10px;}
body.references div.part1 div.viewer {background: url("/img/front/references/bg-viewer.png") no-repeat transparent; width: 575px; height: 415px;float: left; position: relative;}
body.references div.part1 div.viewer div.button{width: 24px; height: 27px;position: absolute; cursor: pointer;}
body.references div.part1 div.viewer div.left{background: url("/img/front/references/bt-viewer-button-left.png") no-repeat transparent; top: 180px;left: 7px;}
body.references div.part1 div.viewer div.left.hover{background: url("/img/front/references/bt-viewer-button-left-hover.png") no-repeat transparent;}
body.references div.part1 div.viewer div.right{background: url("/img/front/references/bt-viewer-button-right.png") no-repeat transparent; top: 180px;left: 535px;}
body.references div.part1 div.viewer div.right.hover{background: url("/img/front/references/bt-viewer-button-right-hover.png") no-repeat transparent;}
body.references div.part1 div.viewer div.description{/*background-color:#161414;*/ bottom: 27px;left: 35px; width: 489px; height: 77px; margin: auto; position: absolute;}
body.references div.part1 div.viewer div.description p{width: 459px; height: 67px; margin: auto; font-size: 12px; /*color: #ffffff;*/color: #000000; overflow: hidden; margin-top: 10px;}
body.references div.part1 div.viewer div.gallery {width: 488px; height: 268px; overflow: hidden; position: absolute;top: 27px;left: 35px;}
body.references div.part1 div.viewer div.gallery div.row{position: absolute; top: 0px;}
body.references div.part1 div.viewer div.gallery div.row img {float: left;}
body.references div.part1 div.fiche {background: url("/img/front/references/bg-ficheprojet.png") no-repeat transparent; width: 288px; height: 414px; float: right;}
body.references div.part1 div.fiche div.subfiche{width: 278px; height: 406px; overflow: hidden;}
body.references div.part1 div.fiche div.subcontent{ width: 240px; margin: auto;margin-top: 15px;padding: 0px}
body.references div.part1 div.fiche div.subcontent div.title{ position: relative;margin-bottom: 25px;}
body.references div.part1 div.fiche div.subcontent li {margin:0 0 0 32px;list-style: disc;}

body.references div.part2 {background-color: #f5f1e9;width: 918px;margin-top: 10px;}
body.references div.part2 div.projects {padding-top: 25px; width: 870px;margin: auto;padding-bottom: 25px;}
body.references div.part2 div.projects div.project {width: 196px; height: 215px; background-color: #FFFFFF;overflow: hidden; cursor: pointer; float: left;margin-right: 5px;margin-bottom:5px;}
body.references div.part2 div.projects div.project.hover {background-color: #cdc7bd;}
body.references div.part2 div.projects div.project p.description {padding:2px;}
body.references div.part2 div.projects div.project div.subcontent {width: 182px; height: 198px; margin: auto; margin-top: 10px;}
body.references div.part2 div.projects div.project div.subcontent div.title{position: relative;margin-bottom: 5px;}
body.references div.part2 div.projects div.project div.subcontent div.title span.text {font-size: 11px; color: #ce9806;font-weight: bold; position: absolute; top: 5px; left: 25px;}
body.references div.part2 div.projects div.project.hover div.subcontent div.title span.text {font-size: 11px; color: #000000;}
body.references div.part2 div.projects div.project div.subcontent div.image {border: 5px solid #bfb8a9; width: 173px; height: 94px;margin-bottom: 5px;}
body.references div.part2 div.projects div.project.hover div.subcontent div.image {border-color: #FFFFFF;}

body.references div.part1 div.ajaxloader {position: absolute; top: 280px; left: 180px; background-color: #000000;width: 550px; margin: auto; height: 200px; border-radius: 5px 5px; opacity: 0.8; display: none;}
body.references div.part1 div.ajaxloader div.loader {width: 290px;text-align: center; margin: auto;margin-top: 80px;}
body.references div.part1 div.ajaxloader img {}
body.references div.part1 div.ajaxloader span.text {font-weight: bold; color: #FF6C0C; font-size: 18px;}
/*JSCROLLPANE*/
body.references .jspVerticalBar{right:0px; width: 6px;}
body.references .jspTrack {background: #cab68b;}
body.references .jspDrag {background-image:url("/img/front/bg_picto_webapp.png");background-repeat:repeat;}
body.references .jspArrow {background: #FF6C0C;}
/* ******************************** */

/* ********* PARTENAIRES ********* */
body.partenaires div.metier{position: relative;padding-bottom: 20px;}
body.partenaires div.metier div.title{text-align: center; width: 150px;margin: auto;}
body.partenaires div.metier div.title span.bg {display: inline-block; width: 150px; background-color: #e7e0d5;height: 40px;position: relative;}
body.partenaires div.metier div.title span.bg span{font-size: 13px;color: #000000;margin-top: 11px;display: inline-block;}
body.partenaires div.metier div.title span.left {display: inline-block; width: 5px; height: 40px; position: absolute;top: 0px; left: -5px;background: url("/img/front/partenaires/bg-titre-left.png") no-repeat;}
body.partenaires div.metier div.title span.right {display: inline-block; width: 5px; height: 40px; position: absolute;top: 0px; right: -5px; background: url("/img/front/partenaires/bg-titre-right.png") no-repeat;}
body.partenaires div.metier div.title span.bottom {display: inline-block; width: 30px; height: 12px; left: 50%; margin-left: -15px; background: url("/img/front/partenaires/bg-titre-bottom.png") no-repeat;position: absolute;top: 40px;}
body.partenaires div.metier span.bg-top {display: inline-block; width: 49px; height: 10px; left: 50%; margin-left: -25px; background: url("/img/front/partenaires/bg-metier-top.png") no-repeat;position: absolute;top: 53px;}
body.partenaires div.metier div.partenaire {width: 306px; height: 272px; background-color: #e7e0d5; position: relative; float: left;margin-top: 20px;cursor: pointer; border-bottom: 10px solid #F5F1E9;text-align: center}
body.partenaires div.metier div.partenaire.center {margin-left: 0px; margin-right: 0px;}
body.partenaires div.metier div.partenaire table {width: 306px;}
body.partenaires div.metier div.partenaire table tr.img td {height: 120px;}
body.partenaires div.metier div.partenaire table tr.description td {height: 85px;}
body.partenaires div.metier div.partenaire img {margin: auto;display: block;margin-top: 20px;}
body.partenaires div.metier div.partenaire.empty img {margin-top: 75px;}
body.partenaires div.metier div.partenaire div.title {position: relative;width: 100%;margin-top: 10px;}
body.partenaires div.metier div.partenaire div.title img {display: inline;margin: 0;}
body.partenaires div.metier div.partenaire div.title span.text {color: #000000; font-size: 13px;position: relative;top: -7px;}
body.partenaires div.metier div.partenaire p.description {width: 270px; margin: auto; font-size: 14px;margin-top: 5px;text-align: justify;}
body.partenaires div.metier div.partenaire a { font-size:12px; font-weight: bold; color: #000000;margin-top: 5px;display: block;}
body.partenaires div.metier div.partenaire a:hover {text-decoration: underline}
/*hover*/
body.partenaires div.metier div.title.hover span.text{color: #000000;}
body.partenaires div.metier div.partenaire.hover {background-color: #cdc7bd; border-bottom: 10px solid #fac32e;}
body.partenaires div.metier div.title.hover span.bg {background-color: #fac32e;}
body.partenaires div.metier div.title.hover span.left {background: url("/img/front/partenaires/bg-titre-left_hover.png") no-repeat;}
body.partenaires div.metier div.title.hover span.right {background: url("/img/front/partenaires/bg-titre-right_hover.png") no-repeat;}
body.partenaires div.metier div.title.hover span.bottom {background: url("/img/front/partenaires/bg-titre-bottom_hover.png") no-repeat;position: absolute;top: 40px;}
body.partenaires div.metier.hover span.bg-top {background: url("/img/front/partenaires/bg-metier-top_hover.png") no-repeat;}
/* ******************************** */

/* ************ CONTACT ************ */
body.contact span.title { font-size: 18px; font-weight: bold; color: #000000;}
body.contact table.position {width: 918px;}
body.contact div.encartPhoto img {border: 1px solid #000000;margin-top: 83px;}
body.contact div.encartPhoto p {color: #FF6C0C; text-align: center; font-weight: bold;}
body.contact td.text{width: 500px; padding-left: 50px;padding-top: 25px;}
body.contact div.title {margin-left: 90px;position: relative;margin-bottom: 25px;}
body.contact div.title span.text {top: 8px;position: absolute;left: 62px;}
body.contact td.photo {text-align: center;}
body.contact table.formulaire {margin-top: 10px;}
body.contact table.formulaire input[type=text]{width: 170px;}
body.contact table.formulaire textarea{width: 250px; height: 150px;}
body.contact p.returnMessage {color: #FF6C0C; font-weight: bold;}
body.contact table.formulaire tr.erreur td{color: #FF6C0C; font-weight: bold; text-align: center;}
body.contact th {vertical-align: middle;}
body.contact strong {color:#222;}
/* ********************************* */

/* *************** FAQ *************** */
body.faq p.reponse {margin-bottom: 15px;}
body.faq div.encart {float: left;}
body.faq img.petitponey{float: right;border: 1px solid black;}
/* *********************************** */


/* *************** TEST-JEU *************** */
body.test-jeu div.jeu {height:900px;padding:30px 10px 10px 10px;position:relative;}
body.test-jeu div.jeu > div, body.test-jeu div.jeu > canvas {width:900px;height:900px;position:absolute;}

body.test-jeu div.performances {position:absolute;left:-300px;top:40px; border:1px solid gray;background:#E0E0E0;width:250px;padding:4px 10px;}
body.test-jeu div.stats {position:absolute;left:-300px;top:280px; border:1px solid gray;background:#E0E0E0;width:250px;padding:4px 10px;}
body.test-jeu div.controles {position:absolute;left:-300px;top:240px; border:1px solid gray;background:#E0E0E0;width:250px;padding:4px 10px;}
body.test-jeu div.hover {position:absolute;left:950px;top:240px; border:1px solid gray;background:#E0E0E0;width:250px;padding:4px 10px;display:none;}
body.test-jeu div.hover div.sol div.plante {margin:6px 20px;}
body.test-jeu p.footer {font-style:italic;font-size:11px;text-align:center;}
/* *********************************** */


/* **************************************************************************************** */