/* CSS Document */
*{
	margin:0px; padding:0px;
	font-family:Arial, Helvetica, sans-serif; font-size:12px;
}
html{
	text-align:center;
	background:#4a0810 url(../fond/bg_reims.jpg) repeat-x top left;
}
#body{
	position:relative; text-align:left;
	margin-left:auto; margin-right:auto;
	width:990px;
}
#top{
	position:relative;
	width:990px; height:144px;
	background:url(../fond/toplight_reims.jpg) no-repeat top left;
}

#logo a{
	position:relative; float:left; width:800px; height : 105px; margin-top:30px;
	display:block;
	outline:0px;
	background:url(../element/logo_reims.png) no-repeat top left;
    text-indent:-999999px;
}
#logo span{font-size:0.6em;}
#logo .ville{font-size:0.7em!important}

#logo_rh{
	position:relative; float:right;
	width:158px; height:72px;
	margin-top:75px;
	text-indent:-999999px;
}
#logo_rh a{display:block; width:158px; height:72px; outline:0px;}

#banner{
	position:relative; 
	width:990px; height:251px;
	padding-top:7px;
}
#menubox{
	position:relative; float:left; display:block;
	width:253px; height:226px;
	background-color:#40050c;
	padding:8px; margin-right:6px;
}
#menu{
	width:253px; height:216px;
	border:1px solid #703344;
	padding-top:10px;
}
#menu li{ list-style:none;}
#menu a{
	display:block; width:233px;
	padding:10px; padding-bottom:7px; padding-top:7px;
	text-transform:uppercase; color:#ffffff;
	font-size:1.2em;
	text-decoration:none; outline:0px;
}
#menu a:hover{background-color:#2d0408;}

/*** BANNER PHOTO ***/
div.scrollable {position:relative; float:right; z-index:1;overflow:hidden;width:711px;height:238px; border:2px solid #ffffff;}
#thumbs{position:absolute;width:20000em;clear:both;}
#thumbs div.photos{float:left;width:711px;height:238px;color:#fff;cursor:pointer;}
div.navi {
	position:absolute; z-index:11;
	right:12px; bottom:0px;
	height:24px;
}
div.navi a {
	position:relative; float:left;display:block;
	width:47px; height:22px;
	background:url(../element/navi.png) no-repeat top left;
	padding-top:2px;margin-left:2px;color:#ffffff;
	text-align:center;
	text-decoration:none;
	font-size:1.6em; font-weight:normal;
	outline:0px;
}
div.navi a strong{font-size:1.0em;}
div.navi a:hover {background:url(../element/navi_active_reims.png) no-repeat top left;}
div.navi a.active {background:url(../element/navi_active_reims.png) no-repeat top left;} 	

#contents{
	position:relative;
	width:990px; min-height:165px; height:auto!important; height:165px;
	background:url(../fond/centerlight_reims.png) no-repeat top left;
}
#line{width:990px; height:37px;margin-bottom:10px;}
#line h3{position:relative; display:block; float:left; width:267px; color:#e8ce97; text-transform:uppercase; font-size:1.0em; font-weight:normal; text-align:center; padding-top:8px;}
#line .menusec{position:relative; float:right; width:715px;text-align:right;color:#ffffff; padding-top:10px;}
#line .menusec a{color:#ffffff; text-decoration:none; font-size:1.0em;}
#line .menusec a:hover{color:#000000}

#colleft{position:relative; float:left; display:block;width:267px; margin-right:10px;}
#colright{position:relative; float:right; display:block;width:713px;}

/* plan */
#plan_situ{
	position:relative; width:267px; height:31px;
	background-color:#2d0308;
	padding-top:4px; margin-bottom:10px;
}
#plan_situ a{position:relative; display:block;color:#57b5e8; text-transform:uppercase; font-size:1.3em; background:url(../element/iconeplan.png) no-repeat top left; padding-left:33px; text-decoration:none; font-weight:bold; margin-left:5px; padding-top:3px; padding-bottom:4px;}
/* Coordonnees */
#coordonnees{
	position:relative; width:257px; min-height:100px; height:auto!important; height:100px;
	background-color:#2d0308;
	padding:5px; padding-bottom:10px; margin-bottom:20px;
}
#coordonnees h3{color:#c3ae8d!important; text-transform:uppercase!important; font-size:1.3em!important; font-weight:normal!important; background:url(../element/iconecoord.jpg) no-repeat top left; padding-left:22px!important; margin-bottom:10px!important; margin-top:5px!important;}#coordonnees p, #coordonnees a{color:#ffffff;}
#coordonnees a{font-size:0.9em;}

.coord_rub{position:relative; float:left;width:257px;}

/* Presentation*/
#present{width:703px; background:url(../element/sepa_reims.gif) repeat-x bottom left; padding-bottom:25px; padding-left:10px;}
#present img{position:relative; float:right; border:1px solid #ffffff; margin-left:25px;}
#present h3{color:#ff985c; font-size:1.2em; text-transform:uppercase; font-weight:bold; margin-top:5px; margin-bottom:10px;}
#present p{color:#ffffff; margin-bottom:5px;}
#present h1{display:none;}
#present a{display:block; text-decoration:none; color:#ff985c; text-align:right; margin-top:25px;}
#present a:hover{text-decoration:underline; color:#ffffff;}
#present .texte_present img{display:none;}

/* Dicovery */
#galery_link{width:703px; padding-top:15px; padding-left:10px;} 
#galery_link h3{color:#e83563; font-size:1.4em; font-weight:norboldmal; text-transform:uppercase; margin-bottom:15px;}
#galery_link img{float:right;}
#galery_link .pano, #galery_link .photo{position:relative; display:block; float:left; width:200px;color:#ffffff; text-transform:uppercase; font-size:1.2em; padding-left:48px; text-decoration:none; display:block; outline:none;}

#galery_link .pano{background:url(../element/icone_pano.png) no-repeat top left; height:26px; padding-top:14px;margin-bottom:5px;}
#galery_link .photo{background:url(../element/icone_photo.png) no-repeat top left; height:19px; padding-top:10px; margin-top:5px;}


/* PAGES RUBRIQUE ***/
#contenu{color:#ffffff;}

/* PLAN GOOGLE */
.magasin p{color:#000000!important;}
.magasin h2{color:#333333!important; font-weight:bold!important;}
.magasin a{color:#000000!important;}
.magasin strong, #gmapDirHead strong{color:#333333!important; font-weight:bold!important;}
#gmapDirHead a, #gmapDirHeadTo a, #gmapDirHeadFrom a{color:#000000!important;}
#gmapDirHeadTo strong, #gmapDirHeadFrom strong{color:#333333!important;}
.gmapTextBox{width:220px; border:1px solid #888888; background-color:#e0e0e0;margin-right:5px;}
.gmapDirButton{background-color:#316ac5; border:none; padding-left:5px; padding-right:5px; cursor:pointer; color:#FFFFFF; border:1px solid #333333;}


/* VISITES VIRTUELLE */
#DOMWindow #top{display:none;}

/* GALERY PHOto*/
#galery{position:relative; float:right; display:block;width:650px;}
#galery .galery{ background-color:#131212; padding:5px;}
#galery .imggal{position:relative; float:left; margin:3px!important;max-height:86px; border:1px solid #ffffff;}

/* GOOGLE MAP */
#google_map{position:relative; float:right; width:713px; border:1px solid #000000;}

/* FORMULAIRE */
#formulairepage{position:relative; float:right; display:block;width:650px;}
#formulairepage fieldset{background-color:#320409; border:1px solid #9f2c47; padding:20px; margin-bottom:15px;}
#formulairepage legend{font-size:1.4em; font-weight:normal; text-transform:uppercase; font-style:italic;}
#formulairepage label{display:block; margin-bottom:5px; width:100%;}
#formulairepage label span{display:block; position:relative; float:left; width:200px; text-align:right; padding-right:5px;}
#formulairepage .ctext, #formulairepage .mtext, #formulairepage .email, #formulairepage select{width:350px; border:1px solid #704953; background-color:#4b2327; color:#ffffff;}
#formulairepage .mtext{height:180px;}
#formulairepage .submit{position:relative; border:1px solid #000000; background-color:#77003d; color:#ffffff; width:350px; height:24px; font-weight:bold; font-size:1.2em; margin-bottom:10px; margin-top:5px; cursor:pointer; text-transform:uppercase; margin-left:205px;}
#formulairepage .noteform{font-size:0.9em; display:block; width:350px; margin-left:205px; text-align:center;}

/* Pied */
#pied{display:block; text-align:center; color:#565656; margin-top:20px; margin-bottom:50px;}
#pied p{color:#993743; font-size:1.0em;}
#pied a{color:#993743; font-size:1.0em; text-decoration:none;}
#pied a:hover{color:#ffffff;}

/* */
.spacer{display:block; clear:both;}

/* BLOCS HTML */
.colonne_gauche{position:relative; float:left; width:490px; padding:5px; margin-right:10px;}
.colonne_droite{position:relative; float:right; width:460px; padding:5px; margin-left:10px;}