ƒ/* 
Theme Name: Certificats Vert - MHEC
Theme URL: http://www.certificats-verts.fr/
Description : Theme par MHEC pour mhec.fr
Version : 0.1
Author : Aurélie Vinot
*/
/*Reset de style*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
h1 {
	color:#44529b;
	font-size:26px;
}
h2 {
}
a {
	color: #060;
}
h3 {
	color:#4b5d44;
	margin:10px 0 10px 0px;
	font-weight:lighter;
	font-size:16px;
}
p {
	line-height:14px;
	font-size:12px;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* liste style*/
/* Global */
body {
	background:#bddaf0;
	font-family:Arial, Helvetica, sans-serif;
}
#page {
	margin:0 auto;
	width:890px;
}
/* Header */
/* Logo */
#logo{
	float: left;
	width: 700px;
}
#logo_cv {
	float:left;;
	margin:0;
}
/* Bandeau */
#header-btn {
	background: url(img/fond-header.jpg) top left repeat-x;
	height:420px;
	width:882px;
}
#header_photos, #header_photos ul, #header_photos img {
	/*border:2px solid #fff;*/
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	margin-left:1px;
}
ul#animated-panorama {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
ul#animated-panorama li {
	padding: 0;
}
#header-cv {
	background: url(img/header-CV.png) bottom left repeat-x;
	height:88px;
	width:882px;
}
a.certificat {
	display:block;
	float:right;
	width:197px;
	height:43px;
	background:url(img/btn-contribuer.png) top left no-repeat;
	text-decoration:none;
	margin:20px 20px 0 0;
}
#header-btn ul {
	float:left;
	width:476px;
}
#header-btn ul li {
	float:left;
}
#header-btn ul li a {
	height:67px;
	float:left;
	margin:5px 0 0 0;
}
#header-btn a.mhec {
	background:url(img/btn-header-mhec.png) top left no-repeat;
	width:480px;
	margin:5px 0 0 30px;
}
#header-btn a.mhec:hover {
	background:url(img/btn-header-mhec.png) bottom left no-repeat;
}
#header-btn a.solaire {
	background:url(img/btn-header-panneaux.png) top left no-repeat;
	width:480px;
	margin:5px 0 0 30px;
}
#header-btn a.solaire:hover {
	background:url(img/btn-header-panneaux.png) bottom left no-repeat;
}
#header-btn a.certificat {
	background:url(img/btn-header-certificat.png) top left no-repeat;
	width:450px;
	margin:20px 0 0 30px;
}
#header-btn a.certificat:hover {
	background:url(img/btn-header-certificat.png) bottom left no-repeat;
}
#header-btn a.chambres {
	background:url(img/btn-header-chambre.png) top left no-repeat;
	width:350px;
	margin:5px 0 0 30px;
}
#header-btn a.chambres:hover {
	background:url(img/btn-header-chambre.png) bottom left no-repeat;
}
/* Menu */
#menu {
	width:882px;
	margin-top:0px;
}
#menu-gauche, #menu-droite {
	width:882px;
	height:50px;
}
#menu-gauche {
	background: url(img/fond-menu-gauche.png) top left no-repeat;
}
#menu-droite {
	background: url(img/fond-menu-droite.png) top right no-repeat;
}
ul.menu_centre {
	background: url(img/fond-menu-centre.png) top left repeat-x;
	height:50px;
	width:860px;
	margin:0 auto;
}
ul.menu_centre li {
	display:block;
	float:left;
	margin:0 0 0 8px;
}
ul.menu_centre li a {
	height:48px;
	float:left;
}
ul.menu_centre li a:link {
	color:#6f2b8b;
}
ul.menu_centre li a:visided {
 color:#fff;
}
ul.menu_centre li a:hover {
	color:#fff;
}
ul.menu_centre li a.home {
	background:url(img/btn-menu-home.jpg) top left no-repeat;
	width:72px;
	height:48px;
}
ul.menu_centre li a.home:hover, ul.menu_centre li a.home.actif {
	background:url(img/btn-menu-home.jpg) bottom left no-repeat;
}
ul.menu_centre li a.propos {
	background:url(img/btn-menu-apropos.jpg) top left no-repeat;
	width:93px;
	height:48px;
}
ul.menu_centre li a.propos:hover, ul.menu_centre li a.propos.actif {
	background:url(img/btn-menu-apropos.jpg) bottom left no-repeat;
}
ul.menu_centre li a.projetsdurable {
	background:url(img/btn-menu-projetsdurable.jpg) top left no-repeat;
	width:158px;
}
ul.menu_centre li a.projetsdurable:hover, ul.menu_centre li a.projetsdurable.actif {
	background:url(img/btn-menu-projetsdurable.jpg) bottom left no-repeat;
}
ul.menu_centre li a.certificatsvert {
	background:url(img/btn-menu-certificats.jpg) top left no-repeat;
	width:148px;
}
ul.menu_centre li a.certificatsvert:hover, ul.menu_centre li a.certificatsvert.actif {
	background:url(img/btn-menu-certificats.jpg) bottom left no-repeat;
}
ul.menu_centre li a.presse {
	background:url(img/btn-menu-presse.jpg) top left no-repeat;
	width:94px;
}
ul.menu_centre li a.presse:hover, ul.menu_centre li a.presse.actif {
	background:url(img/btn-menu-presse.jpg) bottom left no-repeat;
}
ul.menu_centre li a.partenaires {
	background:url(img/btn-menu-partenaires.jpg) top left no-repeat;
	width:123px;
}
ul.menu_centre li a.partenaires:hover, ul.menu_centre li a.partenaires.actif {
	background:url(img/btn-menu-partenaires.jpg) bottom left no-repeat;
}
ul.menu_centre li a.contacts {
	background:url(img/btn-menu-contacts.jpg) top left no-repeat;
	width:91px;
}
ul.menu_centre li a.contacts:hover, ul.menu_centre li a.contacts.actif {
	background:url(img/btn-menu-contacts.jpg) bottom left no-repeat;
}
ul.menu_centre ul {
	top:auto;
}
ul.menu_centre li ul ul {
	/*left:11.3em;*/
	/*margin:0px 0 0 10px;*/
	margin:0;
}
ul.menu_centre li:hover ul ul, ul.menu_centre li:hover ul ul ul, ul.menu_centre li:hover ul ul ul ul {
	display:none;
}
ul.menu_centre li:hover ul, ul.menu_centre li li:hover ul, ul.menu_centre li li li:hover ul, ul.menu_centre li li li li:hover ul {
	display:block;
}
ul.sous_menu {
	position:absolute;
	display:block;
	width:200px;
	top:50px;
	z-index:1;
	line-height:0.6em;
	list-style-position:outside;
	list-style-type:none;
	padding:50px 0 0 0;
	
}
ul.sous_menu li {
	/*float:left;*/
	color:#A5A5A5;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
}

ul.sous_menu li a {
	/*display:block;*/
	
	background-color:#97c273;
	background-image:none !important;
	/*float:left;*/
	width:150px;
	height:20px;
	padding-top:10px;
	margin:1px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}
/* Sidebar */
#sidebar {
	width:365px;
	float:left;
	font-size:11px;
	margin-top:30px;
}
#sidebar h2 {
	width:290px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#4a536b;
	border-bottom:2px solid #fff;
	padding:0 0 12px 40px;
	margin-bottom:15px;
}
#sidebar a {
	font-weight:lighter;
	text-decoration:none;
}
#sidebar a.back {
	display:block;
	text-decoration:underline;
	width:20px;
	margin: -35px 0 0 240px;
}
#sidebar a.forward {
	display:block;
	text-decoration:underline;
	width:20px;
	margin: -35px 0 0 220px;
}
#sidebar p {
	line-height:14px;
}

/* Sous menu */
#sous-page li{
	margin:10px 0 0 0;
	}
.associes {
	display:block;
	background:url(img/btn_associes.jpg) top left no-repeat;
	width:298px;
	height:57px;
	text-decoration:none;
}
.associes:hover, a.associes.actif {
	background:url(img/btn_associes.jpg) bottom left no-repeat;
}
.historique {
	display:block;
	background:url(img/btn_historique.jpg) top left no-repeat;
	width:298px;
	height:57px;
	text-decoration:none;
}
.historique:hover, a.historique.actif {
	background:url(img/btn_historique.jpg) bottom left no-repeat;
}
.village {
	display:block;
	background:url(img/btn_village.jpg) top left no-repeat;
	width:298px;
	height:57px;
	text-decoration:none;
}
.village:hover, a.village.actif {
	background:url(img/btn_village.jpg) bottom left no-repeat;
}
.microcentrale {
	display:block;
	background:url(img/btn_microcentrale.jpg) top left no-repeat;
	width:298px;
	height:57px;
	text-decoration:none;
}
.microcentrale:hover, a.microcentrale.actif {
	background:url(img/btn_microcentrale.jpg) bottom left no-repeat;
}
.solaire {
	display:block;
	background:url(img/btn_solaire.jpg) top left no-repeat;
	width:298px;
	height:57px;
	text-decoration:none;
}
.solaire:hover, a.solaire.actif {
	background:url(img/btn_solaire.jpg) bottom left no-repeat;
}
.chambres {
	display:block;
	background:url(img/btn_chambres.jpg) top left no-repeat;
	width:298px;
	height:57px;
	text-decoration:none;
}
.chambres:hover, a.chambres.actif {
	background:url(img/btn_chambres.jpg) bottom left no-repeat;
}
.presentation {
	display:block;
	background:url(img/btn_presentation.jpg) top left no-repeat;
	width:298px;
	height:57px;
	text-decoration:none;
}
.presentation:hover, a.presentation.actif {
	background:url(img/btn_presentation.jpg) bottom left no-repeat;
}
.avantages {
	display:block;
	background:url(img/btn_avantages.jpg) top left no-repeat;
	width:298px;
	height:57px;
	text-decoration:none;
}
.avantages:hover, a.avantages.actif {
	background:url(img/btn_avantages.jpg) bottom left no-repeat;
}
.contribuer {
	display:block;
	background:url(img/btn_contribuer.jpg) top left no-repeat;
	width:298px;
	height:57px;
	text-decoration:none;
}
.contribuer:hover, a.contribuer.actif {
	background:url(img/btn_contribuer.jpg) bottom left no-repeat;
}
/* PUSH */
.push-content {
	width:290px;
	margin:0 0 0 30px;
}
.push-content p{
		margin-bottom:10px;
}
/* PAGE PRESSE */
#presse-content {
	width:280px;
	margin:20px 0 0 30px;
}
#presse-content p {
	margin-bottom:20px;
}
/* Lecteur video */
#player2 {
	visibility:visible;
}
/* CONTENT */
#content {
	width:460px;
	float:left;
	font-size:11px;
	margin:30px 0 0 60px;
}
#content h2 {
	width:420px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#4a536b;
	border-bottom:2px solid #fff;
	padding:0 0 12px 30px;
	margin-bottom:25px;
}
#content-global {
	margin:30px 0 0 0;
	padding:0 0 0 0;
}
#content-global h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#4a536b;
	border-bottom:2px solid #fff;
	padding:0 0 12px 40px;
}
/* BULLE 1 */
#bulle1 {
	background-color:#72ae3d;
	width:450px;
	float:left;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
}
#content #bulle1 h2 {
	width:290px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	color:#ffffff;
	padding:0 0 0 40px;
	border:none;
}
#content #bulle1 h3 {
	color:#4b5d44;
	margin:10px 0 10px 40px;
	font-weight:lighter;
	font-size:16px;
}
#bulle1 #bulle1-content {
	margin:20px 0 30px 0px;
}
#bulle1-content p {
	margin:0px 30px 20px 40px;
}
#bulle1 a {
	display:block;
	text-decoration:underline;
	width:200px;
	margin:10px 0 25px 40px;
}
#bulle1 a.rien {
	display:inline;
	text-decoration:line;
	margin:0;
	font-size:12px;
	width:40px;
}
/* BULLE 2 */
#bulle2 {
	background-color:#72ae3d;
	width:318px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
	margin:10px 10px 10px 10px;
	padding:30px 30px 50px 30px;
}
#bulle2 h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	color:#ffffff;
	padding:0 0 12px 0;
	border:none;
}
#sidebar #bulle2 a {
	color:#fff;
	text-decoration:none;
	font-size:13px;
}
/* BULLE 3 */
#bulle3 {
	background-color:#72ae3d;
	width:780px;
	overflow:hidden;
	font-size:11px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
	padding:30px 50px 50px 50px;
}
#bulle3 h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	color:#ffffff;
	padding:0 0 12px 0;
	border:none;
}
#bulle3 p {
	font-size:14px;
	color:#FFF;
	line-height:18px;
	margin: 11px 0 0 0;
}
#bulle1 p, #bulle2 p {
	font-size:14px;
	color:#FFF;
	line-height:18px;
}
/* GALERIE CONTENT */
.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 400px;
	height:120px;
	float:left;
}
/* disabled navigational button */
a.disabled {
	visibility:hidden !important;
}
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}
/* single scrollable item */
.scrollable img {
	float:left;
	margin:20px 5px 20px 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	width:100px;
	height:75px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
/* active item */
.scrollable .active {
	border:2px solid #000;
	z-index:2;
	position:relative;
}
/* Bloc Le mouline en chiffre */
.anythingSlider {
	width: 200px;
	height: 160px;
	position: relative;
	margin: 0 auto 15px;
}
.anythingSlider .wrapper {
	width: 200px;
	overflow: auto;
	height: 175px;
	margin: 0 0px;
	position: absolute;
	top: 0;
	left: 0;
}
.anythingSlider .arrow {
	display: block;
	height: 20px;
	width: 20px;
	background: url(img/btn_galerie.jpg) bottom left;
	text-indent: -9999px;
	position: absolute;
	cursor: pointer;
}
.anythingSlider .arrow:hover {
	display: block;
	height: 20px;
	width: 20px;
	background: url(img/btn_galerie.jpg) bottom right;
	text-indent: -9999px;
	position: absolute;
	cursor: pointer;
}
.anythingSlider .forward {
	background-position: top left;
}
.anythingSlider .forward:hover {
	background-position: top right;
}
.anythingSlider .wrapper ul {
	width: 32700px;
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	background: #bddaf0;
	margin: 0;
}
.anythingSlider ul li {
	display: block;
	float: left;
	padding: 0;
	height: 160px;
	width: 650px;
	margin: 0;
}
.anythingSlider .wrapper ul ul {
	position: static;
	margin: 0;
	background: none;
	overflow: visible;
	width: auto;
	border: 0;
}
.anythingSlider .wrapper ul ul li {
	float: none;
	height: auto;
	width: auto;
	background: none;
}
/* LISTE */
#content-liste {
	margin : 0 0 0 30px;
}
#content-liste ul {
	margin: 20px 0 165px 40px;
}
#content-liste ul li {
	list-style-image:url(img/puce-home.jpg);
	width:140px;
	float:left;
	height:55px;
	margin-right:80px;
}
#content-liste ul li.liste-dte {
	margin : 0;
}
#content-liste a {
	text-decoration:underline;
	display:block;
	font-weight:bold;
	color:#559833;
	width:225px;
	margin-top:10px;
}
#content-global ul {
	margin:10px 50px 0 40px;
}
#content-global ul li {
	list-style-image:url(img/puce-home.jpg);
	width:800px;
	float:left;
	padding-top :10px;
}
/* Galerie */
#content-galerie .scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 800px;
	height:120px;
}
#content-galerie-petite .scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 400px;
	height:120px;
}
/* Liste de liens  */
li.linkcat {
	list-style-type:none;
}
li.linkcat li {
	list-style-type:none;
	margin-top:20px;
}
li.linkcat a {
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	line-height:15px;
}
/* FLIP */
.sponsorListHolder {
	margin:0 0 30px 50px;
}
.sponsor {
	width:180px;
	height:180px;
	float:left;
	margin: 30px 30px 0 0;
	position:relative;
	cursor:pointer;
}
.sponsorFlip {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border:1px solid #ddd;
	background:url(img/sponsors/background.jpg) no-repeat center center #f9f9f9;
}
.sponsorFlip:hover {
	border:1px solid #999;
	-moz-box-shadow:0 0 30px #999 inset;
	-webkit-box-shadow:0 0 30px #999 inset;
	box-shadow:0 0 30px #999 inset;
}
.sponsorFlip img {
	position:absolute;
	top:50%;
	left:50%;
	margin:-70px 0 0 -70px;
}
.sponsorData {
	display:none;
}
.sponsorDescription {
	font-size:11px;
	padding:50px 10px 20px 20px;
	font-style:italic;
}
.sponsorURL {
	font-size:10px;
	font-weight:bold;
	padding-left:20px;
}
/* FOOTER */
#footer {
	width:100%;
	border:0px solid red;
	height:110px;
	background:url(img/footer.jpg) bottom left repeat-x;
}
#footer li {
	margin:0 0 0 10px;
	display:block;
	float:left;
}
#footer a {
	height:48px;
	color:#fff;
	text-decoration:none;
}
#footer a:link {
	color:#fff;
}
#footer a:visided {
 color:#fff;
}
#footer a:hover {
	color:#CCC;
}
#footer p {
	color:#FFF;
	font:"Arial Black", Gadget, sans-serif;
	font-size:12px;
}
#mentionslegales {
	width:365px;
	float:left;
	font-size:11px;
	margin:70px 0 0 50px;
}
#reseauxsociaux {
	float:right;
	font-size:11px;
	margin:50px 20px 0 25px;
}
/* CLEAR */
.clear {
	clear:both;
	width:100%;
	height:1px;
}
.superclear {
	clear:both;
	width:100%;
	height:40px;
}