@charset "utf-8";
/* CSS Document */
html, body, img, ul, li, form, h1, dl, dt, dd {margin:0; padding:0;}
img {border:none;}
body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em;background:#FFF;color:#666666;}
h1 {font-size:1.1em;color:#ff6600;}
h2 {font-size:1.1em;}

/*** Squelette pricipal */
#global {width:100%;background:#FFF url(../images/deco-global.jpg) no-repeat 70% 100%;border-bottom:#ff6600 1px solid;padding-bottom:80px;}
#page {background:url(../images/bg-page.jpg) no-repeat;min-height:400px;width:1021px;margin:0 auto;}
#content {width:865px;margin:0 auto;}
#content-l {float:left;width:200px;}
#content-r {margin-left: 200px;}
#content h1 span {color:#333;}
#content span {color:#ff6600;font-weight:bold;}
#content #bt {text-align:center;margin:20px 0;}


#bg-footer {background:#333;width:100%;height:35px;}
#footer {color:#FFF;width:901px;margin:0 auto;}
#mention {float:right;font-size:0.8em;margin:10px 0;color:#999999;}

#top {width:901px;height:63px;margin:0 auto;}
#logo {float:left;}
#bandeau {background:url(../images/bg-bloc-bandeau.jpg) repeat-x;}
#img-bandeau {width:901px;height:165px;margin:0 auto;}
#bloc-bandeau {width:1021px;margin:0 auto;background:url(../images/bg-bandeau.jpg) no-repeat;padding-bottom:30px;}


/* Navigation haut */ 
#navbar {background:url(../images/bg-navbar.jpg) repeat-x;height:30px;margin:0 auto;}
#horiz-menu {width:900px;margin:0 auto;}
#horiz-menu ul{float:right;padding:6px;margin:0;}
#horiz-menu li {display:inline;list-style:none;color:#FFF;}
#horiz-menu li a {color:#FFF;text-decoration:none;padding:0 6px 0 6px;}
#horiz-menu li a:hover {color:#ff6600;}
#horiz-menu li a.active {color:#ff6600;}
#horiz-menu ul ul {background:#0E0E0E;border-left: 1px solid #ff6600;border-right: 1px solid #ff6600;border-bottom: 1px solid #ff6600;}
#horiz-menu ul ul ul {border-top: 1px solid #ff6600;}
#horiz-menu a, #horiz-menu li.active a {color: #fff;}
#horiz-menu li.active a {color: #ff6600;}
#horiz-menu a:hover {color: #ff6600;}
#horiz-menu ul ul li a, #horiz-menu ul li.active.parent ul a {background: url(../images/dropdown-arrow.gif) 5px 50% no-repeat;color:#ff6600;}
#horiz-menu ul ul li a:hover {color:#FFF;}
.menutop,.menutop *{margin:0;padding:0;}
div#horiz-menu{/* this is a z-index ie6 and ie7 bug fix */z-index:50;position:relative;}
#horiz-menu li li{margin:0;}
.menutop{line-height:1.0;float:left;margin-bottom:1.5em;position:relative;}
.menutop ul{background:#fff;/*IE6 needs this*/padding:0;}
.menutop li{float:left;list-style:none;position:relative;}
div#horiz-menu li li a, div#horiz-menu li.active li a{display:block;padding:0;margin:0;text-decoration:none;float:none;height:26px;line-height:30px;text-indent:18px;width:98%;}
.menutop li ul{float:none;left:-999em;position:absolute;width:177px;z-index:5;}
.menutop li:hover ul,
.menutop li.sfHover ul{left:0px;top:23px;}
.menutop li:hover li ul,
.menutop li.sfHover li ul,
.menutop li li:hover li ul,
.menutop li li.sfHover li ul,
.menutop li li li:hover li ul,
.menutop li li li.sfHover li ul{top:-999em;}
.menutop li li:hover ul,
.menutop li li.sfHover ul,
.menutop li li li:hover ul,
.menutop li li li.sfHover ul,
.menutop li li li li:hover ul,
.menutop li li li li.sfHover ul{left:177px;top:0px;}
.menutop li li{position:relative;float:none;width:100%;}
/*End Navigation Haut */

/* Navigation pied de page */ 
#nav-footer ul {text-align:left;margin:5px 0;float:left;}
#nav-footer li {display:inline;list-style:none;color:#FFF;}
#nav-footer li a {color:#FFF;text-decoration:none;padding:0 6px 0 6px;}
#nav-footer li a:hover {color:#ff6600;}
#nav-footer li a.active {color:#ff6600;}

/** Home page */
#savoir {float:left;margin-top:20px;clear:both;}
#formules {float:right;margin-top:20px;}
#home {margin-left:35px;min-height:450px;}

#mots {margin-bottom:15px;}
#bloc-news {clear:both;height:133px;width:172px;background:url(../images/bloc-news.jpg) no-repeat;float:left;margin-right:25px;padding:20px 10px 10px 10px;font-size:0.8em;color:#000;}
#bloc-pres {height:133px;width:336px;background:url(../images/presentation.jpg) no-repeat;float:left;margin-right:25px;padding:15px 10px;font-size:0.8em;color:#FFF;line-height:1.5em;}
#bloc-pres h2 {color:#ff6600;font-size:1.5em;margin-top:20px;}
#bloc-diapo {height:163px;width:192px;float:left;}
#bloc-diapo img {border:#CCC 1px solid;}

/* Page de presentation */
#bloc-desc {width:700px;background:#FFF;border:#CCC 1px solid;margin:20px auto 0 auto;}
#bloc-desc dt {background:url(../images/bg-h1.gif) repeat-x; color:#FFF;font-size:1em;padding:1px 5px 5px 5px;margin:0;font-weight:bold;}
#bloc-desc dd {margin:10px 10px;clear:both;font-weight:bold;}
#bloc-desc img {padding:0px 10px;float:left;}
#bloc-desc .ligne {border-bottom:#ff6600 2px dotted;padding-top:5px;}

/* page Contact */
#contact {}
#contact label {width:200px;float:left;}
#contact .none-label {width:100%;float:none;}
#contact span {color:red;}
#contact #marg{margin-left:27px;}
#contact fieldset {margin-top:10px;border:#CCC 1px solid;padding:0 10px;}
#contact legend {color:#ff6600;font-weight:bold;}
#contact #obli {text-align:right;font-size:0.8em;}
#contact #bt {text-align:right;}
#plan {margin-left:5px;}
#plan p {text-align:left;font-size:0.8em;margin-left:20px;}*
#plan a {color:#ff6600;}
#plan a:hover {color:#CCC;}
.module-note h3 {font-style: italic;color: #000;font-size:1em;}
.module-note {width:190px;margin-bottom: 20px;background: url(../images/note-bg.png) 0 0 repeat-y;color: #000;font-size:0.9em;}
.module-note div {background: url(../images/note-bg-top.png) 0 0 no-repeat;}
.module-note div div {background: url(../images/note-bg-bottom.png) 0 100% no-repeat;}
.module-note div div div {padding: 30px 10px 10px 10px;}
.module-note a {color:#ff6600;}
.module-note a:hover {color:#666;}

/* Page mentions légales */
#mentions h2 {font-size:1em;}

/* message d'erreur */
#error{color:#990000;font-size:0.8em;}