/****************************************************************************/    
/********************************************		GENERAL					*/    

* {
	margin: 0;
}
html,body {
	 -webkit-text-size-adjust:none;
}
html {
	font-family:Verdana, Geneva, sans-serif;
	font-size: smaller;
	height: 100%;
}
body {
	background:#e7e7e7 url(../img/bg.png) repeat-x center top scroll;
	font-family:Verdana, Geneva, sans-serif;
	font-size: smaller;
	height: 100%;
}
#decor {
	background: transparent url(../img/decor.png) no-repeat center top;
	height:530px;
	margin-left:0px;
	position:absolute;
	top:87px;
	width: 100%;
   		z-index:15;
}
h2 {
	font-family: Verdana, Verdana, "Deja Vu", "Bitstream Vera Sans", Sans-serif;
	color: #262626;
	font-size: 150%;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
}
#banner {
	position:absolute;
}
#global {
	height: auto !important;
	height: 100%;
	min-height: 100%;
	margin: 0 auto -90px;
	position:relative;
	text-align: center;
	width: 972px; /* largeur obligatoire pour être centré */
	z-index:20;
}
#select {
	background: transparent url(../img/select.png) no-repeat center top;
	height:45px;
	position:absolute;
	top:46px;
	width: 100%;
	z-index:24;
}
#items {
	background: transparent url(../img/items.png) no-repeat center top;
	height:130px;
	margin-left:-59px;
	position:absolute;
	top:0px;
	width: 100%;
   		z-index:16;
}
#teuv div {
	float: left;
	z-index:30;
}
#teuv {
	width: 354px;
	float: left;
	margin-left:0px;
	margin-top:5px;
	z-index:32;
}
#logo {
	width: 618px;
	float: left;
	margin-top:122px;
	z-index:35;
}
#gabarit {
	position:absolute;
	left:0px;
	top:0px;
	height:768px;
	width: 100%;
   		background: transparent url(../img/gabarit.png) no-repeat center top;
	z-index:50;
}
#texte {
	clear: both;
	color: #000;
	float:left;
	font: 120%/1.618 Verdana, Verdana, "Deja Vu", "Bitstream Vera Sans", Sans-serif;
	position: relative;
	margin:70px 30px 35px 50px;
	text-align: center;
	width:860px;
	z-index:55;
}

#photos {
	font: 100%/1.618 sans-serif;
	position: relative;
	margin:30px 30px 0px 50px;
	color: #000;
	width:860px;
	top:120px;
	float:left;
	clear: both;
	border:solid 0px;
	z-index:55;
}
#slogan {
	text-align:left;
	position:absolute;
	top:0px;
	left:128px;
	margin:350px 0px 0px 0px;
	float:left;
	clear: left;
}
#footer {
	height: 90px;
	text-align:center;
	width: 100%;
	background: transparent url(../img/lowbg.png) repeat-x center bottom;
	clear:both;
}
#contact {
	width: 100%;
	display: block;
    margin: 60px auto;
    clear: both; 
	float:left;
}
#contact a {
	padding:0;
	background: none;
}
#pano {
	position:absolute;
	left:20px;
	top:20px;
	z-index:505;
}
#constr {
	position:absolute;
	right:20px;
	top:30px;
	z-index:505;
}
#push {
	height: 90px;
	clear:both;
}
.ppp {
	border:solid 0px;
	position: relative;
	text-shadow: 0px 1px #fff;
	text-align: left;
	margin:0px 20px;
	color: #000;
	font-weight:normal;
	float:left;
}
.clear {
	clear: both;
}
ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
ol, ul {
	list-style: none;
}



/* links
--------------------------------- */
a:link, a:visited, a:hover, a:active {
    padding: 0px 3px 2px;
	text-decoration:underline;
   	-ms-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
a:link {
	color:#0288ff;
}
a:visited {
	color:#4e6ee5;
}
a:hover, a:active {
	background: #287bf2;
	color:white;
	text-decoration:none;
	text-shadow: none;
}
img {
	border:none;
}
#copy {
	color:grey;
	padding-top:30px;
	text-shadow: 0px 1px #fff;
}


 /****************************************************************************/    
/********************************************		Formulaire CONTACT		*/    



#MYFORM input	{
	padding:0 0 1px 5px;
}
.error, .send_error {
    color:#C00;
    font-size:12px;
    font-style:italic;
    white-space:nowrap;
    margin:-5px 0 5px 70px;
    padding:0;
    text-align:left;
}
.send_error {
    clear:none;
    margin:4px 0 0 8px;
    text-align:left;
    width:230px;
}
.success {
    padding:0;
    float:left;
    clear:none;
    color:#090;
    font-size:12px;
    font-style:italic;
    width:230px;
    margin:4px 0 0 8px;
}
img#refresh {
    float:left;
    margin-top:17px;
    margin-left:7px;
    cursor:pointer;
}
#name,#email,#code {
    background-color:#fafafa;
    float:left;
    margin-bottom:4px;
    margin-left:0px;
    height:20px;
    border:#CCC 1px solid;
}
#code {
    float:none;
    text-align:center;
    text-transform:uppercase;
	-ms-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;    display:block;
}
#message {
    background-color:#fafafa;
    border:#CCC 1px solid;
    float:left;
    height:70px;
    margin-bottom:4px;
    margin-left:0px;
    padding:6px;
    resize: none;
    width:300px;
}
#message:focus, #code:focus, #name:focus, #email:focus {
    background-color:#fff;
}
#wrap{
    background-image:url(../img/bg.gif);
	border:solid #CCCCCC 1px;
	width:203px;
	-ms-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;	float:left;
	padding:0 0 12px 0;
	margin-left:68px;
    text-align:center;
}
label {
    float:left;
    clear:both;
	color:#b3b3b3;
    font-style: italic;
    padding-right:8px;
    text-align:right;
    width:60px;
	}
#Send {
    margin-top:12px;
    margin-left:122px;
    float:left;
}
.form 	input[type=submit]{
    background-image:url(../img/btn-signer.png) top right no-repeat;
	width:88px;
	height: 36px;
	cursor: pointer;
	border:0;
    margin-top:12px;
    margin-left:122px;
    float:left;
}


 /****************************************************************************/    
/********************************************		Listing REPERTOIRE		*/    



.ib-fix li { 
	display:-moz-inline-box;
    -moz-box-orient:vertical;
    color: #b3b3b3;
	display:inline-block;
    font-size:80%;
    text-align:left;
    vertical-align:top;
    word-wrap:break-word;
}
* html .ib-fix li { display:inline;	}
* + html .ib-fix li { display:inline; }
.ib-fix li > * { 
    background-color: transparent;
    color: #000;
	display:table;
    font-size:120%;
    font-style:italic;
    overflow:hidden;
    table-layout:fixed;
	text-shadow: 0px 1px #fff;
}
* html .demo-ul li {
	width:112px;
}   /* for IE 6 */
.demo-ul li > * { 
	width:112px;
}      /* for all other browser */
.demo-ul li p { 
	margin: 0 15px 15px;
    border:none;
}


 /****************************************************************************/    
/********************************************		Livre d'Or				*/    



.vrelidor {
	font: 120%/1.618 Georgia, Georgia, "Nimbus Roman No9 L", Serif;
	font-style:italic;
}
.auteur {
	font: 80%/1.618 Verdana, Verdana, "Deja Vu", "Bitstream Vera Sans", Sans-serif;
	font-style:normal;
}
.lv_date {
	color: grey;
	font: 60%/1.618 Verdana, Verdana, "Deja Vu", "Bitstream Vera Sans", Sans-serif;
}
.lv_label {
	color:#999999;
    font-style: italic;
		text-shadow: 0px 1px #fff;
}


 /****************************************************************************/    
/********************************************		Brunch					*/    



.event {
	background: #e7e7e7 url(../brunch/hautgris.png) repeat-x center top;
    border: 1px solid #999999;
	min-height: 370px;
	margin: 0 0 40px;
	padding: 0 0;
	width: 100%;
    z-index: 2;
	-ms-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;   	}
.dimanche {
	background:#287bf2;
	color:#fff;
	font: 150%/1.8 Impact, Charcoal, Rekha, Sans-Serif;
    letter-spacing: 1px;
	margin: 0px auto 0;
    padding : 0 0 1px;
    position: relative;
	text-shadow: 0px -1px #000;
    top: -18px;
	width: 302px;
    word-spacing: 3px;
    z-index: 1;
   	}
.dimanche-img {
	height: 36px;
	margin: 0px auto 0;
    position: relative;
    top: -18px;
	width: 300px;
    z-index: 1;
}
.lieu {
	background: url(../brunch/plate.png) no-repeat left;
	color:#fee616;
	float: left;
    font: 350%/2.0 Arial, Helvetica, Arial, Garuda, Sans-Serif;
    left: 25px;
    padding: 0 0 0 70px;
    position: relative;
    top : -38px;
   	}
.carte {
	float: right;
    position: relative;
    top : -36px;
}
.adresse {
	clear: both;
	color:#fff;
	float: left;
    font: 80%/1.0 Arial, Helvetica, Arial, Garuda, Sans-Serif;
    left : 28px;
    position: relative;
    top : -66px;
}
.resa {
	background: #287bf2;
    border-bottom : 2px solid darkslateblue;
    border-top : 1px solid #999999;
	clear: both;
	color:#fff;
	font: 160%/1.8 Verdana, Verdana, "Deja Vu", "Bitstream Vera Sans", Sans-serif;
    font-style: italic;
    left: -15px;
    letter-spacing: 0px;
    padding :1px 0 1px;
    position: relative;
    text-align: center;
	text-shadow: 0px -1px #000;
    top : -46px;
    width: 890px;
    word-spacing: 0	px;
   	}
.left-resa, .cent-resa, .rite-resa {
    position: absolute;
   	top: 39px;}
.left-resa {
    float: left;
    left: 1px;
}
.cent-resa {
	background: url(../brunch/grad.png);
    float: left;
    left: 14px;
    line-height: 8px;
    width: 862px;
}
.rite-resa {
    float: right;
    right: 1px;
}
#eventtext {
    border: 0px solid #999999;
    clear: both;
    margin: 0;
    overflow: auto;
	padding: 0 55px;
    position: relative;
    text-align:left;
    top: -60px;
    width: 750px;
   	}
#music {
	background: xred;
    border-right: 0px solid #999999;
    float: left;
    color: black;
    text-align:left;
    width: 30%;
   	}
#menus {
	background: xpink;
    color: black;
    float: right;
    text-align:left;
    width: 63%;
   	}
.chapitre {
	background:#666666;
    border: 1px solid #666666;
	color:#fee616;
	font: 160%/1.6 Impact, Charcoal, Rekha, Sans-Serif;
    letter-spacing: 1px;
	margin: 0px auto 6px;
    padding : 1px 7px 0px 11px;
    word-spacing: 3px;
/*	-ms-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; */
   	}
.accroche {
	color:#000;
    display: block;
	font: 200%/1 Verdana, Verdana, "Deja Vu", "Bitstream Vera Sans", Sans-serif;
    left: -2px;
    letter-spacing: 1px;
    padding-bottom: 8px;
    position: relative;
	margin: 0px auto;
    word-spacing: 3px;
}
.prix {
    display: block;
    font-style: italic;
    left: 4px;
    padding: 8px 0 15px;
    position: relative;
	margin: 0px auto;
}
.details li {
	list-style-type: square;
    margin-left: 15px;
}
#flyer {
	color: grey;
}
.jmoins {
	background: #f00;
	color:#fff;
    font: 110% Impact, Charcoal, Rekha, Sans-Serif normal;
    padding: 0 1px 1px;
   	text-shadow: none;
   	-ms-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}

/* links
--------------------------------- */
.carte a:link, .carte a:visited, .carte a:hover, .carte a:active {
	border: none;
    display: block;
    height: 100px;
    padding: 0;
	text-decoration:none;
   	-ms-border-radius: 25px; -moz-border-radius: 25px; -o-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px;}
#flyer a:link, #flyer a:visited, #flyer a:hover, #flyer a:active {
	background: none;
	border: none;
    padding: 0 8px;
	text-decoration:none;
}
.carte a:hover, .carte a:active {
	background: #fff;
}



/* TOOLTIPS
--------------------------------- */

#personnel a:link, #personnel a:visited, #personnel a:hover, #personnel a:active {
	background: none;
	color: #000000;
    padding: 0;
	text-decoration:none;
}

#personnel a:hover, #personnel a:active {
	border: none;
}

.tooltip {
	border-bottom: 2px dotted #287bf2;
	outline: none;
	cursor: help;
	text-decoration: none;
	position: relative;
}
.tooltip span {
	color: #fff;
	margin-left: -999em;
	position: absolute;
}
.tooltip:hover span {
   	-ms-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	font-family: Calibri, Tahoma, Geneva, sans-serif;
    font-size: 150%;
	left: 2em;
	margin-left: 0;
	position: absolute;
	top: -2.2em;
	width: auto;
	z-index: 99;
}
.tooltip:hover img {
	border: 0;
	margin: -10px 0 0 -55px;
	float: left;
	position: absolute;
}
.tooltip:hover em {
	font-family: Candara, Tahoma, Geneva, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	display: block;
	padding: 0.2em 0 0.6em 0;
}
.classic {
	padding: 0.8em 1em;
}
.custom {
	padding: 0em 1.3em 0.2em 1.2em;
}
* html a:hover {
	background: transparent;
}
.classic {
	background: #FFFFAA;
	border: 1px solid #FFAD33;
}
.critical {
	background: #FFCCAA;
	border: 1px solid #FF3334;
}
.help {
	background: #9FDAEE;
	border: 1px solid #2BB0D7;
}
.info {
	background:  #287bf2;
    border-bottom : 2px solid darkslateblue;
    border-top : 1px solid #999999;
}
.warning {
	background: #FFFFAA;
	border: 1px solid #FFAD33;
}