/* CSS Document */
/*******************************************************************************************************
cette feuille de style :
	construit la structure générale des pages
/********************************************************************************************************/


/* INIT
/*-----------------------------------------------------------------------------------------------------*/

body {
	margin:auto;
	text-align:center;
	font-family:"Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
		color: #212121;
	padding:0;
	font-size:80%;
	background:#CC6601 url(../img/bg-body.gif) repeat-x;

}

* {background-repeat:no-repeat; margin:0; padding:0}
body img{border:0;}
hr {clear: both;visibility: hidden;}
.left {float:left;}
.right {float:right;}
.clear{clear:both;height:0px!important; margin:0!important; padding:0!important; font-size:0px;} 
.invisible{display:none;}
.spacer{float:none !important; clear:both; visibility: hidden; margin:0px; padding:0px; background:none;}
.important{color:#CC0000;font-weight:bold;}
/* SKIPLINK
/*-------------------------------------------------------------------------------------------------------*/

ul#skiplink{position:absolute; top:0;left:0; width:100%; background-color:#000000; margin:0; padding:0; z-index:1000;}
ul#skiplink li { list-style-type : none; position:absolute; top:0; width:98%}
ul#skiplink li a {position:absolute; top:-1000px; left:-1000px; display:block; color:#000000; font-weight:bold; padding:0.6em; width:100%}
ul#skiplink li a:focus, ul#skiplink li a:active { top:0px; left:0px; background-color:#FFFF00}
	
	
/* LANGUE + CARTE
/*-------------------------------------------------------------------------------------------------------*/

#lang{ position:absolute; top:5px; text-align:right; width:950px; text-align:right}
#carte{ position:absolute; top:0; text-align:right; width:900px; text-align:right}



/* STRUCTURE des BLOC CONTENEUR PRINCIPAUX
/*-------------------------------------------------------------------------------------------------------*/

#global2 {}
#global {
	margin: auto;
	width:962px;
	text-align:left;
	background:url(../img/bg-corps.png);
	}


#corps{
	width: 962px;
	z-index:0;
	text-align:left;
	padding:0 0 10px 0;
	margin:auto;
	
}
#contenuEtNav{width:950px; margin:auto}
#contenu{
	float:right; display:inline;
	margin:0 20px 0 0;
	width: 660px;

}

/* ENTETE */
/* ------------------------------------------------------------------------------------------------------- */

#entete {	
	height:122px;
	z-index:0; margin:auto;
	background:url(../img/bg-header.jpg) no-repeat;
	width:950px;
}
.english #entete {	

	/*background:#FFFFFF url(http://www.relais-sud-champagne.com/fileadmin/templates/champagne/img/bg-bandeau-en.jpg) no-repeat;*/
}

#entete a{}

#entete  #accessibilite a{}

#logo {}
#entete h1 {position:absolute;top:45px;margin: 0 0 0 30px;z-index:3000;}
#entete h1 span{ display:none}


/* CHEMIN */
/* ------------------------------------------------------------------------------------------------------- */
#corps #chemin {color:#6699cc;font-size:100%; padding:30px 0 30px 20px; display:none}
#corps #chemin h2{ display:inline; margin:0; padding:0; color:#336699;font-size:100%;}
#corps #chemin a {color:#6699cc;  text-decoration:none;border:none  }
#corps #chemin a:hover {text-decoration: underline;}
#corps #chemin p, #chemin div {padding:0;margin:0;}
#corps #cheminContenu{width:680px;}

/*
#outilsIcon{width:90px; float:right; text-align:right; padding:0; padding-bottom:0.5em; margin:0; position:relative; top:-18px}
#outilsIcon img{ margin-left:5px;}
#outilsIcon a{ padding:0!important;text-decoration:none!important;}
*/

/* RECHERCHE */
/* ------------------------------------------------------------------------------------------------------- */
#recherche {position:absolute; top:220px; margin:0 0 0 725px; width:200px; z-index: 50; padding: 0 0 7px 0px; text-align:left; display:none}
/*#recherche h2 {display:none;}*/

#recherche form, #recherche p {z-index: 50;}

#recherche .searchbox-sword {font-family:Arial, Helvetica, sans-serif; width:130px; border:0; height:15px; padding:2px 2px 2px 30px; color:#999999; background: transparent url(http://www.relais-sud-champagne.com/fileadmin/templates/champagne/img/bg-recherche.gif) no-repeat center top ; float:left;}

#recherche .searchbox-button {border:0; color:#fff; background:none; font-weight:bold;}

/* HAUT DE PAGE */
/* ------------------------------------------------------------------------------------------------------- */
#hautDePage{ text-align:center; border-top:1px solid #336699; padding:10px 0 0 0; clear:both; width:100%; display:none}
#hautDePage a{ color:#336699!important; text-decoration:none}

/*
#navigationHaut{list-style-type:none; font-weight:bold;position:absolute;top:4px;color:#FFF;}
#navigationHaut li {display:inline; padding:0; margin:0;}
#navigationHaut a{color:#FFF; text-decoration:none;}
#navigationHaut a:hover{text-decoration:underline;}
*/


/* PIED DE PAGE */
/* ------------------------------------------------------------------------------------------------------- */
#piedDePage{clear:both;  color:#fff; margin:auto; text-align:center; padding:5px 5px 5px 5px;text-align:center;font-size:0.8em; background:url(../img/bg-footer.gif) repeat-x; width:952px;}
#piedDePage a {color:#fff; text-decoration:none;}
#piedDePage a:hover {text-decoration:underline;}
#piedDePage p {margin:10px 0;}	
#piedDePage #copyright{}

#logoComexpo{ float:left; display:inline; margin:0 0 15px 15px; position:relative; top:-100px}


/* OUTILS */
/* ------------------------------------------------------------------------------------------------------- */
#outils {margin:10px 0; padding:0; list-style-type:none; font-weight:bold;color:#717376;}
#outils li {display:inline; padding:0; margin:0;}
#outils a{color:#717376; text-decoration:none;}
#outils a:hover{text-decoration:underline;}
#adresse {font-weight:bold;}

/* Navigation niveau 2 */
/* ------------------------------------------------------------------------------------------------------- */
#navigationNiveau2{float:left;display:inline; width:248px;margin:0; color:#666666; border-left:1px solid #fff; font-family:Arial, Helvetica, sans-serif;}

#navigationNiveau2 h2 { color:#99cc00;padding:0 0 0 10px; font-size:180%; margin:0 0 0 0; }


#navigationNiveau2 ul {list-style-type:none;}
#navigationNiveau2 li{ width:230px; }
#navigationNiveau2 li.premier{/* background:url(http://www.relais-sud-champagne.com/fileadmin/templates/champagne/img/bg-nav-h2.gif) top no-repeat;*/ border:none}

#navigationNiveau2 ul a{text-decoration:none;color:#cc6600; display:block; width:229px; padding:3px 10px 3px 10px; border-top:1px solid #ccc;}
#navigationNiveau2 ul a small{ color:#666; font-family:Verdana, Arial, Helvetica, sans-serif}
#navigationNiveau2 ul a:hover, #navigationNiveau2 ul li.on a{text-decoration:none; background:#DEEEAD}
#navigationNiveau2 ul a span{}
#navigationNiveau2 ul a:hover span, #navigationNiveau2 ul li.on a span{}



#resa {
margin:0pt !important;
background:#993400; padding:10px 8px; height:218px;
}

#resa h2{ text-align:center; color:#fff; font-size:120%; margin:0; padding:0}
#resa form {
margin:0pt !important;
padding:0pt !important;

}
#resa select, #resa input {
border:1px solid #CCCCCC;
margin:5px 0pt;
padding:1px 3px;
width:100%;
color:#666;
}
#FirstSelectDay {
width:25% !important;
}
#FirstSelectMonth {
width:73% !important;
}
#nights {
}
#resaNuit {
width:40% !important;
}
#resaPersonne {
width:58% !important;
}


/* ONGLETS
/* ------------------------------------------------------------------------------------------------------- */
#contenu #onglet{ text-align:center; font-size:150%; margin:0 0 2em 0; padding:0}
#contenu #onglet li {  display:inline; list-style-type:none; background:none; padding:0 0.8em; }
#contenu #onglet strong{ font-weight:normal!important}
#contenu #onglet a{ color:#999999; text-decoration:none; padding-bottom:0.5em}
#contenu #onglet a:hover,#contenu  #onglet .on a{ border-bottom:2px solid #EF8823; color:#EF8823}

/* COLONNE
/* ------------------------------------------------------------------------------------------------------- */
.gauche, .droite{width:48%; float:left; clear:left}
 .droite{ float:right; clear:right}
 
 /* FORMATAGE DES LISTES
/* ------------------------------------------------------------------------------------------------------- */
#contenu .list{line-height:normal;}
#contenu .list ul{list-style-type:none; margin:0; padding:0;}
#contenu .list p{margin:0!important; padding:0!important;}	
#contenu .list li{padding:10px 0px 10px 0px;text-align:center; list-style-type:none; background:none}
#contenu .list li:first-child{border:none;}

/* POUR FAIRE 2 COLONNES */
#contenu .list .colonnage1, #contenu .list .colonnage2 {float:left; width:48%;}
#contenu .list .colonnage1 {clear:both; margin-right:7px;}
#contenu .list .colonnage2 {float:none;}