﻿/*body.editor
{
	background-color: #fff;
	min-height: 450px;
}*/

#all{
	margin: 0;
	padding: 0;
	text-align: center;
}
#page-content{
	background: #FFFFFF;
	/*width: 1000px;*/
	width:100%;
	margin: 4em auto;
	margin-top: 0em;
	margin-bottom: 0em;
	text-align: center;
	padding-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}
.page{
	width: 1000px;
	margin: auto;
	text-align: left;
}
#fond1{
width:100%;
background-image:url(../images/sce/fond12.gif);
background-repeat:repeat-x;
}
#fond2{
width:100%;
background-image:url(../images/sce/fond-middle.gif);
background-repeat:repeat-x;
min-height:450px;
height:auto !important;
height:450px;

}
#fond3{
width:100%;
background-image:url(../images/sce/fond3.gif);
background-repeat:repeat-x;
}
#header{
	width:1000px;
	height: 163px;
	background-image:url(../images/sce/fond-header-top2.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px;
}
#header h2{
color: #ffed00;
font-family: Arial;
font-size: 16px;
font-style:italic;
padding-left: 80px;
}
#header-top{
	width:1000px;
	height: 130px;
	clear:both;
}
#logo{
width: 192px;
height: 118px;
/*margin-left: 11px;*/
float:left;
padding-left: 11px;
padding-top: 10px;
}
#lang{
width: 60px;
height: 15px;
margin-top: 15px;
margin-left: 70px;
}
#lang2{
width: 60px;
height: 15px;
margin-top: 3px;
margin-left: 40px;
}

#banner{
float: right; 
width: 785px; 
height: 118px;
background-color: green;
}
#avis{
float:left;
width: 221px;
height: 97px;
margin:0px;
padding: 0px;
padding-right: 5px;
}
#banner-interne{
float:right;
width: 553px;
height: 97px;
margin:0px;
padding: 0px;
}
#header-bottom{
	width:1000px;
	height: 39px;
	background: url(../images/sce/fond-header-bottom.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px;
}
#content-menu{
	width: 772px;
	height: 33px;
	padding-top: 1px;
	padding-left:218px;
}
#middle{
	width: 1000px;
	min-height:450px;
	height:auto !important;
	height:450px;
	background-image:url(../images/sce/fond-middle.gif);
	background-repeat:repeat-x;
	clear:both;
}
.separation{
margin-top: 15px;
margin-bottom: 15px;
}
#left{
	width: 214px;
	float:left;
}
#left ul{
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	margin-left: 5px;
	list-style-type: none;
	list-style-image:url(../images/sce/puce-plus.gif);
	/*list-style-position: 2px 4px;*/
	list-style-position: 2px 0px;

}

#left ul, #left ul a{
	font-size: 13px;
	font-weight: bold;
	color:#535353;
	text-decoration:none;
	text-transform: uppercase;
}
#left ul a:hover{
	text-decoration:underline;
	color:#535353;
}
#left ul li ul{
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	padding-left: 15px;
	list-style-image:url(../images/sce/puce-point.gif);
	list-style-position: 2px 2px;
	}
#left ul ul a{
	font-size: 11px;
	/*font-weight: bold;*/
	color:#535353;
	text-decoration:none;
}
#left ul ul a:hover{
	text-decoration:underline;
	color:#535353;
}
#right{
	width:756px;
	float:right;
	padding:15px;
}
#right p{
text-align:justify;
}
#right h2.titre, #right span.titre {
	height:25px;
	width: 700px;
	color: #292966;
	background-color: transparent;
	background-image: url(../images/sce/titre.gif);
	background-position: 0px 15px;
	background-repeat:no-repeat;
	/*font-size: 22px;*/
	font-size: 18px;*/
	font-weight: bold;
	text-transform:uppercase;
	/*line-height:26px;*/
}
#right h2.titreS, #right span.titreS {
	height:25px;
	width: 250px;
	color: #292966;
	background-color: transparent;
	background-image: url(../images/sce/titre.gif);
	background-position: 0px 15px;
	background-repeat:no-repeat;
	/*font-size: 22px;*/
	font-size: 18px;*/
	font-weight: bold;
	text-transform:uppercase;
	/*line-height:26px;*/
}

#right h3 {
	color: #292966;
	text-transform: italic;
	font-weight: bold;
	font-size: 14px;
}

#right h3.titre {
	height:25px;
	width: 700px;
	color: #292966;
	background-color: transparent;
	background-image: url(../images/sce/titre.gif);
	background-position: 0px 15px;
	background-repeat:no-repeat;
	/*font-size: 22px;*/
	font-size: 14px;
	text-transform: italic;
	font-weight: bold;
	/*text-transform:uppercase;
	line-height:26px;*/
}

#right img{
border: 1px #999999 solid;
padding: 10px;
background-color:#FFFFFF;
}
#right img.noborder{
border: 0px;
padding: 0px;
margin: 0px;
background:none;
}
#right ul {
margin: 5px;
}
#right ul li{
padding-top: 2px;
}
#soiree{
background-color:#fffbd4;
border-right: #ffec00 1px solid; 
padding-right: 10px; 
border-top: #ffec00 1px solid; 
padding-left: 10px; 
padding-bottom: 10px; 
border-left: #ffec00 1px solid; 
padding-top: 10px; 
border-bottom: #ffec00 1px solid; 
text-align: center;
margin-top:15px;

}
#soiree h4{
padding: 0px;
margin: 0px;
/*magin-top: 7px:*/
margin-bottom: 10px;
color: #292966;
font-size: 16px;
}
#soiree h4 a,#soiree h4 a:hover{
text-decoration:none;
padding: 0px;
margin: 0px;
/*magin-top: 7px:
margin-bottom: 10px;*/
color: #292966;
font-size: 14px;
}
#right ul.diner{
	/*padding-left : 25px;*/
}
#right ul.diner li{
	padding-top: 2px;
	list-style-image:url(../images/sce/puce-point.gif);
	list-style-position: 2px 2px;
	

}
#right ul.diner li ul li{
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
	list-style-image:url(../images/sce/pix.gif);
	}
#right ul.sans {
	list-style:none;
	list-style-type:none;
	list-style-image:none;

}
table.border {
	border: 1px solid #000000;
	border-right: #aaaaaa 1px solid; 
	border-top: #aaaaaa 1px solid; 
	border-left: #aaaaaa 1px solid; 
	border-bottom: #aaaaaa 1px solid; 
	border-collapse: collapse;
	 cellspacing:0; 
	 cellpadding:2px; 
}
.border td {
	text-align: left;
	align:left;
	padding-left: 10px;
	border-bottom: 1px solid #aaaaaa;

 }
#idee1{
float:left;
/*width:310px;
height:170px;*/
width:283px;
height:170px;
margin-right:15px;
margin-bottom:15px;
padding-top: 40px;
padding-left: 27px;
background-image:url(../images/sce/idee29-1.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#idee1 h3,#idee2 h3,#idee3 h3,#idee4 h3{
margin: 0px;
padding: 0px;
/*padding-right: 8px;*/
text-align:center;
}
#idee2 h3,#idee3 h3{
padding-left: 40px;
}
#idee2{
float:right;
/*width:310px;
height:170px;*/
width:280px;
height:160px;
margin-right:15px;
margin-bottom:15px;
padding-top: 50px;
padding-left: 30px;
background-image:url(../images/sce/idee29-2.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#idee3{
float:left;
/*width:310px;
height:170px;*/
width:283px;
height:170px;
margin-right:15px;
margin-bottom:15px;
padding-top: 50px;
padding-left: 27px;
background-image:url(../images/sce/idee56.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#idee4{
float:right;
/*width:310px;
height:170px;*/
width:275px;
height:170px;
margin: 0px;
margin-right:15px;
margin-bottom:15px;
padding-top: 40px;
padding-left: 35px;
background-image:url(../images/sce/idee68.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}
/* update 070104 */
#idee1-en{
float:left;
/*width:310px;
height:170px;*/
width:283px;
height:170px;
margin-right:15px;
margin-bottom:15px;
padding-top: 40px;
padding-left: 27px;
background-image:url(../images/sce/idee29-1-en.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#idee1-en h3,#idee2-en h3,#idee3-en h3,#idee4-en h3{
margin: 0px;
padding: 0px;
text-align:center;
}
#idee2-en h3,#idee3-en h3{
padding-left: 40px;
}
#idee2-en{
float:right;
/*width:310px;
height:170px;*/
width:280px;
height:160px;
margin-right:15px;
margin-bottom:15px;
padding-top: 50px;
padding-left: 30px;
background-image:url(../images/sce/idee29-2-en.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#idee3-en{
float:left;
/*width:310px;
height:170px;*/
width:283px;
height:170px;
margin-right:15px;
margin-bottom:15px;
padding-top: 40px;
padding-left: 27px;
background-image:url(../images/sce/idee56-en.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#idee4-en{
float:right;
/*width:310px;
height:170px;*/
width:280px;
height:170px;
margin-right:15px;
margin-bottom:15px;
padding-top: 40px;
padding-left: 35px;
background-image:url(../images/sce/idee68-en.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#idee1-all{
float:left;
/*width:310px;
height:170px;*/
width:283px;
height:170px;
margin-right:15px;
margin-bottom:15px;
padding-top: 40px;
padding-left: 27px;
background-image:url(../images/sce/idee29-1-all.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#idee1-all h3,#idee2-all h3,#idee3-all h3,#idee4-all h3{
margin: 0px;
padding: 0px;
text-align:center;
}
#idee2-all h3,#idee4-all h3{
padding-left: 40px;
}
#idee2-all{
float:right;
/*width:310px;
height:170px;*/
width:280px;
height:160px;
margin-right:15px;
margin-bottom:15px;
padding-top: 50px;
padding-left: 30px;
background-image:url(../images/sce/idee29-2-all.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#idee3-all{
float:left;
/*width:310px;
height:170px;*/
width:283px;
height:170px;
margin-right:15px;
margin-bottom:15px;
padding-top: 40px;
padding-left: 27px;
background-image:url(../images/sce/idee56-all.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#idee4-all{
float:right;
/*width:310px;
height:170px;*/
width:280px;
height:170px;
margin-right:15px;
margin-bottom:15px;
padding-top: 40px;
padding-left: 30px;
background-image:url(../images/sce/idee68-all.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}
/******/
#bottom{
	width: 1000px;
	height:112px;
	background-image:url(../images/sce/fond-bottom2.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	clear:both;
}
#b1{
	width:160px;
	height:90px;
	float:left;
	padding-top: 7px;
	padding-left: 45px;
}
#b2{
	width:160px;
	height:90px;
	float:left;
	padding-top: 7px;
	padding-left: 35px;
}
#b3{
	width:160px;
	height:90px;
	float:left;
	padding-top: 7px;
	padding-left: 35px;
}
#b4{
	width:370px;
	height:90px;
	float:left;
	padding-top: 7px;
	padding-left: 35px;
}
#bottom h3{
	color:#001486 ;
	font-size: 12px;
	font-weight: bold;
	margin:0px;
	padding:0px;
}
#bottom ul{
	margin: 0px;
	padding: 0px;
	list-style-type:none;
	list-style-image:url(../images/sce/puce-li.gif);
	list-style-position: 2px 2px;
}
#b4 h3{
	color:#001486 ;
	font-size: 14px;
	font-weight: bold;
	margin:0px;
	padding:0px;
	text-transform: uppercase;
}
/*#b4 ul{
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	list-style-type:none;
	list-style-image:url(../images/sce/puce-li.gif);
	list-style-position: 1px 2px;
}*/

#b1 ul, #b2 ul, #b3 ul{
	padding-top: 7px;
}
#bottom ul li a{
	color:#535353 ;
	font-size: 11px;
	text-decoration:none;
}
#bottom ul li a:hover{
	color:#535353 ;
	font-size: 11px;
	text-decoration:underline;
}
#b4 ul li{
padding-top: 2px;
}
#b4 ul li a{
	color:#535353 ;
	font-size: 11px;
	text-decoration:none;
	/*font-weight:bold;*/
}
#b4 ul li a:hover{
	color:#535353 ;
	font-size: 11px;
	text-decoration:underline;
	/*font-weight:bold;*/
}

#footer-content{
	width:1000px;
	height: 29px;
	background-color:#292966;
	color:#00bbff;
	font-size:10px;
}
#footer-content a, #footer-content a:hover{
	color:#00bbff;
	font-size: 10px;
	text-decoration:none;
}
#rights{
float:left;
}
#links{
float:right;
}



div#liste_hotel_fr {
	background-image: url(../images/sce/liste-hotel-alsace-lorraine-fr.gif);
	width: 182px;
	height: 69px;
	padding-left: 39px;
	padding-top: 28px;
}
div#liste_hotel_fr h1, div#liste_hotel_fr h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 2px;
	color: #FFFFFF;
	font-style: normal;
	padding-left: 0;
}
div#liste_hotel_de {
	background-image: url(../images/sce/liste-hotel-alsace-lorraine-de.gif);
	width: 182px;
	height: 69px;
	padding-left: 39px;
	padding-top: 28px;
}
div#liste_hotel_de h1, div#liste_hotel_de h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 2px;
	color: #FFFFFF;
	font-style: normal;
	padding-left: 0;
}
div#liste_hotel_en {
	background-image: url(../images/sce/liste-hotel-alsace-lorraine-en.gif);
	width: 182px;
	height: 69px;
	padding-left: 39px;
	padding-top: 28px;
}
div#liste_hotel_en h1, div#liste_hotel_en h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 2px;
	color: #FFFFFF;
	font-style: normal;
	padding-left: 0;
}


