/*-------------------------------------------------------------------------
Pour tout retrouver facilement avec CTRL+F : Saisir étoile * et la lettre SANS ESPACE
  * L --> Liens ;
  = L --> Lightbox ;
  = N --> Newsletter ;
  * T  --> Texte ;
  * N --> Nav (navigation) ;
   * M  --> Modele ;
  * I  --> Index ;
  * P  --> Pages ;
  * C  --> Contact ;
  * F --> Footer ;
-------------------------------------------------------------------------*/



/*********************************************************************Balise ****************************************************************/
form {
	padding: 0px;
	margin: 0px;
}

td {
vertical-align:top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}


img {
border: 0;}

ul, li {
margin: 0;
padding: 0;}

li {
list-style: none;}

body {
margin: 0;
text-align: center;
background: #000;
}

#container {
text-align: left;
width: 960px;
margin: 0 auto;}

/********************************************************************Lien ******************************************************************/
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #000000;
}

#content a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5EBAC6;
	font-weight: bold;
	text-decoration: none;
}
#content a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5EBAC6;
	font-weight: bold;
	text-decoration: none;
}
#content a:hover {
	text-decoration: underline;
	color: #5EBAC6;
}
#content a:active {
	text-decoration: none;
	color: #5EBAC6;
}


#options a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
#options a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
#options a:hover {
	text-decoration: underline;
	color: #000000;
}
#options a:active {
	text-decoration: none;
	color: #000000;
}


#hdp a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #eee;
	text-decoration: none;
	padding: 3px 5px;
}
#hdp a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #eee;
	text-decoration: none;
}
#hdp a:hover {
	text-decoration: underline;
	color: #fff;
}
#hdp a:active {
	text-decoration: none;
	color: #eee;
}


#footer a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #aaa;
	font-weight: normal;
	text-decoration: none;
}
#footer a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #aaa;
	font-weight: normal;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
	color: #fff;
}
#footer a:active {
	text-decoration: none;
	color: #aaa;
}
/*--------------------------------------------------------------------------*/



/* Class 
--------------------------------------------------------------------------*/
.scrollbarre {
	overflow:auto;
}
/*--------------------------------------------------------------------------*/



/*=Newsletter 
--------------------------------------------------------------------------*/
.email_news {
	font-family:Geneva,Arial,Helvetica;
	font-size:11px;
	color: #3f5155;
	background-color:#ffffff;
	border: #3f5155 1px solid;
	padding:2px;
}

.bouton_news {
background: #00B5C3;
color: #fff;
font-weight: bold;
height: 18px;
text-align: center !important;
width: 24px !important;
cursor: pointer;
border: 0;
margin:0 !important;
padding:0 !important;
}

/**********************************************************BDD AUTO **************************************/
.numpage {
}
.numpage_selec {
	color:#ff0000;
}
.bt_suivant{
}
.bt_precedent{
}
.liste_cat{
}
.fichierbin{
}
.photo{
}
/**********************************************************************************************************/




/*NAV
-------------------------------------------------------*/

/*--------------------------------------------------------------------------*/


/*TEXTE
--------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6, h7, p {
text-align: left;
font-family: Arial, Helvetica, sans-serif;}

h1 {
padding: 0;
margin: 0 15px;
height: 40px;
line-height: 40px;
font-size: 18px;
font-variant: small-caps;
color: #fff;}

h2 {
font-size: 18px;
color: #f7f7f7;
margin: 0 15px;
padding: .5em 0;}
	
	.tiptop {
	padding-top: 0;}

h3 {
font-size: 14px;
margin: 0 10px;
padding: .5em 0;
color: #BDBFBF;}

p {
color: #BDBFBF;
margin: 0 15px;
padding: 0 0 .5em 0;
font-size: 11px;
line-height: 1.3em;}

	.welcome{
	text-align: center;}
	
	.intro {
	text-align:center;	
	color: #BDBFBF;
	margin: 0 15px;
	padding: 0 0 .5em 0;
	font-size: 11px;
	line-height: 1.3em;
	width:85%;
	}
	
	.intro p {
	text-align:center;	
	}

	
	.parag {
	text-align: justify;
	width: 80%;
	margin: 0 auto;}

.impt {
color: #b8a58c;}

.impt2 {
color: #b8a58c;}
/*--------------------------------------------------------------------------*/
.imag{
border: 1px solid #7aaac9;
float: left;
margin: 5px 15px 5px 0;
}

.imag2{
border: 1px solid #7aaac9;
float: right;
margin: 5px 0 5px 15px;
}

.imag3{
border: 1px solid #7aaac9;
vertical-align: middle;
}

.imag0{
border: 1px solid #7aaac9;
}
/*--------------------------------------------------------------------------*/



/*MODELE
-------------------------------------------------------*/
#logo {
float: left;}

#header {
float: left;
background: url(gifs/manureva-son-lumiere_03.jpg) no-repeat;
width: 437px;
height: 201px;
position: relative;}

	#header li{
	position: absolute;
	background: url(gifs/manureva-son-lumiere_26.jpg) repeat-x;
	height: 25px;
	width: 175px;
	border: 1px solid #D6EEF2;}
	
		#header li a{
		display: block;
		padding-left: 5px;
		color: #D6EEF2;
		line-height: 25px;
		height: 25px;
		font-weight: bold;
		text-decoration: none;}
	
		#header li a:link{
		font-weight: bold;
		color: #D6EEF2;
		text-decoration: none;}
		
		#header li a:hover{
		color: #fff;
		text-decoration: none;}

		#header li a:active{
		color: #D6EEF2;
		text-decoration: none;}

			#header li a img{
			vertical-align: middle;}
	
	#header #reserv_bt{
	height: 108px;
	border: 0;
	width: 177px;
	right: 0;}
	
		#header #reserv_bt a{
		border: 0;
		padding: 0;}
	
	#devis_bt {
	bottom: 17px;
	right: 183px;}
	
	#program_bt {
	bottom: 55px;
	right: 0;}
	
	#affaires_bt {
	bottom: 17px;
	right: 0;}
	
/*---------------------------------------------------*/	
#content {
clear: both;}

	#content_side {
	float: left;
	width: 177px;}
	
		#content_side li{
		background: url(gifs/over_08.jpg) no-repeat;
		height: 22px;
		padding-bottom: .5em;}
		
			#content_side li a{
			background: url(gifs/manureva-son-lumiere_08.jpg) no-repeat;
			display: block;
			width: 100%;
			height: 100%;
			line-height: 22px;
			color: #D6EEF2;
			padding-left: 5px;
			text-decoration: none;}
			
			#content_side li a:link{
			display: block;
			width: 100%;
			height: 100%;
			color: #D6EEF2;
			text-decoration: none;}
			
			#content_side li a:hover{
			color: #fff;
			background: transparent none;
			text-decoration: none;}
			
			#content_side li a:active{
			color: #D6EEF2;
			text-decoration: none;}
		
		#content_side #option_lettre {
		background: url(gifs/manureva-son-lumiere_20.jpg) no-repeat;
		height: 120px;
		color: #00B5C3;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 80%;
		padding: 25px 0 0 8px;}
		
		#option_lettre table {
		width: 164px;
		margin: 0 auto;
		padding-top: 10px;}
			
	
	#content_main{
	width: 775px;
	float: left;
	margin: 0 0 0 12px;
	padding-top: 100px;
	border: 1px solid #919191;
	background: url(gifs/manureva-son-lumiere_07.jpg) no-repeat top center;
	width: 768px;
	min-height: 200px;
	position: relative;}
	
		#content_main h2{
		position: absolute;
		top: 25px;
		left: 160px;}
	
		#content_main #contact_bt {
		position: absolute;
		top: 25px;
		right: 90px;
		font-size: 18px;
		color: #5EBAC6;
		display: block;
		width: 200px;
		height: 40px;
		line-height: 40px;
		}
		#content_main #contact_bt:hover {
		text-decoration: none;
		color: #88D3DD;}
/*--------------------------------------------------------------------------*/

/*INDEX
-------------------------------------------------------*/

#content_main .welcome a{
color: #B12141;
line-height: 2.2em;}

#content_main .welcome a img{
vertical-align: middle;}

#indesc {
width: 96%;
margin: 0 auto;
border-top: 1px dotted #BDBFBF;
padding-bottom: 20px;}

	#indesc td{
	padding: 3px;}
	
	#indesc li{
	float: right;
	background: url(gifs/manureva-son-lumiere_26.jpg) repeat-x;
	height: 25px;
	border: 1px solid #D6EEF2;
	margin-right: 5px;}
	
		#content #indesc li a{
		display: block;
		padding: 0 5px;
		color: #D6EEF2;
		line-height: 25px;
		height: 25px;
		font-weight: bold;
		text-decoration: none;}
	
		#content #indesc li a:link{
		color: #D6EEF2;
		font-weight: bold;
		text-decoration: none;}
	
		#content #indesc li a:hover{
		color: #fff !important;
		text-decoration: none;}
	
		#content #indesc li a:active{
		color: #D6EEF2;
		text-decoration: none;}
		
		#content #indesc li #vente_bt{
		width: 130px;}
		
		#content #indesc li #loc_bt{
		width: 239px;}
/*--------------------------------------------------------------------------*/


/*PAGES
-------------------------------------------------------*/
#tpl01 {
width: 644px;
margin: 15px auto;
background: #111;
padding: 5px 15px;
border: 2px solid #222;
}

	#tpl01 ul{
	float: left;
	margin-right:10px;
	position: relative;}

		#tpl01 ul img{
		border: 1px solid #D6EEF2;
		}

		#tpl01 ul #img_main{
		position: absolute;
		top: 0;
		left: 75px;
		margin-left: 5px;
		}

	#tpl01 #description{
	float: left;
	width: 322px;
	margin-right: 0;}

		#tpl01 #description p {
		text-align: justify;
		}

	#tpl01 h3{
	margin-left: 0px;
	margin-bottom: 10px;
	border-bottom: 1px solid #333;}

	#tpl01 #sowhat {
	border-top: 1px solid #333;
	width: 97%;
	height: 30px;
	padding-top: 10px;
	margin: 5px 0 5px 0;
	float: none;
	clear: both;}

		#tpl01 #sowhat li{
		float: right;
		background: #222;
		height: 25px;
		border: 1px solid #D6EEF2;
		margin-right: 5px;}
	
			#tpl01 #sowhat li a{
			display: block;
			padding: 0 5px;
			color: #D6EEF2;
			line-height: 25px;
			height: 25px;
			width: 132px;
			font-weight: bold;
			text-decoration: none;
			text-align: center;}
			
			#tpl01 #sowhat li a:link{
			color: #D6EEF2;
			text-decoration: none;}
			
			#tpl01 #sowhat li a:hover{
			color: #fff;
			text-decoration: none;}
			
			#tpl01 #sowhat li a:active{
			color: #D6EEF2;
			text-decoration: none;}
/*--------------------------------------------------------------------------*/
/* revervation
--------------------------------------------------------------------------*/
#resBG {
width: 70%;
margin: 15px auto;
background: url(gifs/bg_12.gif) repeat-x bottom;}

.reservation_devis {
width: 100%;}

	.reservation_devis .intitule{
	text-align: right;/*
	width: 50%;*/
	color: #fff;
	vertical-align: middle;}
/*--------------------------------------------------------------------------*/
/* programme
--------------------------------------------------------------------------*/
.tpl_prog {
width: 80%;
margin: 20px auto;
background: #111;
padding: 5px 15px;
border: 2px solid #222;}

	#content .tpl_prog h3{
	margin-left: 0px;
	margin-bottom: 10px;
	border-bottom: 1px solid #333;}

	#content .tpl_prog h3 span{
	font-size: 80%;}
	
	
	#spectac_photos img{
	margin-bottom: 10px;}
	
.tpl_prog #go{
display: block;
width: 180px;
height: 25px;
line-height: 25px;
background: #222;
border: 1px solid #D6EEF2;
margin-right: 5px;
text-align: center;
}
/*--------------------------------------------------------------------------*/
/* manureva
--------------------------------------------------------------------------*/
#bd {
width: 90%;
margin: 15px auto;
border-top: 1px dotted #BDBFBF;}

.tpl_espace {
width: 150px;
margin: 5px 5px 15px 0;
border: 1px solid #222;
border-top: 4px solid #222;
background: #151515;
padding: 4px 5px;}

.tpl_espace img{
margin-bottom: 10px;}

#content .tpl_espace #go_detail{
display: block;
width: 100%;
height: 25px;
line-height: 25px;
background: #222;
border: 1px solid #D6EEF2;
margin: 0; 
text-align: center;}

#content .tpl_espace h4{
margin: 0;
margin-bottom: 5px;
border-bottom: 1px solid #333;
color: #BDBFBF;
font-size: 110%;}

/*<?= nl2br(str_replace("_"," ",$rows["titre"])) ?>
affaires
--------------------------------------------------------------------------*/
#content .tpl_affaires{
width: 80%;
margin: 20px auto;
border: 2px solid #222;
background: #151515;
padding: 6px;}

#content .tpl_affaires li{
color: #D6EEF2;}

#content .tpl_affaires h4{
margin: 0;
margin-bottom: 5px;
border-bottom: 1px solid #333;
color: #BDBFBF;
font-size: 12px;}

#content .tpl_affaires #go_affaires{
display: block;
width: 70%;
margin: 0 auto;
height: 25px;
line-height: 25px;
background: #222;
border: 1px solid #D6EEF2;
margin: 0; 
text-align: center;
color: #D6EEF2;}

			#content .tpl_affaires #go_affaires:link{
			color: #D6EEF2;
			text-decoration: none;}
			
			#content .tpl_affaires #go_affaires:hover{
			color: #fff;
			text-decoration: none;}
			
			#content .tpl_affaires #go_affaires:active{
			color: #D6EEF2;
			text-decoration: none;}
/*--------------------------------------------------------------------------*/

/*CONTACT
-------------------------------------------------------*/
#contact_body {
padding: 15px;
width: 90%;
margin: 0 auto;}

#contact_side p{
text-align: center;}

	
#bob {
width: 65%;
border-right: 1px dashed #333;}


#mail {}

#mail p{
margin: 0 10px;}

#corpForm {
margin: 0 auto;}

#reserv td.right{
text-align: right;}

#reserv td.left{
text-align: left;}
 
fieldset{
margin: 5px 3em;
color: #a6814d;
border: 1px solid #BDBFBF;
padding-bottom: 10px;
}

#coord, #spectac {
margin: 15px 2em;
}

em.ob{margin-left: 3em;
color: #777;}

fieldset legend{
line-height: 16px;
text-align: left;
color: #219EB0;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
}


fieldset input{
text-align: left;
margin-top: 5px;
background: #eee;
border: 2px solid #fff;}

fieldset label{
color: #BDBFBF;}

fieldset textarea{
vertical-align: text-top;
text-align: left;
width: 200px;
background: #eee;
border: 2px solid #fff;}


	fieldset input:focus {
	border: 2px solid #CEF3F8;
	background: #fff;}
	fieldset textarea:focus {
	border: 2px solid #CEF3F8;
	background: #fff;}



fieldset p{
width: 300px;
text-align: right;}

#bouton_send{
width: 400px;
text-align: center;}

input.contact_envoyer{
cursor: pointer;
text-align: center;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
margin: 1em 0 .5em;
padding: 0 1em;
height: 25px;
font-size: 14px;
line-height: 21px;
background: url(gifs/manureva-son-lumiere_26.jpg) repeat-x;
border: 1px solid #D6EEF2;}

/*--------------------------------------------------------------------------*/


#hdp {
text-align: right;}

/*footer
--------------------------------------------------------------------------*/
#footer {
clear: both;}
#info{
padding: 5px;
text-align: center;
color: #ccc;}
/*--------------------------------------------------------------------------*/

.blanc {
color: #fff;}

.imgexemple{border:1px solid #333;
}

.big_img{
	float:left;
	border:solid 1px #fff; 
}