@CHARSET "UTF-8";

html {
	background-image: url(../images/body-bg.jpg);
	background-repeat: repeat;
	background-position: top center;
}

.content {
	width: 863px;
	margin: 10px auto;
	font-family: Georgia, "Times New Roman", serif;
	background-image: url(../images/colonnes-bg.jpg);
	background-repeat: no-repeat;
	background-position: 0 152px;
	overflow: hidden;
	padding: 0;
}

#header {
	border-bottom: 2px solid #060;
	background-image: url(../images/header-bg.png);
	background-repeat: no-repeat;
	background-position: -5px bottom;
	position: relative;
	overflow: hidden;
	height: 150px;
}

#header h1 {
	height: 79px;
	background-image: url(../images/h1-logo.png);
	background-repeat: no-repeat;
	position: absolute;
	padding-left: 140px;
	padding-top: 50px;
	left: 35px;
	top: 0;
}

#header h1 strong {
	display: block;
	color: #f60;
	font-size: 1.632em;
	padding-bottom: 5px;
}

#header h1 span {
	color: #006;
	font-style: italic;
	font-size: 0.89em;
	font-weight: bold;
}

#header .diaporama {

	position: absolute;
	width: 500px;
	height: 500px;
	top: 10px;
	left: 340px;
}
#header .diaporama .masque {
	position: absolute;
	left: 0;
	top: 19px;
	width: 550px;
	height: 121px;
	background-image: url(../images/masque-diapo.png);
}

.colonne1 {
	margin-left: 12px;
	margin-top: 38px;
	width: 206px;
	float: left;
	display: inline;
}

.colonne1 .menu,.colonne1 .adresse {
	background-repeat: no-repeat;
	background-position: top left;
	overflow: hidden;
}

.colonne1 .menu {
	background-image: url(../images/menu-bg.jpg);
	height: 362px;
}

.colonne1 .adresse {
	background-image: url(../images/adresse-bg.jpg);
	height: 128px;
	margin-top: 14px;
}

.colonne1 h2 {
	padding: 5px 5px 0 0;
}

.colonne1 .menu ul {
	list-style-type: none;
	padding: 0;
	font-family: Tahoma, verdana, sans-serif;
	font-weight: bold;
	font-size: 0.834em;
	margin: 0 7px;
}

.colonne1 .menu ul li {
	margin: 0;
	padding: 0;
	overflow: hidden;
	border: 1px #b6c69f;
	border-style: solid none none none;
	padding: 1px 0 0 1px;
	height: 22px;
	color:#FF6600;
}

.colonne1 .menu ul li.last {
	border-style: solid none;
}

.colonne1 .menu ul li a {
	text-decoration: none;
	/* display: block; */
	margin: 0;
	color: #F60;
}

.colonne1 .menu ul li.ssm {
	height: auto;
}

.colonne1 .menu ul li ul {
	font-weight: normal;
	font-size: 1em;
	margin: 0;
	margin: 4px 0 0 0;
	/*display:none;*/
}

.colonne1 .menu ul li ul li a {
	padding-left: 25px;
}

.colonne1 .menu ul li a:hover {
	color: #060;
}

.colonne1 h2,.colonne3 h2 {
	text-align: right;
	font-style: italic;
	color: #3a8448;
	margin: 0;
}

.colonne2 h3.toggler {
	font-style: italic;
	color: #3a8448;
	margin: 0;
	border-bottom:1px solid #3a8448;
	position:relative;
	cursor: pointer;
	cursor: hand;
	margin-bottom:.5em;
}

.colonne2 h3.toggler a{ text-decoration:none;}

.colonne2 h3.toggler span{position:absolute; right:0; top:0; font-size:.8em;}

.colonne1 .adresse {
	text-align: right;
	color: #F60;
	line-height: 1.4em;
}

.colonne1 .adresse address {
	border-top: 1px solid #b6c69f;
	margin: 0 7px 0 7px;
	background-image: url(../images/adresse-bg.png);
	background-repeat: no-repeat;
	background-position: right top;
	width: 112px;
	height: 86px;
	padding-right: 83px;
	padding-top: 11px;
}

.colonne1 .adresse address {
	font-style: italic;
}

.colonne1 .adresse address span {
	display: block;
	font-weight: bold;
	color: #FFF;
	font-style: normal;
}

.colonne1 .adresse address strong {
	font-style: normal;
}

.colonne2 {
	float: left;
	display: inline;
	width: 379px;
	margin-left: 12px;
	margin-top: 2px;
	background-image: url(../images/white50.png);
	padding: 11px;
}

.colonne2 h2 {
	font-style: italic;
	color: #f60;
	font-size: 2em;
	margin: 0 0 4px 3px;;
	padding: 0;
}

.colonne2 table{width:100%; text-align:center;}
.colonne2 table tr th {text-align:left;}
.colonne2 table tr td {text-align:center;}

.colonne2 .bloc_texte { /* background-color: #fff; */
	font-size: 0.917em;
	border-top: 1px solid #f60;
	color: #1A1B2F;
	position: relative;
	padding-top:1em;
}
.contactform fieldset label {
	display: block;
	float: left;
	width: 100px;
}
.contactform fieldset textarea {
	border: 1px solid #50507b;
	width: 299px;
}
.contactform fieldset input {
	border: 1px solid #50507b;
	width: 199px;
}
.colonne3 {
	float: left;
	display: inline;
	width: 206px;
	height: 435px;
	overflow: hidden;
	margin-top: 38px;
	margin-left: 12px;
	background-image: url(../images/mdm-bg.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

.colonne3 .mdm {
	margin: 5px 7px;
	height: 350px;
	overflow: hidden;
}

.colonne3 .mdm h2 {
	border-bottom: 1px solid #b6c69f;
}

.colonne3 .mdm div h3 {
	font-family: Tahoma, Verdana, sans-serif;
	font-weight: bold;
	font-size: 0.834em;
	border: 1px #859A7E;
	border-style: none none solid none;
	height: 18px;
	margin: 0 0 5px 0;
	padding: 8px 0 0 0;
}

.colonne3 .mdm div h3 a {
	text-decoration: none;
	color: #f60;
}

.colonne3 .mdm div .extrait p {
	font-size: 0.834em;
	line-height: 1.4em;
	color: #f60;
}

.colonne3 .mdm div .extrait p.lire_la_suite {
	text-align: right;
	border-bottom: 1px solid #859a7e;
	margin:0;
}

.colonne3 .mdm div .extrait p.lire_la_suite a {
	text-decoration: none;
	color: #060;
	font-weight: bold;
	font-style: italic;
}

.gabarit_interieur .mdm {
	height: 420px;
	
}
.mdm img.illus {
	margin: 20px 0;
}

p.lire_la_suite {
	text-align: right;
	border-bottom: 1px solid #859a7e;
}

p.lire_la_suite a {
	text-decoration: none;
	color: #060;
	font-weight: bold;
	font-style: italic;
}

.colonne3 .mdm div .date {
	display: none;
}

.colonne3 .mailing input {
	border: none;
	background-color: transparent;
}

.colonne3 .mailing {
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 0.834em;
	margin: 0 7px;
	padding: 0 0 0 2px;
	color: #006;
	background-image: url(../images/mailing-bg.jpg);
	background-repeat: no-repeat;
	background-position: 0 25px;
	position: relative;
	height: 55px;
}

.colonne3 .mailing  label{ height:0;}
.colonne3 .mailing form p{ margin:0; padding:0; float:left; display:block; width:90px;}

.colonne3 .mailing #ok {
	font-weight: bold;
	color: #006;
	position: absolute;
	top: 30px;
	left: 163px;
}

.footer {
	background-image: url(../images/hr.gif);
	background-repeat: no-repeat;
	background-position: top left;
	clear: both; font-size : 0.75em;
	text-align: right;
	margin-bottom: 20px;
	font-size: 0.75em;
	overflow: hidden;
	padding-top: 45px;
}

.footer ul {
	list-style-type: none;
	clear: both;
	margin: 0;
	padding: 0;
}

.footer ul li {
	float: left;
	padding: 0 3px 0 3px;;
}

.footer a {
	text-decoration: none;
	color: #f60;
}

.menu_bis {
	margin-top: 30px;
}

.hide{
	display: none;
	margin:0;
	padding:0;
}
.clear{clear:both;}

/*form*/
.msg-error{color:white; font-weight:bold;}
/**/

/*slideshow*/
.slideshow {
	position: relative;
	width: 550px;
	height: 121px;
	top: 20px;
}
.slideshow img {
	position: absolute;
	top: 0;
	left: 0;
}

.nobg{ background-image:none !important;}

/* Album */
	/*Sommaire des albums */
	ul.albums{ list-style:none; margin:0; padding:0; }
	ul.albums li{ overflow:hidden; }
	ul.albums li h3{position:relative;}
	ul.albums li h3 span{position:absolute; right:0; top:0; font-weight:normal; font-style:italic;}
	ul.albums li img{ float:left; margin:0 1em 0 0;}
	
	/*dans un album*/
	ul.images{ list-style:none; margin:0; padding:0;}
	ul.images li{float:left; display:block; margin:.5em .5em 0 0; position:relative;}
	ul.images li a{border:1px solid transparent;}
	ul.images  li a img{height:63px;}
	ul.images  li div.comment-image{}
	
/**/

/* tooltip */
.tip-top {
    color: #fff;
    width: 123px;
    z-index: 13000;
}
.tip-title {
    width: 123px;
    font-weight: bold;
    font-size: 11px;
    margin: 0;
    color: #9FD4FF;
    padding: 8px 8px 4px;
    background: url(bubble.png) top left;
}
.tip-text {
    width: 123px;
    font-size: 11px;
    padding: 4px 8px 8px;
    background: url(bubble.png) bottom right;
    color:#fff;
}
/**/

/*popin*/
.popin-desc{display:none;}
/**/

/* images illustration générales*/
div.illustrations{ text-align:center; padding-bottom:2em; }
div.illustrations img{float:left; margin-right:.5em;}