body , html {
	margin: 0;
	padding 0;
	scrollbar-base-color: green;
	color: #000000 ;
	background: white url('images/fond.jpg') top center no-repeat ;
	bbackground: #d6eabb url('images/fond.gif') top center no-repeat ;
	bbackground: white url('images/fond.jpg') top center no-repeat ;
	font-size: 13px;
	font: 12pt Helvetica Arial, sans-serif;
	scrollbar-base-color: #D9FCA3; 
	scrollbar-arrow-color: blue;
	scrollbar-DarkShadow-Color: blue;
}

br {
}

hr {
	background-color: yellow;
	color:white;
}

table {
	bbackground-color: BLUE;
	margin:0;
	margin-left: 1px;
	padding: 0;
	padding-right: 1px;
	float:left;
	text-align:center;
	width: 758px;
	}

tr	{
	padding: 0px;
	margin: 0px;
}

td	{
	padding: 0px;
	margin-left: auto;
	margin-right:auto;
	vertical-align: top;
	}


td.mainmenutitle {
	hheight:35px;
	vertical-align: middle;
	color: #004400;
		/* couleur fond du titre de page */
	background-color: #f0f4ff;
	font: small-caps 500 1.4em Helvetica Arial, sans-serif;
	text-align: center;
	border-top: 1px solid #79cC73;
	border-bottom: 1px solid #79cC73;
	bborder-left: 2px solid #79cc73;
	bborder-right: 2px solid #79cc73;
}



td.mainmenu {
	width: 125px;
	border-top: 1px solid green;
	border-right: 1px solid green;	
	border-left: 1px solid green;
	border-bottom: 1px solid green;
	}

td.mainmenu a img {
	background-color: white ;
	border: 1px solid white ; 
	}

td.mainmenu a:hover img {
	border:1px dotted green;
	background-color: #f4f4ff;
	}

td.mainmenu a {
	text-decoration: none;	
	color: black;
	}

td.mainmenu a:hover {
	color: red;
	text-decoration: none;	
	}

td.mainmenu h1 a {
	text-decoration: none;	
	color: black;
	}
td.mainmenu h1 {
	font: normal 500 0.9em Helvetica Arial, sans-serif;
	lletter-spacing: 0.1em;
	height: 4.5em;
	ccolor: black;
	margin:0;
	background: #dcdcdc;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	text-align: center;
	}

td.mainmenu h1:first-letter a:link {
	color: green;
	font: small-caps 600 1.6em Helvetica Arial, sans-serif;
	float: none;
}

td.mainmenu h1:first-letter {
	color: green;
	font: small-caps 600 1.6em Helvetica Arial, sans-serif;
	float: none;
}


td.mainmenu p {
	text-decoration: none;	
	color: black;
	text-align: left;
	width: 100%;
	padding-top: 0.7em;
	margin:0;
	font: normal 500 0.6em Verdana , Helvetica Arial, sans-serif;
	}

td.mainmenu p .gras {
	font: 600 1em Helvetica Arial, sans-serif;
	}
td.mainmenu p .ital {
	font: italic 500 1em Helvetica Arial, sans-serif;
}
td.mainmenu p .gras .ital {
	font: italic 600 1em Helvetica Arial, sans-serif;
}

td.mainmenu p a{
	padding-left: 14px;
	background: #fff url('images/puce.gif') no-repeat top left ;
	color: green;
	}

td.mainmenu p a:hover{
	padding-left: 14px;
	background: #efefef url('images/puce.gif') no-repeat top left ;
	}



.conteneurhaut {
	width: 100%;
	height:81px;
	}


.mep {
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	height: 600px;
}

.conteneurmenu {
		float:right;
		width: 894px;
}

.conteneurmenuloggin {
		float:right;
		width: 500px;
}



#menudroit { 
		float:right;
		position: relative;
		top: 2px;
		right:0;
        	width: 133px;
}


#menudroit ul, li {	/* utilisation de liste pour le menu */
	list-style-type: none;	/* suppression des puces de liste */
	margin:0;
	padding:0;
	}

#menudroit ul {
	float:right;
	background: url(images/menudroit.jpg) top left no-repeat;	/* arrière-plan général du menu */
	width: 133px;
	height:570px;
	text-align: center;
}

#menudroit ul h1,h2 {
	display:block;
	color: #fff;
	margin: 0;
	font:  700 1em Helvetica Arial, sans-serif;
}

#menudroit ul h2, span {
	ffont: bold 25px verdana, sans-serif;
	font:  26px Helvetica Arial, sans-serif;
	text-align: left;
}

#menudroit ul h2 {
	position: relative; /* on positionne le conteneur H1 pour placer ensuite le SPAN */
	color: black;
}

#menudroit ul h2 span {
	position: absolute; /* on superpose le SPAN sur le titre */
	top: -2px; /* on décale le SPAN */
	left: 1px;
	color: white;
}

#menudroit li {display: inline;}	/* correction pour IE5 et IE5.5 */

#menudroit li a {	/* dimensions et définitions des boutons */
        padding-left: 14px;
        background: url('images/puce1.gif') no-repeat top left ;
	text-decoration: none;
	padding-top: 5px;
	display: block;	/* mise en block de <a> pour lui donner des dimensions */
	height: 52px;
	width: 90%;
	ccolor: #31237c;
	color: #003400;
	font: bold 0.9em Helvetica Arial, sans-serif;
	text-align: center;
	line-height: 18px;	/* hauteur de ligne pour éviter les paddings */
	border-top: 1px solid #cccccc;
}
	
#menudroit li a:hover {
	color: black;
	background: url(images/menudroit.jpg) top left no-repeat;
}

#menudroit li a .gras {
	font: 600 1.3em Helvetica Arial, sans-serif;
	}
#menudroit li a .ital {
	font: italic 500 1.2em Helvetica Arial, sans-serif;
}
#menudroit li a .gras .ital {
	font: italic 600 1.3em Helvetica Arial, sans-serif;
}


li a#menu1:hover {	/* décalage de l'arrière-plan pour chaque bouton */
	background-position: 0% -663px;
}

li a#menu2:hover {
	background-position: 0% -721px;
}

li a#menu3:hover {
	background-position: 0% -779px;
}

li a#menu4:hover {
	background-position: 0% -837px;
}

li a#menu5:hover {
	background-position: 0% -895px;
}

li a#menu6:hover {
	background-position: 0% -953px;
}

li a#menu7:hover {
	background-position: 0% -1011px;
}

li a#menu8:hover {
	background-position: 0% -1069px;
}

#navbar { 
	bbackground-color: BLUE;
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	font: small-caps 500 1.1em Helvetica Arial, sans-serif;
	text-align: right;
	white-space: nowrap;
}

#navbar b {  display: none;     }

#navbar a {
	text-decoration: none;
	margin: 0 0.25em;
	color: #094679;
	}

#navbar a:hover {color: #00bb00;}

#navbar a .gras {
	font: small-caps 700 1em Helvetica Arial, sans-serif;
	}
#navbar a .ital {
	font: small-caps italic 500 1em Helvetica Arial, sans-serif;
}
#navbar a .gras .ital {
	font: small-caps italic 700 1em Helvetica Arial, sans-serif;
}

#encadre {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 450px;
	background: #D9FCA3;
	border: 1px solid green;
}

#encadre img {
	float:left;
	padding: 0.5em;
	margin: 0.5em;
	}

#encadre p {
	padding: 0.5em;
	margin: 0.5em;
	text-align: justify;
	font: 500 0.9em Helvetica Arial, sans-serif;
}

#encadre p:first-letter {
	font: 700 1.8em Helvetica Arial, sans-serif;
	color: green;
}	

#encadre a {
        text-decoration: none;
	background-color: #f4f4ff;
        color: green;
        }

#encadre a:hover {
        color: red;
        }


#encadre p .gras {
	font: 600 1em Helvetica Arial, sans-serif;
	}
#encadre p .ital {
	font: italic 500 1em Helvetica Arial, sans-serif;
}
#encadre p .gras .ital {
	font: italic 600 1em Helvetica Arial, sans-serif;
}


#Modele1 {
	padding-top: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 700px;
	bborder-bottom:18px solid #a9EC73;
}

#Modele1 img {
	float:left;
	padding: 0.5em;
	margin: 0.5em;
	}

#Modele1 h1 {
	background: #D9FCA3;
	color: #335533; 
	color: #ff8537; 
	padding: 2px;
	margin: 0;
	text-align: center;
	font: small-caps 500 1.4em sans-serif, Times new roman, Helvetica Arial, sans-serif;
	border: 2px dotted #77cc77;
	letter-spacing: 0.1em;
}

#Modele1 h1:first-letter {
	padding: 0;
	margin: 0px;
	color: Red;
	font: small-caps 600 1.8em Georgia, Times New Roman, Times, serif;
}

#Modele1 h2{
        float: right;
        width: 640px;
        height: 30px;
        padding:0;
        margin:5px 0 0 0;
        background-color: #f7F14D;
        color: darkgreen;
        font: 500 1.4em Helvetica Arial, sans-serif;
        letter-spacing: 0.1em;
        text-align: right;
        vertical-align: bottom;
}

#Modele1 p {
	color: #335533;
	padding: 0.5em;
	margin: 0.5em;
	text-align: justify;
	font: 500 0.8em Helvetica Arial, sans-serif;
	letter-spacing: 0.05em;
}




#Modele1 p:first-letter {
	float: left; /* positionnement de la lettrine dans le conteneur*/
	font: bold 3em  Georgia, Times New Roman, Times, serif;
	color: #009a00;

     /* fait planter explorer */
	margin: -5px 2px 4px 0;
	padding: 1px;
     /* voila */

	line-height: 0.5em;
}	



#Modele1 a {
	text-decoration: none;
	background-color: #eeeeee;
        color: red;
        }

#Modele1 p .gras {
	font: 600 1em Helvetica Arial, sans-serif;
	ffont-weight: bold;
	}

#Modele1 p .ital {
	font: italic 500 1em Helvetica Arial, sans-serif;
        ffont-style: italic;
}
#Modele1 p .gras .ital {
	font: italic 600 1em Helvetica Arial, sans-serif;
        ffont-style: italic;
}

	/* Questionnaire */

.conteneurrub {
	ffloat:right;
	wwidth: 100%;
	height:45px;
	background: white url("images/feuille-gauche.gif") 0 0 no-repeat;
	margin:0;
	padding:0;
	
}
.titrub {
	float:right;
	width: 40px;
	height:41px;
	padding: 0;
	margin: 0;
	border:0;
	background: white url("images/feuille-droite.gif") 0 0 no-repeat;
}

#Quest {
	ddisplay:block;
	padding-top: 1em;
	margin: 0;
	width: 720px;
	bborder-bottom:18px solid #a9EC73;
}


#Quest h1 {
	padding: 0.25em 0 0.25em 3em;
	margin: 0 2em 0 2em;
	vertical-align: middle;
	bbackground: #f6f6ff url("images/feuille.gif") 0 0.5em no-repeat;
	background: #f6f6ff ;
	color: black;
	text-align: center;
	font: small-caps 600 1em Helvetica Arial, sans-serif;
	border-top: 1px solid green;
	border-left: 1px solid green;
	border-right: 2px solid green;
	border-bottom: 2px solid green;
    
	letter-spacing: 0.05em;
}

#Quest h1:first-letter {
	padding: 0;
	margin: 0;
	color: red;
	font: small-caps 600 1.8em Georgia, Times New Roman, Times, serif;
}

#Quest h2{
	float: right;
	width: 640px;
	height: 30px;
	padding:0;
	margin:5px 0 0 0;
	background-color: #f7F14D;
	color: darkgreen;
	font: 500 1.4em Helvetica Arial, sans-serif;
	letter-spacing: 0.1em;
	text-align: right;
	vertical-align: bottom;
}

#Quest p {
	color: #335533;
	padding: 0 0 0 0;
	margin: 0.5em 0 0.5em 0;
	text-align: justify;
	font: 500 0.8em Helvetica Arial, sans-serif;
	letter-spacing: 0.05em;
}

#Quest .sousrub {
	width:98%;
	padding: 2px;
	margin-left: auto;
	margin-right: auto;
	border:1px solid yellow;
	letter-spacing: 0.1em;
	text-align:center;
	color:darkgreen;
	background-color: lightyellow;
	font:  600 1.3em Helvetica Arial, sans-serif;
}

#Quest .sousrub:first-letter {
	font: bold 1.4em  Georgia, Times New Roman, Times, serif;
	color: red;
	margin:0;
	padding: 0;
}

#Quest p:first-letter {
	ffloat: left; /* positionnement de la lettrine dans le conteneur*/
	font: bold 2em  Georgia, Times New Roman, Times, serif;
	color: #009a00;
	margin: -5px 2px 4px 0;
	padding: 1px;
	line-height: 1em;
}

#Quest p .gras {
        font: 600 1em Helvetica Arial, sans-serif;
        ffont-weight: bold;
        }

#Quest p .ital {
        font: italic 500 1em Helvetica Arial, sans-serif;
        ffont-style: italic;
}
#Quest p .gras .ital {
        font: italic 600 1em Helvetica Arial, sans-serif;
        ffont-style: italic;
}

#cadre { 
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	background-color: #D9FCA3 ;
}

#cadreloggin { 
	width: 40%;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	background-color: #D9FCA3 ;
}

#cadrecoaching { 
	width: 70%;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	background-color: #D9FCA3 ;
}


	/* propriétés communes à l'ensemble des 4 coins */
#hautgauche, #hautdroit, #basgauche, #basdroit {
	height: 19px; width: 19px;
	background-repeat: no-repeat;
	font-size:1px; /* correction d'un bug IE */
}

	/* propriétés spécifiques à chaque coin */
#hautgauche {
	float: left;
	background: url(images/hautgauche.gif);
}

#hautdroit {
	float: right;
	background: url(images/hautdroit.gif);
}

#basgauche {
	float:left;
	background: url(images/basgauche.gif);
}

#basdroit {
	float: right;
	background: url(images/basdroit.gif);
}

#contenu p{
	padding: 0.25em 0.5em 0.25em 1.5em;
	color: #aa6622;
	text-align:left;
	font: 500 0.7em sans-serif, Helvetica Arial, sans-serif;
	margin: 0; /*gestion des espaces interparagraphes */
}

#contenu p .facul{
	padding: 0.25em 0.5em 0.25em 1.5em;
	color: #226622;
	text-align:left;
	ffont: 500 0.7em Helvetica Arial, sans-serif;
	margin: 0; /*gestion des espaces interparagraphes */
}


#contenu p a{
    display: block;
    overflow: hidden;
    width:690px;
    color: #226699;
	font: 500 0.8em Helvetica Arial, sans-serif;
}

#contenu p:first-letter {
	padding: 0;
	margin: 0;
	color: red;
	font: small-caps 600 1.2em Georgia, Times New Roman, Times, serif;
}


#contenu p .reponse {
	display:block;
	width: 95%;
	padding: 0.15em 0.5em 0.15em 0.5em;
	background-color: #c9FC93;
	color: black;
	text-align:right;
	font: 400 1em Helvetica Arial, sans-serif;
	margin: 0 0 0 0; /*gestion des espaces interparagraphes */
}

.warn {
	color: red;
	text-align:left;
	font: 400 1em Helvetica Arial, sans-serif;
}
    
input {
	margin-left:1px;
	bbackground-color:#b9eC83;
}


div#navcontainer {
        width: 95%;
overflow: auto;
height: 338px;
        border: 1px dotted #c8808a;
        background-color: #ffeeaa;
        margin-left:auto;
        margin-right:auto;
        padding-top: 2px;
        padding-left: 5px;
        padding-right: 5px;
        padding:0;
}

ul#navlist {
    width: 94%;
padding: 0;
margin: 0;
    padding-left: 5px;
    padding-right: 5px;

    text-align: left;
    background-color: #ffeeaa;
}

ul#navlist .underline {
   text-align: center;
    margin-left: 30px;
    text-align: left;
    background-color: #D9FCA3; 
    font: oblique  small-caps 1em verdana,helvetica,arial,sans-serif;
    letter-spacing: 0.5em;
    }
ul#navlist li { 
    margin-left: 30px;
    padding-left: 10px;
    margin-top:3px;
    margin-bottom:3px;
    vertical-align: top; 
border-top: 1px solid #fff;
border-right: 1px solid #fff;
    background-color: #ffeecc;
}


/*
ul#navlist li .tit1 {
        foverflow: hidden;
        fwidth: 590px;
        fheight: 20px;
        float: right;
        display: inline;
        font: 1em verdana,helvetica,arial,sans-serif;
        color: #005500; 
        background-color: #ffeecc; 
}
*/
ul#navlist li .tit1 {
        overflow: hidden;
        width: 550px;
        height: 1.1em;
        float: center; 
        text-align:justify;
        font: 1em verdana,helvetica,arial,sans-serif;
        font-style: italic;
}

ul#navlist li .tit2 {
        float: right;
        font: 0.9em verdana,helvetica,arial,sans-serif;
        font-style: italic;
}



ul#navlist li .dat {
        float: center;
        display: inline;
        font: 0.9em verdana,helvetica,arial,sans-serif;
        font-style: italic;
        color: #777777;
}
ul#navlist li .ico {
        float: right;
        font: 1em verdana,helvetica,arial,sans-serif;
        color: green; 
}

ul#navlist li .ico a {
        background: #ffeecc url('images/loop2.gif') bottom right no-repeat ;
        font: 1.em verdana,helvetica,arial,sans-serif;
        font-style: italic;
        font-weight: bold;
        wwhite-space:15px;
        color: #ff7902;
        color: red;
}
ul#navlist li a {
        font: 1em verdana,helvetica,arial,sans-serif;
        font-style: italic;
        background-color: #ffeecc; 
        color: #8faa44; 
}

ul#nnavlist li a:visited { color: red; }
ul#navlist li a:hover { color: green; }
ul#nnavlist li a:link { text-decoration: none;color: red; }

ul#navlist li#activ0 {
    text-decoration: none;
    list-style-image: url(images/dossier0.gif); 
}


ul#navlist li#activ1 { 
    list-style-image: url(images/dossier1.gif); 
    text-align:left; 
    text-decoration: none;
}

ul#navlist li#activ2 { 
    list-style-image: url(images/dossier2.gif); 
    text-align:left; 
    text-decoration: none;
}