@charset "utf-8";
/* CSS Document */

/* ###### DEBUT CSS ###### */
body{
	background-color: #ffffff;
	font-family: arial, helvetica,  sans-serif;
	text-align:center;
}

#container{
	margin: 10px auto 0px auto;
	padding: 0px 0px 0px 0px;
	border:#000000 solid 0px;
    width: 961px;
	position:relative;
	text-align:left;
	background-color: #ffffff;
}

#container h1{
	display: none;
}

/* --- BANDEAU --- */
#bandeau{
	width: 961px;
	height:150px;
	background: transparent repeat top url(../images/interface/bandeau.png);
}

#bandeau-lien a{
	width: 400px;
	height:100px;
	padding:0px 0px 0px 0px;
	margin:28px 0px 0px 41px;
	border:#000000 0px solid;
	text-decoration: none;
	float:left;
}

/* --- NAVIGATION --- */
#navigation{
	position:relative;
	height: 48px;
	width: 627px;
	margin-top:-8px;
	margin-left:63px;
	border:#000000 0px solid;
}

#navigation h1, span{
	display:none;
}

#navigation ul{
	margin:0px;
	padding:0px;
}
#navigation li{
	display: inline;
	
}
#navigation a{
	text-decoration: none;

}

a#menu_formation, a#menu_modules, a#menu_tarifs, a#menu_liens, a#menu_contact{
	background: transparent url(../images/interface/menu-principal.png);
	height:48px;
	float:left;
}



a#menu_formation{
	width: 125px;
	background-position: 0px 0px;
	
}
a#menu_formation:hover{
	width: 125px;
	background-position: 0px -48px;
}

a#menu_modules{
	width: 125px;
	background-position: -125px 0px;
}
a#menu_modules:hover{
	width: 125px;
	background-position: -125px -48px;
}
a#menu_modules_active{
	background: transparent url(../images/interface/menu-principal.png);
	height:48px;
	float:left;
	width: 125px;
	background-position: -125px -48px;
}

a#menu_tarifs{
	width: 125px;
	background-position: -250px 0px;
}
a#menu_tarifs:hover{
	width: 125px;
	background-position: -250px -48px;
}
a#menu_tarifs_active{
	background: transparent url(../images/interface/menu-principal.png);
	height:48px;
	float:left;
	width: 125px;
	background-position: -250px -48px;
}

a#menu_liens{
	width: 125px;
	background-position: -375px 0px;
}
a#menu_liens:hover{
	width: 125px;
	background-position: -375px -48px;
}
a#menu_liens_active{
	background: transparent url(../images/interface/menu-principal.png);
	height:48px;
	float:left;
	width: 125px;
	background-position: -375px -48px;
}

a#menu_contact{
	width: 125px;
	background-position: -500px 0px;
}
a#menu_contact:hover{
	width: 125px;
	background-position: -500px -48px;
}
a#menu_contact_active{
	background: transparent url(../images/interface/menu-principal.png);
	height:48px;
	float:left;
	width: 125px;
	background-position: -500px -48px;
}


/* --- CONTENU --- */
#contenu{
	width: 933px;
	margin-top:-40px;
	margin-bottom:20px;
	padding:0px 0px 0px 26px;
	border:#bbbdc0 1px solid;
	float:left;
	background: transparent repeat-x url(../images/interface/contenu-degrade.png);
}

#contenu-titre{
	width: 893px;
	height: 65px;
	margin-top:43px;
	margin-left:0px;
	margin-bottom:0px;
	padding:0px 0px 0px 15px;
	border:#000000 0px solid;
	float:left;
	background: transparent repeat-x url(../images/interface/sous-bandeau-arrondie.png);
}

#contenu-titre h2{
	margin:0px;
	padding:0px;
	font-size:22px;
}

#contenu-titre-blanc{
	width: 878px;
	height: 51px;
	margin-top:0px;
	margin-left:0px;
	padding:14px 0px 0px 0px;
	border:#000000 0px solid;
	background-color: #ffffff;
}


	/* --- COULEUR BARRES --- */
#barre-bleu-index{
	width: 535px;
	margin-top:0px;
	margin-left:0px;
	padding:0px 0px 0px 30px;
	border:#000000 0px solid;
	background: transparent repeat-y url(../images/interface/barre-bleu-index.png);
}
#barre-bleu-index h2{
	color: #0072bc;
	padding:5px 0px 5px 0px;
}

#bleu-index h3{
	width: 535px;
	padding:0px 0px 0px 30px;
	margin:0px;
	margin-bottom:10px;
	color: #0072bc;
}


#barre-violet{
	width: 535px;
	margin-top:0px;
	margin-left:0px;
	padding:0px 0px 0px 30px;
	border:#000000 0px solid;
	background: transparent repeat-y url(../images/interface/barre-violet.png);
}
#barre-violet h2{
	color: #891ed5;
	padding:5px 0px 5px 0px;
}

#violet h3{
	width: 535px;
	padding:0px 0px 0px 30px;
	margin:0px;
	margin-bottom:10px;
	color: #891ed5;
}


#barre-bleu{
	width: 535px;
	margin-top:0px;
	margin-left:0px;
	padding:0px 0px 0px 30px;
	border:#000000 0px solid;
	background: transparent repeat-y url(../images/interface/barre-bleu.png);
}
#barre-bleu h2{
	color: #2aa9e0;
	padding:5px 0px 5px 0px;
}
#bleu h3{
	width: 535px;
	padding:0px 0px 0px 30px;
	margin:0px;
	margin-bottom:10px;
	color: #2aa9e0;
}

#barre-vert{
	width: 535px;
	margin-top:0px;
	margin-left:0px;
	padding:0px 0px 0px 30px;
	border:#000000 0px solid;
	background: transparent repeat-y url(../images/interface/barre-vert.png);
}
#barre-vert h2{
	color: #21bb3d;
	padding:5px 0px 5px 0px;
}
#vert h3{
	width: 535px;
	padding:0px 0px 0px 30px;
	margin:0px;
	margin-bottom:10px;
	color: #21bb3d;
}

#barre-jaune{
	width: 535px;
	margin-top:0px;
	margin-left:0px;
	padding:0px 0px 0px 30px;
	border:#000000 0px solid;
	background: transparent repeat-y url(../images/interface/barre-jaune.png);
}
#barre-jaune h2{
	color: #f3d71f;
	padding:5px 0px 5px 0px;
}
#jaune h3{
	width: 535px;
	padding:0px 0px 0px 30px;
	margin:0px;
	margin-bottom:10px;
	color: #f3d71f;
}

#barre-orange{
	width: 535px;
	margin-top:0px;
	margin-left:0px;
	padding:0px 0px 0px 30px;
	border:#000000 0px solid;
	background: transparent repeat-y url(../images/interface/barre-orange.png);
}
#barre-orange h2{
	color: #ed7830;
	padding:5px 0px 5px 0px;
}
#orange h3{
	width: 535px;
	padding:0px 0px 0px 30px;
	margin:0px;
	margin-bottom:10px;
	color: #ed7830;
}


	
#haut-texte{
	width: 908px;
	height: 20px;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:#000000 0px solid;
	float:left;
	background: transparent no-repeat url(../images/interface/hautexte.png);
}

/*-- CONTENU TEXTE --*/
#contenu-texte{
	width: 836px;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;
	padding:16px 36px 50px 36px;
	border:#000000 0px solid;
	float:left;
	background-color: #ffffff;
	font-size: 14px;
}
#contenu-texte h3{
	font-size:18px;
	font-weight:bold;
}

#contenu img{
	float:left;
}

#contenu-paragraphe{	
	width: 565px;
	margin-top:0px;
	margin-left:0px;
	padding:0px 0px 0px 0px;
	border:#000000 0px solid;
	float:left;
	background: transparent repeat-y url(../images/interface/barre-violet.png);
}


#colonne-gauche{
	width: 226px;
	border:#000000 0px solid;
	float:left;
}
#colonne-droite{
	width: 570px;
	border:#000000 0px solid;
	float:left;
	padding:0px 0px 0px 40px;
}



.formulaire{
	color:#666666;
}

.alerte{
    text-align:center;
	color:#CC0000;
	font-weight:bold;
}

#tableau{
	align:left;
}