/* CSS Document */
body
 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	background: url(images/bg.jpg) #a30362  repeat-x;
	color:#cccccc;
	}
 p
 {
		display:block;
}
*{
    margin:0;
	padding:0 0px 0 0px;
}

ul li
{
	list-style:none; 
}

a
 {
	text-decoration:none;
	color:#FFFFFF;
	}


a:hover
 {
	text-decoration:none;
}

.clr 
{
	clear:both;
	font-size:0;
	height:0;
}
/************************/
#page 
{

	width:955px;
	margin:0 auto;
}

#header
 {
	width:955px;
	background:url(images/header.jpg) 0 0px no-repeat;
	float: left;
	position: relative;
	height: 318px;
}
.logo 
{
	float: left;
	margin: 33px 0 0 40px;
}
.fleur{
	float:right;
	margin: 20px 64px 2px 0;

	}
	.mask{
	float:right;
	margin: 6px 16px 0px 0;

	}	.vere{
	float:right;
	margin: 10px 15px 0 0;

	}
	
/**********************************************MENU************************************************/
#menu
{
	width:460px;
	float: right;
	}
#menu li
{
	margin-bottom:0px;
	float:left;
	}
#menu li a
{
    text-align:center;
	cursor:pointer;
	height:39px;
	display:block;
	padding:15px 0px 0 0;
}

#menu1 a
{	
	border-right: 1px solid #da95ae;
	background:url(images/accueil.gif) no-repeat 0px 24px;
	width:71px;
}
#menu  #menu1 a:hover , #menu  #menu1 .active
{	
	background:url(images/accueil-hover.gif) no-repeat 0px 24px;
	
}

#menu #menu2  a
{	
	border-right: 1px solid #da95ae;
	background:url(images/prestation.gif) no-repeat 6px 24px;
	width:108px;
}
#menu  #menu2 a:hover , #menu  #menu2 .active
{	
	background:url(images/prestation-hover.gif) no-repeat 6px 24px;
	}

#menu #menu3  a
{	
	border-right: 1px solid #da95ae;
	width:82px;
	background:url(images/service.gif) no-repeat 6px 25px;
}
#menu  #menu3 a:hover , #menu  #menu3 .active
{	
	background:url(images/service_hover.gif) no-repeat 6px 25px;
}
#menu #menu4  a
{	
	border-right: 1px solid #da95ae;
    width:100px;
	background:url(images/actualites.gif) no-repeat 6px 24px;
}
#menu  #menu4 a:hover , #menu  #menu4 .active
{	
	background:url(images/actualites-hover.gif) no-repeat 6px 24px;
}

#menu #menu5  a
{	
    width:72px;
	background:url(images/contact.gif) no-repeat 6px 24px;
}
#menu  #menu5 a:hover , #menu  #menu5 .active
{	
	background:url(images/contact-hover.gif) no-repeat 6px 24px;
}
/***********************************Fin Menu********************************************/

.content
 {
	width:928px;
	padding: 15px 0 10px 16px;
	background: url(images/contenu.jpg)  #a30362 0 top no-repeat;
	color: #FFFFFF;
	float: left;
}
.locationsal{
	float: left;
	width:360px;
	padding: 0 30px 0 10px;
	line-height: 17px;
}
.locationsal .titreco
{
	border-bottom:#FFFFFF 1px solid;
	padding:0px 0px 10px 0px;
	color: #FFFFFF;
	width:358px;
	font-size: 18px;
	margin: 0 0 11px 0px;
}
.locationsal p
{
	padding:0px 0px 5px 0px;
	text-align: justify;
}
.imgbordur{
	border:1px solid #FFFFFF;
	margin: 5px 0 0 0;
}
.locationsal .inderlinee{
text-decoration:underline;

}
.cadre{
	float: left;
	width:250px;
	padding: 0 0px 0 0px;
	background:url(images/cadre.jpg) no-repeat;
	text-align:center;
}
.actualites
{
	background: url(images/botmactu.jpg) #ffffff bottom no-repeat;
	width: 239px;
	float:left;
	padding: 0 0px 20px 0px;
	color: #a71b6f;
}
.actualites p.noussomm
{
padding:0 0 5px 0;
}
.actualites .act
{
	background:url(images/titreactubloc.jpg) no-repeat;
	width: 239px;
	text-align: center;
	padding: 6px 0;
}
.actualites .act span
{
font-size:18px;
}

.actualites   .puc
{
	padding:8px 0 2px 10px;
	width: 219px;
	display: block;
	font-weight: bold;
	}
.actualites   .puc span
{
	color:#A71B6F;
	display: block;
	padding: 10px 0 18px 0;
	font-weight: normal;
}
.actualites    a
{
	display:block;
    color:#930847;
	padding: 5px 18px 10px 0px;
	width: 221px;
	text-align: right;
	font-weight:bold;
	font-size: 11px;
	margin: 0 0 6px 0;
}
.actualites    a:hover
{	color:#DC9BB3;
}
.group2
{
		width: 250px;
	    float:left;
	    padding: 0 26px 0px 0px;
}
.srose
{
	background: url(images/rosepx.jpg) repeat-y;
	width: 249px;
	float:left;
	padding: 0 0px 0px 0px;
	color: #a71b6f;
	margin: 0px 0 0 0px;
	line-height: 20px;
	font-size: 13px;
}
.rose
{
	background: url(images/rosetop.jpg) top no-repeat;
	width: 231px;
	padding: 9px 9px 0 9px;
	color: #a71b6f;
	margin: 0 0 0 0px;
	font-weight: bold;
	text-align: center;
	
}
.rose p {
font-family:"Times New Roman", Times, serif;
font-style:italic;
font-size:16px;
}
.rose span
{
text-transform:uppercase;
font-size:13px;
font-weight:bold;	
}
.imgrosemariage{
	text-align:center;
	margin: 12px 0 12px 30px;
	border: 1px solid #ffffff;
}
.bordur{

	border: 1px solid #ffffff;
}
.profes1{
	width: 410px;
	float: left;
	padding: 0 20px 0 0;
	
}
.profes2{
	width: 420px;
	float: left;
	
}
.logoindex{
	float:left;
	margin: 16px 0 0 50px;

}
/******************************************************************/
.titreservi
{
   background: url(images/pservice.png) 0px 0 no-repeat;
 	_background:none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/pservice.png', sizingMethod='crop');
   padding:10px 0px 20px 0px;
	color: #FFFFFF;
	width:856px;
	font-size: 18px;
	margin: 0 0 0 31px;
}
.espace{
	width: 585px;
	float:left;
	text-align: justify;
	padding: 0 0px 10px 0px;
}
.espace1{
	width: 270px;
	float:left;
	text-align: justify;
	padding: 0 10px 0 31px;
}
.pucrose{
background:url(images/pucrose.gif) no-repeat 0  0 ;
padding:0 0 8px 30px;
}
.dance{
background:url(images/pucrose.gif) no-repeat 0 10px;
	width: 245px;
	float:left;
	text-align: justify;
	padding: 5px 10px 0px 15px;
	line-height: 20px;
}
.selon{
	width: 260px;
	float:left;
	text-align: justify;
	padding: 5px 10px 5px 0;
	line-height: 20px;
}
.organisation
{
	padding:0px 0px 10px 0px;
	color: #FFFFFF;
	width:800px;
	margin: 0 0 13px 0px;
}
.organisation1{
	padding:0px 0px 0px 0px;
float:left;
}
.organisation2{
	padding:6px 0px 0px 3px;

	width:400px;
	float: left;
}
/**************************************************************/
.serviceg{
	width:410px;
	padding: 0px 18px 0 31px;
	float:left;
}
.profetoursme{
	width:410px;
	padding: 0px 18px 0 0;
	float:left;
}
.serviced{
	width:441px;
	padding: 0px 0 0 0;
	float:left;
}
.marie{
	width:390px;
	padding: 0px 0 0 0;
	float:left;
}

.couple1{
	float:left;
	padding:0 0 0 0;
	border: 1px solid #ffffff;
	margin: 0 0 8px 0;

}
.couple{
	float:left;
	margin:0 0px 10px 0;
	border: 1px solid #ffffff;

}
.titreespaces
{
	padding:5px 0px 10px 0px;
	color: #FFFFFF;
	font-size: 18px;
	margin: 0 0 0px 0px;
	width: 400px;
}
.txtespace{
	width:190px;
	float:left;
	padding: 0 0 4px 0px;
	line-height: 18px;
}
.txtlocation{
	width:570px;
	float:left;
	padding: 5px 0px 5px 15px;
	background: url(images/pucrose.gif) no-repeat 0 5px;
	line-height: 16px;
}
.txtespace2{
	width:180px;
	float:left;
	padding: 0 0 10px 0px;
	line-height: 20px;
	text-align: justify;
}
.txtespace8{
	width:180px;
	float:left;
	padding: 0 8px 10px 0px;
	line-height: 20px;
	text-align: justify;
}
.txtespaceavantage{
	float:left;
	padding: 0 0px 5px 0px;
	line-height: 20px;
	text-align: justify;
	width: 390px;
}
.profesion{
	width:856px;
	padding: 10px 0 0 0;
}
.txtprof{
	width:420px;
	float:left;
	padding: 3px 0 0px 0;
	text-align: justify;
	line-height: 18px;
}
.txtprofrigth{
	width:420px;
	float:left;
	padding: 0px 0 0px 0;
	text-align: justify;
	line-height: 18px;
}
.txtex{
	width:410px;
	float:left;
	padding: 4px 0 4px 0;
	text-align: justify;
	line-height: 18px;
}
.txtprof1{
	width:420px;
	float:left;
	padding: 5px 0 0px 0;
	text-align: justify;
	line-height: 17px;
}
.txtprof2{
	width:420px;
	float:left;
	padding: 5px 0 0px 0;
	text-align: justify;
	line-height: 16px;
}
.txtconf{
	width:410px;
	float:left;
	padding: 5px 0 5px 0;
	text-align: justify;
}
.txttamaris{
	width:440px;
	float:left;
	padding: 0 0px 8px 0;
	text-align: center;
	line-height: 17px;
}
.txttamaris1{
	width:185px;
	float:left;
	padding: 0 0px 8px 0;
	text-align: justify;
	line-height: 22px;
	text-decoration: none;
}
.imgsalon{
	float:left;
	margin: 0 10px 10px 0;
	border: 1px solid #ffffff;

}

  .puc
{
	background: url(images/puc.gif) 0 5px no-repeat;
	width: 180px;
	display: block;
	margin: 3px 0 2px 0px;
	padding: 0 0 0 10px;
	} 
	 .pucexemple
{
    background: url(images/puc.gif) 10px 8px no-repeat;
	padding:5px 0 2px 20px;
	width: 410px;
	display: block;
	}
	.organisationtxt{
	margin:4px 0 0 30px;
		}
			.organisationtxt span{
	margin:-4px 0 0 0;
		}
/*****************************************************************/
.mariage{
	width:181px;
	float:left;
	padding: 0 15px 10px 0;
}
.bateme{
	float:left;
	padding: 0 10px 10px 40px;
}
.bateme span{
	display:block;
	background:url(images/bgtitremariage.jpg) no-repeat;
	width:181px;
	height:18px;
	text-align: center;
	padding: 5px 0 0 0;
}
.coktel{
	width:181px;
	float:left;
	padding: 0 0px 10px 0;
}
.coktel span{
	display:block;
	background:url(images/bgtitremariage.jpg) no-repeat;
	width:181px;
	height:18px;
	text-align: center;
	padding: 5px 0 0 0;
}
.coktel1{
	float:left;
	padding: 0 0px 10px 10px;
}
.coktel1 span{
	display:block;
	background:url(images/bgtitremariage.jpg) no-repeat;
	width:181px;
	height:18px;
	text-align: center;
	padding: 5px 0 0 0;
}
.txtmariage{
	width:200px;
	float:left;
	padding: 0 10px 8px 0;
	line-height: 17px;
}
.txtannif{
	width:170px;
	float:left;
	padding: 0 10px 18px 0;
	line-height: 18px;
}
.mariage span{
	display:block;
	background:url(images/bgtitremariage.jpg) no-repeat;
	width:181px;
	height:18px;
	text-align: center;
	padding: 5px 0 0 0;
}
.pservice{
	width:400px;
	float: left;
	line-height: 20px;
	padding: 0 0 5px 0px;

}
.petisall{
	margin: 0 0px 10px 0px;
	border: 1px solid #ffffff;

}
/****************************************/
.service{
	padding: 0 0 0 31px;
}
/*-----------------------Actualités----------------------*/
.ouvert 
{
	color:#D597C8;
	padding:5px 0 10px 30px;
	background: url(images/puc.gif) 5px 5px no-repeat;
 }
.act-top-left
 {
 float:left;
 width:500px;
 padding:0 0 100px 31px;
 margin:40px 0 0 0;
}
.act-top-left img
 {
margin:0 10px 0 0;
float:left;
}
.act-txt
 {
color:#000;
} 
.act-top-left-titre
 {
    padding:7px 0 24px 0px;
	margin: 0px 0 4px 0px;
	border-bottom: #ffffff 1px solid;
	text-align: center;
 }
.rightactu 
{
 width:240px;
 float:left;
 margin:80px 0 80px 20px;
 padding:0 0 0px 20px;
 border-left:1px #FFFFFF solid;
 color:#FFFFFF;
}
.rightactu a
 {
 color:#FFFFFF;
}
.rightactu a:hover 
{
 color:#D597C8;
}
/************************fin actua ***********************/

/*-------------------------------Contact----------------------*/

.contactimg{
	float:right;
	margin: 6px 28px 0 0;
}
.titreco
{
	border-bottom:#FFFFFF 1px solid;
	padding:6px 0px 10px 0px;
	color: #FFFFFF;
	width: 855px;
	font-size: 18px;
	margin: 0 0 7px 32px;
}
.group1c
{
	width:460px;
	float:left;
	padding: 0 0 0 32px;
}

.cordo .cor1
{
	padding:6px 0 2px 2px;
	width: 266px;
	margin: 0px 0 12px 0px;
	border-bottom: #fec975 2px solid;
}

.cordo1 .adress
{
	width:420px;
	padding:0px 0px 12px 0px;
	text-align: justify;
	color: #FFFFFF;
	font-size: 14px;
}
.cordo1
{
	width:420px;
	float:left;
	padding:0px 5px 0px 0px;
	}
.cordo1 .adress span
{
	text-transform:uppercase;
}

.cordo1 .cor1
{
	padding:6px 0 7px 2px;
	width: 266px;
	margin: 0px 0 12px 0px;
	border-bottom: #fec975 2px solid;
}



/****************formulaire***************/
.formulaire{
	float:left;
	width:460px;
	color:#FFFFFF;
	font-size:11px;
	padding:14px 0px 0 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(images/bgcontact.gif) right 0 no-repeat;
	margin: 0;
}
.formulaire p.titreco
{
	border-bottom:#FFFFFF 1px solid;
	padding:0px 0px 10px 0px;
	color: #FFFFFF;
	width: 460px;
	font-size: 18px;
	margin: 0 0 11px 0;
}

.formulaire p{
	margin:0 0 5px 0;
	width:235px;
	padding:0;
	float:left;
	color:#FFFFFF;
}
 
.formulaire span{
		float:left;
		clear:left;
		font-size:11px;
}
 
.formulaire .info{

		clear: both;
		padding:0px 0 0 0;
		text-align:left;
}

 
 
.formulaire em{
		color:#FF0000;
}

.formulaire .question{
		padding:0 0 0 0;
}
 
.formulaire input{
		float:right;
	width:150px;
	height:15px;
	color:#330d00;
	border:#2d0808 1px solid;
}
.formulaire p.masgrea{
	float:right;
	width:213px;
}
 
.formulaire textarea{
		float:right;
	width:150px;
	height:80px;
	overflow:hidden;
	color:#000000;
	border:#2d0808 1px solid;
}
.formulaire .bout{
	width: 64px;
	height:17px;
	border:none;
	float:right;
	margin-top:5px;	
}

.formulaire .rouge{
	color:#fff;
	display:block;
	font-weight:bold;
	float:right;
	clear:both;
	padding: 0;
	margin: 0;
}
.formulaire p.paraboot{
width:200px;
float:right;
}
/************************* Fin contact **************************************/
/*---------------Mentions Légales------------*/
.contenu3 
{
	font-size:13px;
	padding:8px 0 8px 0px;
	font-weight:bold;
	color:#FFFFFF;
	width:800px;
	font-style: italic;
}
.contenu2 
{
	border-bottom:#FFFFFF 1px solid;
	padding:10px 0px 10px 0px;
	color: #FFFFFF;
	width: 896px;
	font-size: 18px;
	margin: 0 0 13px 0px;

}
.prestation1
{	
    width: 100%;
	padding:7px 0 8px 0px;
	margin: 0px 0 4px 0px;
	border-bottom: #fec975 2px solid;
}



.txtmen
{
line-height:20px;
}


/*-----------------------CSS footer------------------------*/

#footer
 {
    background:url(images/footer.jpg) 0 11px repeat-x;
	color:#fec975;
	text-align:center;
	padding: 0px 0 0px 0;
	width:100%;
	margin:0 auto;
	float: left;
	position: relative;
}
.fot
{
	background:url(images/footer.jpg) 0 -11px no-repeat;
	margin:0 auto;
	color:#FFFFFF;
	padding:0px 0 20px 0;
	font-size:11px;
	width: 100%;
	text-align: center;
	}
.fot span
{
	padding:0 7px 0 7px;
}
#footer img
{
	padding:4px 0 0 0;	
}
#footer .navigation
{
	color:#FFFFFF;
	text-align:center;
	display: block;
	padding:30px 0 5px 0;
}
 .fot  object
{
	top:5px;
	position:relative;
}
#footer  a
{
	padding:0 3px 0 3px;
	font-size:10px;	
	color:#FFFFFF;
	}
 #footer  a:hover{
	color:#D597C8;
	}
#toptech
 {
	text-align:center;
	width: 955px;
	clear: both;
	margin: 0 auto;

} 


#toptech a
{
	font-size:9px;
	border:none;	
	color:#FFFFFF;
	}

#toptech a:hover
{
	color: #EECFDA;
}

#img {
float:left;
}

#text {
float:left;
width:250px;
}

#img_gauche {
width:200px;
float:left;
}
