body {
   font-size : 12px;
   font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif;
   background-color : darkblue;
   color : black;
  }


#page {
	width: 100%;
	color: white;
	background: darkblue;
}

#page #titresite {
	eight: 25%;
	width: 100%;
	display: block;
}

#page #titresite h1 {
	text-align: center;
	margin: 12px;
	font-size: 36px;
	color: white;
	background: black;
	display: block;
}



#page #conteneur {
	width: 100%;
	eight: 75%;
	background: blue;
	color: white;
}

#page #conteneur #menu {
	float: left;
	width: 26%;
	border 2px solid grey;
	color: yellow;
	font-size: 18px;
	eight: 100%;
	text-decoration: bold;
	background: darkblue;
	margin: 10px 0;
	display: block;
}

#page #conteneur #menu h2 {
	align: center;
	font-size: 16px;
}


#page #conteneur #menu ul {
	text-align: center;
	top-margin: 5px;
}
#page #conteneur #menu li,
#page #conteneur #menu h2 {
	background: darkblue;
	color: white;
	text-align: left;
}
#page #conteneur #menu ul li a { 
	color: yellow;
	background: darkblue;
	text-align: left;
}
	
#page #conteneur #contenu {
	width: 72%;
	float: right;
	color: lightblue;
	font-size: 10px;
	border 5px solid grey;
}
#page #conteneur #contenu {
	color: black;
	background: lightblue;
}

#page #conteneur #contenu p,
#page #conteneur #contenu ul,
#page #conteneur #contenu li,
#page #conteneur #contenu h2,
#page #conteneur #contenu h3,
#page #conteneur #contenu h4,
#page #conteneur #contenu h5,
#page #conteneur #contenu h6,
#page #conteneur #contenu td {
   font-size: 11px;
   font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif;
   color: black;
   font-weight: none;
   background: lightblue;
   display: block;
}

#page #conteneur #contenu strong {   font-weight: bold; }

#page #conteneur #contenu p.bold { 
  font-weight: bold;
}

#page #conteneur #contenu p.error { 
   font-size : 12px;
   color : red;
   font-weight: bold;
}

#page #conteneur #contenu .center { text-align: center; }

#page #conteneur #contenu TABLE.border { 
               margin-top: 30px;
               margin-bottom: 30px;
               width: 95%;
               speak-header: always;
               border-collapse: collapse; 
               border: 1px solid black;
               }

#page #conteneur #contenu TD.borderleft  { 
                 padding-left: 6px;
                 padding-right: 6px;
                 padding-top: 6px;
                 padding-bottom: 6px;
                 vertical-align: top;
                 speak-header: always;
                 border: 1px solid black;
             } 

#page #conteneur #contenu TD.bordercenter  { 
                   vertical-align: top;
                   padding-left: 6px;
                   padding-right: 6px;
                   padding-top: 6px;
                   padding-bottom: 6px;
                   vertical-align: top;
                   text-align: center;
                   speak-header: always;
                   border: 1px solid black;
             }

#page #conteneur #contenu TD.borderright  { 
                  vertical-align: top;
                  padding-left: 6px;
                  padding-right: 6px;                    
                  padding-top: 6px;
                  padding-bottom: 6px;
                  text-align: right;
                  speak-header: always;
                  border: 1px solid black;
             } 


#page #conteneur #contenu TH.border {  
            padding-left: 6px;
            padding-right: 6px;
            text-align: center;
            border: 1px solid black;
            speak-header: always;            ;
            font-weight: bold;
            font-size: 10px;
     }

#page #conteneur #contenu TH.borderleft {  
                padding-right: 6px;
                padding-left: 6px;
                text-align: left;
                border: 1px solid black;
                speak-header: always;            ;
                font-weight: bold;
                font-size: 10px;
     }


#page #conteneur #contenu  h1 {
  font-size : 20px;
  font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
  color : black;
  font-weight: bold;
  text-align: left;
  }

#page #conteneur #contenu h2 {
  font-size : 18px;
  font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif;
  color : black;
  font-weight: bold;
  text-align : left
  }

#page #conteneur #contenu h3 {
  font-size : 16px;
  font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif;
  color : black;
  font-weight: bold;
  text-align : left
  }

#page #conteneur #contenu h4 {
  font-size : 14px;
  font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif;
  color : black;
  font-weight: bold;
  text-align : left
  }

#page #conteneur #contenu h5 {
  font-size : 12px;
  font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif;
  color : black;
  font-weight: bold;
  text-align: center;
  }


/* Couleur des liens, je ne les utilise pas dans le CRM */
/*  a:link {color: navy; text-decoration:underline;}
  a:visited {color: gray; text-decoration:underline;}
  a:hover {color:red; text-decoration:none;}
*/