/* CSS Document */

body
{
	margin: 3px 0 ;
	padding: 0 ;
	text-align: left;
	font: 0.7em "Arial", helvetica, sans-serif ;
}

div#conteneur
{
	width: 700px ;
	margin: 0 auto ;
	text-align: left ;
	background: #fff ;
}

div#page {
        width: 740px ;
		position: relative;
		min-height: 120%;
		
	}
	
	div#premiere {
		float: left;
		width: 310px;
		text-align: center;
	
	}
	div#deuxieme {
		float: right;
		width: 130px;
		text-align: center;
	}
	div#contenu {
		padding: 1px 0;
		margin-left : 320 px;
		pargin-right: 140 px;
	}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

div#conteneur
{
	padding: 0 10px 0 40px ;
	
}

div#conteneur h1
{
	margin-left: 0px ;
	padding-left: 0px ;
	color: #000 ;
	font-size: 1.1em ;
	text-align: justify ;
}

div#conteneur h2
{
	margin-left: 0px ;
	padding-left: 0px ;
	color: #999 ;
	font-size: 1.1em ;
	text-align: justify ;
}

div#page h2
{
	padding-left: 60px ;
	line-height: 25px ;
	font-size: 1.3em ;
	background: url(images/drapeau_accueil.jpg) no-repeat left bottom ;
	color: #f00 ;
	text-align: left;
	
}

div#page h3
{
	font-size: 1.1em ;
	color: #000 ;
	text-align:  left;
	text-indent: 0.9em ;
	line-height: 0.1em;
	
}

div#page h4
{
	font-size: 0.9em ;
	color: #000 ;
	text-align: justify;
	margin-left: 1.1em;
	margin-right: 1em;
	
}

div#page h5
{
	font-size: 0.8em ;
	color: #000 ;
	text-align: center;
	margin-left: 1em;
	margin-right: 1em;
	
}

div#conteneur h3
{
	
	padding-left: 0px ;
	color: #000 ;
	font-size: 1em ;
	text-align: justify ;
}

div#conteneur p
{
    margin-top: 10px;
	margin-right: 10px;
	text-align: left ;
	text-indent: 2em ;
	line-height: 1.1em ;
}

div#conteneur a
{
	color: #999 ;
}

div#conteneur a:hover
{
	color: #ff0 ;
}

.agenda1 {
height: 32px;
width: 60px;
float: left;
margin-top: 2em;


}
.agenda2 {
padding-top : 0px;
padding-left : 10px;
height: 32px;
width: 622px;
float: right;
margin-top: 2em;

}

.conteneur image {
margin-top: 2em;
float: left;
}

.page image {
margin-top: 2em;
padding-top : 15px;
}

.page image2 {
margin-top: 0em;
}

div#cadre {
margin-left: 320px;
margin-top: 0em;
width: 260px;
padding-top: 35px;
background: url(images/zoneactuhaut.jpg) top left no-repeat;
}

div#bloccadre {
background: url(images/zoneactubas.jpg) bottom left no-repeat;
padding-bottom: 5px;
}

div#bloccadre p{
margin: 0 35px 0 20px;
color:#000;
}
.titrenoircommande {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #000000;
}
.titrerougecommande {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #FF0000;
}
.noircommande {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
.orangelien {


	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FF6600;
}
.bleunormal {


	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #0000FF;
}
.titrenoirepreuve {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bolder;
	color: #000000;
}
.noirmentionslegales {


	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
}
.orangelienaccueil {



	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #FF6600;
}