body {
	background: #1a2d42 url('../design/body.jpg') repeat;
	font-family: Arial, Verdana, Tahoma, Helvetica, Sans-Serif;
	font-size: 90%;
	margin: 0;
	padding: 0;
	height: 100%;
	text-align: left;	
}
/*=====================================================================================================*/





/*=========================================== GENERALITES ==========================================*/
a {
	text-decoration: none;
}
img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
table {
	margin: 0;
	padding: 0;
}
/*=====================================================================================================*/





/*============================================= GLOBAL ==============================================*/
#global{
	position: relative;
	padding: 0;
	margin: 10px auto 30px auto;
	background-color: #1a2d42;
	width: 1000px;
	min-height: 100%;
	border: 1px solid #5683B6;
}
/*=====================================================================================================*/





/*============================================= HEADER ==============================================*/
#header {
	
	margin: 0;
	padding: 0;
	height: 283px;
}
#mrw-zeppeline {
	position: absolute;
	top: 17px;
	left: 0;
	width: 410px;
	height: 93px;
}
#mrw-zeppeline a {
	margin: 0;
	padding: 0;
}
/*=====================================================================================================*/





/*============================================= CENTRE ==============================================*/
#centre {
	background: transparent url('../design/centre.jpg') repeat-y;
	margin: 0;
	padding: 0 0 100px 0;
	overflow: auto;
}
/*=====================================================================================================*/





/*=========================================  MENU DROITE =========================================== */
#coldroit {
	float: right;
	background-color: #1a2d42;
	margin: 0;
	padding: 0 0 30px 0;
	width: 216px;
}
#coldroit h1 {
	background: transparent url('../design/fond_infos.jpg') top left no-repeat;
	width: 178px;
	height: 41px;
	margin: 20px auto 0 auto;
	padding: 10px 0 0 0;
	font-size: 15px;
	font-variant: small-caps;
	text-align: center;
	color: #fff;
}
#coldroit a {
	color: #ccdaef;
	/*text-decoration: underline;*/
}
#coldroit a:hover {
	color: #9eb5d8;
	text-decoration: underline;
}
#thermo {
	margin: 20px 0 0 10px;
	padding: 0;
	width: 192px;
}
#thermo a {
	background: #1a2d42 url('../design/thermographie.jpg') bottom left no-repeat;
	display: block;
	margin: 0;
	padding: 0;
	width: 192px;
	height: 42px;
	text-align: center;
}
#thermo a:hover {
	background-position: top left;
}
#lienVideo {
	margin: 10px auto;
	padding: 0;
	width: 180px;
}
#lienVideo a {
	background: #1a2d42 url('../design/btFrance2.jpg') top left no-repeat;
	display: block;
	margin: 0;
	padding: 0;
	width: 180px;
	height: 49px;
	text-align: center;
}
#lienVideo a:hover {
	background-position: bottom left;
}
/*=====================================================================================================*/





/*============================================ CONTENU ==============================================*/
#contenu {
	position: relative;
	background-color: transparent;
	margin: 0 220px 0 0;
	padding: 10px 20px;
	text-align: justify;
	color: #fff;
	line-height: 1.8em;
}
#contenu h1 {
	position: relative;
	background: #1a2d42 url('../design/puce_h1.jpg') left 50% no-repeat;
	margin: 0;
	padding: 3px 0 0 45px;
	color: #fcfcfd;
	font-size: 17px;
	font-variant: small-caps;
	font-weight: normal;
	border-bottom: 1px solid #fcfcfd;
	
}
#contenu h2 {
	background-color: transparent;
	display: inline;
	margin: 0;
	padding: 0;
	color: #89a2cf;
	font-size: 16px;
	font-variant: small-caps;
	border-bottom: 3px double #89a2cf;
}
#contenu h2 a {
	text-decoration: none;
}
#contenu h3 {
	background-color: transparent;
	margin: 10px 0;
	padding: 0;
	color: #89a2cf;
	font-size: 14px;
}
#contenu a {
	color: #ccdaef;
	text-decoration: underline;
}
#contenu a:hover {
	color: #9eb5d8;
	text-decoration: underline;
}
#contenu p {
	margin: 0;
	padding: 0 10px 15px 10px;
}

/*=====================================================================================================*/






/*======================================== INTERVIEW ================================================*/
#Interviews .entete{
	line-height: 1.2em;
}
#interCommun {
	display: none;
}
.interview {
	background-color: #516377;
	margin: 10px;
	padding: 10px;
	line-height: 1.3em;
}
.interview ul{
	margin: 0 0 0 30px;
}
.interview li{
	margin: 0;
	padding: 0;
	list-style-image: url('../design/puce_interview.jpg');
}
.interview h2, h3{
	color: #fff !important;
}
.interview h3 {
	background-color: transparent;
	margin: 0;
	padding: 5px 0;
	color: #1a2d42;
	font-size: 14px;
}
.interview h4 {
	background-color: #bcc8d6;
	margin: 10px 0;
	padding: 5px;
	color: #1a2d42;
	font-size: 13px;
}

/*======================================== INTERVIEW ================================================*/






/*============================================= FOOTER ===============================================*/
#footer {
	position: absolute;
	background: #436c9c url('../design/footer.jpg') top left no-repeat;
	bottom: 0;
	margin: 0;
	padding: 0;
	height: 80px;
	width: 1000px;
	text-align: center;
	font-size: 0.8em;
	color: #ddd;
}
#footer a {
	color: #fff;
}
#footer a:hover, #footer a:visited {
	color: #000;
}
/*=====================================================================================================*/





/*============================================== LES ID ===============================================*/
#fotodumois {
	margin: 20px auto;
	padding: 0;
	width: 700px;
	text-align: center;
}
#fotodumois p {
	text-align: center;
}
#fotomois img {
	margin: 0;
}
#catalog_left {
	position: absolute;
	top: 50px;
	left: 10px;
	margin: 0;
	padding: 0;
	width: 100px;
}
#catalog_left img {
	margin: 5px 10px 0 15px;
	padding: 0;
	width: 70px;
	height: 99px;
}
#catalog_right {
	position: absolute;
	top: 50px;
	right: 10px;
	margin: 0;
	padding: 0;
	width: 100px;
}
#catalog_right img {
	margin: 5px 15px 0 10px;
	padding: 0;
	width: 70px;
	height: 99px;
}
#catalog_center {
	position: relative;
	margin: 20px auto 0 auto;
	padding: 0;
	width: 518px;
	height: 900px;
	text-align: center;
}
#catalog_center p{
	margin: 0;
	padding: 0;
}
#grande {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 500px;
	height: 706px;
	text-align: center;
}
#catalog_center .pdf {
	margin: 0 auto;
	width: 33px;
}
#pano_stat{
	margin: 0 auto;
	padding: 0;
	width: 680px;
	text-align: center;
	/*border: 1px solid #fff;*/
}
#pano_stat p{
	margin: 0;
	padding: 0;
	width: 650px;
}
#pano_stat td{
	margin: 0;
	padding: 0;
	text-align: center;
}
#pano_stat td img{
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}
#pano_stat span.content {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #93abce;
}
/*=====================================================================================================*/





/*================================================ POPUP =============================================*/
#popup {
	background-color: #1a2d42;
	margin: 0;
	padding: 20px;
	text-align: justify;
	color: #fff;
	line-height: 1.8em;
}
#popup h1 {
	position: relative;
	background: #1a2d42 url('../design/puce_h1.jpg') left 50% no-repeat;
	margin: 0;
	padding: 3px 0 0 45px;
	color: #fcfcfd;
	font-size: 17px;
	font-variant: small-caps;
	font-weight: normal;
	border-bottom: 1px solid #fcfcfd;
	
}
#popup h2 {
	background-color: #1a2d42;
	margin: 0;
	padding: 0;
	color: #89a2cf;
	font-size: 16px;
	font-variant: small-caps;
	border-bottom: 3px double #89a2cf;
}
/*=====================================================================================================*/




/*============================================== POPUP IMG ===========================================*/
#popup_img {
	background-color: #000;
	margin: 0;
	padding: 0;
}
#popup_img img{
	margin: 1.2% 2%;
	width: 96%;
	height: 98%;
}
#popGalerie {
	background-color: #000;
	margin: 0;
	padding: 0 0 1% 0;
	text-align: center;
}
#popGalerie img{
	margin: 1.4% 2%;
	width: 96%;
	height: 98%;
}
#popGalerie h1{
	margin: 0;
	padding: 10px 0 5px 0;
	font-size: 14px;
	color: #fff;
}
/*=====================================================================================================*/




/*========================================== NEWLETTER ==============================================*/
#news {
	background-color: transparent;
	margin: 10px 0;
	padding: 0;
	width: 100%;
	text-align: center;
}
#lanews {
	background-color: transparent;
	margin: 10px auto;
	padding: 0;
	width: 100%;
	height: 400px;
	text-align: center;
}
.mininews {
	float: left;
	display: block;
	margin: 5px;
	padding: 2px;
	width: 90px;
	height: 140px;
	text-align: center;
}
.mininews img {
	width: 80px;
	height: 114px;
	border: none;
}
.mininews a {
	line-height: 1em;
	font-weight: normal;
	font-size: 0.8em;
	text-decoration: none;
	/*width: 85px;*/
}
.mininews a:hover {
	color: orange;
}
.mininews p {
	margin: 2px 0 0 0;
	text-align: center;
	font-size: 0.8em;
}
/*========================================== NEWLETTER ==============================================*/






/*============================================ PRESSE ================================================*/
.date_presse {
	color: #c7d2dd;
	font-size: 11px;
}
/*=========================================== / PRESSE ================================================*/







/*========================================= ANIMATIONS FLASH =====================================*/
#installanime {
	float: right;
	margin: 20px 0 10px 30px;
	padding: 0;
	width: 300px;
	height: 220px;
}
#cartefrance {
	margin: 20px auto;
	padding: 0;
	width: 700px;
}
/*=====================================================================================================*/





/*============================================= TOURISME ============================================*/
#tourisme_top {
	display: block;
	margin: 0;
	padding: 0;
	width: 725px;
	height: 275px;
}
#tourisme_left {
	display: block;
	margin: 0;
	padding: 0;
	width: 395px;
	height: 240px;
}
#tourisme_bottom {
	display: block;
	margin: 0;
	padding: 0 0 0 98px;
	width: 528px;
	height: 190px;
}
.tourisme {
	float: right;
	margin: 10px 10px 0 0;
	padding: 0;
	width: 300px;
}
.tourisme ul{
	margin: 0;
	padding: 0 0 0 10px;
}
.tourisme li {
	background: transparent url('../design/puce_li.jpg') left 60% no-repeat;
	padding: 0 0 0 16px;
}
/*=====================================================================================================*/






/*============================================= PATRIMOINE ============================================*/
#patrimoine {
	position: relative;
	margin: 0;
	padding: 0;
	width: 730px;
	height: 713px;
}
.patri1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 378px;
	height: 244px;
}
.patri2 {
	position: absolute;
	top: 0;
	left: 378px;
	width: 353px;
	height: 244px;
}
.patri3 {
	position: absolute;
	top: 244px;
	left: 0;
	width: 378px;
	height: 215px;
}
.patri4 {
	position: absolute;
	top: 244px;
	left: 378px;
	width: 352px;
	height: 215px;
}
.patri5 {
	position: absolute;
	top: 459px;
	left: 0;
	width: 378px;
	height: 255px;
}
.patri6 {
	position: absolute;
	top: 459px;
	left: 378px;
	width: 352px;
	height: 255px;
}
/*=====================================================================================================*/





/*=========================================== EVENEMENTIEL ==========================================*/
#evenementiel {
	position: relative;
	margin: 0 0 0 10px;
	padding: 0;
	width: 707px;
	height: 470px;
}
.evenem1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 370px;
	height: 226px;
}
.evenem2 {
	position: absolute;
	top: 0;
	left: 370px;
	width: 337px;
	height: 226px;
}
.evenem3 {
	position: absolute;
	top: 226px;
	left: 0;
	width: 370px;
	height: 245px;
}
.evenem4 {
	position: absolute;
	top: 226px;
	left: 370px;
	width: 337px;
	height: 245px;
}
/*=====================================================================================================*/





/*============================================== RESTAURANT ==========================================*/
#restaurant {
	position: relative;
	margin: 0 0 0 15px;
	padding: 0;
	width: 689px;
	height: 628px;
}
.resto1 {
	position: absolute;
	top: 58px;
	left: 0;
	width: 365px;
	height: 261px;
	z-index: 501;
}
.resto2 {
	position: absolute;
	top: 0;
	left: 338px;
	width: 361px;
	height: 459px;
	z-index: 500;
}
.resto3 {
	position: absolute;
	top: 394px;
	left: 44px;
	width: 443px;
	height: 234px;
	z-index: 501;
}

/*=====================================================================================================*/





/*================================================ PUBLICITE ==========================================*/
#publicite {
	position: relative;
	margin: 0 0 0 10px;
	padding: 0;
	width: 711px;
	height: 623px;
}
.pub1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 436px;
	height: 187px;
	z-index: 501;
}
.pub2 {
	position: absolute;
	top: 108px;
	left: 314px;
	width: 397px;
	height: 515px;
	z-index: 500;
}

#ballonpub {
	position: absolute;
	top: 430px;
	left: 50px;
	margin: 0;
	padding: 0;
	width: 315px;
	z-index: 1000;
}
#ballonpub ul{
	margin: 0;
	padding: 0 0 0 10px;
}
#ballonpub li {
	background: transparent url('../design/puce_li.jpg') left 60% no-repeat;
	padding: 0 0 0 16px;
}
/*=====================================================================================================*/






/*=========================================== GOOGLE MAP =============================================*/
#googlemap {
	background-color: transparent;
	margin: 10px auto;
	padding: 0;
	width: 425px;
	height: 350px;
	text-align: center;
}
#googlemap a {
	color: #ccdaef;
	text-decoration: underline;
}
#googlemap a:hover {
	color: #9eb5d8;
	text-decoration: underline;
}
/*========================================== / GOOGLE MAP ============================================*/






/*=========================================== LES CLASSES ===========================================*/
.schemas {
	margin: 0;
	padding: 0;
	width: 720px;
	height: 230px;
	text-align: center;
}
.elemtecnic {
	margin: 10px 0 0 0;
	padding: 0;
	width: 730px;
	/*height: 240px;*/
}.elemtecnic p {
	text-align: justify;
}
.elemtecnic h2 {
	background-color: transparent;
	margin: 0;
	padding: 0;
	color: #89a2cf;
	font-size: 16px;
	font-variant: small-caps;
	text-align: left;
	border: 0 none !important;
}
.elemleft_1_3 {
	float: left;
	margin: 0 8px;
	padding: 2px 0;
	width: 30%;
}
.elemleft_2_3 {
	float: left;
	margin: 0 8px;
	padding: 2px 0;
	width: 60%;
}
.img_left {
	float: left;
	margin: 10px 20px 10px 10px;
}
.img_left area {
	border: 1px solid #fff;
}
.img_right{
	float: right;
	margin: 10px 10px 10px 20px;
}
.tabcenter {
	margin: 0 auto 10px auto;
	padding: 0;
	width: 650px;
	text-align: center;
}
.tabcenter td {
	padding: 0;
	text-align: center;
}
.tabcenter img{
	margin: 0;
	padding: 0;
}
.coment {
	margin: 0;
	padding: 0;
	font-size: 11px;
	text-align: center;
	color: #C9D5E1;
	line-height: 1.5em;
}
.infos {
	margin: 0;
	padding: 0 10px;
	font-size: 12px;
	text-align: justify;
	color: #C9D5E1;
}
.haut {
	padding: 2px;
	text-align: center;
	font-size: 12px;
	color: #93abce;
	text-decoration: underline;
}
/*=====================================================================================================*/

.floatleft {
	float: left;
	margin: 5px 0 0 5px;
	padding: 1px;
	border: 1px solid #fff;
}
.floatleft img{
	margin: 0;
	padding: 0;
}
.divcentrer {
	padding: 0;
	margin: 10px auto;
	width: 500px;
	text-align: center;
	z-index: 100;
}

/*======================================================================================================*/
.mini_galerie {
	background-color: #000;
	float: left;
	display: block;
	margin: 10px 7px 4px 8px;
	padding: 0;
	width: 100px;
	height: 92px;
	text-align: center;
	border: 1px solid #fff;
}
.mini_galerie img {
	margin: 0;
	padding: 0;
}
/*======================================================================================================*/

.video {
	margin: 10px auto;
	padding: 0;
	width: 420px;
	height: 336px;
}

