@CHARSET "UTF-8";

body {
	background-image: url(../images/body-bg.gif);
	background-repeat: repeat-y;
	background-position: center;
	background-color: #f3f8fc;
	font-family: Arial, sans-serif;
	/* color: #5191cd; */
	color: #005CAF;
}

.content {
	width: 755px;
	margin: auto;
	overflow: hidden;
	background-image: url(../images/content-bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

#header {
	position: relative;
	height: 156px;
	margin-top: 16px;
}

#header h1 {
	text-align: center;
	width: 256px;
	margin-left: 19px;
	color: #f38f1d;
	padding-top: 11px;
	float: left;
	font-size: 1.8em;
}

#header h1 img {
	display: block;
	margin: auto;
}

#header h1 span {
	color: #5191cd;
	font-size: 1.5em;
	font-weight: bold;
}

#header .diaporama {
	position: absolute;
	right: 22px;
	top: 5px;
}

#header .diaporama .slideshow {
	position: relative;
	width: 455px;
	height: 144px;
	border: 1px solid #f38f1d;
}

#header .diaporama .slideshow img {
	position: absolute;
	top: 0;
	left: 0;
}

#header .diaporama .masque {
	position: absolute;
	top: 0;
	left: 0;
	width: 455px;
	height: 144px;
	background-image: url(../images/diapo-masque.png);
	background-position: top left;
	background-repeat: no-repeat;
}

.menu {
	margin-top: 8px;
	margin-right: 16px;
	margin-left: 16px;
}

.menu ul {
	background-image: url(../images/m0-bg.png);
	background-position: top right;
	background-repeat: no-repeat;
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 173px;
}
.menu ul li {
	display: inline;
}
.menu ul li a {
	display: block;
	height: 173px;
	width: 100px;
	float: left;
	text-decoration: none;
	background-position: top left;
	background-repeat: no-repeat;
	color: #f38f1d;
	margin-right: 12px;
	text-align: right;
	position: relative;
	font-size: 1.1em;
}
.menu ul li a:hover {
	background-position: bottom left;
	color: #5191cd;
}
.menu ul li a span {
	position: absolute;
	right: 7px;
	bottom: 23px;
}
.menu ul li.first a {
	width: 142px;
	margin-right: 0;
}
.menu ul li.first a span {
	right: 19px;
}

.m1 a {
	background-image: url(../images/m1-bg.png);
}

.m2 a {
	background-image: url(../images/m2-bg.png);
}

.m3 a {
	background-image: url(../images/m3-bg.png);
}

.m4 a {
	background-image: url(../images/m4-bg.png);
}

.m5 a {
	background-image: url(../images/m5-bg.png);
}
.colonne1 {
	width: 242px;
	float: left;
	margin-left: 16px;
	margin-right: 16px;
	display: inline;
}
.adresse {
	width: 242px;
	height: 1px;
	padding-top: 71px;
	background-image: url(../images/adresse.png);
	background-position: top left;
	background-repeat: no-repeat;
	overflow: hidden;
}
.mdm, .mailing {
	margin-top: 25px;
	overflow: hidden;
}
.mdm {
	background-image: url(../images/mdm-bg.png);
	background-position: top left;
	background-repeat: no-repeat;
	height: 324px;
}
.mdm h2, .mailing h2 {
	color: #cfe0f1;
	font-size: 1.75em;
	padding: 0 0 0 3px;
	line-height: 1.5em;
	margin: 0;
}
.mdm .date {
	display: none;
}
.mdm h3 {
	font-size: 1.4em;
	padding: 0 0 0 20px;
	margin: 0;
}
.mdm h3 a {
	color: #f9debe;
	text-decoration: none;
	/* font-weight: normal; */
}
.mdm h3 a:hover{color:#F38F1D}
.mdm .extrait {
	margin: 0 20px 0 20px;
	padding: 0;
}
.mdm .extrait .image {
	float: left;
}
.mdm .extrait p.texte {
	margin: 0;
	padding: 0;
	font-size: 0.834em;
	line-height: 1.2em;
	text-align: justify;
}
.mdm .extrait p.vignette{float:right; margin:0 0 0 1em; padding:0;}
.mdm .extrait p.lire_la_suite {
	font-family: tahoma, verdana, arial, sans-serif;
	font-size: 0.75em;
	margin-bottom:.8em;
	font-weight: bold;
	text-align: right;
	background-image: url(../images/hr.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	line-height:1.8em;
	clear:both;
}
.mdm .extrait p.lire_la_suite a {
	color: #9abfe2;
	text-decoration: none;
	padding-left: 10px;
	background-image: url(../images/plus.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.mdm .extrait p.lire_la_suite a:hover {
	color: #5191cd;
}
.mdm .extrait p + p {
	margin-top: 0;
}
.mailing {
	background-image: url(../images/nl-bg.png);
	background-repeat: no-repeat;
	background-position: left 10px;
	height: 119px;
	margin-top: 10px;
	overflow: hidden;
}
.mailing p {
	font-size: 0.834em;
	margin-left: 16px;
	margin-bottom: 0;
}
.mailing p input.text,.mailing p input[type='text'] {
	border: none;
	width: 198px;
	height: 19px;
	background-image: url(../images/input-bg.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	font-family: tahoma, arial, sans-serif;
}
.mailing .valider {
	text-align: right;
	margin: 0 18px 0 16px;
	background-image: url(../images/hr.png);
	background-repeat: repeat-x;
	background-position: center bottom;
}
.mailing .valider input {
	padding: 0 5px 0 0;
}
.colonne2 {
	overflow: hidden;
	float: left;
	width: 469px;
}
.colonne2 h2 {
	font-size: 14px;
	font-weight: normal;
	color: #cfe0f1;
	margin: 0;
	padding: 0 0 0 5px;
	background-image: url(../images/h2-c2-bg.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	overflow: hidden;
}
.colonne2 .bloc_texte {
	background-image: url(../images/bloc_texte-bg.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	overflow: hidden;
	padding: 23px 35px 20px 23px;
	text-align: justify;
	font-size: 1em;
}
.colonne2 .bloc_texte em {
	color: #f38f1d;
	font-style: normal;
}

.colonne2 .news p.vignette{float:right; margin:0 0 0em 1em; }
.colonne2 .news p.vignette a img{border:1px solid #DDE9F5; }
.colonne2 .news p.texte{margin:1em 0; }
.colonne2 .news p.lire_la_suite{clear:both;}

.footer {
	clear: both;
	background-image: url(../images/hr.png);
	background-repeat: repeat-x;
	background-position: center top;
	margin: 15px 19px 0 19px;
	padding: 10px 0;
	font-size: 0.75em;
}
.footer a {
	text-decoration: none;
}
.footer .menu_bis, .footer .menu_bis a {
	color: #f9c78e;
}
.footer .copyright, .footer .copyright a {
	color: #cfe0f1;
}
.footer a:hover {
	color: #5191cd;
}
.footer ul {
	text-align: center;
	margin: 0;
	padding: 0;
}
.footer ul li {
	display: inline;
}

.hidden {
	display: none;
}
.left {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}
.clear {
	clear: both;
}

.error_message{color:red;}
.msg-error{ display:block; color:red; padding-top:.5em; }

.colonne2 p.lire_la_suite {
	font-family: tahoma, verdana, arial, sans-serif;
	font-size: 0.75em;
	font-weight: bold;
	text-align: right;
	background-image: url(../images/hr.png);
	background-repeat: repeat-x;
	background-position: center bottom;
}
.colonne2 p.lire_la_suite a {
	color: #9abfe2;
	text-decoration: none;
	padding-left: 10px;
	background-image: url(../images/plus.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.colonne2 p.lire_la_suite a:hover {color: #5191cd;}

.toggler{cursor: pointer; cursor: hand;}

.contactform fieldset{border:0; margin:0; padding:0;}
.contactform fieldset legend{display:none;}
.contactform label{ float:left; display:block; width:160px; text-align:right; padding:0 15px 0 0;}
.contactform .label-input label{text-align:left;}
.contactform input[type='text']{width:220px;}
.contactform textarea{width:395px;}
.contactform .bt-radio div{float:left; width:75px; position:relative;}
.contactform .bt-radio div input{float:left; display:block; width:20px;}
.contactform .bt-radio div label{width:40px; display:inline; float:none; margin:0 .4em;}
.contactform input[type='text'],.contactform textarea{border:1px solid #ccc; font-family: tahoma, arial, sans-serif; color:#999;}
.content p.NMS-lists{margin:0 0 0 18px; padding:0;}
.content p.NMS-lists label{margin-right:8px;}

.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 #F3F8FC; height:128px; width:128px; float:left; display:block; text-align:center; overflow:hidden;}
	ul.images  li a img{ overflow:hidden;}
	ul.images  li a:hover { border:1px solid #5191CD;}
	ul.images  li div.comment-image{}
	
	.nav-albums{ text-align:center; display:block; }
	.nav-albums a{ margin:0 .5em; text-decoration:none;}
	.nav-albums a:hover{ color:#F38F1D;}
/**/

/* tooltip */
.tip-top {
    color: #fff;
    width: 152px;
    z-index: 13000;
	
}
.tip-title {
    width: 144px;
    font-weight: bold;
    font-size: 11px;
    margin: 0;
    color: #9FD4FF;
    padding: 8px 8px 4px;
    background: url(bubble.png) top left;
	overflow:hidden;
}
.tip-text {
    width: 144px;
    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;}


.illus1, .illus2{border:1px solid #EAF1F9;}
.illus1{margin:32px 0 0 24px;}
.illus2{margin:0px 0 0 24px;}