@charset "UTF-8";
/* CSS Document */

body {
	color: #333333;
	font-family: Verdana, sans-serif;
	font-size: 16px;
	background: #FFFFFF url(images/page_bg.jpg) top left repeat;
}

/* global */
p { 
	line-height:1.1;
}

.clear { clear:both; }	
.left { float:left; }
.right { float:right; }

img , img a {
	border: none;
	text-decoration: none;
}

a {
	text-decoration: none;
}

/* layout */
#page {
	width: 100%;
	height:100%;
	margin: -465px auto 0;
	padding: 0;
}

.container {
	width: 983px;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

#logo {
	width: 337px;
	height: 213px;
	margin: 10px auto 20px;
}

#maps {
	width: 297px;
	height: 304px;
	margin: 10px auto 20px;
}

/* menu */
#menu {
	height: 90px;
}

#menu ul {
	width: 370px;
	margin: 0 0 0 30px;
	padding-top: 42px;
	padding-bottom: 0;
	display: block;
}

#menu ul li {
	width: 158px;
	height: 39px;
	display: inline;
	float: left;
	margin-left: 12px;
	padding-top: 12px;
	text-align: center;
	background: url(images/menu_bg.png) no-repeat;
}

#menu ul li:first-child {
	margin-left: 0;
}

#menu ul li a {
	width: 100%;
	height: 100%;
	display: block;
	color: #FFFFFF;
	font-size: 0.938em;
	text-decoration: none;
}

#menu ul li a:hover {
	text-decoration: underline;
}

/* slide show */
#container-slide-photo-div {
	width: 983px;
	height: 465px;
	margin: 0 auto;
	padding: 0;
	z-index: 9999999;
}

#slide-photo-div {	
	width: 576px;
	height: 465px;
	display: block;
	float: right;
	margin-right: -22px;
}

#frame-photo {
	width: 576px;
	height: 465px;
	position: absolute;
	/*top: -94px;
	right: -62px;*/
	display: block;
	z-index: 1000000;
}

#slide-photo {
	width: 576px;
	height: 465px;
	position: absolute;
	/*top: -94px;
	right: -62px;*/
	display: block;
	z-index: 100000;
}

#slide-photo img {
	top: 48px;
	right: 40px;
	margin: 0;
	position: absolute;
	z-index: 50000;
}

#slide-photo img.active {
    z-index: 70000;
    opacity:1.0;
}

#slide-photo img.last-active {
    z-index: 60000;
}

#content-bloc-col2 {
	width: 480px;
	position: relative;
	margin-top: 390px;
	float: left;
}

/* content */
#content {
	position: relative;
	z-index: 10000;
	margin-top: -24px;
	margin-bottom: -48px;
}

html > body #content {
	margin-top: -19px;
	margin-bottom: -48px;
}

#content-top {
	height: 20px;
	position: relative;
	background: transparent url(images/content_top_bg.png) top center no-repeat;
}

#content-bottom {
	height: 22px;
	position: relative;
	background: transparent url(images/content_bottom_bg.png) top center no-repeat;
}

#content-main {
	width: 983px;
	height: auto;
	margin: 0 auto;
	position: relative;
	background: transparent url(images/content_body_bg.png) top center repeat-y;
}

.bloc-col {
	width: 900px;
	height: auto;
	min-height: 500px;
	margin: 0 auto;
	padding-bottom: 20px;
	padding-top: 10px;
	float: left;
	position: relative;
	clear: both;
}

html > body .bloc-col {
	margin-left: 43px;
	margin-right: 40px;
}

.bloc-col1 {
	width: 360px;
	height: auto;
	min-height: 500px;
	margin-left: 22px;
	padding-bottom: 20px;
	float: left;
	position: relative;
	clear: both;
}

html > body .bloc-col1 {
	margin-left: 43px;
	margin-top: -370px;
}

.bloc-col2 {
	width: 500px;
	height: auto;
	min-height: 500px;
	margin-left: 20px;
	padding-bottom: 20px;
	float: left;
	position: relative;
}

html > body .bloc-col2 {
	margin-left: 40px;
	margin-top: -370px;
}

.bloc-col h1, .bloc-col1 h1 , .bloc-col2 h1 {	
	color: #FF621D;
	border-bottom: 1px solid #FF621D;
	display: block;
	font-size: 1em;
	margin-bottom: 16px;
	padding-bottom: 5px;
	font-weight: bold;
}

.bloc-col h2, .bloc-col1 h2 , .bloc-col2 h2 {	
	color: #333333;
	font-size: 0.938em;
	padding-top: 5px;
	padding-bottom: 10px;
	font-weight: bold;
}

.bloc-col h1 a, .bloc-col h2 a, .bloc-col h3 a, .bloc-col1 h1 a , .bloc-col2 h1 a , .bloc-col1 h2 a , .bloc-col2 h2 a , .bloc-col1 h3 a , .bloc-col2 h3 a {	
	color: #333333;
	text-decoration: underline;
}

.bloc-col h1 a:hover, .bloc-col h2 a:hover , .bloc-col h3 a:hover , .bloc-col1 h1 a:hover , .bloc-col2 h1 a:hover , .bloc-col1 h2 a:hover , .bloc-col2 h2 a:hover , .bloc-col1 h3 a:hover , .bloc-col2 h3 a:hover {	
	color: #333333;
	text-decoration: none;
}

.bloc-col p, .bloc-col1 p , .bloc-col2 p {
	color: #333333;
	font-size: 0.813em;
	padding-bottom: 10px;
	text-align: justify;
	font-weight: normal;
}

.bloc-col p a, .bloc-col1 p a , .bloc-col2 p a {
	color: #333333;
	text-decoration: underline;
}

.bloc-col p a:hover, .bloc-col1 p a:hover , .bloc-col2 p a:hover {
	color: #333333;
	text-decoration: none;
}

.bloc-col1 ul {
	list-style-type: none;
	margin: 0;
	color: #333333;
}

.bloc-col1 ul li ul {
	list-style-type: none;
	margin: 10px 0 10px 10px;
	color: #333333;
}

.bloc-col1 ul li {
	list-style-position: inside;
	list-style-type: square;
	padding: 0 0 5px 0;
	color: #333333;
	font-size: 0.813em;
	font-weight: normal;
}

.bloc-col1 ul li ul li  {
	list-style-position: inside;
	list-style-type: square;
	padding: 0 0 5px 0;
	color: #333333;
	font-size: 1em;
	font-weight: normal;
}


.bloc-col1 ul li a , .bloc-col1 ul li ul li a {
	color: #333333;
	text-decoration: none;
}

.bloc-col1 ul li a:hover , .bloc-col1 ul li ul li a:hover {
	color: #FF621D;
	text-decoration: underline;
}

/* errors */
.errors {
	width: 340px;
	height: 100%;
	position: relative;
	padding: 10px;
	margin-bottom: 20px;
	float: left;
	color: #FF621D;
	font-size: 0.75em;
	line-height:16px;
	font-weight: bold;
	background-color: #EEEEEE;
}

/* contact form */
#ContactForm {
	margin: 0;
	position: relative;
}

#ContactForm p.text-em {
	font-style: italic;
}

#ContactForm label {
	width: 120px;
	position: relative;
	text-align: right;
	font-size: 0.688em;
	color: #333333;
	float: left;
	padding: 8px 0 5px;
	clear: both;
}

#ContactForm input{
	width: 223px;
	position: relative;
	text-align: left;
	margin-bottom: 10px;
	margin-left: 5px;
	padding: 3px 5px;
	border: 1px solid #CCCCCC;
	color: #333333;
	font-size: 0.875em;
	float: left;
}

#ContactForm textarea {
	width: 350px;
	padding: 5px;
	border: 1px solid #CCCCCC;
	color: #333333;
	font-size: 0.875em;
	font-family: Verdana, sans-serif;
}

#antispam {
	margin: 15px auto 10px;
	position: relative;
	clear: both;
}

#antispam img {
	margin-left: 105px;
	padding: 5px 0;
}

#ContactForm input#cfContact,
.TXNewsletters_form input{
	width: 100px;
	margin: 10px 0;
	padding: 5px 10px;
	color: #333333;
	text-align: center;
	font-size: 0.875em;
	border: 1px solid #FF621D;
	background-color: #EEEEEE;
	float: right;
}

/* map */
#map {
	position: relative;
	border: 1px solid #FF621D;
}

/* footer */
#footer {
	position: relative;
	padding-bottom: 50px;
	z-index: 1000;
}

#footer-info {
	width: 952px;
	height: 112px;
	margin: 0 auto;
	padding-top: 45px;
	color: #FFFFFF;
	font-size: 0.75em;
	background: transparent url(images/footer_bg.png) top center no-repeat;
}

#footer-info p {
	text-align: center;
}

#footer-info p a {
	cursor: pointer;
	color: #FFFFFF;
	text-decoration: underline;
}

#footer-info p a:hover {
	text-decoration: none;
}

.cadre{
	width:260px;
	background-color:#ffb08d;
	padding:10px;
	font-size:1.2em;
}

.TXNewsletters_form{
	font-size:0.8em;
}