/*Header*/
.headerc {
     height : 70px; 
     background-image :    url('steelblue/headerc_steelblue.gif');
     z-index: 0
      } 
           
.headerg {
     float : left; 
     width : 780px; 
     height : 70px; 
     background-image :  url('steelblue/header_steelblue.gif');
     } 
	 
.form {
     height : 18px; 
     background-color: #C1D3FB ; 
     color: #000000;
     font-size: 80%;
	 border-top : 2px solid #ffffff;
	 border-bottom : 1px solid #ffffff;
	 } 	 
	 
.sep1 {
     height : 10px; 
     background-image :  url('steelblue/sep1_steelblue.gif');
     z-index: 0;
	 line-height: 0;
	 font-size: 0;
	 border-bottom : 2px solid #ffffff
	 } 
      	 
.bout {	
   font-weight: bold;
   font-size: 100%; 
   background-color: #FFFFFF;
   padding: 1px 2px 1px 2px;
   border-style: none;
     } 	  

 /*Menu*/				 
.menu {
    position: absolute;
    top: 6.8em;
    left: 1ex;
    padding: 3px 0 0.5ex 0;
	width: 10.8em;
	background-color: #D5D7E1;
	border-width: 1px;
	border-style: solid;
	border-color: #4B81AF; 
    }

.menutitle{
    cursor:pointer;
    color:#000000;
    font-size: 80%;
    font-weight: normal;
    margin-top: 2px;
    padding-left: 10px;
    background-image: url('images/autres/arrow.gif');
    background-repeat: no-repeat;
    background-position: 0 50%	 
	}

.submenu{
   background-color: #E5E6EC;
   cursor: pointer;
   font-size: 70%;
   font-weight: normal;
	}
	
.deroule {
   background-color: #E5E6EC;
   cursor: pointer;
   font-size: 70%;
   font-weight: normal;
	}
	
.groupe {
	 font-family: verdana;
     font-weight: bold;
     font-size: 80%;
	 color: #ffffff;
	 text-align: center;
	 border-style: solid;
	 border-width: 1.5px 0px 1.5px 0px;
	 background-color: #4B81AF;			
	}
				
.titre {
	 font-family: verdana;
     font-weight: normal;
     font-size: 70%;
	 text-align: center;
	 border-style: solid;
	 border-width: 1.5px 0px 1.5px 0px;
	 background-color: #C1D3FB;
	 cursor: pointer; 				         
}

.parent  {
   font-family: verdana;
   font-weight: normal;
   font-size: 80%;
   margin-top: 2px;
   cursor: pointer;
   padding-left: 10px;
   background-image: url('images/autres/arrow.gif');
   background-repeat: no-repeat;
   background-position: 0 50%				
     }

/*Caractéristiques communes*/
body {
	margin: 0;
	font-family: verdana, sans, arial, helvetica, sans-serif;
	background-color: #FFFFFF;
}

/*Caractéristiques texte h1*/
h1 {
	font-weight: bold;
	color: #4B81AF;
	text-align: center;
	background: none;
	font-size: 130%
}

/*Caractéristiques texte h2*/
h2 {
	font-weight: bold;
	color: #800000;
	text-align: center;
	background: none;
	font-size: 125%
}

/*Caractéristiques texte h3*/
h3 {
	font-weight: bold;
	color: #800000;
	background: none;
	font-size: 105%;
	margin-bottom: 0;
	text-align: left;
}

/*Caractéristiques texte h4*/
h4 {
	font-weight: normal;
	color: #000000;
	background: none;
	font-size: 90%;
	text-align: left;
	margin: 0.5ex 0 0 1ex;
}


/*Positionnement et deco divers*/

.milieu {
  text-align:center;
}

.souligne {
  text-decoration: underline;
  }
    
.left {
  text-align:left;
  }  
  
.help {
  border-bottom: 1px dotted #333;
  cursor: help;
  }



/*Cadre principal toutes pages*/
.conteneur {
	width: 100%;
	border-color: transparent;
	background-color: yellow;
	background-image: url('none');
	min-height: 150%
	}


.main {
    border:1px solid #4B81AF; font-size: 90%;
	background-color: #ffffff;
	background-image: url('none');margin-left:13em; margin-right:1ex; margin-top:0.5em; margin-bottom:0; padding-left:1ex; padding-right:1ex; padding-top:0ex; padding-bottom:0
	}

/*Cadre statut page d'accueil*/
.statut {
    background-color: #FFFFFF;
	border-width: 0.3ex;
	border-style: solid;
	border-color: #4B81AF;
	margin-bottom: 1ex;
	margin-top: 2ex;
	padding: 0 1ex 2ex 1ex;
}

/*Cadre fin page d'accueil*/
.fin {
	border-width: 0.4ex;
	border-style: solid;
	border-color: #4B81AF;
	background-color: #C1D3FB;
	margin-bottom: 0;
	margin-top: 0;
    padding: 0 1ex 0 1ex;

		}
/*Cadres divers toutes pages*/
.cadrephoto {
    background-color: #FFFFFF;
	border-width: 1px 1px 1px 0.8ex;
	border-style: solid;
	border-color: #4B81AF;
	margin-bottom: 1ex;
	margin-top: 2ex;
	padding: 0 1ex 2ex 1ex;
}	

.information {
	background-color: #FFFFFF;
	border-width: 1px 1px 1px 0.8ex;
	border-style: solid;
	border-color: #4B81AF;
	margin-bottom: 1ex;
	margin-top: 2ex;
	padding: 0 1ex 2ex 1ex;
	font-family: Courier New, Courier, mono;
}
	
.flash {
	border-width: 1px 1px 1px 0.8ex;
	border-style: solid;
	border-color: #4B81AF;
    font-weight: bold;
	margin-bottom: 1ex;
	margin-top: 2ex;
	text-align: center;
}
	
.devis {
	border-width: 1px 1px 1px 0.8ex;
	border-style: solid;
	border-color: #4B81AF;
    font-weight: bold;
	margin-bottom: 1ex;
	margin-top: 2ex;
	text-align: center;
	background-color: #C1D3FB;
	}

.plan {
	font-weight: bold;
	color: #4B81AF;
	text-align: left;
	font-size: 100%;
	padding-left: 35px;
	background-image: url('images/autres/puce.png');
	background-repeat: no-repeat;
    background-position: 2% 50%	 
}


/*Mots avec liens dans le texte*/
.mot {
   font-weight: bold;
   font-size: 90%;
   color: #4B81AF; 
   text-decoration: underline;  
   }
   
/*Disponible dans la boutique*/	  
.boutique {	
   float: right;
   font-weight: bold;
   font-size: 80%; 
   background-color: #F8F0E8;
   padding: 0px 2px 1px 2px;
   border-width: 1px;
   border-style: solid;
   margin-top: -1.5ex;
   } 
   
/*Disponible dans la boutique centree*/	  
.boutiquec {	
   float: center;
   font-weight: bold;
   font-size: 80%; 
   background-color: #F8F0E8;
   padding: 0px 2px 1px 2px;
   border-width: 1px;
   border-style: solid;
   margin-top: -1.5ex;
   }
    
  /*Documentation PDF*/	  
.pdf {	
   float: center;
   font-weight: bold;
   font-size: 80%; 
   background-color: #C1D3FB;
   padding: 0px 2px 1px 2px;
   border-width: 1px;
   border-style: solid;
   margin-top: -1.5ex;
   }

/* Photos à droite du texte*/	  
.droite {
   float: right;
   text-align: center;
   margin-right: 10px;
   font-size: 75%
} 

/*Haut de page*/
.haut {
   display:none;
   } 

/*Boite Copyright*/ 
#footer {
    border:1px solid #4B81AF; font-size: 90%;
	background-color: #ffffff;
	background-image: url('none');margin-left:13em; margin-right:1ex; margin-top:0.5ex; margin-bottom:0; padding-left:1ex; padding-right:1ex; padding-top:0ex; padding-bottom:0
	}
	
#sep2 {
     text-align: center;
     font-size: 90%; 
     border-bottom : 3px solid white;
     border-top : 3px solid white;
     height : 20px;
     background-color : #4B81AF; 
     color: #ffffff;
} 	 
/*Tableau*/
table {
  border: medium solid #4B81AF;;
  width: auto;
  margin: auto;
}

th {
  border: thin solid #4B81AF;;
  width: auto;
  padding: 5px;
  background-color: #D0E3FA;
}

td {
  border: thin solid #4B81AF;;
  width: auto;
  padding: 5px;
  text-align: center;
  background-color: #ffffff;
}

/*Comportements des liens*/

a.menulink, a  {   /*normal*/
	 cursor: pointer;
	 color: #000000;
	 text-decoration: none;
	 }
	 
a:hover, a.menulink:hover, a.parent:hover, a.h3:hover, a.mot:hover, a.bout:hover { /*survol*/
   background-color: #4B81AF;
   color: #FFFFFF;
   text-decoration: none;
}

.invisible {display:none}

/* Cadres arrondis mozilla seulement */		 
.main, .menu, .statut, .fin, .flash, .devis, .mot, .cadrephoto, .boutique, .information, #sep2, #footer {
   -moz-border-radius: 10px; 
	 }
	 
/* Citation Olivia */
blockquote { 
font: italic normal 110% "Georgia", Times, "Times New Roman", serif;
text-align: justify;
}	 
	 


	 
			   
			
			 	    