/* CSS  - by Drix */

/*----------------------------------------------------------------------------------------------------*/
/* Design général de la page */
body {
	margin: 0;
	padding: 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	line-height: 20px;
	background-image: url(../images/body_bg.gif);
	background-repeat: repeat;
	text-align: center;
	color: #fff;
	}
	
#container {
	width: 923px;
	margin: 35px auto 0;
	padding: 0;
	}
	
#header {
	width: auto;
	height: 180px;
	background: url(../images/header-2.jpg) 0 0 no-repeat;
	margin: 0;
	}

#accroche {
	width: auto;
	height: 28px;
	background: url(../images/accroche-2.jpg) repeat-x;
	}

#centre {
	margin: 0;
	padding: 1px 11px 50px 10px;
	background: url(../images/centre_bg2.jpg) 0 0 repeat-y;
	}

#contenu {
	text-align: justify;
	color: #fff;
	margin: 0 0 0 175px;
	padding: 0 0 0 7px;
	width: auto;
	}

#gauche {
	float: left;
	width: 175px;
	margin: 0;
	padding: 0;
	}

#menu {
	margin:0;
	padding:0;
	}

	
#footer {
	margin: 0;
	width: auto;
	height: 34px;
	background: url(../images/footer-2.jpg) no-repeat;
	clear: both;
	}

/*----------------------------------------------------------------------------------------------------*/
/* Balises générales */
h1, h2, img { margin:0; padding:0; }
h2 { font-size: 80%;}
h3, h4 { margin: 30px 0 20px 0; padding: 3px; letter-spacing: 1px; }
h3 { font-size: 110%; }
h4 { font-size: 105%; border-bottom: 1px solid #0000d8; color: #d3d6df; clear: right;}

p {
	text-align: justify;
	margin: 0;
	padding: 0 0 25px 0; }

#contenu a img {border: none;}

a { text-decoration: none; }
em { color: #aee6f6; }

#contenu a { color:red; }
#contenu a:hover { text-decoration:underline; color: #a1e6ff; }
#contenu h3 { background-color: #0d0eb8; color: #d3d6df; clear:right; }

/*----------------------------------------------------------------------------------------------------*/
/* Définition des classes */
.float_r { float:right; margin: 0 5px 0 10px; padding: 0; clear: right; }
.float_l { float:left; }
.float_l_big { float:left; margin: 0 7px 7px 0; }
.decal_1 { margin-left: 170px; }
.hidden { visibility: hidden; }
.black { color: #000; text-align: center; }
.centrer { text-align: center; margin-bottom: 20px; }
.mov { float: right; margin-right: 2px; margin-top: 2px; }
.red { color: #ff0000 }
.colonne_gauche { float:left; width: 350px; }
.colonne_droite { float:right; width: 350px; }
.NoBorder { border-style: none; }

/*----------------------------------------------------------------------------------------------------*/
/* Mise en forme du menu (gauche) */
#menu h3 { text-align:left; font-size: 90%; border-bottom:1px solid #000; margin-bottom: 0px; margin-top:20px; padding: 0; color:red; }

#menu a {
	font-size: 90%;
	color: #fff;}
	
#menu a:hover {
	color: red;
	letter-spacing: 1px;}

#menu ul{
	text-align: left;
	list-style: none;
	margin: 0;
	padding: 0; }

#menu li {
	padding: 3px 0;
	margin: 0;
	border-bottom: 1px solid #000; }

#menu img { border:0; }


/*----------------------------------------------------------------------------------------------------*/
/* liste de définition */
dl dt {	font-weight: bold; display: inline;	float: left; }

dl dd { text-indent: 0;	text-align: justify; margin-left: 230px; }

/*----------------------------------------------------------------------------------------------------*/
/* height_450 */
#height_450 {
	height: 450px; }

/*----------------------------------------------------------------------------------------------------*/
/* Fieldset contact */
#contenu fieldset {margin-left: 100px; margin-right: 100px;}

/*----------------------------------------------------------------------------------------------------*/
/* Tableau formation */
.formation { border: 1px solid #999999; width: auto; border-collapse: collapse; }
.formation th { width: 33%; }
.formation td, th { border: 1px solid #999999; }