body {
	background-color: #1A0D00;
	color: #000000;
	font-family:  Trebuchet MS;
	min-width: 1100px;
	margin: 0 0 0 0;
	padding: 0
}

#conteneur {
	background-color: #F5F5F4;
	background-image: url('fondmain.jpg');
	margin: 0 auto;
	width: 1100px;
}

/* ---------------------------------------------------*/
/* Contenu principal de la page sans border */

#contenupagesans{
	font-size: 12pt;
	line-height: 18px;
	padding: 40 50 50 50px;
	/*margin-left: 35px;*/
	margin-left: 175px;
	width: 650px; /*538*/
}

#contenupagesans p {
	margin: 6px 0 12px 0;
	text-align: justify;
}


/* ---------------------------------------------------*/
/* Contenu principal de la page sans border ADMIN */

#contenupagesansadmin{
	font-size: 12pt;
	line-height: 18px;
	padding: 40 50 50 50px;
	/*margin-left: 35px;*/
	margin-left: 50px;
	width: 1000px; /*538*/
}

#contenupagesansadmin p {
	margin: 6px 0 12px 0;
	text-align: justify;
}


/* ---------------------------------------------------*/
/* Contenu principal de la page avec border */

#contenupage{
	font-size: 12pt;
	line-height: 18px;
	padding: 40px 50px 50px 50px;
	/*margin-left: 35px;*/
	margin-left: 175px;
	width: 650px; /*538*/
	border: 1px solid #7F7F7F;
}

#contenupage p {
	margin: 6px 0 12px 0;
	text-align: justify;
}

#contenupage form {
	margin: 6px 0 12px 0;
	text-align: justify;
}

/* ---------------------------------------------------*/
/* Contenu principal Accueil */

#contenupage h1 { 
	font-family: Trebuchet MS; 
	font-size: 20px; 
	line-height: 25px; 
	font-weight: normal; 
	color: #F79662; 
	background-color: #332424;
	margin-top: 0px; 
	margin-left: 0px; 
	padding-bottom: 0px;
	padding-left:5px;
}

#contenupage h1 a { text-decoration: none; color: #00506C; }
#contenupage h1 a span { color: #ffd7a5; }
#contenupage h1 a:hover { text-decoration: none; }

#contenupage h2 { font-family: Trebuchet MS; font-size: 20px; line-height: 1.3; font-weight: bold; color: #5E293A; text-decoration: none}
#contenupage h3 { font-family: Verdana, Sans-Serif; font-size: 18px; line-height: 1.2; font-weight: bold; color: #900A36; margin-bottom: 10px; margin-top: 30px; text-decoration: none; font-style: italic;}
#contenupage h4 { font-family: Verdana, Sans-Serif; font-size: 17px; line-height: 1.2; font-weight: bold; color: #F07D04; margin-bottom: 20px; text-decoration: none; font-style: italic;}
#contenupage h5 { font-family: Verdana, Sans-Serif; font-size: 16px; line-height: 1.2; font-weight: bold; color: #900A36; margin-bottom: 10px; margin-top: 20px; text-decoration: none; text-align: left}
#contenupage h6 { font-family: Verdana, Sans-Serif; font-size: 16px; line-height: 1.2; font-weight: bold; color: #004C67; margin-bottom: 20px; text-decoration: none; text-align: left}

#contenupage li {
    font-size: 12pt;
    text-align: left;
	list-style-type: none;
	background: url('puce2.png') no-repeat 0 0;
	padding-left:30px; margin-top:13px; margin-left:15px; background-repeat:no-repeat
}

#contenupage a:link {
	color: #405498;
	text-decoration:underline;
}

#contenupage a:visited {
	color: #405498;
	text-decoration:underline;
}
#contenupage a:hover, #maincontent a:active, #maincontent a:focus {
	color: #CC0000;
	text-decoration:none;
}

#ActionItineraire {
	width: 650px;
	background: url('images/fh-0.png') repeat-y;
	
}

#ActionConcrete {
	width: 580px;
	margin-left: 0px;
	border: 1px solid #D0CEC4;
	padding: 10px 10px 10px 10px;
	text-align: center;
	background: #FFFFFF;
}

#did {
	float: left;
	background-image: url('expert-didier1.jpg'); 
	background-repeat: no-repeat; 
	line-height: 130px; 
	width: 110px;
}

#jess {
	float: left;
	background-image: url('expert-jessica1.jpg'); 
	background-repeat: no-repeat; 
	line-height: 130px; 
	width: 110px;
}

#jphi {
	float: left;
	background-image: url('expert-jeanphi1.jpg'); 
	background-repeat: no-repeat; 
	line-height: 130px; 
	width: 110px;
}


#clai {
	float: left;
	background-image: url('expert-claire1.jpg'); 
	background-repeat: no-repeat; 
	line-height: 130px; 
	width: 110px;
}

#greg {
	float: left;
	background-image: url('expert-greg1.jpg'); 
	background-repeat: no-repeat; 
	line-height: 130px; 
	width: 110px;
}




#ButEnCours {
	width: 630px;
	margin-left: 0px;
	border: 1px solid #D0CEC4;
	padding: 10px 10px 10px 10px;
	text-align: center;
	background: #FFFFFF;
}

#FormulaireChoix {
	width: 480px;
	margin-left: 80px;
	border: 1px solid #D0CEC4;
	padding: 10px 10px 10px 10px;
	text-align: center;
	background: #FFFFFF;
}

#TexteRetourMedit {
	width: 500px;
	margin: 0 auto;
	border: 1px solid #D0CEC4;
	padding: 10px 10px 10px 10px;
	text-align: center;
	background: #FFFFFF;
}

#AffSuggestions {
	width: 500px;
	margin: 0 auto;
	padding: 50px 10px 10px 10px;
	text-align: center;
	font-family: Trebuchet MS; 
	font-size: 28px; 
	line-height: 35px; 
	font-weight: bold;
	color: #FFFFFF;
}


#boutoncommence {
	text-align: center;
}

#PresentationLivre{
	width: 500px;
	margin-left: 50px;
	padding: 20px 20px 20px 20px;
	/*background: url(blocbilan100.png);
	background-repeat: no-repeat;*/
	background-color: #FFFFFF;
	border: 1px solid #D0CEC4;
	text-align: left;
}

#PresentationPetitLivre{
	width: 540px;
	margin-left: 25px;
	padding: 20px 20px 20px 20px;
	/*background: url(blocbilan100.png);
	background-repeat: no-repeat;*/
	background-color: #FFFFFF;
	border: 1px solid #D0CEC4;
	text-align: left;
}

#Telechargement {
	width: 440px;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 50px;
	border: 1px solid #ECECEE;
	background: #FFFFFF url('telech-audio-70.png') no-repeat;
	text-align:left; padding-left:80px; padding-right:30px; padding-top:10px; padding-bottom:10px; background-color:#FFFFFF; background-repeat:no-repeat
}

#annonceaide {
	margin-top: 15pt;
	margin-bottom: 15pt;
}

#BlocAttention {
	width: 440px;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 60px;
	border: 1px solid #ECECEE;
	background: #F2F2F3 url('triangleattention50.png') no-repeat;
	text-align:left; padding-left:60px; padding-right:30px; padding-top:10px; padding-bottom:10px; background-color:#F2F2F3; background-repeat:no-repeat
}

#Citation {
	width: 450px;
	margin-left: 70px;
	background: #FFFFFF url('Q6.png') no-repeat;
	text-align:left; 
	padding-left:60px; 
	padding-right:30px; 
	padding-top:10px; 
	padding-bottom:10px; 
	background-color:#FFFFFF; 
	background-repeat:no-repeat
}

#FormProfil {
	width: 500px;
	margin-left: 20px;
	background: #FFFFFF url('Q6.png') no-repeat;
	text-align:left; padding-left:60px; padding-right:30px; padding-top:10px; padding-bottom:10px; background-color:#FFFFFF; background-repeat:no-repeat
}

#Bilan {
	width: 540px;
	margin-left: 25px;
	background: #EAEAED url('blocbilan100.png') no-repeat;
	border:1px solid #D0CEC4; 
	text-align:left; 
	padding-left:30px; 
	padding-right:30px; 
	padding-top:10px; 
	padding-bottom:10px; 
	background-color:#EAEAED; 
	background-repeat:no-repeat
}

.ReduitBil {
	width: 455px;
	margin-left: 80px;
}

#AffichBilans {
	width: 500px;
	margin-left: 0px;
	margin-top: 10px;
	background: #FFFFFF url('blocbilan100.png') no-repeat;
	border:1px solid #D0CEC4; 
	text-align:left; 
	padding-left:120px; 
	padding-right:30px; 
	padding-top:10px; 
	padding-bottom:10px; 
	background-color:#FFFFFF; 
	background-repeat:no-repeat
}

#AffichResTests {
	width: 400px;
	margin-left: 50px;
	margin-top: 10px;
	background: #FFFFFF url('blocbilan100.png') no-repeat;
	border:1px solid #D0CEC4; 
	text-align:left; 
	padding-left:120px; 
	padding-right:30px; 
	padding-top:10px; 
	padding-bottom:10px; 
	background-color:#FFFFFF; 
	background-repeat:no-repeat
}


#test-qualites {
	margin-left: 80px;
}

#test-competences {
	margin-left: 80px;
}

#reponse-oracle {
	font-family: Trebuchet MS; 
	font-size: 18px; 
	line-height: 24px; 
	font-weight: bold; 
	text-align: center;
	margin-left:125px;
	margin-top:25px;
	padding-top: 5px; 
	padding-left: 5px;
	width: 400px;
	border: 1px solid #D0CEC4;
	background: #FFFFFF;
}

.box-recherche {
	font-family: Trebuchet MS; 
	font-size: 14px; 
	line-height: 20px; 
	font-weight: normal; 
	text-align: center;
	margin-left:55px;
	margin-top:25px;
	padding-top: 5px; 
	padding-left: 5px;
	width: 550px;
	border: 1px solid #D0CEC4;
	background: #FFFFFF;
}

.box-choix-photo {
	font-family: Trebuchet MS; 
	font-size: 16px; 
	line-height: 22px; 
	font-weight: normal; 
	text-align: center;
	margin-left:55px;
	margin-top:25px;
	padding-top: 5px; 
	padding-left: 5px;
	width: 550px;
	border: 1px solid #D0CEC4;
	background: #FFFFFF;
}

#reponse-oracle p {
	margin: 6px 0 12px 0;
	text-align: center;
}

#tabaccueil {
	margin-left: 120px;
	border: 1px solid #D0CEC4;
	width: 414px;
}

#textegenere {
	width: 550px;
	border: 1px solid #D0CEC4;
	background: #FAFAFA;
	margin-left: 30px;
	margin-top: 10px;
	text-align: justify;
	font-style: italic;
	padding: 20px 20px 20px 20px;
}

/* ---------------------------------------------------*/
/* Header du haut */

#header {
	background-image: url('header6.jpg') ;
	margin: 0 auto;
	height: 330px;
}

#ZoneClick {
	height: 265px;
	margin: 0 auto;
}

#monmenu {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 15px; 
	line-height: 22px;
	FONT-FAMILY: Trebuchet MS;
	position: absolute;
	margin-top: 0px;
	margin-left: 10px; 
}

#monmenu UL UL {
	PADDING-RIGHT: 0px; 
	DISPLAY: none;
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px; 
}

#monmenu LI {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	WIDTH: 230px; 
	PADDING-TOP: 0px; 
	LIST-STYLE-TYPE: none; 
	POSITION: relative; 
	COLOR: #FDE7B7;
	display: block;
}

#monmenu LI:hover {
	COLOR: #F79662;
	BACKGROUND-COLOR: #332424;
}

#monmenu LI.sfhover {
	COLOR: #F79662;
	BACKGROUND-COLOR: #332424;
}

#monmenu LI A {
	COLOR: #FDE7B7;
	text-decoration: none;
}

#monmenu LI:hover UL.niveau1 {
	DISPLAY: block;
	
}#monmenu LI:hover UL.niveau2 {
	display: block;
	background-color: #584A4B;
	margin-top: 3px;
	/* C'est le bloc menu qui s'affiche au passage de la souris sur le menu principal */
}

#monmenu LI LI:hover UL.niveau3 {
	DISPLAY: block
}
#monmenu LI.sfhover UL.niveau2 {
	DISPLAY: block
}
#monmenu LI LI.sfhover UL.niveau3 {
	DISPLAY: block
}
#monmenu LI.plus {
	BACKGROUND-POSITION: right 50%; 
	BACKGROUND-IMAGE: url('illustrations/fdroite.gif'); 
	BORDER-BOTTOM: 1px solid #b0b0b0; 
	BACKGROUND-REPEAT: no-repeat
}

#menuentete1 a:hover, #menuentete1 a:active, #menuentete1 a:focus {
	color: #F79662;
}

/* ----------- MENU NUMERO 2 ----------------- */

#monmenu2 {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 15px; 
	line-height: 22px;
	FONT-FAMILY: Trebuchet MS;
	position: absolute;
	margin-top: 0px;
	margin-left: 165px; 
}

#monmenu2 UL UL {
	PADDING-RIGHT: 0px; 
	DISPLAY: none;
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px; 
}

#monmenu2 LI {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	WIDTH: 390px; 
	PADDING-TOP: 0px; 
	LIST-STYLE-TYPE: none; 
	POSITION: relative; 
	COLOR: #FDE7B7;
	display: block;
}

#monmenu2 LI:hover {
	COLOR: #F79662;
	BACKGROUND-COLOR: #332424;
}

#monmenu2 LI.sfhover {
	COLOR: #F79662;
	BACKGROUND-COLOR: #332424;
}

#monmenu2 LI A {
	COLOR: #FDE7B7;
	text-decoration: none;
}

#monmenu2 LI:hover UL.niveau21 {
	DISPLAY: block;
	
}#monmenu2 LI:hover UL.niveau22 {
	display: block;
	background-color: #584A4B;
	margin-top: 3px;
	/* C'est le bloc menu qui s'affiche au passage de la souris sur le menu principal */
}

#monmenu2 LI LI:hover UL.niveau23 {
	DISPLAY: block
}
#monmenu2 LI.sfhover UL.niveau22 {
	DISPLAY: block
}
#monmenu2 LI LI.sfhover UL.niveau23 {
	DISPLAY: block
}
#monmenu2 LI.plus2 {
	BACKGROUND-POSITION: right 50%; 
	BACKGROUND-IMAGE: url('illustrations/fdroite.gif'); 
	BORDER-BOTTOM: 1px solid #b0b0b0; 
	BACKGROUND-REPEAT: no-repeat
}

#menuentete2 a:hover, #menuentete2 a:active, #menuentete2 a:focus {
	color: #F79662;
}


/* ----------- MENU NUMERO 3 ----------------- */

#monmenu3 {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 15px; 
	line-height: 22px;
	FONT-FAMILY: Trebuchet MS;
	position: absolute;
	margin-top: 0px;
	margin-left: 560px; 
}

#monmenu3 UL UL {
	PADDING-RIGHT: 0px; 
	DISPLAY: none;
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px; 
}

#monmenu3 LI {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	WIDTH: 200px; 
	PADDING-TOP: 0px; 
	LIST-STYLE-TYPE: none; 
	POSITION: relative; 
	COLOR: #FDE7B7;
	display: block;
}

#monmenu3 LI:hover {
	COLOR: #F79662;
	BACKGROUND-COLOR: #332424;
}

#monmenu3 LI.sfhover {
	COLOR: #F79662;
	BACKGROUND-COLOR: #332424;
}

#monmenu3 LI A {
	COLOR: #FDE7B7;
	text-decoration: none;
}

#monmenu3 LI:hover UL.niveau31 {
	DISPLAY: block;
	
}#monmenu3 LI:hover UL.niveau32 {
	display: block;
	background-color: #584A4B;
	margin-top: 3px;
	/* C'est le bloc menu qui s'affiche au passage de la souris sur le menu principal */
}

#monmenu3 LI LI:hover UL.niveau33 {
	DISPLAY: block
}
#monmenu3 LI.sfhover UL.niveau32 {
	DISPLAY: block
}
#monmenu3 LI LI.sfhover UL.niveau33 {
	DISPLAY: block
}
#monmenu3 LI.plus3 {
	BACKGROUND-POSITION: right 50%; 
	BACKGROUND-IMAGE: url('illustrations/fdroite.gif'); 
	BORDER-BOTTOM: 1px solid #b0b0b0; 
	BACKGROUND-REPEAT: no-repeat
}

#menuentete3 a:hover, #menuentete3 a:active, #menuentete3 a:focus {
	color: #F79662;
}


/* ----------- MENU NUMERO 4 ----------------- */


#monmenu4 {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 15px; 
	line-height: 22px;
	FONT-FAMILY: Trebuchet MS;
	position: absolute;
	margin-top: 0px;
	margin-left: 340px; 
}

#monmenu4 UL UL {
	PADDING-RIGHT: 0px; 
	DISPLAY: none;
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px; 
}

#monmenu4 LI {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	WIDTH: 210px; 
	PADDING-TOP: 0px; 
	LIST-STYLE-TYPE: none; 
	POSITION: relative; 
	COLOR: #FDE7B7;
	display: block;
}

#monmenu4 LI:hover {
	COLOR: #F79662;
	BACKGROUND-COLOR: #332424;
}

#monmenu4 LI.sfhover {
	COLOR: #F79662;
	BACKGROUND-COLOR: #332424;
}

#monmenu4 LI A {
	COLOR: #FDE7B7;
	text-decoration: none;
}

#monmenu4 LI:hover UL.niveau41 {
	DISPLAY: block;
	
}#monmenu4 LI:hover UL.niveau42 {
	display: block;
	background-color: #584A4B;
	margin-top: 3px;
	/* C'est le bloc menu qui s'affiche au passage de la souris sur le menu principal */
}

#monmenu4 LI LI:hover UL.niveau43 {
	DISPLAY: block
}
#monmenu4 LI.sfhover UL.niveau42 {
	DISPLAY: block
}
#monmenu4 LI LI.sfhover UL.niveau43 {
	DISPLAY: block
}
#monmenu4 LI.plus4 {
	BACKGROUND-POSITION: right 50%; 
	BACKGROUND-IMAGE: url('illustrations/fdroite.gif'); 
	BORDER-BOTTOM: 1px solid #b0b0b0; 
	BACKGROUND-REPEAT: no-repeat
}

#menuentete4 a:hover, #menuentete4 a:active, #menuentete4 a:focus {
	color: #F79662;
}

/* ----------- MENU NUMERO 5 ----------------- */

#monmenu5 {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 15px; 
	line-height: 22px;
	FONT-FAMILY: Trebuchet MS;
	position: absolute;
	margin-top: 0px;
	margin-left: 740px; 
}

#monmenu5 UL UL {
	PADDING-RIGHT: 0px; 
	DISPLAY: none;
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px; 
}

#monmenu5 LI {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	WIDTH: 200px; 
	PADDING-TOP: 0px; 
	LIST-STYLE-TYPE: none; 
	POSITION: relative; 
	COLOR: #FDE7B7;
	display: block;
}

#monmenu5 LI:hover {
	COLOR: #F79662;
	BACKGROUND-COLOR: #332424;
}

#monmenu5 LI.sfhover {
	COLOR: #F79662;
	BACKGROUND-COLOR: #332424;
}

#monmenu5 LI A {
	COLOR: #FDE7B7;
	text-decoration: none;
}

#monmenu5 LI:hover UL.niveau51 {
	DISPLAY: block;
	
}#monmenu5 LI:hover UL.niveau52 {
	display: block;
	background-color: #584A4B;
	margin-top: 3px;
	/* C'est le bloc menu qui s'affiche au passage de la souris sur le menu principal */
}

#monmenu5 LI LI:hover UL.niveau53 {
	DISPLAY: block
}
#monmenu5 LI.sfhover UL.niveau52 {
	DISPLAY: block
}
#monmenu5 LI LI.sfhover UL.niveau53 {
	DISPLAY: block
}
#monmenu5 LI.plus5 {
	BACKGROUND-POSITION: right 50%; 
	BACKGROUND-IMAGE: url('illustrations/fdroite.gif'); 
	BORDER-BOTTOM: 1px solid #b0b0b0; 
	BACKGROUND-REPEAT: no-repeat
}

#menuentete5 a:hover, #menuentete5 a:active, #menuentete5 a:focus {
	color: #F79662;
}


/* ---------------------------------------------------*/
/* Le bas de la page */


#footer {
	background-image: url('footer.jpg');
	background-repeat: no-repeat;
	margin: 0 auto;
	padding: 0 0 0 0;
	width: 1100px; /*748*/
	height: 52px;
}

#footer p {
	align: center;

}

#CalendrierAction {
	margin-left: 220px;
	width:400px;
}

#testbuts {
	background-color: #F5F5F4;
	width: 650px;
}

#testbuts  p{
	font-family: "Trebuchet MS";
	font-size: 12pt;
	line-height: 18px;
	text-align: left;
}

#testbuts h1 { 
	font-family: Trebuchet MS; 
	font-size: 20px; 
	line-height: 25px; 
	font-weight: normal; 
	color: #F79662; 
	background-color: #332424;
	margin-top: 0px; 
	margin-left: 0px; 
	padding-bottom: 0px;
	padding-left:5px;
}

#testbuts h2 { 
	font-family: Trebuchet MS; 
	font-size: 20px; 
	line-height: 1.3; 
	font-weight: bold; 
	color: #5E293A; 
	text-decoration: none
}

#testbuts li {
    font-size: 12pt;
    text-align: left;
	list-style-type: none;
	background: url('puce2.png') no-repeat 0 0;
	padding-left:30px; margin-top:13px; margin-left:15px; font-family:Trebuchet MS; line-height:18px; background-repeat:no-repeat
}

#pucetache  {
	margin-left: 25px;
}

#pucetache  p{
    font-size: 10pt;
    text-align: left;
	padding-left: 20px;
	margin-top: 0px;
	margin-left: 20px;
	font-family: "Trebuchet MS";
	line-height: 12px;
}