/*
 * Disposition a l'ecran : colonnes, encarts, cartouches
 */

body {
	margin: 0;
	padding: O;
	background: #FFF;
	font-size: 1em;
	color: #333;
 }

#container {
	margin: 0;
	padding: 0;
	background-color: #99CCFF;
	font-size: 0.77em;
	/* background-color: #6CAEE0; bleu mer*/
	/* background-color: #8CC6F6; variante bleu turquoise */ 
}

#bandeau {
	margin: 0;
	padding: 0;
	background-color: #000099;
}

#menu {
	margin: 0;
	padding: 0;
	height: 30px;
	width: 100%;
	background-color: #000099;
}

#contenu_std {
	position: relative;
	width: 100%;
}

#contenu_bas {
	position: relative;
	width: 100%;
}


#colonne1 {
float: left;
width: 33%;
margin-left: 4%;
margin-top: 2%;
padding-top: 10px;
padding-bottom: 10px;
display: inline;
background-color: white;
color: #000099;
border: 1px #FF6600 solid;
}

#colonne2 {
float: left;
width: 55%;
margin-left: 4%;
margin-top: 2%;
padding-top: 10px;
padding-bottom: 10px;
border: 1px #FF6600 solid;
background-color: white;
color: #000099;
}

#colonne2_bas {
float: left;
width: 55%;
margin-left: 4%;
margin-top: 2%;
padding-top: 10px;
padding-bottom: 10px;
border: 1px #FF6600 solid;
background-color: white;
color: #000099;
}

h1, h2, h3, p
{
margin-left: 10px;
margin-right: 10px;
margin-top: 0px;
margin-bottom: 0px;
text-align: justify
}

#bandeau p
{
margin-left: 0px;
margin-right: 0px;
}

#menu a
{
color: #FFFFFF;
font-size: 100%;
}

#menu a:hover {
background-color: #000099;
color: #FF6600;
text-decoration: underline;
}

p.center
{
text-align: center;
}


#pied_page {
	clear: both;
	width: 100%;
	background-color: #000099;
	color: white;
	margin-top: 2%;
	font-size: 0.71em;
}

.espace {
	clear: both;
	visibility: hidden;
}