body {
   margin: 0;
   padding: 0;
   font-size: 10pt;
   font-family: sans serif,verdana;
    background-image : url(fond.jpg);
    background-color : #8bfe49;
}

.important {
 border:2px solid #ff0000;
 padding : 1em;
 background-color : #ffdddd;      
  border-radius : 1em;
    -moz-border-radius:  1em;
    -webkit-border-radius:  1em;
    font-style : italic;
    font-size : 10pt;
    color : #800;
}

.resume { display : none; }

.resume.accroche { display : inherit; }

.tarif { 
    /* display : inline-block;  */
    font-style : italic; 
    color : green; 
    padding : 0;
    margin-left : 0.5em;
    }

.accroche {
font-weight : bold;
font-size : 110%;
font-style : italic;
}

#subentete {
   margin : 0;
   padding : 0;
}

#bandeau h1 {
  visibility : hidden;
  margin : 0;
}

#titre {
 margin : 5px 10px 10px 50px;
}

#content h1 {
  padding: 35px 10px 10px 70px;
  font-size : 150%;
    background-image:url(ligne-h1.png);
    -moz-border-radius : 10px;
       background-repeat: no-repeat;
}


h2 {
  padding: 35px 10px 10px 80px;
    background-image:url(ligne-h2.png);
   background-repeat: no-repeat;
    font-size:120%;
}

h3 {
  padding: 0 10px 10px 40px;
    background-image:url(ligne-h3.png);
   background-repeat: no-repeat;
    font-size:120%;
}

h1, h2, h3, .accroche { color : rgb(0,92,0);}

#curpath {
  position : absolute;
  top : 73px;
  left : 230px;
  margin : 0;
  font-size : 80%;
  padding : 0.5em;
  background-image:url(fondclair.jpg);
  background-position : -200px -78px;
    border-radius : 2em;
    -moz-border-radius: 2em;
    -webkit-border-radius: 2em;
    z-order : 3;
}

#curpath a {
 text-decoration : none;
}

#colonnes , #menu {
padding:1em;
margin:0;

}

td {
  border : 1px dotted green;
  padding : 0.5em;
}

table {
border-collapse: collapse;
}

#titre {
  height : 70px;
}

#menu a, #curpath a {
text-decoration: none;
color : black;
font-size : 10pt;
}

#menu a:hover {
  color: red;
}

#content {
  left: 18.5em;
  position : absolute;
  top:100px;

  right:1.5em;

  overflow-y : auto; 
    border-radius : 2em;
    -moz-border-radius: 2em;
    -webkit-border-radius: 2em;
    column-width : 20em;
    -moz-column-width: 20em;
    -webkit-column-width: 20em;
    column-gap : 2em;
    -moz-column-gap: 2em;
    -webkit-column-gap: 2em;
    column-rule : 1px dotted green;
    -moz-column-rule : 1px dotted green;
    -webkit-column-rule : 1px dotted green;
    column-fill : balance;
    -moz-column-fill : balance;
    -webkit-column-fill : balance; 
    margin-bottom : 1em;
  background-color : #ffffff;
    padding : 1em;
}

#content ul {
list-style-position:inside;
 padding: 0 ;
 margin : 0;
}

#content ul ul {
padding-left : 2.5em;
}

#content li, #content p {
  margin : 0.6em 0;
}

#logo {
position : absolute;
top : 55px;
left : 10px;
z-order : 3;
}

#menu {
  position : absolute;
  top:130px;
  padding: 0 0 0 10px;
  width: 17em;
  margin: 0;
  left:0;
}


#submenu {
  padding : 30px 10px 10px 10px ;
  background-image:url(fondclair.jpg);
  background-position : -10px -80px;
  background-repeat : no-repeat;
    border-radius : 2em;
    -moz-border-radius: 2em;
    -webkit-border-radius: 2em;
    font-size : 10pt;
}


#submenu ul {
float : left;
 margin : 0;
  margin:0;
  padding:0;
  list-style:none;
  clear:left;
}

#submenu ul ul, #submenu li {
 margin : 0.25em 0.5em;
}

#submenu ul ul {
  display:block;
  padding : 0 0.5em 0 0;
  float:left;
  border:2px dotted white;      
  border-radius : 1em;
    -moz-border-radius:  1em;
    -webkit-border-radius:  1em;
}

#submenu ul ul li {
  display:block;
  /*float:left;*/
}

.spacer{
clear : both;
}


#menu li {
margin:0.6em 0;
}

#menu ul ul {
padding:0 0 0 1.3em;
}

#bandeau {
  position : absolute;
  top:0;
  width:100%;
  margin: 0;
  height: 100px;
}

p.image {
    text-align : center;
}

p.image img, p.image iframe {
    width: 20em;
    border-radius : 0.95em;
    -moz-border-radius: 0.95em;
    -webkit-border-radius: 0.95em;
}

.colonnes {

}

@media (max-width: 640px) {
    #menu {
        display : none;
   }
   #logo {
        right : 0.2em;
        top :  0.2em;
        left : auto;
        width : 8em;
        height : 5em;
        position : absolute;
   }
   #content {
      left: 1em;
      top:40px;
  }
  #bandeau {
      height: 30px;
      padding : 0;
    }

    #titre {
       position : absolute;
       top : 0;
       height : 45px;
       width : 200px;
       left :25px;
       margin-top : 0; padding :0;
    }
    #curpath {
      position : absolute;
      top : 10px;
      left : 0px;
      border : 2px solid #080;
    }
}


@media print{
  #menu, #submenu, #content, #bandeau,  #curpath{
    position: static;
    padding : 1em;
    margin : 1em;
    left: none;
    bottom: none;
    top: none;
    width: auto;
  }


  body {
    background-image: none;
    background-color : #ffffff;
  }
 #content a:link:after, #content a:visited:after {
  content: " (" attr(href) ") ";
  }
  
    .noprint {
  display : none;
  }
  
}