@import url("reset.css");

body{font-family:'Trebuchet MS', verdana, sans-serif;color:#cfbfa5;background:#695c4b url(bg-body.png) repeat-x 0 0;}
body#accueil{background:#695d4b url(bg-accueil-repeat.jpg) repeat-x 0 0;}

p,li,dd,dt,h1,h2,h3,h4,h5,address,span,td{font-size:14px;line-height:120%;text-align:justify;}
.big{font-weight:bold;}
.small{font-size:0.75em;}
h1, h2, h3, h4{}
sup{font-size:0.6em;}
acronym{}
hr.clear, .liens hr{clear:both;visibility:hidden;}
div.clear{clear:both;}
a{color:#FFF}
.vert{color:#b6be48}
.rose{color:#ed74b8}
.turquoise{color:#41c7b5}
.blanc{color:#FFF;}
p.font14, div.font14 p{font-size:14px;}


.hidden, #titre-rubrique span, #menu-rubrique .level1-a span, .bouton span, dl.liste-ateliers dd p a span, #pagefull h1 span, .pika-textnav a span, #pagefull .doc7.up7 h1 span{position:absolute;top:-1000px;left:0;width:1px;height:1px;overflow:hidden;}

#page, #page-accueil{position:relative;width:954px;margin:0 auto;}
/* page ateliers */#rub1 #page{background:#504638 url(bg-page-ateliers2.jpg) no-repeat 50% 0;}
/* page événementiel */#rub2 #page{background:#504638 url(bg-page-event2.jpg) no-repeat 50% 0;}
/* page formation */#rub3 #page{background:#504638 url(bg-page-formation2.jpg) no-repeat 50% 0;}
/* page formation */#pagefull #page{background:#504638 url(bg-page-pagefull.jpg) no-repeat 50% 0;width:834px;padding:0 60px 30px 60px;min-height:550px;}
#accueil #page{width:100%;background:transparent url(bg-accueil.jpg) no-repeat 50% 0;min-height:650px;padding-top:0}


/* ________________________
__/         ACCUEIL         \__*/
.menu-home{position:absolute;top:375px;}
.menu-home li{font-family:'Trebuchet MS', verdana, sans-serif;font-size:13px;margin-bottom:5px;}
.menu-home li a{color:#FFF;text-decoration:none;}
.menu-home li a:hover{color:#042823;}

#menu-ateliers{right:710px;}
#menu-ateliers li{text-align:right;}
#menu-event{left:377px;}
#menu-event li{text-align:center;}
#menu-formation{left:703px;}

#accueil #actualites p{width:240px;position:absolute;top:568px;left:355px;text-align:center;font-family:'Trebuchet MS', verdana, sans-serif;font-size:12px;line-height:130%;}

#footer-home{position:absolute;left:0;top:650px;font-family:'Trebuchet MS', verdana, sans-serif;}

/* ________________________
__/           TOP         \__*/
#menutop{position:relative;width:954px;margin:0 auto;background:transparent url(bg-menutop.gif) no-repeat 50% 0;height:181px;padding:5px 0 0 20px;}
#accueil #menutop{position:absolute;top:240px;left:0;background:none;padding-left:0;}
#menutop a{padding:8px 15px 10px 15px;color:#b3a797;text-decoration:none;font-family:'Trebuchet MS', verdana, sans-serif;font-size:12px;}
#accueil #menutop a.first{padding-left:0;}
#menutop a:hover, #menutop a.active{background-color:#29231a}
#accueil #menutop a:hover, #accueil #menutop a.active:hover{background-color:transparent;color:#FFF}
#accueil #menutop a.active{background-color:transparent;color:#b3a797}

#header {width:1000px;margin:0 auto;position:relative;height:103px;z-index:100;}
#rub1 #header{background:transparent url(bg-header-ateliers.jpg) no-repeat 50% 0}
#rub2 #header{background:transparent url(bg-header-event.jpg) no-repeat 50% 0}
#rub3 #header{background:transparent url(bg-header-formation.jpg) no-repeat 50% 0}
#pagefull #header{background:transparent url(bg-header-pagefull.jpg) no-repeat 50% 0;height:67px;}

#menu-rubrique{position:relative;width:360px;height:47px;padding-left:617px;z-index:100;}
#pagefull #menu-rubrique{width:800px;margin:0 auto;padding-left:0}
#menu-rubrique ul li{float:left;position:relative;}
#pagefull #menu-rubrique ul li{margin-left:38px;}
#pagefull #menu-rubrique ul li li{margin-left:0;}
#menu-rubrique ul li.pos1{margin-left:10px;}
#menu-rubrique ul li a, #menu-rubrique ul li a:visited{display:block;text-decoration:none;color:#FFF;width:160px;height:47px;line-height:47px;padding-left:10px}
#pagefull #menu-rubrique ul li a, #pagefull #menu-rubrique ul li a:visited{width:200px;}
#menu-rubrique ul li ul{display: none;}
#menu-rubrique table{margin:-1px;border-collapse:collapse;font-size:1em;border:1px solid green}

/* specific to non IE browsers */
#menu-rubrique ul li:hover a, #menu-rubrique ul li a:hover{color:#fff;}

#menu-rubrique ul li:hover ul, #menu-rubrique ul li a:hover ul{display:block;position:absolute;top:46px;border-top:10px solid transparent;left:0;width:160px;}
#pagefull #menu-rubrique ul li:hover ul, #pagefull #menu-rubrique ul li a:hover ul{width:200px;}

/* Pas de 3ème niveau 
/*#menu-rubrique ul li:hover ul li ul, #menu-rubrique ul li a:hover ul li a ul{visibility:hidden;position:absolute;height:0;width:0;}*/

#menu-rubrique ul li:hover ul li a, #menu-rubrique ul li a:hover ul li a{display:block;height:auto;line-height:1.2em;padding:8px 10px;width:160px;text-align:center;}
#pagefull #menu-rubrique ul li:hover ul li a, #pagefull #menu-rubrique ul li a:hover ul li a{width:200px;}
#menu-rubrique ul li#menu-rubrique-event:hover ul li a, #menu-rubrique ul li#menu-rubrique-event a:hover ul li a{background:#ac287c;border-bottom:1px dotted #b55994}
#menu-rubrique ul li#menu-rubrique-formation:hover ul li a, #menu-rubrique ul li#menu-rubrique-formation a:hover ul li a{background:#238d7f;border-bottom:1px dotted #5ca097}
#menu-rubrique ul li#menu-rubrique-ateliers:hover ul li a, #menu-rubrique ul li#menu-rubrique-ateliers a:hover ul li a{background:#848f18;border-bottom:1px dotted #afb47e}

/*#menu-rubrique ul li:hover ul li a:hover, #menu-rubrique ul li a:hover ul li a:hover{background:#FFF;}*/
#menu-rubrique ul li#menu-rubrique-event:hover ul li a:hover, #menu-rubrique ul li#menu-rubrique-event a:hover ul li a:hover{background:#d35da8;}
#menu-rubrique ul li#menu-rubrique-formation:hover ul li a:hover, #menu-rubrique ul li#menu-rubrique-formation a:hover ul li a:hover{background:#41b1a3;}
#menu-rubrique ul li#menu-rubrique-ateliers:hover ul li a:hover, #menu-rubrique ul li#menu-rubrique-ateliers a:hover ul li a:hover{background:#aab435;}

/* Pas de 3ème niveau 
#menu-rubrique ul li:hover ul li:hover ul, #menu-rubrique ul li a:hover ul li a:hover ul{visibility:visible;position:absolute;left:100px;top:0;width:181px;}
#menu-rubrique ul li:hover ul li:hover ul.left, #menu-rubrique ul li a:hover ul li a:hover ul.left{left:-100px;}*/

/* ________________________
__/       MENU GAUCHE       \__*/
#col-gauche{float:left;display:inline;width:173px;padding-top:15px;}

.menu-gauche{width:172px;position:relative;}
.menu-gauche li{padding:2px 0;background:transparent url(bg-li-menugauche.gif) no-repeat 100% 100%;text-align:right;}
.menu-gauche a{display:block;padding:10px 20px;text-decoration:none;font-family:'Trebuchet MS', verdana, sans-serif;font-size:13px;}
.menu-gauche li.active a{background:transparent repeat-y 100% 0}
#rub1 .menu-gauche li.active a{background-image:url(bg-aactive-menugauche-ateliers.png)}
#rub2 .menu-gauche li.active a{background-image:url(bg-aactive-menugauche-event.png)}
#rub3 .menu-gauche li.active a{background-image:url(bg-aactive-menugauche-formation.png)}
#rub1 .menu-gauche a{color:#b6be48}
#rub2 .menu-gauche a{color:#ed74b8}
#rub3 .menu-gauche a{color:#41c7b5}
#rub1 .menu-gauche a:hover, #rub2 .menu-gauche a:hover, #rub3 .menu-gauche a:hover, #rub1 .menu-gauche li.active a, #rub2 .menu-gauche li.active a, #rub3 .menu-gauche li.active a{color:#FFF;}

#col-gauche a.bouton{display:block;width:139px;height:110px;background:transparent no-repeat 0 0;margin:25px 0 0 18px;}
#col-gauche a#lien-form-inscription{background-image:url(btn-form-ateliers.png);margin-top:50px;}
#rub1 #col-gauche a#lien-galerie-photos{background-image:url(btn-galphotos-ateliers.png);}
#rub2 #col-gauche a#lien-galerie-photos{background-image:url(btn-galphotos-event.png);margin-top:50px;}
#col-gauche a#lien-form-contact{background-image:url(btn-contact.png);margin-top:10px;height:50px;}
#rub3 #col-gauche a#lien-form-contact{margin-top:50px;}
#col-gauche a#lien-fb{text-align:center;}

/* ________________________
__/        CONTENU         \__*/
#col-droite{float:right;width:740px;padding-bottom:20px;min-height:550px;margin-top:15px}

img#visuel-droite{float:right;margin:0 12px 50px 60px}
#rub1 img#visuel-droite{margin-bottom:20px}
#rub2 img#visuel-droite{margin-bottom:50px}

h1{font-family:arial, sans-serif;font-size:24px;font-weight:normal;margin-bottom:30px;color:#FFF}
h1 span{font-size:14px;font-style:italic;}
#rub2 h1 span{color:#ed74b8}
#pagefull h1{width:600px;height:100px;margin-bottom:0}
.doc5 h1, .doc33 h1{background:transparent url(bg-h1-lesactualitesdelagence.png) no-repeat 70px 30px;}
.doc6 h1{background:transparent url(bg-h1-lapresseenparle.png) no-repeat 70px 32px;}
.doc8 h1{background:transparent url(bg-h1-partenaires.png) no-repeat 70px 34px;}
.doc10 h1{background:transparent url(bg-h1-contact.png) no-repeat 70px 30px;}
.doc26 h1{background:transparent url(bg-h1-mentionslegales.png) no-repeat 70px 33px;}
.up7 h1{background:transparent url(bg-h1-galeriephotos.png) no-repeat 70px 30px;}
.doc94 h1{background:transparent url(bg-h1-inscription.png) no-repeat 70px 30px;}
#pagefull .up7 h1 span{display:block;height:auto;top:325px;left:200px;width:auto;z-index:500;font-family:'Trebuchet MS', verdana, sans-serif;font-size:24px;}

h2{font-family:arial, sans-serif;font-size:18px;font-weight:normal;margin:15px 40px 15px 0}
h2.sous-titre{font-size:14px;font-weight:normal;margin:0 0 10px 0;font-style:italic;}
#rub1 h2{color:#b6be48;border-bottom:1px dashed #b6be48}
#rub2 h2{color:#ed74b8;border-bottom:1px dashed #ed74b8}
#rub3 h2{color:#41c7b5}
.doc8 h2{color:#FFF;font-family:'Trebuchet MS', verdana, sans-serif;font-size:24px;text-align:center;margin-bottom:40px;}

#col-droite p{margin-right:40px}
p.back{font-size:12px;padding-bottom:15px;}
p.back a{text-decoration:none;}
#rub2 p.back a{color:#ed74b8}
#rub3 p.back a{color:#25ae9b}
div.presentation-event p{color:#FFF;}

/* Partie ateliers */
dl.liste-ateliers{margin:25px 0;background-color:#3f372c;height:110px;}
dl.liste-ateliers dt{float:left;display:inline;width:515px;margin:10px 25px 10px 10px;}
dl.liste-ateliers dt span{display:block;}
dl.liste-ateliers dt span.titre{color:#b6be48;font-size:13px;margin-bottom:5px;font-weight:bold;}
#rub3 dl.liste-ateliers dt span.titre{color:#41c7b5;}
dl.liste-ateliers dd{float:right;display:inline;height:90px;background-color:#322b23;width:120px;padding:8px 15px 12px 15px;}
#col-droite dl.liste-ateliers dd p{margin-bottom:8px;font-size:12px;margin-right:0}
p.prix{color:#b6be48;font-weight:bold;}
#rub3 p.prix{color:#41c7b5;}
dl.liste-ateliers dd p a{display:block;background:#322b23 url(btn-calendrier.png) no-repeat 0 0;width:97px;height:20px;}
#rub3 dl.liste-ateliers dd p a{background:#322b23 url(btn-calendrier-formation.png) no-repeat 0 0;}
dl.liste-ateliers dd p a:hover, #rub3 dl.liste-ateliers dd p a:hover{background-position:0 -25px;}

/* Partie mariage et formation */
ul.liste-presta{margin-top:40px;}
ul.liste-presta li{float:left;display:inline;margin-right:20px;text-align:center;font-family:arial, sans-serif;font-size:16px;}
ul.liste-presta li#liste-presta30, ul.liste-presta li#liste-presta91{margin-left:180px;}
ul.liste-presta li a{display:block;width:120px;height:77px;padding:45px 20px 0 20px;background:transparent url(btn-liste-presta.png) no-repeat 0 0;color:#FFF;text-decoration:none;}
ul.liste-presta li a:hover{background-position:-180px 0;}

/* Partie actualités */
.item-actu{border-bottom:1px dashed #6f6558;padding-bottom:25px;margin-bottom:30px;}
.item-actu img{float:left;}
.item-actu h2, .item-actu p{margin-left:120px;}
.item-actu h2{color:#FFF;font-family:'Trebuchet MS', verdana, sans-serif;font-size:13px;text-transform:uppercase;}
.item-actu p.date{margin-bottom:15px;}
.item-actu p.more a{color:#b7448b;text-decoration:none;}

/* Galerie photos */
.liste-galerie{height:160px;margin:20px 0;}
.liste-galerie li{float:left;display:inline;margin-right:35px;}
.liste-galerie li a{display:block;width:156px;height:130px;color:#FFF;font-family:'Trebuchet MS', verdana, sans-serif;font-size:16px;text-decoration:none;font-weight:normal;background-position:0 26px;background-repeat:no-repeat}
.liste-galerie li a:hover, .liste-galerie li.active a{background-position:-156px 26px;}
.liste-galerie li#galerie34 a{background-image:url(visuel-galerie-agence.jpg)}
.liste-galerie li#galerie35 a{background-image:url(visuel-galerie-event.jpg)}
.liste-galerie li#galerie36 a{background-image:url(visuel-galerie-atelier.jpg)}

.managecontainer a{color:#FFF;}


.pikachoose {width: 520px; margin: 0 auto;}
.pika-stage {position:relative;height:500px;width:830px;background-color:#181510;padding:200px 0 20px 0;text-align:center;}
	
	/*if you change the padding on pika-stage you must adjust the top left of this to match! */
	.pika-stage .main-image {position: absolute; top: 10px; left: 10px;}
	.pika-stage .pika-aniwrap{position: absolute; top: 10px; left: 0px;}
	.pika-stage .pika-aniwrap{width:100%;}
	.pika-stage .pika-ani {position:relative;display: none;z-index:2;margin:0 auto;}
	.pika-stage img {border:0;/*:100%;*/}
	
.pika-stage .caption{font-size:11px;color:#FFF;margin-top:15px;}

.pika-thumbs li{width:84px;height:64px;}

.pika-textnav{overflow:hidden;position:absolute;top:400px;width:830px;height:66px;left:0}
.pika-textnav a{display:block;width:56px;height:66px;background-repeat:no-repeat;background-position:0 0;cursor:pointer}
.pika-textnav a.previous{position:absolute;left:0;background-image:url(bg-pikanav-prev.png)}
.pika-textnav a.next {position:absolute;right:0;background-image:url(bg-pikanav-next.png)}
	
.pika-thumbs li{float:left;cursor:pointer;}
.pika-thumbs li:last{margin:0;}
.pika-thumbs li .clip{position:relative;height:100%;text-align:center;vertical-align:center;overflow:hidden;margin-right:2px;}

/*for the tool tips*/
.pika-tooltip{font-size:12px;position:absolute;color:white;padding:3px; background-color: rgba(0,0,0,0.7);border:3px solid black;}
.pika-counter{position: absolute;bottom: 45px;left:15px;color:white;background:rgba(0,0,0,0.7);font-size:11px;padding:3px;-moz-border-radius: 5px;border-radius:5px;}
		
		
/* jCarousel Styles */
/*if you're not using the carousel you can delete everything below this */
.jcarousel-skin-pika{position:absolute;top:370px;left:60px;}
.jcarousel-skin-pika .jcarousel-container-horizontal {height:65px;width:810px;background-color:#181510;padding:0 10px 10px 10px}
.jcarousel-skin-pika .jcarousel-clip-horizontal{height:65px;width:810px;}

/* Partenaires */
.liens{/*position:relative;*/margin-bottom:20px;clear:both;}
.vignette{float:left;width:200px;min-height:100px;text-align:center;}
.vignette img{border:1px solid #000000;}
.liens p, .liens h4{margin:0 0 0 220px;}
.liens .url{text-align:right;}
.liens a{color:#ed74b8}

/* Contact */
#bloc-adresse{float:left;width:300px;margin-top:30px;}
#bloc-adresse p, #bloc-adresse address{color:#FFF;font-style:normal;}
#bloc-adresse address{margin-bottom:15px;}
#bloc-adresse a{color:#FFF;}
#bloc-adresse p.telfixe, #bloc-adresse p.telportable, #bloc-adresse p.mail{padding:5px 0 5px 30px;background-position:0 3px;background-repeat:no-repeat}
#bloc-adresse p.telfixe{background-image:url(picto-telfixe.png)}
#bloc-adresse p.telportable{background-image:url(picto-telportable.png)}
#bloc-adresse p.mail{background-image:url(picto-mail.png)}

/* Formulaires */
#bloc-formulaire{float:right;width:420px;border-left:1px dashed #6f6558;padding:0 0 0 40px;margin-top:30px}
.req{color:#FFF;font-weight:bold;}
.champ{clear:both;text-align:left;margin-bottom:12px;}
.champ.radio{height:23px;}
.champ label{display:block;float:left;width:150px;font-size:14px;text-align:right;margin-right:15px;margin-bottom:0;color:#FFF;padding:2px 0}
.champ.radio label{width:auto;margin-right:3px;line-height:150%;}
.champ.radio label.error-req{color:#FF0000}
.champ.vericode label{width:400px;float:none;text-align:left}
.champ input, .champ select, .champ textarea{background-color:#776a59;border:1px solid #bfae98;font-size:14px;color:#000;}
.champ input:focus, .champ select:focus, .champ textarea:focus{background-color:#FFF;}
.champ input{padding:2px;width:200px;}
.champ input.checkbox{width:auto;float:left;padding:0;border:0;margin:6px 15px 0 0;background:none;}
.champ textarea{padding:2px;width:250px;}
.champ input.error-req, .champ select.error-req, .champ select.invalid, .champ input.invalid, .champ textarea.error-req{border:1px solid #FF0000;}

.errors{border:1px solid #FF0000;font-size:12px;padding:5px;margin-bottom:15px;}

.buttons{padding-top:15px;text-align:right;clear:both;}

/* ________________________
__/         POP-UP         \__*/
#popup{background-color:#695c4b;width:490px;border:4px solid #b5be33;padding:30px;}
#rub3 #popup{border:4px solid #4FA599;}

#popup h1{font-size:18px;}
#popup h1 span{color:#b6be48;font-size:18px;font-style:normal;padding-left:0;text-transform:none}
#rub3 #popup h1 span{color:#41c7b5;}
#popup h2{color:#161310;font-family:verdana, sans-serif;border-bottom:0;font-size:16px;}
#popup h3{background-color:#2d2820;color:#cfbfa5;padding:5px;text-transform:uppercase;font-weight:normal;}

#popup p{line-height:150%;}
#popup p.intro{border-bottom:1px dashed #b6be48;padding-bottom:5px;margin-bottom:10px;}
#rub3 #popup p.intro{border-bottom:1px dashed #41c7b5;}
#popup p#lien-form-inscription-popup a{float:right;display:block;width:139px;height:60px;background-image:url(btn-form-ateliers-popup.jpg);}
#rub3 #popup p#lien-form-inscription-popup a{background-image:url(btn-form-formation-popup.jpg);}

#popup ul{margin:5px 0;}
#popup li{height:23px;line-height:23px;border-bottom:1px solid #433b30}
#popup li.last{border-bottom:0}
#popup li span{float:left;display:block;width:100px;height:23px;line-height:23px;}
/* ________________________
__/         FOOTER         \__*/
#footer{position:relative;width:924px;margin:0 auto 0 auto;background:transparent url(bg-footer.jpg) no-repeat 50% 0;padding:20px 15px}
#footer ul{float:left;}
#footer li{font-family:'Trebuchet MS', verdana, sans-serif;font-size:12px;margin-bottom:5px;}
#footer li a{text-decoration:none;color:#a49581}
#footer-home a{color:#CFBFA5}
#footer-home a:hover{text-decoration:none;}