body{ margin:0px; font-size:0.7em; color:#3a3a3a; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center; background:#9bdc10 url(images/bg.jpg) top center no-repeat; }

div.myhr{ clear:both; visibility:hidden; height:0px; overflow:hidden; }
img{ border:none; }


/*############################################## OVERALL #####################################################*/
div#container{ margin:0px auto 0px auto; width:980px; text-align:left; position:relative; }

div#header{ }
div#menu{ background:url(images/menu.png) 0px -118px no-repeat; height:90px; }
div#menu ul{ margin:0px; padding:0px; }
div#menu ul li{ display:inline; float:left; }
div#menu ul li a:link, div#menu ul li a:visited, div#menu ul li a:active{ outline:none; display:block; height:66px; text-decoration:none; }
div#menu ul li a:hover{ background-image:url(images/menu.png); background-repeat:no-repeat; }

div#menu ul li a:link span, div#menu ul li a:visited span, div#menu ul li a:active span, div#menu ul li a:hover span{ visibility:hidden; }

div#menu ul li#presentation a:link, div#menu ul li#presentation a:visited{ width:240px;  }
div#menu ul li#creations a:link, div#menu ul li#creations a:visited{ width:120px; margin-right:200px; }
div#menu ul li#actus a:link, div#menu ul li#actus a:visited{ width:110px; }
div#menu ul li#dossier a:link, div#menu ul li#dossier a:visited{ width:130px; }
div#menu ul li#temoignages a:link, div#menu ul li#temoignages a:visited{width:100px;  }
div#menu ul li#contact a:link, div#menu ul li#contact a:visited{ width:80px; }

div#menu ul li#presentation a:hover{ background-position:0px 0px; }
div#menu ul li#creations a:hover{ background-position:-240px 0px; }
div#menu ul li#actus a:hover{ background-position:-560px 0px; }
div#menu ul li#dossier a:hover{ background-position:-670px 0px; }
div#menu ul li#temoignages a:hover{background-position:-800px 0px; }
div#menu ul li#contact a:hover{background-position:-900px 0px; }

div#right{ width:285px; float:right; }
div#right div#categories{ -moz-border-radius:6px; -webkit-border-radius:6px; -moz-box-shadow:1px 1px 12px #999; -webkit-box-shadow:1px 1px 12px #999; box-shadow:1px 1px 12px #999; background:#FFF; padding:10px 0px 12px 0px; z-index:300; position:relative; }

 /*background:url(images/categories.png) top right no-repeat; padding:12px 0px 0px 0px; }
div#right div#categoriesBottom{ background:url(images/categories.png) bottom right no-repeat; height:12px;  }*/
div#right div#categories ul{ margin:0px; padding:0px; list-style:none; }
div#right div#categories ul li{ margin :0px; padding:0px; }
div#right div#categories ul li a:link, div#right div#categories ul li a:visited{ color:#e86021; text-decoration:none; display:block; padding:5px 20px 6px 40px; background:url(images/li.gif) left bottom no-repeat; text-shadow: 2px 2px 2px #ccc; font-size:1.1em; }
div#right div#categories ul li a:hover, div#right div#categories ul li.actif a:link, div#right div#categories ul li.actif a:visited{ background-image:url(images/li_hover.gif); color:#217ca0; }

div#footer-wrap{ background:url(images/footer-wrap.gif) 0px 47px repeat-x;  }
div#footer-wrap2{ background:url(images/footer.png) top center no-repeat; padding:75px 0px 30px 0px; }
div#footer{ text-align:left; margin:0px auto 0px auto; width:980px; color:#7a4200; }
div#footer strong{ color:#fff; display:block; margin-top:10px; }
div#footer ul{ margin:0px; padding:0px; }
div#footer ul li{ display:inline; margin-right:5px; }
div#footer ul li a:link, div#footer ul li a:visited{ color:#7b4300; text-decoration:none; padding:0px 2px 0px 2px; }
div#footer ul li a:hover{ background:#7b4300; color:#9bdc10; }
div#footer ul#footer-mentions li a:link, div#footer ul#footer-mentions li a:visited{ font-weight:bold; }

/*############################################## HOME #####################################################*/
div#header h1{ position:absolute; left:385px; top:57px; width:188px; height:204px; background:url(images/sens-ludique.png) top left no-repeat; margin:0px; 
	padding:0px; text-indent:-9998px; font-size:0.1em; z-index:200; }
div#keyvisual{ position:relative; left:-30px; top:-30px; /*background:url(images/keyvisual.png) top left no-repeat;*/ width:725px; height:505px; z-index:100; }
div#keyvisual object{ position:absolute; }

div#right div#home-actualites{ background:url(images/home-actualites.png) top left no-repeat; margin:35px 0px 0px 12px; padding:40px 30px 0px 20px; color:#b68154; line-height:1.5em; }
div#right div#home-actualites h2{ margin:0px; padding:0px; display:none; }
div#right div#home-actualites h3{ margin:0px; padding:0px; color:#f249a4; font-size:1.2em; line-height:1em; }
div#right div#home-actualites div.lien{ text-align:right; }
div#right div#home-actualites div.lien a:link, div#right div#home-actualites div.lien a:visited{ color:#ff9535; background:url(images/star.gif) left no-repeat; padding-left:25px; }
div#right div#home-actualites div.lien a:hover{ text-decoration:none; }
div#right div#home-actualites div.bottom{ background:url(images/home-actualites.gif) top left no-repeat; height:35px; margin:0px -30px 0px -20px; }

/*############################################## INTERIEUR #####################################################*/
div#logo{ position:absolute; left:400px; top:8px; width:122px; height:132px; background:url(images/logo.png) top left no-repeat; z-index:200; }
div#logo a:link, div#logo a:visited, div#logo a:hover, div#logo a:active{ display:block; width:122px; height:132px; outline:none; }
div#logo a:link span, div#logo a:visited span, div#logo a:hover span, div#logo a:active span{ display:none; }

div#bulles{ background:url(images/bulles.png) top left no-repeat; width:833px; height:108px; top:40px; left:95px; position:absolute; z-index:100; }

div#main{ float:left; background:url(images/main.png) left repeat-y; width:624px; margin-top:90px; position:relative; }
div.main{ float:left; background:url(images/main.png) left repeat-y; width:624px; margin-top:25px; position:relative; }
div#main div.leftbottom, div.main div.leftbottom{ bottom:0px; left:0px; width:4px; height:4px; background:url(images/content-bottom.gif) top left; position:absolute; }
div#main div.rightbottom, div.main div.rightbottom{ bottom:0px; right:0px; width:21px; height:4px; background:url(images/content-bottom.gif) top right; position:absolute; }
div#main div.content{ background:url(images/content.png) top left no-repeat; margin-top:-35px; padding:45px 50px 30px 50px;  }
div.main div.content{ background:url(images/content_blanc.png) top left no-repeat; margin-top:-18px; padding:45px 50px 30px 50px;  }

div#main div.content div#fildariane{ color:#3c92ba; text-align:right; font-size:0.9em; }
div#main div.content div#fildariane a:link, div#main div.content div#fildariane a:visited{ text-decoration:underline; color:#b968ae; }
div#main div.content div#fildariane a:hover{ color:#999; }
div#main div.content h1{ background:url(images/h1.png) top left no-repeat; height:37px; margin:5px 0px 30px 0px; padding:20px 0px 0px 52px; font-size:2.1em; font-weight:normal; }
div#main div.content h1.corpo{ color:#44649d; }
div#main div.content h1.crea{ color:#d38100; }
div#main div.content h1.actu{ color:#f8d12a; margin-bottom:0px; }
div#main div.content h1.temoign{ color:#ded600; }
div#main div.content h1.presse{ color:#e982ba; }
div#main div.content h1.contact{ color:#6d773e; }

div#main div.content h2{ color:#44649d; margin:20px 0px -10px 0px; font-size:1.8em; }
div#main div.content h3{ color:#d38100; margin:25px 0px 0px 0px; font-size:1.2em; }

div#main div#intro_domaine{ color:#000; line-height:1.3em; }

div#top-print{ text-align:right; background:url(images/topprint.jpg) top right no-repeat; height:46px; padding-left:330px; }
div#top-print a:link, div#top-print a:visited, div#top-print a:hover, div#top-print a:active{ outline:none; display:block; float:left; height:46px; padding:0px 20px 0px 20px; text-decoration:none; }
div#top-print a:link span, div#top-print a:visited span, div#top-print a:hover span, div#top-print a:active span{ visibility:hidden; }
div#facebook{ float:left; padding:15px 0px 0px 20px; }

/*************** sidecreations et references ******************/
div#sidecreations{ position:relative; margin:20px 0px 0px 0px; height:158px; padding:52px 0px 0px 15px; background:url(images/sideslider.png) 0px 0px no-repeat; }
div#sidecreations div.slider-wrapper, div#sidereferences div.slider-wrapper{ width:249px; position:relative; height:133px; }
div#sidecreations div.slider-wrapper ul, div#sidereferences div.slider-wrapper ul{ margin:0px; padding:0px; list-style:none; }
div#sidecreations div.slider-wrapper ul li, div#sidereferences div.slider-wrapper ul li{ margin:0px; padding:0px; width:269px; position:absolute; }
div#sidecreations div#lien{ margin-top:20px; }
div#sidecreations div#lien a:link, div#sidecreations div#lien a:visited, div#sidecreations div#lien a:hover{ display:block; background:url(images/voirlescreas.png) top left no-repeat; width:151px; height:56px; text-decoration:none; }
div#sidecreations div#lien a:link span, div#sidecreations div#lien a:visited span, div#sidecreations div#lien a:hover span{ visibility:hidden; }

div#sidereferences{ position:relative; margin:70px 0px 0px 0px; height:158px; padding:52px 0px 0px 15px; background:url(images/sidereference.png) 0px 0px no-repeat; }

/*************** actualite ******************/
div.pagination{ padding:5px 10px 5px 10px; text-align:right; font-size:1.2em; color:#f09200; }
div.pagination a:link, div.pagination a:visited, div.pagination a:active{ color:#5c9543; padding:0px 0px 0px 0px; text-decoration:none; font-weight:bold; background:url(images/page.png); width:32px; height:21px; display:block; text-align:center; padding:8px 0px 0px 0px; display:inline-block; outline:none; }
div.pagination a:hover{ color:#f09200; }

div.pagination a.actif:link, div.pagination a.actif:visited{ color:#f09200; }
div.pagination a.actif:hover{ color:#f09200; }

div#main div.actus h2{ margin:20px 0px 0px 0px;color:#d38100; font-weight:normal; background:url(images/actu.gif) left no-repeat; padding:8px 0px 8px 60px; }
div#main div.actus h2 small{ color:#999; font-size:0.8em; }
div.actus div.actuContent{ color:#44649d; line-height:1.8em; }
div.actus div.actuContent img{ float:left; margin:0px 25px 10px 0px; border:solid 5px #dddddd; }

/*************** Produits ******************/
div.produit{ color:#44649d; line-height:1.8em; }
div.produit img{ float:right; margin:0px 0px 10px 25px; border:solid 5px #dddddd; }
div#main div.produit h2{ margin:10px 0px 0px 0px; font-weight:normal; padding:8px 0px 0px 0px; font-size:1.5em; }
div#main div.produit p{ margin-top:0px; }
div.produit h2 a:link, div.produit h2 a:visited{  color:#d38100; text-decoration:none; padding:0px 2px 0px 2px; }
div.produit h2 a:hover{ background:#44649d; color:#FFF; }

div#listeTags{  }
div#listeTags h2{ color:#d38100; }
div#listeTags a:link, div#listeTags a:visited{ text-decoration:none; background:url(admin/images/tag.gif) 0px 2px no-repeat; padding:2px 15px 2px 17px; color:#888; display:inline-block; margin-bottom:2px; }
div#listeTags a:hover{ color:#92ba3c; background:url(admin/images/tag.gif) 0px -22px no-repeat; }


/*************** contact ******************/
div#main div.formulaire{ padding:0px 0px 5px 0px; clear:both; }
div#main div.formulaire input, div#main div.formulaire textarea{ background:#f5f5f5; color:#a2c50e; border:solid 1px #a2c50e; margin-bottom:3px; width:400px; padding:4px; font-size:1.2em; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; }
div#main div.formulaire label{ display:block; width:110px; float:left; padding:2px 0px 0px 0px; font-weight:bold; }

div#main div.formulaire input.bouton{ background:#a2c50e; color:#fff; border:solid 1px #666; margin-bottom:3px; width:164px; padding:2px; font-size:1.1em; font-weight:bold; border-bottom:solid 1px #444; border-right:solid 1px #444;  }

div#monCallback{ visibility:hidden; }
div#reponse{ display:none; margin-bottom:50px; }

/*************** creations ******************/
div#contenu{ color:#44649d; line-height:1.8em; }
div#contenu a:link, div#contenu a:visited{ color:#44649d; }
div#contenu a:hover{ color:#fff; background:#44649d; }

.anythingSlider{ width: 449px; height: 250px; position: relative; margin:20px 0px 0px 30px; }
.anythingSlider .wrapper{ width:460px; overflow:auto; height:341px; margin: 0 0px; position:absolute; top:0; left:0; }
.anythingSlider .wrapper ul{ width: 99999px; list-style: none; position: absolute; top: 0; left: -30px; margin: 0; }
.anythingSlider ul li{ display: block; float: left; padding: 0; height: 320px; width: 620px; margin: 0; }
.anythingSlider .arrow{ display: block; height: 100px; width: 33px; background: url(images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }
.anythingSlider .forward{ background-position: 0 0; right: -40px; }
.anythingSlider .back{ background-position: -33px 0; left: -20px; }
.anythingSlider .forward:hover{ background-position: 0 -100px; }
.anythingSlider .back:hover{ background-position: -33px -100px; }

#thumbNav{ position: relative; top: 239px; text-align:center; }
#thumbNav a{ color: black; display: inline-block; padding:6px 7px 0px 7px; height:18px; margin:0 5px 0 0; background:#f09200; text-align: center; text-decoration:none; outline:none; }
#thumbNav a:hover{  background:#5c9543; }
#thumbNav a.cur{ background:#5c9543; }

#start-stop{ background: green; background-image: url(../images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; display:none; }
#start-stop.playing{ background-color: red; }
#start-stop:hover{ background-image: none; }

/*  Prevents */
.anythingSlider .wrapper ul ul{ position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li{ float: none; height: auto; width: auto; background: none; }


/*############################################## STYLES #####################################################*/
.image-a-droite{ float:right; margin:0px 0px 10px 25px; border:solid 5px #dddddd; }
.image-a-gauche{ float:left; margin:0px 25px 10px 0px; border:solid 5px #dddddd; }
.logo_partenaire{ margin:0px 5px 5px 0px; }