/*
Design général du site "soufflesdasie.org"
Réalisé par Nathalie Bernard
*/


/*barre de menu*/  
 
#menubar {
	width: 931px;
	height: 75px;
	position: absolute;
	top: 0px;
	right: 15px;
	text-align : center;
	margin-top: 10px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;   
    background-repeat: no-repeat;
    background-position: left;
    background-image: url("images/fond-en-tete.gif");   
 }
 
  
img.menu-gauche1 {
	margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 40px;
    margin-right: 5px;
    border: 0;
    float: left;
}

img.menu-gauche {
	margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 10px;
    border: 0;
    float: left;
}

img.menu-droite {
	margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 75px;
    border: 0;
    float: right;
}

 /*Le sous-menu*/

#sous-menu { 
 	width: 900px;
	position: absolute;
	top: 0px;
    right: 55px;
 	z-index: 1;
 	text-align: left;
 	margin: 0;
 	padding: 0;
 }   
 
#sous-menu li {
	display: inline ;
	margin-right: 1px ;
	color: #003366;
	background: white;
	}    
#sous-menu li a {
	padding: 1px 5px ;
	background: #2A6B9E;
	color: white ;
	border: 1px solid #164E77 ;
	font: 1em "Trebuchet MS",Arial,sans-serif ;
	line-height: 1em ;
	text-align: center ;
	text-decoration: none ;
	}
	
#sous-menu li a:hover, li a:focus, li a:active {
	background: #E8C3C3;
	color: #003366;
	}
	
#sous-menu li.en-cours {
	padding: 1px 5px ;
	border: 1px solid #164E77 ;
	font: 1em "Trebuchet MS",Arial,sans-serif ;
	line-height: 1em ;
	text-align: center ;
	background: #E8C3C3;
	color: #003366;
}

/*Le corps*/

#corps {    
      width: 900px;
      height: 630px;
      position: absolute;
      top: 85px;
      right: 15px;
      color:#000;
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 20px;
      border-width : 2px; 
      border-style :solid;
      border-color : #878686;
      background-color: transparent;
      background-repeat: no-repeat;
      background-position: center;
      background-image: url("images/fond-web.jpg");
      }
#corps_scroll {    
      width: 900px;
      height: 580px;
      position: absolute;
      left : 0px;
      top: 50px;
      color:#000;
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 20px;
	  overflow:auto; 	  
      }      
p, li {
    font-family: Verdana, sans-serif;
    font-size: 11pt;
    text-align: justify;
    margin-top: 10px;
    margin-bottom: 25px;
    color: #003366;  
   }
   
li {
	background: transparent;
	display: marker;
	list-style-type: disc;
	list-style-position: inside;
	}

h1, h2 {
    font-family: tahoma, arial, serif;
    
      }
      
h1 {
    color: #1F766F;
    font-size: 15pt;
    font-weight: bold;
    margin-top: 30px;
    background-color: inherit; 
   }
      
h2 {
    color: #003366;
    font-size: 12pt;
    font-weight: bolder;
    margin-top: 25px;  
    background-color: inherit; 
    }
     
h3 {
    
    color: #1F766F;
    font-size: 13pt;
    margin-top: 20px;
    margin-bottom: 0px;
    background-color: inherit; 
      }
     
img {
     margin-top: 0px;
     margin-bottom: 5px;
     margin-left: 0px;
     margin-right: 10px;
     border: 0;
     float: left;	
     }
 

 /*Le bas de page*/

#baspage {    
      
	  position: absolute;
	  top: 740px;
	  right: 15px;
      width: 931px;
      height: 30px;
      background-color: #FFFFFF;
      color:#000;
      padding-left: 15px;
      padding-right: 15px;
      padding-top: 20px;   
      }    
 
img.gauche-baspage {
	margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 20px;
    margin-right: 0px;
    border: 0;
    float: left;
}

img.droite-baspage {
	margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 30px;
    border: 0;
    float: right;
}