html, body { 
	margin:0;
	padding:0;	
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#0C599A;
}

html { background-color:#82B3C4; }

img.bg {
        min-height: 100%;
        min-width: 1024px;
        width: 100%;
        height: auto;
        position: absolute;
        top: 0;
        left: 0;	
}


h1 {
	font-size:16px;
	font-weight:bold;
	display:block;
	width:100%;
	height:22px;
	line-height:18px;
	border-bottom:1px solid #CCC;
}

.titrehome { 
	font-family:"Times New Roman", Times, serif;
	font-size:22px;
	font-style:italic;
	color:#707070;
	text-align:center;
	margin:20px 0;
}

#annoncehome {
	width:100%;
	height:70px;
	background-color:#ededed;
	padding: 2px;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}

.bleu, select { color:#0C599A; }
.gris { color:#535353; }
.rouge { color: #FF0000; }
.bleuclair { background-color:#F4F7F7; }
.survol:hover { background-color:#E7EDED; }

.annuaire td { padding:5px 0; }

a { 
	color:#0C599A; 
	text-decoration:underline;
}

a:hover {
	text-decoration:underline;
}

#alternebleu td { padding:10px; }
#alternebleu td.ombrage { padding:0; }

#maindiv {
	margin:0 auto;
	width:1117px;
	display:table;
	position:relative; 
	z-index:1000;
}

#top {
	width:100%;
	height:46px;
	display:table;
	background:url(bg_top.png) bottom center no-repeat;
}

#menu { 
	width:1086px;
	height:37px;
	margin:0 0 0 17px;
	background:url(bg_menu.jpg) top center repeat-x;
}

#menu ul {
	padding:0;
	margin:0 0 0 25px;
}

.menu_head { padding-right:33px; margin-left:0 !important; }

#menu ul li {
	list-style-type:none;
	float:left;
	display:inline;
	line-height:37px;
	margin-left:60px;
}

#menu ul li a {
	color:#0C599A;
	text-decoration:none;
	padding:7px 0px;
}

#menu ul li a:hover {
	color:#0C599A;
	text-decoration:none;
	border-bottom:4px solid #317395;
}

#menu ul li a.selected {
	font-weight:bold;
	border-bottom:4px solid #317395;
}



.menu_body { 
	display:none;  
	margin:0 0 0 -26px !important; 
	padding:0; 
	position:absolute;
	z-index:500;
}

.menu_body li{ 
	background:url(submenu_bg.png) top center repeat-y !important; 
	clear:both; margin:0 !important; 
	padding:0;  
}
.menu_body li.arronditop { background: url(arrondi-top.png) bottom left no-repeat !important; border:0; width:216px; height:23px;  }
.menu_body li.arrondibottom { background: url(arrondi-bottom.png) top left no-repeat !important; border:0; width:216px;  }
.menu_body li a { color:#FFFFFF; text-decoration:none; padding:0px 30px !important; display:block; width:156px !important;  }
.menu_body li a:hover{ font-weight:bold; text-decoration:underline;border-bottom:none !important; }

#banner {
	width:100%;
	height:195px;
	display:table;
	background:url(bg_banner.gif) center 25px no-repeat;
}

#banner #logo {
	float:left;
	margin:43px 0 0 50px;
}

#banner #textebanner {
	display:table;
	width:560px;
	float:right;
	margin:32px 30px 0 0;	
}

#banner #titrebanner {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 25px;
}

#banner #textebanner p {
	margin:0;
}

#banner #cadres-container {
	width:875px;
	height:195px;
	float:right;
	display:table;
}

#banner #cadres-container .cadre {
	width:276px;
	height:195px;
	display:table;
	margin-right:5px;
	float:left;
	z-index:0;
	background:url(cadre.png) center 0px no-repeat;
	_background:url(cadre.jpg) center 0px no-repeat;
}

#banner #cadres-container .cadre .cadre-content {
	width:250px;
	height:175px;
	margin:17px auto 0 auto;
	text-align:center;
	font-size:10px;
	color:#535353;
	overflow:hidden;
}

#banner #cadres-container .cadre .cadre-content .encadre-image {
	width:250px;
	height:115px;
	overflow:hidden;
	margin-bottom:5px;
}

#banner #cadres-container .cadre .cadre-content img {
	height:115px;
	border:0;
}

#banner #cadres-container .cadre .cadre-content a {
	color:#535353;
	text-decoration:none;
	z-index:500;
}

#banner #cadres-container .cadre .cadre-content a:hover {
	text-decoration:underline;
}

#content-top {
	width:100%;
	height:23px;
	display:table;
	background:url(bg_content_1.png) top center no-repeat;
}

#content {
	width:100%;
	min-height:800px;
	display:table;
	background:url(bg_content_2.png) top center repeat-y;
}

#content-inside {
	width:1015px;
	margin:0 auto;
}

#logos {
	width:100%;
	text-align:center;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

#logos img {
	margin:0 5px;
	border:0;
}

#partnersbottom {
	margin:10px auto 0 auto !important;
}

#col-left {
	width:650px;
	float:left;
	display:table;
}

#col-left img { max-width:650px; overflow:hidden; }

#col-right {
	width:310px;
	float:right;
	display:table;
	/*background-color:#F9FFFF;*/
	background-color:#D3D7D8;
	padding:2px 12px;
}


.petitbouton, INPUT.formbt {
	display:block;
	width:109px;
	height:25px;
	text-align:center;
	background: url(bouton_petit.jpg) no-repeat;
	text-decoration:none;
	margin:7px;
	padding:5px 0;
	cursor:pointer;
	border:none;
	font-size:11px;
	color:#0C599A;
	text-transform:capitalize;
}

.petitbouton:hover, INPUT.formbt:hover {
	background:url(bouton_petit_hover.jpg) no-repeat;
	text-decoration:none;
}

.grandbouton {
	display:block;
	width:197px;
	height:27px;
	text-align:center;
	background:url(bouton_grand.jpg) no-repeat;
	text-decoration:none;
	margin:7px;
	padding:5px 0;
	text-transform:capitalize;
}

.grandbouton:hover {
	background:url(bouton_grand_hover.jpg) no-repeat;
	text-decoration:none;
}

.left { float:left; }
.right { float:right; }
.maj { text-transform:uppercase; }
.clear { clear:both; }
.textecentre { text-align:center; }
.textedroite { text-align:right; }
.textegauche { text-align:left; }

#calendar {
	margin: 0 auto;
	padding:8px 0;
	width: 171px;
	height:175px;
	background:url(bgcalendar.png) no-repeat;
}
#calendar table { width:147px; margin:0 auto; }
#calendar table td { width:21px; height:19px; text-align:center; }
#calendar table td a { text-decoration:none; }

#calendar table td.jourinactif { }
#calendar table td.jouractif a { color:#0C6; text-decoration:underline; }

.hr {
	border:0;
	width:301px;
	height:8px;
	margin:10px auto;
	background:url(hr.jpg) no-repeat;
}
.hr2 {
	border:0;
	width:301px;
	height:8px;
	margin:10px auto;
	background:url(hr2.jpg) no-repeat;
}

/*CAROUSEL*/
#foo2 { width:auto; overflow:hidden; }

.image_carousel {
	padding: 0;
	position: relative;
}

.image_carousel a.next {
	background: url(carousel.png) no-repeat transparent;
	width: 45px;
	height: 50px;
	display: block;
	position: absolute;
	top: 65px;
	left:840px;
}

.image_carousel a.next {			right: -22px;
					background-position: -50px 0; }
.image_carousel a.next:hover {		background-position: -50px -50px; }

.image_carousel a.next span {
	display: none;
}

.pagination {
	text-align: center;
	margin-top:20px;
}
.pagination a {
	background: url(carousel.png) 0 -300px no-repeat transparent;
	width: 15px;
	height: 15px;
	margin: 0 5px 0 0;
	display: inline-block;
	padding:0;
}
.pagination a.selected {
	background-position: -25px -300px;
	cursor: default;
}
.pagination a span {
	display: none;
}

.clearfix {
	float: none;
	clear: both;
}
/*FIN CAROUSEL*/

.lientitreactivite {
	text-align:center;
	font-size:13px;
	line-height:16px;
	text-decoration:none;
	display:block;
	width:100%;
	
}

.lientitreactivite:hover {
	text-decoration:none;
}
 
/* Style des formulaires !!!!! */
.formchamp {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; WIDTH: 170px; COLOR: #333333; BORDER-TOP-STYLE: groove; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BORDER-RIGHT-STYLE: groove; BORDER-LEFT-STYLE: groove; BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM-STYLE: groove;
}
.formchamp2 {
	FONT-WEIGHT: normal; FONT-SIZE: 11px;  WIDTH: 80px; COLOR: #333333; BORDER-TOP-STYLE: groove; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BORDER-RIGHT-STYLE: groove; BORDER-LEFT-STYLE: groove; BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM-STYLE: groove
}
.formchamp3 {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; WIDTH: 300px; COLOR: #333333; BORDER-TOP-STYLE: groove; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BORDER-RIGHT-STYLE: groove; BORDER-LEFT-STYLE: groove; BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM-STYLE: groove
}
.formchamplogin {
	FONT-WEIGHT: normal; FONT-SIZE: 11px;  WIDTH: 150px; COLOR: #333333; BORDER-TOP-STYLE: groove; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BORDER-RIGHT-STYLE: groove; BORDER-LEFT-STYLE: groove; BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM-STYLE: groove;  padding:5px 3px; margin:2px 0;
}
.formchampbrowse {
	MARGIN-TOP: 0px; FONT-SIZE: 11px; MARGIN-LEFT: 0px; COLOR: #333333; MARGIN-RIGHT: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff
}
.formPrix {

	FONT-WEIGHT: normal; FONT-SIZE: 11px; WIDTH: 15px; COLOR: #333333; BORDER-TOP-STYLE: groove; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BORDER-RIGHT-STYLE: groove; BORDER-LEFT-STYLE: groove; BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM-STYLE: groove
}
.formliste {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; WIDTH: auto; COLOR: #333333; BORDER-TOP-STYLE: groove; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BORDER-RIGHT-STYLE: groove; BORDER-LEFT-STYLE: groove; BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM-STYLE: groove
}

.formchamp4 {

	FONT-WEIGHT: normal; FONT-SIZE: 11px; WIDTH: 145px; COLOR: #333333; BORDER-TOP-STYLE: groove; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif; BORDER-RIGHT-STYLE: groove; BORDER-LEFT-STYLE: groove; BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM-STYLE: groove
}

label { display:block; margin-top:8px; }
fieldset { width:500px; margin:20px auto; padding:15px; }
legend {  color:#0C599A; padding-bottom:8px; }
/* Fin Style des formulaires !!!!! */


.bienvenue { font-size:20px; color:#535353; width:665px; border-bottom:1px solid #d4d4d4; float:left; }

#parking { float:right; margin-top:20px; font-size:14px; color:#2f6593; }

#parkingnumber { width:67px; height:30px; line-height:30px; background:url(parking_03.jpg); color:white; text-align:center; font-weight:bold; font-size:17px; display:block; float:right; margin:0 10px; }


/* Style tab onglets */
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 66px;
	width: 1051px;
	background:url(profil_03.jpg) bottom no-repeat;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 66px;
	line-height: 20px;
	border-left: none;
	margin-bottom: -1px;
	overflow: hidden;
	position: relative;
	width:196px;
	text-align:center;
}
ul.tabs li a {
	text-decoration: none;
	display: block;
	font-size:12px;
	width:196px;
	height:66px;
	padding-top:10px;
	color:#8e8e8e;
}
ul.tabs li a:hover {
	background:url(profilBt_03.jpg) no-repeat;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	width:196px;
	height:66px;
	background:url(profilBt_03.jpg) no-repeat;
	font-weight:bold;
}
.tab_container {
	clear: both;
	float: left; 
	width: 1051px;
	background:url(profil_05.jpg) top repeat-y;
}
#tab_container_bottom { 
	width:1051px;
	height:24px;
	background:url(profil_03Reverse.jpg);
	clear:both;
}
.tab_content {
	padding: 0 20px;
	font-size: 1.2em;
}

/* FIN Style tab onglets */


.divanim {
	position:absolute;
	width:288px;
	height:109px;
	visibility: hidden;
}

#logindiv { margin-left:0px; }

#bottom {
	clear:both;
	margin:0 auto;
	padding-top:30px;
	padding-bottom:10px;
	font-size:11px;
}



#cadreactivite .act_left {
	width:16px;
	height:135px;
	background:url(act_left.jpg) top no-repeat;
}

#cadreactivite .act_right {
	width:16px;
	height:135px;
	background:url(act_right.jpg) top no-repeat;
}

#cadreactivite .act_top {
	height:11px;
	background:url(act_top.jpg) top repeat-x;
}

#cadreactivite .act_bottom {
	height:11px;
	background:url(act_bottom.jpg) top repeat-x;
}

#cadreactivite #imageact { max-width:160px; height:113px; overflow:hidden; }


/* Infobulle */
.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(../images/tipsy.gif); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }
/* FIN Infobulle */

.alphabet { text-align:center; text-transform:uppercase; background-color:#F7F7F7; border:1px solid #CCC; border-bottom:0; height:25px; margin:25px 0; }	
.alphabet a { line-height:25px; height:25px; padding:4px 6px; }
.alphabet a.selected { font-weight:bold; font-size:14px; text-decoration:none; background-color:#E5E5E5; }

#adhesion input { margin:5px; padding:3px; }

.titreblog { font-size:13px; font-weight:bold; }


.thecalendar {
	display:table;
	width:50px;
	height:54px;
	text-align:center;
	background:url(calendar.gif);
	font-weight:bold;
}

.thecalendar .mois { 
	color:#000;
	font-size:11px;
	margin-top:4px;
}

.thecalendar .jour { 
	color:#FFF;
	font-size:14px;
	margin-top:8px;
}

#resto_img {
	position:relative;
	z-index:2;
	width:250px;
	height:355px;
	background:url(restaurant.png);
	margin-top:20px;
	overflow:hidden;
}

#resto_img img {
	width:214px;
	margin:24px 18px;
	min-height:308px;
}

#restomenu {
	position:relative;
	margin-left:190px;
	margin-top:-375px;
}
#topmenuresto {
	width:830px;
	height:25px;
	background:url(restaurant_top.jpg);
}
#menudujour {
	width:830px;
	background:url(restaurant_content.jpg) top repeat-y;
}
#contentmenujour { width:328px; margin:20px 0 20px 70px; text-align:center; min-height:342px; color:#065494; float:left; padding-right:27px; border-right:1px solid #CCC; }

#contentsuggestions { width:328px; margin:20px 40px 20px 0; text-align:center; min-height:342px; color:#065494; float:right; }

#contentmenujour h1, #contentsuggestions h1 { font-family:"Times New Roman", Times, serif; font-style:italic; font-size:28px; line-height:32px;  border:0; margin:19px 0; }
#contentmenujour p, #contentsuggestions p { font-size:17px; font-family:"Times New Roman", Times, serif; margin:10px 0; }

#bottommenuresto {
	width:830px;
	height:25px;
	background:url(restaurant_bottom.jpg);
}	


.hovertab:hover { background-color:#DDE9EC; }
/*#F3F7F8*/
.pdf {
	padding:2px 0 2px 25px;
	background: url(icone_pdf.gif) left center no-repeat;
}
.eps {
	padding:2px 0 2px 25px;
	background: url(icone_eps.gif) left center no-repeat;
}
.image {
	padding:2px 0 2px 25px;
	background: url(icone_image.gif) left center no-repeat;
}
.doc, .docx {
	padding:2px 0 2px 25px;
	background: url(icone_doc.gif) left center no-repeat;
}

.cjeb {
	font-size:10px;
	text-transform:none;
}
.imgborder {
	border: 1px solid #82B3C4;
}

#annonceshomecontainer { background:url(annonce_home.jpg) top left no-repeat; float:left; width:499px; height:79px; padding:5px 15px 15px 30px; display:block; }
.itemannoncehome { width:499px; height:79px; display:block; float:left; overflow:hidden; }
.itemannoncehome p { margin:8px 0 0 0; }
.itemannoncehome img { margin-right:5px; margin-top:8px; }

#annonceshome_pag { margin-top:0; margin-bottom:10px; text-align:right; margin-right:110px; }

#newspapier { height:14px; margin:12px 0;}
.newspapier-nav:hover { cursor:pointer; text-decoration:underline; }


#suggestioncontent { font-size:16px; margin:25px 0; }
#suggestioncontent a { font-weight:bold; font-size:14px; letter-spacing:1px; }


#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#224F66;
	padding:5px;
	display:none;
	color:#fff;
	z-index:1000000;
}