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

body
{
	font-family: 'Chivo', sans-serif;
	margin: auto;
	cursor: hand;
	background-color:#ffcccc;
}

a
{
	text-decoration:none;
}

a img
{
	border:none;
}

#bouton-flash
{
	border:none;
}

#bouton-flash a
{
	border:none;
}

#chevaux
{
	background:url(/images/chevaux-du-vent.png);
}

.flash
{
	font-family: 'Chivo', sans-serif;
	font-size:12px;
	font-weight:400;
	color:#996699;
	vertical-align:middle;
	text-align:left;
}

.flash-lien
{
	font-family: 'Chivo', sans-serif;
	font-size:12px;
	font-weight:400;
	color:#996699;
	vertical-align:middle;
	text-align:left;
	text-decoration:underline;
}

.flash-lien:hover
{
	font-family: 'Chivo', sans-serif;
	font-size:12px;
	font-weight:400;
	color:#999;
	vertical-align:middle;
	text-align:left;
	text-decoration:underline;
}

.flash-lien-clic
{
	font-family: 'Chivo', sans-serif;
	font-size:12px;
	font-weight:400;
	color:#999;
	vertical-align:middle;
	text-align:left;
	text-decoration:underline;
}

#fond-blanc
{
	margin:auto;
	background-color:#FFF;
	width:1123px;
}

.imageflottante
{
float: left;
padding-right: 15px;
}

.imageflottante-droite
{
float: right;
padding-left: 15px;
}

.liens-book
{
	font-family: 'Chivo', sans-serif;
	font-size:16px;
	font-weight:400;
	color:#909;
	vertical-align:middle;
	text-align:center;
	text-decoration:none;
	cursor:hand;
}

.liens-book:hover
{
	font-family: 'Chivo', sans-serif;
	font-size:16px;
	font-weight:400;
	color:#666;
	vertical-align:middle;
	text-align:center;
	text-decoration:none;
	cursor:hand;
}

#menu-haut
{
	text-align:center;
	vertical-align:top;
}

.menu-haut-texte
{
	font-family: 'Chivo', sans-serif;
	font-size:12px;
	font-weight:400;
	color:#996699;
	text-decoration:none;
	text-align:top;
	cursor: hand;
}

.menu-haut-texte a
{
	font-family: 'Chivo', sans-serif;
	font-size:12px;
	font-weight:400;
	color:#996699;
	text-decoration:none;
	text-align:center;
	cursor: hand;
}

.menu-haut-texte a:hover
{
	font-family: 'Chivo', sans-serif;
	font-size:12px;
	font-weight:400;
	color:#663366;
	text-decoration:none;
	text-align:center;
	cursor: hand;
}

.menu-haut-point
{
	font-family: 'Chivo', sans-serif;
	font-size:12px;
	font-weight:400;
	color:#cc6699;
	text-decoration:none;
	text-align:center;
	cursor: hand;
}

.menu-footer
{
	font-family: 'Chivo', sans-serif;
	font-size:12px;
	font-weight:400;
	color:#996699;
	vertical-align:middle;
	text-align:center;
	text-decoration:none;
	cursor:hand;
}

.menu-footer a
{
	font-family: 'Chivo', sans-serif;
	font-weight:400;
	font-size:12px;
	color:#996699;
	vertical-align:middle;
	text-align:center;
	text-decoration:none;
	cursor:hand;
}

.menu-footer a:hover
{
	font-family: 'Chivo', sans-serif;
	font-weight:400;
	color:#663366;
}

#offres
{
	margin:auto;
	width:1093px;
	background-color:#FFF;
	padding-left:30px;
	padding-right:30px;
}

.symbole-menu-footer
{
	font-family: 'Chivo', sans-serif;
	font-size:12px;
	font-weight:400;
	color:#663366;
	vertical-align:middle;
	text-align:center;
	text-decoration:none;
	cursor:hand;
}

.symbole-menu-footer a
{
	font-family: 'Chivo', sans-serif;
	font-size:12px;
	font-weight:400;
	color:#663366;
	vertical-align:middle;
	text-align:center;
	text-decoration:none;
	cursor:hand;
}

.symbole-menu-footer-big
{
	font-family: 'Chivo', sans-serif;
	font-size:14px;
	font-weight:400;
	color:#663366;
	vertical-align:middle;
	text-align:center;
	text-decoration:none;
	cursor:hand;
}

.symbole-menu-footer-big a
{
	font-family: 'Chivo', sans-serif;
	font-size:14px;
	font-weight:400;
	color:#663366;
	vertical-align:middle;
	text-align:center;
	text-decoration:none;
	cursor:hand;
}

.symbole-titre-texte-accueil
{
font-family: 'Chivo', sans-serif;
	font-size:18px;
	font-weight:400;
	color:#cc6699;
	text-align:left;
}

#table-generale
{
	background-image:url(images/fond-table-accueil.png);
	background-repeat:no-repeat;
}

#table-references
{
	background-image:url(images/fond-table-texte-references.png);
	background-repeat:no-repeat;
	padding-left:39px;
	padding-right:39px;
	padding-top:20px;
	vertical-align:top;
}

#table-interieure
{
	background-image:url(images/fond-table-interieure.png);
	background-repeat:no-repeat;
}

#tableau-liens-actualites
{
	background-image:url(images/bt-actualites-unclik.png);
	background-repeat:no-repeat;
		cursor:pointer;
}

#tableau-liens-actualites:hover
{
	background-image:url(images/bt-actualites-hover.png);
	background-repeat:no-repeat;
		cursor:pointer;
}

#tableau-liens-contacts
{
	background-image:url(images/bt-contacts-unclik.png);
	background-repeat:no-repeat;
		cursor:pointer;
}

#tableau-liens-contacts:hover
{
	background-image:url(images/bt-contacts-hover.png);
	background-repeat:no-repeat;
		cursor:pointer;
}

#tableau-liens-book
{
	background-image:url(images/bt-nos-creations-unclik.png);
	background-repeat:no-repeat;
		cursor:pointer;
}

#tableau-liens-book:hover
{
	background-image:url(images/bt-nos-creations-hover.png);
	background-repeat:no-repeat;
		cursor:pointer;
}

#tableau-liens-index
{
	background-image:url(images/bt-accueil-unclik.png);
	background-repeat:no-repeat;
		cursor:pointer;
}

#tableau-liens-index:hover
{
	background-image:url(images/bt-accueil-hover.png);
	background-repeat:no-repeat;
		cursor:pointer;
}

#tableau-liens-offres
{
	background-image:url(images/bt-nos-offres-unclick.png);
	background-repeat:no-repeat;
		cursor:pointer;
}

#tableau-liens-offres:hover
{
	background-image:url(images/bt-nos-offres-hover.png);
	background-repeat:no-repeat;
		cursor:pointer;
}

#tableau-liens-references
{
	background-image:url(images/bt-qui-est-cream-unclik.png);
	background-repeat:no-repeat;
		cursor:pointer;
}

#tableau-liens-references:hover
{
	background-image:url(images/bt-qui-est-cream-hover.png);
	background-repeat:no-repeat;
		cursor:pointer;
}

#tableau-texte-accueil
{
	background-color:#FFF;
	padding-right:30px;
	padding-top:30px;
	vertical-align:top;
}

#table-texte-flyer
{
	background-image:url(images/fond-table-texte-flyer.png);
	background-repeat:no-repeat;
}

.texte-accueil
{
font-family: 'Chivo', sans-serif;
	font-weight:400;
	color:#666666;
	text-align:left;
	font-size:14px;
}

.texte-accueil-bold
{
font-family: 'Chivo', sans-serif;
	font-weight:400;
	color:#663366;
	text-align:left;
	font-size:14px;
}

.texte-accueil-bold:hover
{
font-family: 'Chivo', sans-serif;
	font-weight:400;
	color:#666;
	text-align:left;
	font-size:14px;
}

.texte-accueil-bold-caps
{
font-family: 'Chivo', sans-serif;
	font-weight:400;
	color:#663366;
	text-align:left;
	font-size:14px;
	font-variant: small-caps;
}

.texte-accueil-bold900-caps
{
font-family: 'Chivo', sans-serif;
	font-weight:900;
	color:#663366;
	text-align:left;
	font-size:14px;
	font-variant: small-caps;
}

.titre-texte-accueil
{
	font-family: 'Chivo', sans-serif;
	font-size:18px;
	font-weight:900;
	font-variant:small-caps;
	color:#663300;
	text-align:left;
}

.texte-flyer
{
font-family: 'Chivo', sans-serif;
	font-weight:400;
	color:#666666;
	text-align:justify;
	font-size:14px;
	vertical-align:middle;
}

.texte-flyer-center
{
font-family: 'Chivo', sans-serif;
	font-weight:400;
	color:#666666;
	text-align:center;
	font-size:14px;
	vertical-align:middle;
}

.texte-flyer-blanc
{
font-family: 'Chivo', sans-serif;
	font-weight:400;
	color:#666;
	text-align:left;
	font-size:14px;
	vertical-align:middle;
}

.texte-flyer-rose
{
font-family: 'Chivo', sans-serif;
	font-weight:400;
	color:#663366;
	text-align:left;
	font-size:14px;
	vertical-align:middle;
}

.texte-web
{
font-family: 'Chivo', sans-serif;
	font-weight:400;
	color:#663366;
	text-align:center;
	vertical-align:top;
	font-size:14px;
}

#texte-web
{
font-family: 'Chivo', sans-serif;
	font-weight:400;
	color:#663366;
	text-align:center;
	vertical-align:top;
	font-size:14px;
}

.titre-texte-flyer
{
	font-family: 'Chivo', sans-serif;
	font-size:18px;
	font-weight:900;
	font-variant:small-caps;
	color:#663300;
	text-align:left;
	vertical-align:middle;
}



#fond-galerie-book
{
	margin:auto;
	width:1123px;
	background-color:#FFF;
}


/* --------- css pour les slides ------- */


/* http://www.menucool.com */

/*slider frame*/
#sliderFrame 
{
	margin:auto;
	background-color:White;
	width:1123px;
	}      

#slider, #slider div.sliderInner {
    width:960px;height:400px;/* Must be the same size as the slider images */
}

#slider 
{
	background:url(themes/4/loading.gif) no-repeat 50% 50%;
	position:relative;
	margin:0 auto; /*center-aligned*/
    transform: translate3d(0,0,0);
}

/* the link style (if slide image is wrapped in a link) */
#slider a.imgLink, #slider .video {
	z-index:2;
	position:absolute;
	top:0px;left:0px;border:0;padding:0;margin:0;
	width:100%;height:100%;
}
#slider .video {
	background:transparent url(video.png) no-repeat 50% 50%;
}

/* Caption styles */
/* Not set as each slide has no caption in this demo. */


/* ------ built-in navigation bullets wrapper ------*/
#slider div.navBulletsWrapper  {
	display:none;
}


/* --------- Others ------- */

#slider div.loading 
{
    width:100%; height:100%;
    background:url(themes/4/loading.gif) no-repeat 50% 50%;
    filter: alpha(opacity=60);
    opacity:0.6;
    position:absolute;
    left:0;
    top:0; 
    z-index:9;
}

#slider img, #slider>b, #slider a>b {
	position:absolute; border:none; display:none;
}

#slider div.sliderInner {
	overflow:hidden; 
	-webkit-transform: rotate(0.000001deg);/* fixed the Chrome not crop border-radius bug*/
	position:absolute; top:0; left:0;
}

#slider>a, #slider video, #slider audio {display:none;}



/*----------- navigation buttons on both sides of the slider -----------*/
.group1-Wrapper 
{
    position:absolute;
    z-index:20;
    top:120px;
    margin-left:50%;/* position it in the middle of #sliderFrame */
    width:1px;
}
a.group1-Prev, a.group1-Next
{
    width:50px;height:150px;
    background:url(themes/4/navbuttons2.gif); 
    display:block; 
    cursor:pointer;
    position:absolute;
    top:0;
    user-select: none;
}
a.group1-Prev{background-position:0 0; left: -510px;}
a.group1-Next {background-position:0 -150px;left:460px;}

a.group1-Prev:hover{background-position:50px 0;}
a.group1-Next:hover {background-position:50px -150px;}


/* ----------- navigation buttons in the nav bar ---------- */
a.group2-Prev, a.group2-Next, a.group2-Play, a.group2-Pause 
{
    width:20px; height:20px; 
    background:url(themes/4/navbuttons.gif); 
    display:inline-block; 
    *display:inline;zoom:1;/*IE hack*/
    margin-left:4px; margin-right:4px;
    cursor:pointer;
}
a.group2-Pause{background-position:0 0;}
a.group2-Play {background-position:0 -20px;}
a.group2-Next {background-position:0 -40px;}
a.group2-Prev {background-position:0 -60px;} 

a.group2-Pause:hover{background-position:20px 0;}
a.group2-Play:hover {background-position:20px -20px;}
a.group2-Next:hover {background-position:20px -40px;}
a.group2-Prev:hover {background-position:20px -60px;}