body{
	width: 760px;
	margin: 5px;
	margin-left: auto;
  	margin-right: auto;
	height:	auto;
    color: #000;
	background: #fff url('img/back.jpg');
	/*background-color:#FFF;*/
	text-align:center;
}

img {

border:0px none #FFF;
}

/* ------------------------------- */
/* id="cache" Elements cachés      */
/* ------------------------------- */

#cache {
	display: none;
}

/* ------------------------------- */
/* id="main" Fenetre principale    */
/* ------------------------------- */

#main {
	margin: 1em auto;
	float: left;
	text-align: left;
	margin: 0;
	padding: 10px;
	width: 100%;  /* box model hack */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 100%;	
	border:1px solid #FFF;
	background: transparent;
		font-family: Verdana, georgia, "Times New Roman", times, serif;
	font-size: 80%;


}

/* ------------------------------- */
/* id="top" Fenetre principale    */
/* ------------------------------- */

#top {
	position: relative;
	float: left;
	display: block;
	width: 100%;
	background:#DDD;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    /*font-weight: bold;*/
    font-size: 10px;
		text-align:right;
}

#top p, #top ul, #top ol, #top pre {
    margin: 0 10px 20px 10px;
    line-height: 1.5em; 

}

#top ul, #top li {
    margin: 0px 5px;
	padding: 0px;
    list-style-type: none;
    list-style-image: none;
	width:auto;
	display:inline;
}

#top a:link {
    color: #333;
    text-decoration: none;
}
#top a:visited {
    color: #333;
    text-decoration: none;
}
#top a:hover {
    color: #333;
    text-decoration: underline;
}

/* ------------------------------- */
/* id="Navbar" NAVIGATION GENERALE */
/* ------------------------------- */

#Navbar {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: right;
	background-color: transparent;
	color:#FFF;
	font-family: Verdana, georgia, "Times New Roman", times, serif;
	font-size: 80%;
	width:100%;
	margin-top:5px;
}

#Navbar select {
	margin: 0px 10px 0px 10px;
	font-size:10px;
	background-color:transparent;
	color:#FFF;
}

/* ------------------------------ */
/* id="ColLeft" COLONNE DE GAUCHE */
/* ------------------------------ */

#ColMenu {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: left;
	width:28%;
	background-color: transparent;
	color:#000;
	font-family: Verdana, georgia, "Times New Roman", times, serif;
	font-size: 80%;
}


#ColMenu p, #ColMenu ul, #ColMenu ol, #ColMenu pre {
    margin: 0 10px 20px 10px;
    line-height: 1.5em; 
	text-align:center;
}

#ColMenu ul, #ColMenu li {
    font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    /*font-weight: bold;*/
    font-size: 10px;
    margin: 0 20px 10px 0;
	padding: 0px;
    list-style-type: none;
    list-style-image: none;
}

/* Formulaires */
/* ----------- */




#ColMenu input.submit {
	border-style : outset;
	background : #d2e0e6 url(images/degrade_bleu.png) repeat-x 0 100%;
	font-weight : bold;
}

#ColMenu input.submit:hover, input.submit:focus {
	background : #fc3 url(images/degrade_orange.png) repeat-x 0 100%;
}

#ColMenu input.submit:active {
	border-style : inset;
}


/* ------------------------------- */
/* id="ColMain" COLONNE PRINCIPALE */
/* ------------------------------- */

#ColMain{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: left;
	width:70%;
	background-color: #FFF;
	font-family: Verdana, georgia, "Times New Roman", times, serif;
	font-size: 100%;
	color:#000;
}

#ColMain p {
    margin: 0 10px 20px 10px;
    line-height: 1.5em; 
	text-align:justify;
}

#ColMain h1 {
    margin: 10px 10px 15px 10px;
    color: #CC0000;
    /*font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;*/
    font-size: 150%;
    font-weight: bold;
}

#ColMain h2 {
    margin: 10px 0px 15px 0px;
    color: #000;
    /*font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;*/
    font-size: 110%;
    font-weight: bold;
}

#ColMain h3 {
    margin: 10px 0px 15px 0px;
    color: #FFF;
    /*font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;*/
    font-size: 100%;
    font-weight: bold;
}

    
/*Links */



a:link {
    color: #CC0000;
    text-decoration: none;
}
a:visited {
    color: #CC0000;
    text-decoration: none;
}
a:hover {
    color: #CC0000;
    text-decoration: underline;
}