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

/* CSS Document */
html *	{ margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; }
/*body	{ text-align:left; font-size:62.5%; }*/
body	{ text-align:left; font-size:62.5%; background:url(../images/design/bkg-body1.jpg) repeat-x; min-width:1010px; min-height:100%; }

img 	{ vertical-align:middle; }

ul		{ list-style:none; }
ol 		{ list-style:decimal; }

table 	{ width:100%; }

a img,
fieldset { border:none; }

a		{ text-decoration:none; }
a:active		{ text-decoration:none; }
a:visited		{ text-decoration:none; }
a:hover		{ text-decoration:underline; }

input,
select,
textarea { vertical-align:middle; font-size:1em; }

input,
textarea { padding:3px 5px; }
select 	{ padding:1px 0; }
option 	{ padding:0 5px; }


/* clearing */
.clear 					{ display:block; clear:both; }
.clearfix:after 		{ content:""; display:block; clear:both; visibility:hidden; line-height:0;	height:0; }
.clearfix 				{ display:inline-block; }
html[xmlns] .clearfix 	{ display:block; }
* html .clearfix 		{ height:1%; }

.rfloat { float:right; }
.lfloat { float:left; }
.relativeP { position:relative; }

/* ::: hack ie6 ::: */
*html .png { behavior:url('css/iepngfix.htc'); }


#body { background:url(../images/design/bkg-body.jpg) no-repeat; width:1024px; height:768px; margin:0 auto; }


#page { width:968px; margin:0 0 0 29px; }

/* ::: header ::: */
.top { width:100%; height:62px; }
.top ul li { margin-left:278px; }



/* ::: 	content ::: */
.content { background:url(../images/design/bkg-content.gif) repeat-y; width:824px; height:661px; }

/* ::: 	content-left ::: */
.content-left { width:221px; }
.content-left .logo { padding:0 0 8px 11px; width:192px; height:172px; }
.content-left .logo a { display:block; }

.content-left .min-bloc-wrapper { width:188px; margin:10px 0 0 16px; font-size:1px; }
.content-left .min-bloc-wrapper h2 { background:url(../images/design/bkg-titre-bloc.jpg) repeat-x; width:128px; height:17px; font-size:1px; }
.content-left .min-bloc-wrapper h2.text { font-size:14px; color:#117800; text-align:center; padding-top:3px; }
.content-left .min-bloc-wrapper .content-min-bloc { border:2px solid #68f317; width:100%; background-color:#877262; }
.content-left .min-bloc-wrapper .content-min-bloc ul { padding:3px 0 7px 0; }
.content-left .min-bloc-wrapper .content-min-bloc ul li { background:url(../images/design/border-img.jpg) no-repeat 48px bottom; padding:3px 0 8px 0; }
.content-left .min-bloc-wrapper .content-min-bloc ul li .news { margin-left:23px; }
.content-left .min-bloc-wrapper .content-min-bloc ul li .news h3 { color:#effe03; text-decoration:underline; text-transform:uppercase; font-size:11px; font-weight:normal; }
.content-left .min-bloc-wrapper .content-min-bloc ul li .news p { color:#fff; font-size:11px; word-spacing:3px; }
.content-left .min-bloc-wrapper .content-min-bloc ul li .news p a { color:#F00; }
.playlist { margin:1px 0 0 3px; }

/* ::: 	content-middle ::: */
.content-middle { width:599px; height:473px; margin-left:4px; }
.content-middle p, h2, li { font-family:Verdana, Geneva, sans-serif; }

.content-middle .menu { background:url(../images/design/bkg-nav.jpg) no-repeat; width:100%; height:40px; }
.content-middle .menu ul { padding:13px 0 0 10px; }
.content-middle .menu li { float:left; background:url(../images/design/border-nav.gif) no-repeat top right; position:relative; z-index:10; }
.content-middle .menu li.last { background:none; }
/*.content-middle .menu li a { font-size:1.4em; font-weight:bold; color:#FFF; text-align:center; display:block; }
.content-middle .menu li a:hover, .content-middle .menu li a.active { font-weight:bold; color:#fde04c; text-decoration:none; }*/
.content-middle .menu li a { font-size:1.5em; color:#FFF; text-align:center; display:block; }
.content-middle .menu li a:hover, .content-middle .menu li a.active { font-weight:bold; text-decoration:none; }
.content-middle .menu li#nav1 { width:74px; }
.content-middle .menu li#nav2 { width:105px; }
.content-middle .menu li#nav3 { width:75px; }
.content-middle .menu li#nav4 { width:79px; }
.content-middle .menu li#nav5 { width:74px; }
.content-middle .menu li#nav6 { width:92px; }
.content-middle .menu li#nav7 { width:77px; }

/* ::: sous-menu ::: */
.menu ul li ul { position:absolute; padding:5px 0 5px 0 !important; top:27px; left:0; border-top:none; height:auto; display:none; background-color:#8f2c05; width:90px; z-index:10; }
.menu ul li ul#atelier { width:120px; }
.menu ul li ul li { display:block; float:none !important; background:none !important; margin:0 0 0 7px; padding:0 0 5px 3px;  }
* html .menu ul li ul li { display:inline-block; } 
.menu ul li ul li a { padding-left:10px; color:#fff; height:auto !important; text-align:left !important; font-size:1.2em !important; }



.content-wrapper { width:100%; }
.hauteur { height:434px; }
.content-wrapper .content-inner { padding:0 0 10px 38px; }
.content-wrapper .content-inner h2 { font-size:14px; color:#ff1c04; padding-top:7px; }
.content-wrapper .content-inner p { padding:0 0 13px 0; color:#fff; text-align:justify; font-size:12px; }
.content-wrapper .content-inner p a { color:#ff1c04; }
#top-content .scrollable { height:390px; overflow-x:hidden; overflow-y:auto; margin:0 10px 0 0; padding-right:20px; }
#bottom-content .scrollable { height:131px; overflow-x:hidden; overflow-y:auto; margin:0 10px 0 0; padding-right:20px; }
#top-atelier .scrollable { height:320px; overflow-x:hidden; overflow-y:auto; margin:0 10px 0 0; padding-right:20px; }
.rappel { padding:0 27px 0 0; }

.bkg-top-img { background:url(../images/design/bkg-img.jpg) no-repeat top left; padding-top:5px; height:182px; }

 
/* ::: calendar ::: */
.agenda { width:502px; height:336px; margin:14px auto 0; }


/* ::: contact ::: */
.contact {}
.contact h3 { color:#eaff04; font-size:14px; margin-left:188px; padding:0 0 5px; }
.contact form p { padding-bottom:9px !important; *padding-bottom:7px !important; }
.contact p.padd { padding-bottom:0!important; }
.contact li { margin:0 0 10px 0; font-size:12px; color:#fff; }
.contact label { color:#eaff04; font-size:11px; display:block; padding-bottom:5px; }
.contact textarea { width:270px; height:162px; border:1px solid #c4d5fd; overflow:auto; font-size:11px; color:#44250d; }
.contact input { width:192px; border:1px solid #c4d5fd; font-size:11px; color:#44250d; }
.contact input.btn-valider { width:141px; height:27px; border:0; margin:2px 0 0 173px; padding:0; }
.cadre-album { margin:32px 0 0 83px; }
.cadre-album p { margin-right:22px; }

/* ::: ateliers hebdo ::: */
.atelier { width:442px; height:auto; margin:0 auto; }
.caroussel {  }
.width442 { width:442px !important; }
.width363 { width:363px !important; margin:0 32px 0 27px; }
.width403 { width:418px !important; margin:0 10px; }

.atelier li, .caroussel li { float:left; margin:0 9px 13px 0; }
.atelier li.last0 { margin-right:0!important;  }

.caroussel li { float:left; margin:0 9px 13px 0; background:url(../images/design/bkg-marron.jpg) no-repeat; width:141px; height:76px; }
.caroussel li.last0 { margin-right:0!important;  }
.caroussel li .txt-inner { margin-top:14px; }
.caroussel li .txt-inner h4 { font-size:12px; font-weight:normal; color:#eaff04; text-align:center; }
.caroussel li .txt-inner p { font-size:12px; font-weight:normal; color:#fff; padding:0!important; text-align:center; }
.caroussel-wrapper { margin:12px 0 0 0; }
.caroussel-wrapper a.precedent { margin:14px 10px 0 6px; }
.caroussel-wrapper a.suivant { margin:14px 0 0 8px; }
.caroussel-wrapper a.margTop31 { margin-top:31px !important; }

/* ::: intervenant ::: */
.caroussel-wrapper h2 { color:#FF1C04; font-size:12px; padding:7px 0 10px 38px; }
.int { margin-top:17px; }
.int .bloc-ph { width:191px; }
.int .bloc-ph p { margin-bottom:13px; }
.int .bloc-ph p img { border:3px solid #b60e05; }
.int .bloc-desc { width:315px; margin-right:13px; }
.int .bloc-desc p { font-size:13px; color:#FFF; text-align:justify; }

.caroussel ul.les-membres {}
.caroussel ul.les-membres li { float:left; margin:0 29px 0 0; width:101px; height:135px; background:none; }
.caroussel ul.les-membres li span { display:block; font-size:14px; color:#f05523; text-align:center; text-transform:uppercase; padding-top:1px; font-family:Verdana, Geneva, sans-serif; }

/* ::: atelier decouverte ::: */
.content-wrapper .content-inner h3 { color:#effe03; font-size:11px; text-decoration:underline; letter-spacing:1px; }
.atelier-du-mois { width:535px; }
.atelier-du-mois li { padding-bottom:16px; *padding-bottom:11px; }
.p-last { padding:0!important; }
.marginTop { margin-top:45px !important; }

.atelier-du-mois .atelier-ph { background:url(../images/design/bg-marron2.jpg) no-repeat; width:100px; height:88px; }
.atelier-du-mois .atelier-ph table { text-align:center; vertical-align:middle; width:100px; height:88px; }

.atelier-du-mois .atelier-txt { background:url(../images/design/bg-marron3.jpg) no-repeat; width:333px; height:68px; padding:11px 30px; }
.atelier-du-mois .atelier-txt h4 { font-size:11px; color:#effe03; text-transform:uppercase; text-decoration:underline; letter-spacing:1px; }
.atelier-du-mois .atelier-txt p { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; padding:0; }
.atelier-du-mois .atelier-txt p a { color:#b60e05; font-size:11px; width:67px; }
.atelier-du-mois .atelier-txt p a.block { display:block; }

.atelier-list { margin:0 0 0 35px; }
.atelier-list li { font-size:12px; color:#FFF; }


/* ::: gallery video ::: */
.gallery { width:484px; margin:12px auto 0; }
.gallery h3 { color:#f05523 !important; text-decoration:none !important; font-size:11px; float:left; text-align:center; padding-bottom:19px; }
.gallery .flv { /*border:3px solid #b60e05;*/ width:438px; margin:0 auto; }

ul.videos {}
ul.videos li { float:left; margin:0 13px 0 0; width:131px; height:133px; background:none; text-align:center; }
ul.videos li span { display:block; font-size:11px; color:#f05523 !important; text-align:center; padding-top:1px; font-family:Verdana, Geneva, sans-serif; }
ul.videos li span.jaune { color:#eaff04 !important; }
ul.videos li span.blanche { color:#FFF !important; }
ul.videos li img { border:2px solid #c8420a; }

/* ::: gallery photo ::: */
.gallery-ph { width:576px; position:absolute; top:55px; left:15px; }
.gallery-ph, .gallery-ph2 h3 { color:#f05523 !important; text-decoration:none !important; font-size:11px; float:left; text-align:center; padding:0 0 19px 0; }

.gallery-ph .bloc-photo-wrapper { width:214px; height:311px; }
.gallery-ph .bloc-photo { width:220px; height:253px; }
.gallery-ph .bloc-photo-wrapper p.bottom-btn-left { text-align:center; margin-top:27px; -margin-top:12px; }
.gallery-ph .bloc-photo-wrapper p.bottom-btn-left a.precedent-2 { margin-right:38px; }
.gallery-ph .bloc-photo-wrapper p.bottom-btn-left a.suivant-2 { margin-left:38px; }
.gallery-ph .bloc-photo li {}
.gallery-ph .bloc-photo li { float:left; width:100px; height:auto; margin:0 12px 0 0; }
.gallery-ph .bloc-photo li {  border:2px solid #c8420a; padding:0; margin-bottom:15px; }
.gallery-ph .bloc-photo li.listRight, .gallery-ph2 .bloc-photo li.listRight { margin-right:0 !important; }


/* ::: modif 170909 ::: */
a.btn_precedent { margin:120px 10px 0 0; }
a.btn_suivant { margin:120px 0 0 10px; }
.gallery-ph2 { width:530px; margin-top:30px; }
.gallery-ph2 .width500 { width:453px!important; /*margin-left:45px;*/ }
.gallery-ph2 li { float:left; width:104px; height:auto; margin:0 12px 0 0; }
.gallery-ph2 li p {  border:2px solid #c8420a; padding:0!important; margin-bottom:15px; }

.gallery-ph .bloc-ph-zoom-wrapper { width:348px; height:311px; }
.gallery-ph .bloc-ph-zoom { width:338px; height:253px; border:4px solid #E38205; }
.gallery-ph .bloc-ph-zoom-wrapper p.bottom-btn-right { text-align:center; margin-top:20px; }
.gallery-ph .bloc-ph-zoom-wrapper p.bottom-btn-right a.lancer { margin-right:4px; }
.gallery-ph .bloc-ph-zoom-wrapper p.bottom-btn-right a.arreter { margin-left:4px; }


/* ::: modif 020909 ::: */
.int2 { padding:50px 20px 20px; width:520px; }
.int2 .bloc-img { height:auto; margin-left:10px; width:auto; }
.int2 p { color:#44250D; font-size:1.1em; padding-bottom:20px; }







/* ::: footer ::: */
#footer { width:100%; padding-top:3px; }
#footer p, #footer p a { text-align:center; color:#fdf408; font-size:14px; }
.margLeft { margin:3px 0 0 37px; }


/* :::  Slideshow ::: */
ul.bannSlide {
    position: relative;
}
 
.bannSlide li {
    list-style-type: none;
    position: absolute;
    top: 0;
    left: 0;
}

/* ::: modif 020909 ::: */
 
input.boutonPopin { size:28px;background-color:transparent; border:none }
.int2 { padding:50px 20px 20px; width:520px; text-align:justify; }
.int21 { padding:14px; width:520px; text-align:justify; }
.int21 p { color:#44250D; font-size:1.1em; padding-bottom:3px;  }
.int2 .bloc-img { height:auto; margin-left:10px; width:auto; }
.int2 p { color:#44250D; font-size:1.1em; padding-bottom:20px; }

.lightbox 	{ position:absolute; top:0px; left:-2000px; width:500px;height:100px; border:3px solid  #00FF00/* #3666A6*/; padding:0px; background-color:#7F5F55; z-index:20; }
.lightbox h2 { background:#00FF00;/*:#82A3CE;*/ font-size:1.1em; color:#fff; padding:7px; margin-top:0; height:14 }
.lightbox h2 .close { float:right; margin:-3px 0 0; display:block; width:17px; height:17px; }
.lightbox h2 .nom { color:#000; }
.lightboxContent { padding:7px; background:#7F5F55; }
.lightboxContent p { font-size:1.1em; padding-bottom:7px; }
.lightboxContent p.nolabel { padding:0 0 7px 145px; }
.lightboxContent form label { float:left; width:145px; color:#909090; font-weight:bold; display:block; padding:4px 0 0; }
.lightboxContent form { padding:15px 0 0; }
.lightboxContent form input.text,  .lightboxContent form textarea { width:260px; font-size:1em; }
.lightboxContent form input.code { width:60px; }
.lightboxContent form p.nolabel label { float:none; color:#000; font-weight:normal; display:inline; }
.lightboxContent form .button { font-size:1em; }