@charset "utf-8";
/* CSS Document */

body {
	background-color:#ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image:url(../_img/bkg.gif);
	background-repeat:no-repeat;
	background-position:center;
	margin: 0;
	padding: 0;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	display: inline ;
}

h1.cooper {
	color:#87165c;
	font-size:16px;
	font-family: Cooper Black, Verdana, Helvetica, sans-serif;
	font-weight: lighter;
}

h1.titres {
	color:#87165c;
	font-size:30px;
	font-family: Cooper Black, Verdana, Helvetica, sans-serif;
	font-weight: lighter;
}

h2.titres {
	color:#ffffff;
	font-size:26px;
	font-family: Cooper Black, Verdana, Helvetica, sans-serif;
	font-weight: lighter;
}

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

.policeblanche {
	color: #ffffff;
}

.policeviolette {
	color: #6d095e;
}

#conteneur {
	width: 970px;
	height: 570px;
    margin-left: auto;
    margin-right: auto;
	padding-top: 32px;
	margin-bottom: 0px;
}

.centrage {
     width: 970px;
	 height: 570px;
}

.conteneurbottom {
     width: 970px;
	 height: 20px;
	 background-color: #6d095e;
	 color: #ffffff;
	 margin-top:10px;
	 text-align:center;
	 line-height: 20px;
}

.conteneurtop {
     width: 970px;
	 height: 540px;
	 background-color: #c5d339;
	 color: #ffffff;
}

.conteneurgauche {
     width: 260px;
	 height: 540px;
	 color: #ffffff;
	 float:left;
}

.conteneurdroite {
     width: 710px;
	 height: 540px;
	 color: #ffffff;
	 float:left;
}

.conteneurdroitehaut {
     width: 710px;
	 height: 400px;
	 color: #ffffff;
	 float:left;
}

.conteneurdroitemenu {
     width: 596px;
	 height: 140px;
	 padding-left:105px;
	 padding-right:105px;
	 color: #ffffff;
	 float:left;
	 background-image:url(../_img/sliderbkg2.gif);
	 background-repeat: no-repeat;
}

.conteneurdroitehautfaistafleurhaut {
     width: 680px;
	 height: 70px;
	 float:left;
	 text-align:right;
	 padding-top:30px;
	 padding-right:30px;
}

.conteneurdroitehauttrouver {
     width: 680px;
	 height: 50px;
	 float:left;
	 text-align:right;
	 padding-top:30px;
	 padding-right:30px;
}

.conteneurdroitehautacheterlafleur {
     width: 680px;
	 height: 60px;
	 float:left;
	 text-align:right;
	 padding-top:30px;
	 padding-right:30px;
}

.conteneurdroitehautblaguet {
     width: 680px;
	 height: 70px;
	 float:left;
	 text-align:right;
	 padding-top:30px;
	 padding-right:30px;
}

.conteneurdroitehautfaistafleurbas {
     width: 710px;
	 height: 440px;
	 color: #ffffff;
	 float:left;
}

.conteneurdroitehautquihaut {
     width: 680px;
	 height: 70px;
	 float:left;
	 text-align:right;
	 padding-top:30px;
	 padding-right:30px;
}

.conteneurdroitehautquibas {
     width: 650px;
	 height: 420px;
	 color: #ffffff;
	 float:left;
	 padding-top:10px;
	 padding-bottom:10px;
	 padding-left:30px;
	 padding-right:30px;
	 background-image:url(../_img/bkgscroll.gif);
	 background-repeat:no-repeat;
}

.conteneurdroitehautcontact {
     width: 680px;
	 height: 70px;
	 float:left;
	 text-align:right;
	 padding-top:30px;
	 padding-right:30px;
}

.conteneurdroitecontact {
     width: 650px;
	 height: 420px;
	 color: #ffffff;
	 float:left;
	 padding-top:10px;
	 padding-bottom:10px;
	 padding-left:30px;
	 padding-right:30px;
}

.conteneurdroitecontact2 {
     width: 650px;
	 height: 420px;
	 color: #ffffff;
	 float:left;
	 padding-top:10px;
	 padding-bottom:10px;
	 padding-left:30px;
	 padding-right:30px;
}

.conteneurdroitehautmention {
     width: 680px;
	 height: 70px;
	 float:left;
	 text-align:right;
	 padding-top:30px;
	 padding-right:30px;
}

.conteneurdroitehautkesakohaut {
     width: 680px;
	 height: 70px;
	 float:left;
	 text-align:right;
	 padding-top:30px;
	 padding-right:30px;
}

.conteneurdroitehautkesakobas {
     width: 710px;
	 height: 465px;
	 color: #ffffff;
	 float:left;
	 margin-left:80px;
}

.conteneurdroitehautcalendrier {
     width: 680px;
	 height: 70px;
	 float:left;
	 text-align:right;
	 padding-top:30px;
	 padding-right:30px;
}

.conteneurdroitebascalendrier {
     width: 710px;
	 height: 520px;
	 color: #ffffff;
	 float:left;
	 padding-top:20px;
}

.conteneurdroitebastrouver {
     width: 710px;
	 height: 450px;
	 color: #ffffff;
	 float:left;
	 padding-top:0px
}

.conteneurdroitebastrouver2 {
     width: 710px;
	 height: 410px;
	 color: #ffffff;
	 float:left;
	 padding-top:10px
}	 
	
.logo {
     width: 260px;
	 height: 200px;
	 float:left;
}

.menugauche {
     width: 183px;
	 height: 270px;
	 float:left;
	 padding-left:38px;
	 padding-right:39px;
	 padding-top:24px;
	 padding-bottom:46px;
}


/*SLIDERS*/

div.sc_menu {
	/* Set it so we could calculate the offsetLeft */
	position: relative;
	height: 115px;
	width: 500px;
	margin-left:10px;
	overflow: auto;
	float:left;
}
ul.sc_menu {
	display: block;
	height: 100px;
	/* max width here, for users without javascript */	
	width: 1500px;
	padding-left:10px; 
	/* removing default styling */
	margin: 0px;
	list-style: none;
}
.sc_menu li {
	display: block;
	float: left;	
	padding: 0 4px;
}
.sc_menu a {
	display: block;
	text-decoration: none;
}
.sc_menu span {
	display: none;
	margin-top: 3px;
	
	text-align: center;
	font-size: 12px;	
	color: #fff;
}
.sc_menu a:hover span {
	display: block;
}
.sc_menu img {
	border: 3px #fff solid;	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.sc_menu a:hover img {
	filter:alpha(opacity=50);	
	opacity: 0.5;
}
 
 
/* Here are styles for the back button, don't look at them */
#back {
	display: block;
	width: 500px;
	text-align: center;
	color: #003469;
	font-size: 16px;
}

/*SLIDERS*/

.sliderbtngauche{
	width:57px;
	height:115px;
	float:left;
	background-image:url(../_img/slidergauche.gif);
	z-index:1;
	position:relative;
}

.sliderbtndroite{
	width:57px;
	height:115px;
	float:left;
	background-image:url(../_img/sliderdroite.gif);
	z-index:1;
	position:relative;
}

.ongletblanc{
	width:126;
	height:26;
	z-index:2;
	float:left;
	position:relative;
}

.ongletviolet{
	width:126;
	height:26;
	z-index:2;
	float:left;
	position:relative;
}

.elementmenugauche {
	width:183px;
}



* {
    font-size: 11px;
}
.highslide-html {
    background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}


/* Styles for the popup */
.highslide-wrapper {
	background-color: white;
}
.highslide-wrapper .highslide-html-content {
    width: 250px;
    padding: 5px;
}
.highslide-wrapper .highslide-header div {
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}

/* These must be the last of the Highslide rules */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

.titrespopup {
	color:#87165c;
	font-size:16px;
	font-family: Cooper Black, Verdana, Helvetica, sans-serif;
}

.titreslider {
	color:#87165c;
	font-size:15px;
	font-family: Cooper Black, Verdana, Helvetica, sans-serif;
}

.gauchehautfaistafleur {
	width:160px;
	height:157px;
	padding-left:20px;
	float:left;
}

.centrehautfaistafleur {
	width:160px;
	height:157px;
	padding-left:5px;
	padding-right:5px;
	float:left;
}

.droitehautfaistafleur {
	width:160px;
	height:157px;
	padding-right:20px;
	float:left;
}

.gauchebasfaistafleur {
	width:160px;
	height:157px;
	padding-left:20px;
	padding-top:10px;
	float:left;
}

.centrebasfaistafleur {
	width:160px;
	height:157px;
	padding-left:5px;
	padding-right:5px;
	padding-top:10px;
	float:left;
}

.droitebasfaistafleur {
	width:160px;
	height:157px;
	padding-right:20px;
	padding-top:10px;
	float:left;
}

#dhtmlgoodies_scrolldiv{
		/* The total width of the scrolling div including scrollbar */
		width:530px;
		height:500px;	/* The height of the scrolling div */
	}
	#scrolldiv_parentContainer{
		width:500px;	/* Width of the scrolling text */
		height:100%;
		overflow:hidden;
		float:left;
		position:relative;
	}
	
	/*
	CSS for the scrolling content 
	*/
	#scrolldiv_content{
		padding: 10px;
		position:relative;
		color:#afba34;
		background-color:#ffffff;
	}
	
		#scrolldiv_content2{
		padding: 30px 20px 10px 20px;
		width:540px;
		position:relative;
		color:#afba34;
	}
	
	/*
	The scrollbar slider 
	*/
	#scrolldiv_slider{
		width:15px;
		margin-left:2px;
		height:500px;
		float:left;
	}
	
	/*
	The scrollbar (The bar between the up and down arrow )
	*/
	#scrolldiv_scrollbar{
		width:15px;
		height:460px;	/* Total height - 40 pixels */
		position:relative;
		
	}
	/*
	The scrollbar handle
	*/
	#scrolldiv_theScroll{
		margin:1px;
		width:13px;
		height:13px;
		position:absolute;	
		top:0px;
		left:0px;
		cursor:pointer;
	}
	/*
	Scroll buttons(The up and down arrows)
	*/
	#scrolldiv_scrollUp,#scrolldiv_scrollDown{
		width:15px;
		height:16px;
		text-align:center;
		font-size:16px;
		line-height:16px;
		cursor:pointer;
	}
	#scrolldiv_scrollUp{
		margin-bottom:2px;
	}
	#scrolldiv_scrollDown{
		margin-top:2px;
	}
	#scrolldiv_scrollDown span,#scrolldiv_scrollUp span{
		font-family: Symbol;
	}
	
	
	#contact-area {
	width: 620px;
	background-color:#FFFFFF;

}



label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.4em;
}

.accueilcalendrier1{
	width:690px;
	height:77px;
	float:left;
	margin:10px;
	text-align:center;
}

.accueilcalendrier2{
	width:177px;
	height:89px;
	float:left;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
}

.accueilcalendrier3{
	width:690px;
	height:89px;
	float:left;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	text-align:center;
}

.trouver1{
	width:250px;
	float:left;
	margin:10px;
	text-align:center;
}

.trouver2{
	width:390px;
	float:left;
	margin:10px;
	margin-right:30px;
	text-align: justify;
	padding-top:40px;
}

.trouver3{
	width:690px;
	height:89px;
	float:left;
	margin-left:10px;
	margin-right:10px;
	text-align:center;
}

.grasviolet {
	color:#87165c;
	font-weight:bold;
}

.index2{
	width:350px;
	float:left;
	margin-right:10px;
}

.index1{
	width:310px;
	height:300px;
	float:left;
	padding-top:80px;
	padding-right:20px;
	padding-left:20px;
	background-image:url(../_img/bkgindex.gif);
	background-repeat:no-repeat;
	font-size:12px;
	color:#afba34;
}

a.bienvenuefaistafleur { background-image:url(../_img/menu/murmure_menu_02.gif); display: block; width: 183px } 
a.bienvenuefaistafleur:hover { background-image: url(../_img/menu/murmure_menu-over_02.gif) } 
a.kesakofaistafleur { background-image: url(../_img/menu/murmure_menu_03.gif); display: block; width: 183px } 
a.kesakofaistafleur:hover { background-image: url(../_img/menu/murmure_menu-over_03.gif) }
a.fleurfaistafleur { background-image: url(../_img/menu/murmure_menu-over_04.gif); display: block; width: 183px } 
a.fleurfaistafleur:hover { background-image: url(../_img/menu/murmure_menu-over_04.gif) } 
a.calendrierfaistafleur { background-image: url(../_img/menu/murmure_menu_05.gif); display: block; width: 183px } 
a.calendrierfaistafleur:hover { background-image: url(../_img/menu/murmure_menu-over_05.gif) } 
a.blaguefaistafleur { background-image: url(../_img/menu/murmure_menu_06.gif); display: block; width: 183px } 
a.blaguefaistafleur:hover { background-image: url(../_img/menu/murmure_menu-over_06.gif) }
a.forcefaistafleur { background-image: url(../_img/menu/murmure_menu_07.gif); display: block; width: 183px } 
a.forcefaistafleur:hover { background-image: url(../_img/menu/murmure_menu-over_07.gif) }

a.bienvenuecalendrier { background-image:url(../_img/menu/murmure_menu_02.gif); display: block; width: 183px } 
a.bienvenuecalendrier:hover { background-image: url(../_img/menu/murmure_menu-over_02.gif) } 
a.kesakocalendrier { background-image: url(../_img/menu/murmure_menu_03.gif); display: block; width: 183px } 
a.kesakocalendrier:hover { background-image: url(../_img/menu/murmure_menu-over_03.gif) }
a.fleurcalendrier { background-image: url(../_img/menu/murmure_menu_04.gif); display: block; width: 183px } 
a.fleurcalendrier:hover { background-image: url(../_img/menu/murmure_menu-over_04.gif) } 
a.calendriercalendrier { background-image: url(../_img/menu/murmure_menu-over_05.gif); display: block; width: 183px } 
a.calendriercalendrier:hover { background-image: url(../_img/menu/murmure_menu-over_05.gif) } 
a.blaguecalendrier { background-image: url(../_img/menu/murmure_menu_06.gif); display: block; width: 183px } 
a.blaguecalendrier:hover { background-image: url(../_img/menu/murmure_menu-over_06.gif) }
a.forcecalendrier { background-image: url(../_img/menu/murmure_menu_07.gif); display: block; width: 183px } 
a.forcecalendrier:hover { background-image: url(../_img/menu/murmure_menu-over_07.gif) }

a.bienvenuekesako { background-image:url(../_img/menu/murmure_menu_02.gif); display: block; width: 183px } 
a.bienvenuekesako:hover { background-image: url(../_img/menu/murmure_menu-over_02.gif) } 
a.kesakokesako { background-image: url(../_img/menu/murmure_menu-over_03.gif); display: block; width: 183px } 
a.kesakokesako:hover { background-image: url(../_img/menu/murmure_menu-over_03.gif) }
a.fleurkesako { background-image: url(../_img/menu/murmure_menu_04.gif); display: block; width: 183px } 
a.fleurkesako:hover { background-image: url(../_img/menu/murmure_menu-over_04.gif) } 
a.calendrierkesako { background-image: url(../_img/menu/murmure_menu_05.gif); display: block; width: 183px } 
a.calendrierkesako:hover { background-image: url(../_img/menu/murmure_menu-over_05.gif) } 
a.blaguekesako { background-image: url(../_img/menu/murmure_menu_06.gif); display: block; width: 183px } 
a.blaguekesako:hover { background-image: url(../_img/menu/murmure_menu-over_06.gif) }
a.forcekesako { background-image: url(../_img/menu/murmure_menu_07.gif); display: block; width: 183px } 
a.forcekesako:hover { background-image: url(../_img/menu/murmure_menu-over_07.gif) }

a.bienvenuequi { background-image:url(../_img/menu/murmure_menu_02.gif); display: block; width: 183px } 
a.bienvenuequi:hover { background-image: url(../_img/menu/murmure_menu-over_02.gif) } 
a.kesakoqui { background-image: url(../_img/menu/murmure_menu_03.gif); display: block; width: 183px } 
a.kesakoqui:hover { background-image: url(../_img/menu/murmure_menu-over_03.gif) }
a.fleurqui { background-image: url(../_img/menu/murmure_menu_04.gif); display: block; width: 183px } 
a.fleurqui:hover { background-image: url(../_img/menu/murmure_menu-over_04.gif) } 
a.calendrierqui { background-image: url(../_img/menu/murmure_menu_05.gif); display: block; width: 183px } 
a.calendrierqui:hover { background-image: url(../_img/menu/murmure_menu-over_05.gif) } 
a.blaguequi { background-image: url(../_img/menu/murmure_menu_06.gif); display: block; width: 183px } 
a.blaguequi:hover { background-image: url(../_img/menu/murmure_menu-over_06.gif) }
a.forcequi { background-image: url(../_img/menu/murmure_menu_07.gif); display: block; width: 183px } 
a.forcequi:hover { background-image: url(../_img/menu/murmure_menu-over_07.gif) }

a.bienvenue { background-image:url(../_img/menu/murmure_menu_02.gif); display: block; width: 183px } 
a.bienvenue:hover { background-image: url(../_img/menu/murmure_menu-over_02.gif) } 
a.kesako { background-image: url(../_img/menu/murmure_menu_03.gif); display: block; width: 183px } 
a.kesako:hover { background-image: url(../_img/menu/murmure_menu-over_03.gif) }
a.fleur { background-image: url(../_img/menu/murmure_menu_04.gif); display: block; width: 183px } 
a.fleur:hover { background-image: url(../_img/menu/murmure_menu-over_04.gif) } 
a.calendrier { background-image: url(../_img/menu/murmure_menu_05.gif); display: block; width: 183px } 
a.calendrier:hover { background-image: url(../_img/menu/murmure_menu-over_05.gif) } 
a.blague { background-image: url(../_img/menu/murmure_menu_06.gif); display: block; width: 183px } 
a.blague:hover { background-image: url(../_img/menu/murmure_menu-over_06.gif) }
a.force { background-image: url(../_img/menu/murmure_menu_07.gif); display: block; width: 183px } 
a.force:hover { background-image: url(../_img/menu/murmure_menu-over_07.gif) }

a.bonneblague { background-image: url(../_img/menu/murmure_menu-over_06.gif); display: block; width: 183px } 
a.blaguefleur { background-image: url(../_img/menu/murmure_menu_04.gif); display: block; width: 183px }
a.blaguefleur:hover { background-image: url(../_img/menu/murmure_menu-over_04.gif) }

a.oufaistafleur { background-image: url(../_img/menu/murmure_menu_09.gif); display: block; width: 183px } 
a.oufaistafleur:hover { background-image: url(../_img/menu/murmure_menu-over_09.gif) }
a.ouou { background-image: url(../_img/menu/murmure_menu-over_09.gif); display: block; width: 183px } 


a.vert {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #afba34;
}
a.vert:visited {
	color: #afba34;
	text-decoration: none;
}
a.vert:hover {
	text-decoration: underline;
	color: #ffffff;
}

a.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
}
a.footer:visited {
	color: #ffffff;
	text-decoration: none;
}
a.footer:hover {
	text-decoration: underline;
	color: #ffffff;
}






.upperleft{
	background-color : #ffffff;
	background-image:url(../_img/upperleft.gif);
	background-repeat : no-repeat;
	background-position : top left;
}

.upperright{
	background-image : url(../_img/upperright.gif);
	background-repeat : no-repeat;
	background-position : top right;
}

.lowerleft{
	background-image : url(../_img/lowerleft.gif);
	background-repeat : no-repeat;
	background-position : bottom left;
}

.lowerright{
	background-image : url(../_img/lowerright.gif);
	background-repeat : no-repeat;
	background-position : bottom right;
	padding : 2% 2% 2% 2%;
}

.acheter {
	width:411px;
	padding: 0px 10px 10px 10px;
	margin-left:50px;
	float:left;
}

.acheter2 {
	
	width:177px;
	float:left;
}






#pageflip {
	position: relative;
}
#pageflip img {
	width: 190px; height: 192px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 190px; height: 185px;
	position: absolute;
	z-index: 50;
	right: 0; top: 0;
	background: url(../_img/flip/corner.gif) no-repeat right top;
	text-indent: -9999px;
}