body {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background-color:#ECECEC;
	background-image:url(../images/fondSite.png);
	background-repeat:repeat;
	color:#754C24;
	font-family:Verdana,Geneva,sans-serif;
	font-size:14px;
	font-weight:lighter;
}
ul{list-style: none;margin:0;padding:0; }

.chargement{margin:0 auto; position:relative;}

.clear{clear:both;}

#conteneur{
	background-color:#FBFAF6; margin:30px auto;width:960px;
position:relative;border:1px #333 solid;}

#contenuTexte{ background-color:#ececec; padding:10px 10px 10px 10px;
width:690px; border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
	
#contenuTexte>h1{ 
	background-color:#f5D484;
	border:1px #dac1a7 solid;
	background-repeat:repeat-x; height:30px;
	color:#77502D; padding:0 10px; line-height:30px; text-transform:uppercase; 
	width: 670px; margin:0 2px 10px 0;
	}

a{color:#5B5B5B; text-decoration:none;}

a:hover{color:#000; text-decoration:underline;}


/*----------- barre de recherche ---------*/
div#recherche form {position:absolute; top:14px; left:715px; }
 	div#recherche form #title {
		background:url(../images/recherche.png) no-repeat scroll 0 0 transparent;
		border:0 none; color:#777; font-size:1em;
		padding: 10px 60px 10px 20px; }

/*----------- bandeau ---------*/
div#bandeau {height:100px; background-color:#fff; margin-top:20px;margin:0 auto;
width:960px;}
	
	div#logo a *{display:none;}
	div#logo a{width:421px; height:106px; display:block;position: relative;top:15px;
	left:20px; background:url(../images/logo.jpg) no-repeat scroll 0 0 transparent;}
		
	h2#dicton{width:23
	0px; height:27px;position: relative;top:15px; left:20px;
	background:url(../images/dicton.png) no-repeat scroll 0 0 transparent;}
	h2#dicton *{display:none;}

	#stageCarte a>span {display:none;}
	#stageCarte> a{ margin:10px 0 0 0; background-color:#000; float:right;
		width:193px;height:45px;
		background: url(../images/stageCarte.png) no-repeat 0 0 transparent; }
	/*
	#stageCarte> a:hover {background-position: 0px -45px; }
	*/
	#stageMultimedia a>span {display:none;}
	#stageMultimedia> a{ margin:10px 0 0 0; background-color:#000; float:right;
		width:193px;height:45px;
		background: url(../images/stageMultimedia.png) no-repeat 0 0 transparent; }
		/*
		#stageMultimedia> a:hover {background-position: 0px -44px; }
		*/
	#actualite{ margin:0px; 
		background-color:#000; float:right;
				width:193px;height:42px;
	background: url(../images/enteteActualite.png) no-repeat 0 0 transparent; }
	
		#actualite div>h2{text-transform:uppercase;
		width:193px;height:27px;  
		letter-spacing:1px;font-family:arial,helvetica,sans-serif; margin:0; font-style:normal; 
		text-align:center; color:#000; padding:15px 0 0 0;}

		#actualite div >p{ padding:10px;width:173px; color:#754C24;
		background: url(../images/fondActualite.png) repeat 0 0 transparent;
}
		
/*----------- menu principal ---------*/

ul#navigationHaut {background-color:orange; width:776px; position:absolute;
            -moz-box-shadow:0px 2px 5px #666;
            -webkit-box-shadow:2px 2px 5px #666;
            box-shadow:2px 2px 5px #666;}

#navigationHaut li {float: left;}
/* ont masque le span dans le lien */
#navigationHaut a>span {display: none;}
/* #navigationHaut a * {display: none;} */

#navigationHaut a, #navigationHaut a .hover {
	height: 41px;
	width: 155px;
	position: relative;
	display: block;
	background: url(../images/menu.png) 0 0 no-repeat;
}
/* individual navigationHaut individuelle */
#navigationHaut a.solutions {background-position: 0 0; }
#navigationHaut a.solutions .hover {background-position: 0px -41px; }

#navigationHaut a.formations {background-position: -155px 0px;}
#navigationHaut a.formations .hover {background-position:-155px -41px; }

#navigationHaut a.services {background-position: -310px 0;}
#navigationHaut a.services .hover {background-position:-310px -41px; }

#navigationHaut a.financements {background-position: -465px 0;}
#navigationHaut a.financements .hover {background-position: -465px -41px;}

#navigationHaut a.centre {background-position: -620px 0;}
#navigationHaut a.centre .hover {background-position: -620px -41px;}

div#contenu{ background-color:#FBFAF6; display:block; 
 margin:80px 10px 0px 10px; padding:10px 10px 0px 10px;  }

/*---------- formulaire de connexion ----------*/
/* bouton  */
div#connexion a >span{ display:none;}
div#connexion a{
	height: 41px;
	width: 184px; 
	position:absolute;
	left:776px;
	top:106px;
	display: block;
	background: url(../images/boutonConnexion.png) 0 0 no-repeat;
            -moz-box-shadow:0px 2px 5px #666;
            -webkit-box-shadow:2px 2px 5px #666;
            box-shadow:2px 2px 5px #666;
}

/* form  */
#login  {
	background:url("../images/connexion.png") no-repeat scroll 0 0 transparent;
	height:100px;
	left:600px;
	top:147px;
	overflow:hidden;
	padding-right:28px;
	margin:0;
	position:absolute;
	width:327px;
	z-index:1;
}
#login fieldset {
display:inline;
}
form#formulaireConnexion input.text {
background:none repeat scroll 0 0 #FFFFFF;
border:2px solid #DFDFDF;
color:#777777;
margin:24px 8px 0 12px;
width:120px;
}
a#perduMotPasse {
display:block;
font-size:85%;
color:#B1A9A2;
font-weight:bold;
text-decoration:none;
width:320px;
position:absolute;
top:50px;
left:10px;
}
/* bloc bouton */
#blocBoutonFormConnexion{height:27px;width:70px; position:absolute; top:22px; left:275px;}
#submit-login  {
	background:url("../images/envoyer.png") repeat scroll 0 0 transparent;
	border:0 none;
	cursor:pointer;
	float:right;
	height:22px;
	width:24px;
}
a#close-login>span{ display:none;}
a#close-login {
	background:url("../images/annuler.png") repeat scroll 0 0 transparent;
	float:right;
	margin-left:7px;
	color:#B1A9A2;
	font-weight:bold;
	text-decoration:none;
	height:22px;
	width:24px;
	cursor:pointer;
}
/* formations */

.blocGris{background-color:#FBFAF6; padding:10px; margin:0;width:308px;
border:1px #333 solid; color:#754C24;}
.blocGrisDroite{background-color:#FBFAF6;padding:10px; margin:0 0 0 0px; float:right;
	width:310px;border:1px #333 solid;color:#754C24;}
.blocGrisGrand{ padding:10px; border:1px #333 solid; margin-top:0px;
float:left; width:668px; }

#formationWeb{ padding:10px; border:1px #333 solid; margin-top:10px;
position:relative; width:668px;background-color:#F1EDE0;}

#formationWeb ul li a{ display:block;}

#formationLogiciel{ padding:10px; border:1px #333 solid; 
position:relative; width:668px;background-color:#F1EDE0;color:#754C24;}

/* xhtml css initiation */



/* pied de page */

#piedPage{ height:30px; background-color:#444; color:#FFFFFF;}


.flotant{float:left;}

#centreFormation{background-color:#F1EDE0;border:1px solid #333333;
margin-top:10px;padding:10px;position:relative;width:668px;}

.hide{display:none; overflow:hidden;}


#filArianne{
	position:absolute; top:165px;left:0px; color:red;
	background-color:#ECECEC;
	background-image:url("../images/ariane.gif");
	background-position:0 top;
	background-repeat:repeat-x;
	clear:both;
	color:#645B49;
	float:none;
	font-size:xx-small;
	height:24px;
	margin:0 20px;
	padding:5px 0 3px;
	width:710px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
	float: left;
}
#filArianne p{	margin:0 20px;
float: left; width: 200px; }
.favori{background-image:url("../images/favori.gif");
height:12px; width:12px; display:block; margin: 5px 10px 0 10px; float: left;}
#scrollToBottom {background-image:url(../images/arrow_bottom.gif);
background-repeat:no-repeat;width:10px; height:10px; display:block;
float: right; margin: 5px 10px 0 0;}


#scrollToTop{background-image:url(../images/arrow_top.gif);
background-repeat:no=repeat;width:10px; height:10px; display:block;
margin:0; position:relative; top:-14px; left:710px;}


.formatLarge{background-color:#F1EDE0;border:1px solid #333333;
margin-top:10px;padding:10px;position:relative;width:668px;}


/* menu top */
#site_tools {
background-color:#ECECEC;
background-image:url("../images/ariane.gif");
background-position:0 top;
background-repeat:repeat-x;
color:#333333;
font-size:9px;
height:24px;
margin:0;
overflow:hidden;
padding:5px 5px 0;
}
#avoidance {
float:left;
margin:0;
padding:0;
}
#visual_options  {
float:right;
margin:0;
padding:0;
}