/* Ninon Turblin - copyright formeor design 2010 */
/* import des autres CSS associées */
@import url('killer.css');

html { background:url(../images/html_bg.png) repeat-y center; }

body {
  width:990px; margin:auto; font-family: "Trebuchet MS", sans-serif; 
}

a{
  outline:none;
}

#top {
  background:url(../images/bg_top.png); height:330px; width:990px; background-repeat: no-repeat; 
}

span.bread {
  background:url(../images/bread.png); display:block; float:left; margin-left:30px; margin-right:8px; height:15px; width:10px; background-repeat: no-repeat; background-position:0 2px; 
}

#top h1 {
  display:none; text-indent:-5960659px;
}

#top a.logo { text-indent:-5960659px; display:block; background:url(../images/logo.png); height:120px; width:345px; float:left; background-repeat: no-repeat; margin:90px 0 0 5px; }

p.tagline{
    background:url(../images/texte.png); height:110px; width:290px; float:right; background-repeat: no-repeat; margin:100px 30px 0 0; text-indent:-5960659px;
}

p.contact{
   height:47px; width:282px; background-repeat: no-repeat; margin:271px 0px 0px 674px; text-align:center; line-height:23px; padding-top:3px; position:absolute; font-size:16px;
}

p.contact a{
  color:#000; font-size:16px; text-decoration:none;
}

span.white{
  color:#fff; font-size:16px;
}

#content{
  float:left; width:240px;
}

span.bloc_bas{
  background:url(../images/bloc_bas.png); height:30px; width:220px; display:block;
}

h2.bouton_rea {
  background:url(../images/bouton_rea.png) no-repeat; height:50px; width:220px; text-indent:-5960659px; margin:0;
}

h2.bouton_info {
  background:url(../images/bouton_info.png) no-repeat; height:45px; width:220px; text-indent:-5960659px; margin:0; 
}

h2.bouton_details {
  background:url(../images/bouton_details.png) no-repeat; height:45px; width:220px; text-indent:-5960659px; margin:0; 
}

ul.realisations{
  background:url(../images/ligne_bloc.png) repeat-y; width:220px; padding-left:5px; margin:0; list-style:none;
}

ul.informations{
  list-style:none; background:url(../images/ligne_bloc.png) repeat-y; margin:0; padding-left:5px; list-style:none;
}
  
ul.realisations li a {
  display:block; width:190px; height:25px; padding:10px 0 0 20px; color:#596065; text-decoration:none; font-size:10pt;
}

ul.realisations li a:hover {
  color:#1d76a5; text-decoration:none; background:url(../images/survol.png) no-repeat; background-position:0 0;
}

ul.realisations li a.active {
  color:#1d76a5; text-decoration:none; background:url(../images/survol.png) no-repeat; background-position:0 0;
}

ul.info{
  list-style:none; background:url(../images/ligne_bloc.png) repeat-y; margin:0; padding-left:5px; list-style:none;
}

ul.info li a {
  display:block; width:190px; height:25px; padding:10px 0 0 20px; color:#596065; text-decoration:none; font-size:10pt;
}

ul.info li a:hover {
  color:#319441; text-decoration:none; background:url(../images/survol_info.png) no-repeat; background-position:0 0;
}

ul.info li a.active {
  color:#319441; text-decoration:none; background:url(../images/survol_info.png) no-repeat; background-position:0 0;
}

ul.details{
  list-style:none; background:url(../images/ligne_bloc.png) repeat-y; margin:0; padding-left:5px; list-style:none;
}

ul.details li a {
  display:block; width:190px; height:25px; padding:10px 0 0 20px; color:#596065; text-decoration:none; font-size:10pt;
}

ul.details li a:hover {
  color:#bfa21a; text-decoration:none; background:url(../images/survol_details.png) no-repeat; background-position:0 0;
}

ul.details li a.active {
  color:#bfa21a; text-decoration:none; background:url(../images/survol_details.png) no-repeat; background-position:0 0;
}

ul.informations li a {
  font-size:12px; color:#596065; width:190px; height:25px; padding:15px 0 0 0; margin-left:20px; text-decoration:none; line-height:30px; display:block; border-bottom:solid 1px #d2d2d2;
}

ul.informations_enfants{
  width:220px; padding-left:20px; margin:0; list-style:none;
}


ul.informations_enfants li a {
  font-size:12px; color:#666; width:180px; height:100%; padding:0; font-size:12px; line-height:15px; display:block; margin-left:6px; border:none;
}

ul.informations_enfants li a:hover {
  text-decoration:underline; font-size:12px;
}

ul.informations_enfants li a.act {
  color:#429cb9; width:180px; height:100%; padding:0; font-size:12px; line-height:15px; display:block; margin-left:-10px; border:none; background:none; font-weight:normal; text-transform:none;
}

ul.informations li a.active {
background:transparent url(../images/survol.png) no-repeat scroll 0 0;
text-decoration:none;
color:#175878;
display:block;
height:25px;
padding:10px 0 0 20px;
text-decoration:none;
width:190px;
margin:0;
line-height:15px;
}

ul.informations li a:hover {
  color:#666;
}

ul.bradcrumb {
   list-style:none; margin-bottom:10px;
}

ul.bradcrumb li {
    display:inline; font-size:14px; background:url(../images/fleche_puce.png) no-repeat; background-position: right -4px; padding-right:22px;
}

ul.bradcrumb li a{
    text-decoration:none; color:#596065;
}

ul.bradcrumb li:last-child {
    background: none;
}

ul.bradcrumb li a:hover{
    text-decoration:underline; color:#429cb9;
}

#content_2 {
  margin:0 0 0 250px; color:#888; min-height:650px; width:730px;
}

#content_2 h2 { border-left:solid 10px #afbcc6; color:#429CB9; font-size:18pt; line-height:20px; padding-left:3px; } 
.center {
text-align:center;
}

#content_2 hr {
  background:url(../images/line.png); height:30px; width:650px; border:none;
}

#content_2 p {
  color:#333; font-size:11pt; line-height:14pt;
}

#content_2 a {
  color:#429cb9; text-decoration:none;
}

#content_2 img {
  padding-left:10px;
  padding-right:10px;
}

#content_2 ul {
  list-style:disc;
}

#content_2 li {
   margin-left:20px;
}

#content_2 li a {
   font-size:16px; color:#429cb9; text-decoration:none; 
}

#content_2 li a:hover {
   font-size:16px; color:#596065; text-decoration:underline; 
}

#footer{
  background:url(../images/footer.png) repeat-x ; height:117px; width:100%; margin:0 auto; bottom:0; position:relative;
}

p.parafoot{
  padding:30px 0 0 0;
  text-align:center;
}

p.parafoot a{
  font-size:16px; color:#429cb9; text-decoration:none; margin-left:5px; margin-right:5px;
}

p.parafoot a:hover{
  color:#596065;
}

p.parafoot_2{
  text-align:center;
  font-size:16px; color:#636363;
}