@charset "utf-8";

* { margin:0px;padding:0px; }

p { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; padding:5px 0px 5px 0px;}
h1 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:25px; color:#996633; text-align:center; }
h2 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
img { border:none; }

body { background:#fff; }

#fd-head { width:100%;height:220px; background: url(images/fd-head.jpg) repeat-x top center #000; }
#head { width:950px;height:auto;margin-left:auto; margin-right:auto; }
#logo { width:200px;height:200px;float:left; }

.menu { width:730px; height:auto; float:left;margin-top:50px; margin-left:10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; }
.menu ul{ list-style-type:none; }
.menu ul li {
	float:left;
	z-index:auto !important /*Non-IE6*/;
	z-index:1000 /*IE6*/;
	padding:0px 6px 0px 6px;
	border-left:#878173 solid 1px;
}
.menu ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; padding:0px 0px 0px 0px;height:30px; 
line-height:16px; text-decoration:none; color:#fff;; font-size:1.1em; }


.menu ul li ul {list-style-type:none;}
.menu ul li ul li{float:left; z-index:auto !important /*Non-IE6*/ ; z-index:999 /*IE6*/; padding:0px 0px 0px 0px; border:none; }
.menu ul li ul li a{height:auto;  font-size:0.8em; letter-spacing:normal; color:#bcbad2;  }
.menu ul li ul li a:hover{height:auto;  font-size:0.8em; letter-spacing:normal; color:#a5c651;  }

.nav1{width:120px;  }
.nav2{ width:100px; }
.nav3{ width:120px; }
.nav4{ width:110px; }
.nav5{ width:110px; }
.nav6{ font-size:11px; }
.nav7{ width:150px; }
.navgestion { font-size:12px; padding:0px 10px 0px 10px; }

#fond { width:100%; min-height:550px; height:auto;  background:url(images/fond.jpg) top center repeat-y #fff; background-attachment:fixed; border-bottom: #CCC solid 1px; overflow:auto; }

#contenantadmin { width:900px; height:auto;margin-left:auto; margin-right:auto; padding:0px 0px 0px 0px; }
#bandeau {width:200px; height:500px;float:left;}

#principale{ width:680px; height:auto;float:left; padding:5px }
#principale2{ width:880px; height:auto; padding:5px; margin:0 auto 0 auto; }

#hautgauche{ width:295px; height:200px; float:left;background:url(images/rectangle1.png) top center no-repeat;   }
#contenu-hautgauche{ width:250px; height:85px;margin-left:auto;margin-right:auto; margin-top:75px;  padding:0px 0px 0px 0px; background:none; }

#contenu { width:650px; height:auto; min-height:100px;  padding:20px 0px 0px 0px; float:right;  }
#contenu ul, #contenu li   { margin:10px; }
#contenu a { color:#000;  }
#contenu-index { width:650px; height:auto; min-height:100px;  padding:20px 0px 0px 0px;  margin-top:400px;  }
#fd-footer { width:900px; height:auto; margin-left:auto; margin-right:auto; background:url(images/fd-footer.png) top center no-repeat; }
#footer { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:8px; text-decoration:none; color:#8ba899; text-align:center; }
#footer a { text-decoration:none; color:#8ba899; font-size:8px; text-align:center; } 

#droite{ width:280px; height:auto;float:left;  }
#actu{ width:270px;min-height:23px; height:auto; margin-left:20px; padding:5px; }
#client{ width:250px;min-height:23px; height:auto; margin-left:10px; padding:5px; }
.actu-vert{ background:url(images/actu-vert.jpg) no-repeat top center #5a7b12; }
.pub-vert{ background:url(images/actu-vert.jpg) no-repeat top center #5a7b12;}
#actu a { color:#FFF;}
#gauche{ width:620px; height:auto;  float:left; margin-left:20px; padding:5px; }
#presentation{ height:auto; min-height:30px; }
#partie-1{ width:900px; height:188px;  padding:0px 0px 0px 0px; margin-left:auto; margin-right:auto; text-align:center;}
#bloc-citation{ width:550px; height:65px;  padding:0px 0px 0px 0px; float:left; margin-left:80px; margin-top:95px; color:#FFF;}

#fd-couleur{ width:100%;height:200px; z-index:0;}
.vert{ background:#a5c651;}

#contenant {
	width:950px;
	height:auto;
	min-height:200px;
	margin-left:auto;
	margin-right:auto;
	padding:0px 0px 0px 0px;
}
.fd-vert{ background:url(images/fd-vert.jpg) no-repeat top center;}

#menu-actu {width:250px; height:auto; padding:0px; margin:30px 0px 0px 0px; float:left; color:#FFF;  }
#menu-actu p { font-size:11px;  }
#menu-actu ul{list-style-type:none; padding:0px; margin:0px 0px 0px 80px;}
#menu-actu ul li{ display:block; padding:0px; margin:0px;}
#menu-actu ul li a{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; text-align:left;   font-size:10px; color:#fff; text-decoration:none;}
#menu-actu ul li a:hover{ color:#fff; text-decoration:underline; }

#presentation ul, #presentation li { margin:10px; }

#ligne1 { background-color:#EAEAEA; color:#000000; }
#ligne1 a { background-color:#EAEAEA; color:#000000; }
#ligne2 { background-color:#FFFFFF; color:#000000; }
#ligne2 a { background-color:#FFFFFF; color:#000000; }

#assistance { text-align:left; border-collapse:collapse; margin:5px; }
#assistance th { background-color:#a5c651; font-weight:bold; color:#FFF; }
#assistance tr, #assistance td { border:#a5c651 solid 1px; }

#cadre td { border-collapse:collapse; border:#000 solid 1px; }

#onglets { list-style-type : none;  padding-bottom : 24px; border-bottom : 1px solid #9EA0A1; }
#onglets li { float : right; height : 21px; margin : 2px 2px 0 2px !important;  border : 1px solid #9EA0A1; }
#onglets li.active { border-bottom: 1px solid #fff; }
#onglets a { display : block; text-decoration : none; padding : 4px; }

#fond-ipad { width:800px; height:1022px; margin-left:auto; margin-right:auto; background: url(images/ipad.jpg) no-repeat top #FFF; }

#contenu-ipad { width:580px; height:780px; margin-left:110px; margin-right:auto; margin-top:120px; position:absolute; }
#contenu-ipad h1, #contenu-ipad a { color:#000; }

#anim-ipad { width:580px; height:200px; margin-top:290px; margin-bottom:290px; }

#prix-ipad { color:#F00; }

#menu-ipad { height:20px; position: absolute; bottom: 1px; width: 580px; background:#CCC; left: 2px; }
#menu-ipad ul{ list-style-type:none; width:580px; height:20px; margin-left:auto; margin-right:auto; }
#menu-ipad ul li { float:left; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; text-align:center; width:145px; }
#menu-ipad ul li a { float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; text-decoration:none; color:#000; border-right : 1px solid #fff; }

.repertoire { width:100%; height:auto; text-align:center; margin:10px auto 10px auto; }
.repertoire a { display:inline-block; text-decoration:none; background:#707880; color:#fff; padding:10px; margin:0 3px 3px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-border-radius:12px 12px 12px 12px; -webkit-border-radius:12px 12px 12px 12px; border-radius:12px 12px 12px 12px; behavior: url(PIE/PIE.htc); }
.repertoire a:hover { background:#F8E818; color:#707880; }

.repactive { background:#F8E818 !important; color:#707880 !important; }

.repaucun { background:#C7C8C9 !important; color:#707880 !important; }