/* CSS Document */
@charset "UTF-8";
*{
	padding:0px;
	margin:0px;
	line-height: 1.166;
	font: 11px Arial, Helvetica, sans-serif;
	color:#344d66;
}

body {
	width: 100%;
	height: auto;
	vertical-align: top;
	background: url(monfond.gif) repeat;
}

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: auto;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: auto;
	white-space: nowrap;
	float: left;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 15em;
	position: absolute;
	left: -1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 15em;
	
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: -5% 0 0 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
	border: 0px solid #CCC;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	background-color: #FFF;
	padding: 0.5em 0.75em;
	color: #ccc;
	text-decoration: none;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background-color: #fff;
	color: #ccc;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color: #fff;
	color: #ccc;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarDown.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarDownHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}

p{
	margin: 11px 0px 0px 0px;
	padding: 0px;
	line-height: 1.6;
	font: 11px Arial, Helvetica, Verdana, Geneva, sans-serif;
	text-align: justify;
	color: #344d66;
}

.resa {
	margin-left:10px;
	margin-right:10px;
}

.droite{
	text-align:right;
	margin-right:0px;
}

select {
	vertical-align: middle;
}

img {
	border: none;
}


h1,h2 {
	margin: 0px 0px 5px 0px;
	font-weight:bold;
}

h1 {
	margin-bottom:10px;
	font-size: 24px;
	color: #4e7499;
}

h2 {
	font-size:13px;
	/*color:#4e7499;*/
	color: #ff8b67;
}

h2.big {
	font-size:13px;
}

h3 {
	font-size:13px;
	font-weight:bold;
	margin-bottom:8px;
}

h4 {
	margin:0px;
	font-weight: bold;
	font-size: 11px;
	text-align: justify;
	color:#4e7499;
}

hr{
	margin-bottom:5px;
}

#conteneur{
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	width: 1200px;
	background-color:#FFFFFF;
	text-align:left;
	background-image: none;
}

#bandeau{
	height:200px;
	background-image: url(admin106sm/uploads/bandeau_sept.jpg);
	width: 1200px;
}
#bandeau p{
	margin-left:10px;
}

/*#bandeau.titre{
	font-size:bold 36px;
	margin-left:160px;
	color:#FFFFFF;
}*/

#menu{
	padding:5px 5px 2px 0px;
	margin-bottom:15px;
	text-align:right;
	height:32px;
	background: #FFF url(images/menuhaut.png) no-repeat;
}

/*#menu input{
	margin-left:3px;
	margin-right:3px;
	font-weight:bold;
	vertical-align:middle;
	background-color: #ffffff;
	color:#C03D29;
	border:1px solid #cccccc;
}*/

#menu a{
	padding-top:0px;
	margin-left:5px;
	padding-left:15px;
	padding-right:15px;
	font: 11px Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-weight:normal;
	text-decoration:none;
	color:#000;
}


#gauche{
	padding-left:10px;
	padding-right:10px;
	width:200px;
	float:left;
	margin-bottom: 20px;
	background-image:transparent url(admin106sm/uploads/zz.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 1000px;
	
}

#gauche p{
	margin: 11px 0px 0px 0px;
	padding: 0px;
	line-height: 1.6;
	font: 11px Arial, Helvetica, Verdana, Geneva, sans-serif;
	text-align: left;
	color: #000;
}

h4 {
	margin:0px;
	font-weight: normal;
	font: 11px Arial, Helvetica, Verdana, Geneva, sans-serif;
    text-align: left;
	color:#ccc;
}

#gauche a {
	text-decoration: none;
	font-size:13px;
	font-weight:normal;
	color:#ff00ff;
	
}

/*#menugauche a{
	margin:10px;
	text-indent:1px;
	background-repeat:no-repeat;
	background-position:0px 2px;
	border-bottom:1px solid #999999;
	width:120px;
	display:block;
}*/

/*#gauche #menugauche_haut{
	padding-bottom:3px;
	background:url(images/calendrier-haut.gif) no-repeat;
	border-bottom:1px solid #FFFFFF;
	width:130px;
	height:20px;
}*/

/*#menugauche a:hover{
	color:#CC0000;
}*/

/*#infonav{
	margin-top:25px;
}*/

/*#infonav a{
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	color:#000000;
}*/

/*#infonav a:hover{
	font-weight:bold;
	text-decoration:none;
	color:#CC0000;
}*/

/*#calendrier{
	color:#293153;
	width:130px;
	margin:0px;
	border:1px solid #cccccc;
}*/

/*#calendrier-haut{
	margin:0px;
	background-color:#FFFFFF;
}*/

/*#calendier-centre{
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
	height:140px;
}*/

/*#calendrier-bas{
	margin:0px;
}*/

/*#calendrier span{
	margin-left:3px;
	padding-right:3px;
	padding-left:3px;
	font-size:9px;
	color:#FFFFFF;
	border:1px solid #cccccc;
	width:15px;
	left:0px;
}*/

/*#calendrier h3 {
	margin:0px;
	font-weight:bold;
	font-size: 11px;
	text-align: center;
	color:#293153;
}*/

/*#calendrier td{
	font-size:10px;
	text-align:center;
	color:#293153;
}*/

/*#calendrier a {
	margin:0px;
	font-weight:bold;
	font-size: 11px;
	text-align: center;
	text-decoration:none;
	color:#293153;
}*/

/*#calendrier a:hover {
	margin:0px;
	font-weight:bold;
	font-size: 11px;
	text-align: center;
	color:#CC0000;
}*/

/*#calendrier td a {
	margin:0px;
	font-weight:bold;
	font-size: 11px;
	text-align: center;
	text-decoration:underline;
	color:#293153;
}*/

/*#calendrier td a:hover {
	margin:0px;
	font-weight:bold;
	font-size: 11px;
	text-align: center;
	color:#CC0000;	
}*/

/*.J{
	border:1px solid #cccccc;
}*/

/*.lignefine{
	border-bottom:1px dashed #660000;
}*/

#droite{
	width:200px;
	float:right;
	margin-bottom: 20px;
	background-image:transparent url(admin106sm/uploads/XX.jpg);
	height: 500px;
	background-repeat: no-repeat;
	background-position: center;
}

#droite a{
	font-size:10pts;
	font-weight:normal;
	color:#ff00ff;
	text-decoration:none;
	
}
#droite img {
	border: none;
	align:right;
}
#droite a:hover{
	color:#ff00ff;
}

#droite #login{
	margin-top:10px;
	font-weight:bold;
	text-align:center;
	color: white;
	width:130px;
	height:58px;
}

/*#droite #login input{
	margin-left:5px;
	margin-right:1px;
	color: black;
	background-color:#ffffff;
	border:1px solid #cccccc;
}*/

#droite #login p{
	margin:0px;
	padding:3px;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
}



/*#pub{
	margin:15px 0px 25px 0px;
	text-align:right;
	width:130px;
	border:1px solid #FFFFFF;
}*/

/*#droite #actualite{
	width:130px;
	color:#293153;
	border:1px solid #cccccc;
}*/

/*#droite #actualite_haut{
	padding-bottom:3px;
	background: #990000 url(images/calendrier-haut.gif) no-repeat;
	border-bottom:1px solid #FFFFFF;
	width:130px;
	height:20px;
}*/

/*#droite #actualite_haut p{
	margin:0px;
	padding:3px;
	font-weight:bold;
	text-align:center;
	color:#293153;
}*/

/*#droite #actualite_centre{
	padding:3px;
	margin:0px;
	color:#293153;
	background-color:#FFFFFF;
	width:124px;
}*/

/*#droite #actualite_bas{
	width:130px;
	background:url(images/calendrier-bas.gif) no-repeat;
}*/

/*#droite #actualite p{
	padding-left:5px;
	padding-right:5px;
	margin-bottom:5px;
	color:#FFFFFF;
}*/

#droite #forum{
	margin-top:10px;
	width:130px;
}

#droite #forum_haut{
	background: #fff url(images/events2.png) no-repeat;
	width:133px;
	height:48px;
}

#droite #forum_haut p{
	margin:0px;
	padding:3px;
	font-weight:bold;
	text-align:center;
}

#droite #forum_centre{
	padding:8px 3px 3px 4px;;
	margin:0px;
	width:124px;
	border:1px solid #c1dbe7;
	border-top:none;
}

/*#droite #forum p{
	padding-left:5px;
	padding-right:5px;
	margin-bottom:5px;
	color:#FFFFFF;
}*/

/*#droite #forum_bas{
}*/

/*#sondage{
	margin-top:10px;
	width:130px;
}*/

/*#sondage_haut{
	background-color:#990000;
	background-image:url(images/fd-cadre-haut.gif);
	background-repeat:no-repeat;
	width:130px;
}*/

/*#sondage_centre{
	margin-top:-5px;
	background-color:#990000;
	width:130px;
}*/

/*#sondage_bas{
	margin-top:-5px;
	background-image:url(images/fd-cadre-bas.gif)no-repeat;
	width:130px;
}*/

/*#sondage_haut p{
	text-align:center;
	color:#FFFFFF;
}*/

/*#sondage p{
	padding-left:5px;
	padding-right:5px;
	margin-bottom:5px;
	color:#FFFFFF;
}*/

#centre{
width:780px;
	margin-left:165px;
	margin-right:175px;
	margin-bottom: 20px;
	
}

#centre a {
	text-decoration: none;
	font-size:13px;
	font-weight:bold;
	color:#ff00ff;
	text-decoration:underline
}

#centre h1 {
	margin-bottom:10px;
	font: 20px  Helvetica,Verdana, Geneva, Arial, sans-serif;
	color: #FF00FF;
}

#centre h2 {
	/*margin-bottom:1px;*/
	font: 14px  Helvetica,Verdana, Geneva, Arial, sans-serif;
	color: #993399;
}

#centre h3 {
	margin-bottom:10px;
	font: 14px  Helvetica,Verdana, Geneva, Arial, sans-serif;
	color: #999999;
}

#centre strong {
	font-weight: bold;
}


#centre p{
	line-height: normal;
	font: 12px  Helvetica,Verdana, Geneva, Arial, sans-serif;
}
img.bg{
	border-right: 2px groove #393939;
	border-bottom: 2px groove #393939;
	width:100px;
	margin-bottom:20px;
}

/*#centre h3 a{
	font-size: 14px;
}*/

/*#centre h3 a:hover{
	color:#990000;
}*/

#sponsor{
	clear:both;
	width:100%;
	
	text-align:center;
	margin-bottom:15px;
	}
#sponsor p{
	text-align: center;
	font-size: 9px;
}
#sponsor img{
	vertical-align: middle;
	padding-right: 3px;
}
#sponsor hr{
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
#pied{
	background: transparent url(admin106sm/uploads/bandeau_bas.jpg) no-repeat bottom;
	height:200px;
	clear:both;
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-top:15px;
	text-align: center;
	width: 100%;
}

#pied a{
	text-align: center;
	color:#fff;
	text-decoration: underline;
	font: normal normal 9px;
}

#pied p{
	text-align: center;
	font-size: 9px;
	margin:0px;
	margin-top:3px;
	padding:5px 0px;
	color:#fff;
}

/*.contenu{
	font-size: 11px;
	width:95%;
	float:left;
}*/

/*.contenu p{
	font-size: 11px;
	margin-top:0px;
}*/

/*.contenu img{
	margin-right:10px;
	margin-bottom:2px;
	margin-top:3px;
	vertical-align:text-top;
	float:left;
}*/

/*.contenu a{
	color:#000000;
	text-align: left;
}*/

/*.contenu a:hover{
	color:#990000;
}*/

/*.separation{
	margin-bottom:10px;
	margin-top:2px;
	border-bottom:1px dotted #990000;
	width:95%;
}*/
#announce{
	/*background-color:#F9F9FF;*/
	margin-right:auto;
	margin-left: auto;
	height:170px;
	width:550px;
	padding:10px;
}
#announce1{
	width:150px;
	float:left;
	vertical-align:bottom;
}
#announce2{
	
	margin-left:170px;
}/*
#announce3{
	width:380px;
	margin-left:170px;
	padding-top:10px;
	margin-bottom:0px;
	*/
}
#events, #savethedate, #news, #edito{
	margin:15px auto 15px auto;
	width:550px;
	padding:10px;
}
#headerevents, #headersave, #headernews, #headeredito{
	width:550px;
	height:28px;
	margin:0px;	
}
#headerevents h1, #headersave h1, #headernews h1, #headeredito h1{
	width:540px;
	background:#81a6c4;
	height:18px;
	font: bold 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#FFF;
	padding:5px;
}
#tabevents, #tabsave, #tabnews, #tabedito{
	width:528px;
	border:1px solid #c1dbe7;
	border-top:none;
	padding:10px;
	margin:0px;
}
#tabevents img, #tabnews img, #tabedito img{
	text-align:left;
	margin-right:10px;
	margin-bottom:5px;
}

.right{
	text-align: right;
}
.tabborder{
	border-color:#3c4362;
	border-style:solid;
	border-width:1px;
}
.separateur{
	border-top: 1px dashed #5b86b1;
}

/*.tab a{
	font-size:8pt;
	font-style:normal;
	color:#FFFFFF;
}*/

/*.tab a:hover{
	font-size:8pt;
	font-style:normal;
	color:#C91818;
}*/

/*.tabtete{
	font-size:5px;
	background:#CC0000 url(images/tableau-tete.gif) no-repeat;
}*/

/*.tabpied{
	background-color:#FFFFFF;
	background-image:url(images/tableau-pied.gif);
	background-repeat:no-repeat;
}*/

/*.ferdroite{
	text-align:right;
}*/

/*.centre{
	text-align:center;
}*/

/*.retrait{
	margin-left:50px;
}*/

/*.limit{
	text-align:right;
	font-size:11px;
	font-weight:bold;
	color:#990000;
}*/

/*.limit a{
	color:#000000;
	text-align: left;
}*/

/*.limit a:hover{
	color:#990000;
}*/

/*.txt-14-rouge-b{
	font-weight:bold;
	font-size:14px;
	color:#990000;
}*/

/*.txt-14-noir-b{
	font-weight:bold;
	font-size:14px;
	color:#000000;
}*/

/*.info{
	text-align: left;
	font-style:italic;
	text-decoration:none;
}*/

/*.colonne{
	color:#FFFFFF;
	text-align: center;
	font-weight:bold;
}*/

.Title {
	font: bold 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #B22222;
	text-align: left;
	margin-bottom: 10px;
}

h5 {
	font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	margin-bottom:5px;
	text-indent:20px;
}

.SubTitle{
	font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	margin-bottom:5px;
}

#centre.map{
	padding-left: 35px;
}

#centre ul li a {
	font-size: 14px;
}

#centre ul ul li a {
	font-size:11px;
	margin-left: 20px;
	margin-bottom:10px;
}

#centre ul ul ul li a{
	font-size: 11px;
	margin-left: 40px;
}

.limit{
	text-align:left;
	font-size:11px;
	font-weight:bold;
	padding-bottom:15px;
}
#reservation{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:700px;
}

.icone{
	background:url(images/private.png) no-repeat;
	padding-left:25px;
	padding-bottom:5px;
	line-height:20px;
}
