@charset "utf-8";

body {
	background-color: #B19A7C;
	margin-top: 0px;}
a#bloc {
	text-decoration:none;
	color:#660000;
	font-weight: bold;
}
a#bloc:hover {
	color: #EEE6D2;
	border:0px;
	background-color: #660000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a#temoignage{
	color: #660000;
	border:0px;
	background-color: #EEE6D2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}
a#temoignage:hover{	text-decoration:none;
	color:#660000;
	font-weight: bold;
}

/*essai titres*/
.ombre { /* texte d'arrière plan dont le débordement crée l'ombrage */
	color:#B9A48E; /* couleur du texte, donc de l'ombre */
	font-size:18px; /* Taille de la police */
	font-weight:bold;
	margin-left: 150px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
} /* police en gras épais */

.texte { /* texte principale */
	color : #5B0000; /* couleur du texte */
	font-size:18px; /* Taille de la police */
	font-weight:bold; /* police en gras épais */
	position:relative; /* indique un décalage par rapport à la position normale */
	top:-22px; /* décalage de 60 pixels vers le haut */
	left:-1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
}
 .lettrine {
	padding-top: 2px;
	float: left;
}



/*essai titre*/

.hov table {position:absolute; border:0; border-collapse:collapse; left:0;}
.hov a {
	background:#efe6de;
	color:#660000;
	text-decoration:none;
	font-size: 12px;
}
.hov b {display:none; font-weight:normal;}
.hov:hover {position:relative; z-index:100;}
.hov a:hover,
.hov:hover a
{border:0; text-decoration:none; position:relative;}
.hov:hover b, 
.hov a:hover b
{
	display:block;
	visibility:visible;
	position:absolute;
	left:-10px;
	top:1em;
	background:#780700;
	cursor:pointer;
	border:1px solid #888;
	padding:5px 10px;
	
}
.hov b a {
	white-space:nowrap;
	color:#FFFFFF;
	text-decoration:none;
	background:transparent;
	display:block;
}
.hov b a:hover {text-decoration:none;}

.clear {clear:both;}	
.entete {
	background-image:url(001.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	width: 100%;
	height: 202px;
	background-position: center;}
	
table {
	margin-top: 0px;
	border: 0px;}

.rightcol {
	width:403px;
	text-align:justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#660000;}
	
.leftcol {
	width:291px;
	text-align:center;
}
.colgauche {
	width:750px;
}
	
.coldroite {
	width:400px;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#660000;
	text-align:left;
	margin-top: 100px;
	padding-left: 300px;
}
.menu {
	background-image:url(002.jpg);
	margin-top: 0 0 0 0;
	font-size: 13px;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 23px;
	padding: 0px 0px 0px 0px;}
	
#navigation {
	margin-left: 110px;
	margin-top: 0px;
	text-align: center;}
	
#navigation li {
	display: inline;
	width: 100%;}

#navigation li a {
	color: #fff ;
	font: 700 small-caps 16px helvetica;
	text-align: center ;
	text-decoration: none ;
	width: 100%;
	padding: 6px 5px 4px 5px;}/* haut droit basse gauche */
	

#navigation li a:hover, 
#navigation li a:focus, 
#navigation li a:active {
	background-image:url(lien_menu.jpg);
	background-repeat:repeat-x;
	background-position: bottom;
	padding: 6px 5px 4px 5px; /* haut droit basse gauche */
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	width: 100%;}
/* navigation sous menu */

#navigation_sous_menu {
	margin-left: 160px;
	margin-top: 0px;
	text-align: center;}
	
#navigation_sous_menu li {
	display: inline;
	width: 100%;}

#navigation_sous_menu li a {
	color: #685654 ;
	font: 700 small-caps 16px helvetica;
	text-align: center ;
	text-decoration: none ;
	width: 100%;
	padding: 6px 5px 4px 5px;}/* haut droit basse gauche */
	

#navigation_sous_menu li a:hover, 
#navigation_sous_menu li a:focus, 
#navigation_sous_menu li a:active {
	color:#920500;
	background-repeat:repeat-x;
	background-position: bottom;
	padding: 6px 5px 4px 5px; /* haut droit basse gauche */
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	width: 100%;}	
.sous_menu {
	background-image:url(003.jpg);
	width: 100%;
	height: 34px;
	margin-top: 0px;
	background-position: center;
	background-repeat: no-repeat;}

.corps {
	background-image:url(004.jpg);
	width: 100%;
	margin-top: 0px;
	background-position: center;
	vertical-align: top;
	background-repeat: repeat-y;}

	
	
.pied_de_page {
	width: 100%;
	height: 33px;
	background-position: center;
	vertical-align: top;
	margin-top: 0px;
	background-repeat: no-repeat;
	background-image: url(pied_de_page.jpg);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#660000;
	font-size:9px;
	text-align:center;
	}
.pied_de_page 
	a {
	color:#660000;
	text-decoration:none;
	font-size: 9px;
}

.paragraphe {
	text-align: justify;
	margin-left: auto;
	margin-right: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 650px;
	vertical-align: top;
	font-size: 13px;
	padding-left: 20px;
	margin-bottom: 15px;
	color: #660000;
}

	.paragraphecentre {
	margin-left: auto;
	margin-right: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 700px;
	font-size: 18px;
	background-image: url(06.png);
	height: 60px;
	text-indent: 75px;
}

.colgauche {
	text-align:left;
	height: 250px;
}

.coldroite{
 	width: 400px;
	text-align:left;
	height: 250px;
	width: 400px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top:100px;
}

.topglossaire {
	margin-left: auto;
	margin-right: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 700px;
	font-size: 18px;
	background-image: url(top4.png);
	height: 60px;
	text-indent: 75px;
}
.glossaire {
	text-align: justify;
	margin-left: auto;
	margin-right: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 650px;
	vertical-align: top;
	font-size: 12px;
	margin-bottom: 5px;
	height: 650px;
	color: #660000;
	}
.glossaire2 {
	text-align: justify;
	margin-left: auto;
	margin-right: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 650px;
	vertical-align: top;
	font-size: 12px;
	margin-bottom: 5px;
	height: 1200px;
	color: #660000;
	}	
/*glossaire*/
/*pages intervenantes paragraphe*/
.un
{
	position:absolute;
	left:2px;
	width:150px;
	height:230px;
	color: #660000;
	top: 12px;

}
.unbis
{
	position:absolute;
	left:4px;
	width:150px;
	height:210px;
	color: #660000;
	top: 248px;

}
.troisbis
{
	position:absolute;
	left:165px;
	height:210px;
	font-family: Verdana, Arial, Helvetica, sans-serif ; 
	color: #660000;
	top: 251px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
} 
.deux
{
	position:absolute;
	left:169px;
	height:210px 
	font-size: smaller;
	color: #660000;
	font-weight: bold;
	top: 26px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(tabs2.gif);
	background-repeat: repeat-x;
} 
.deuxbis
{
	position:absolute;
	left:170px;
	color: #660000;
	font-weight: bold;
	top: 161px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(tabs2.gif);
	background-repeat: repeat-x;
}
.trois
{
	position:absolute;
	left:165px;
	height:210px;
	font-family: Verdana, Arial, Helvetica, sans-serif ; 
	color: #660000;
	top: 89px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
} 
.troister
{
	position:absolute;
	left:166px;
	height:210px;
	font-family: Verdana, Arial, Helvetica, sans-serif ; 
	color: #660000;
	top: 33px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
} 
/*test page intervenantes paragraphes*/


.ul 
{
	list-style-position: inherit;
	list-style-image: url(listcom.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #660000;

}

#com ul
{
	list-style-position: inside;
	list-style-type: square;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #660000;
	font-weight: bold;

}
ul.square 
{
	list-style-type: disc;
	text-indent:15px;
	position: absolute;
	left: 172px;
	top: 56px;
	text-align: justify;
	color: #660000;
}
 ul.square2 
{
	list-style-type: disc;
	position: absolute;
	left: 172px;
	top: 189px;
	position: absolute;
	color: #660000;
	text-indent: 15px;
	
}


ul.coach{
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	color:#333;
	list-style-type: none;
	list-style-position: inside;
	font-family : Tahoma,Verdana,Arial;
	color:#333;
	background-image: url(listcom.png);
	background-repeat: no-repeat;
	padding-left: -5px;
} 
/*liste puce*/
	ul.pucescom {
	list-style-image: url(listcom.gif);
	list-style-position: outside;
}
	ul.pucescomp {
	list-style-image: url(listcompetence.gif);
	list-style-position: inside;
}


	ul.pucebienetre {
list-style-image: url(listbienetre.gif);
list-style-position: inside;}

ul.pucechange{list-style-image: url(listchanger.gif);
	list-style-position: inside;
	
}




/* css */

.citationanonyme {
	padding-left: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-right: 15px;
	border-left : 2px solid #EEE6D2;

}
/*exemples list*/

.centre_navig {
	width: 100%;
	height: 327px;
	
}


#verticalmenu{
	padding:0;
	list-style:none;
	position:relative;
	width:600px;
	height:60px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(005.jpg);
	background-repeat: no-repeat;
	background-position: center;}

#verticalmenu li {display:block; width:60px; height:60px; position:absolute;}
#verticalmenu li.com {
	left:73;
	background-image: url(com.png);
	background-repeat: no-repeat;
	top: 0;

	
}
#verticalmenu li.comneutre {
	left:73px;
	top:0px;
	background-image: url(COMCOM.png);
	background-repeat: no-repeat;

	
}

#verticalmenu li.competence {
	left:164px;
	top:0px;
	background-image: url(competence.png);
	background-repeat: no-repeat;
	
}

#verticalmenu li.competenceneutre {
	left:195px;
	top:0;
	background-image: url(COMP.png);
	background-repeat: no-repeat;

}
#verticalmenu li.changer {
	left:480px;
	top:0px;
	background-image: url(changer.png);
	background-repeat: no-repeat;
	
}
#verticalmenu li.changerneutre {
	left:471px;
	top:0px;
	background-image: url(CHANGE.png);
	background-repeat: no-repeat;

}
#verticalmenu li.bienetre {
	left:328px;
	top:0px;
	background-image: url(bienetre.png);
	background-repeat: no-repeat;

}
#verticalmenu li.bienetreneutre {
	left:328px;
	top:0;
	background-image: url(BIENBIEN.png);
	background-repeat: no-repeat;
	
}


#verticalmenu li a b {display:none;}
#verticalmenu li a {
	display:block;
	width:60px;
	height:60px;
	
}


#verticalmenu li a:hover b {
	position:absolute;
	display:block;
	width:200px;
	height:100px;
	font-size:12px;
	color:#63352c;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#verticalmenu li a:hover b span {
	display:block;
	font-size:12px;
	color:#333333;
	font-weight:normal;
	margin-top:2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


#verticalmenu li.competence a:hover  {
	text-decoration:none;
	background-repeat:no-repeat;
	background-image:url(COMP.png);
	background-color: #FFFFFF;
}
#verticalmenu li.com a:hover  {
	text-decoration:none;
	background-repeat:no-repeat;
	background-image:url(COMCOM.png);
	background-color: #FFFFFF;
}
#verticalmenu li.changer a:hover  {
	text-decoration:none;
	background-repeat:no-repeat;
	background-image:url(CHANGE.png);
	background-color: #FFFFFF;
}
#verticalmenu li.bienetre a:hover  {
	text-decoration:none;
	background-repeat:no-repeat;
	background-image:url(BIENBIEN.png);
	background-color: #FFFFFF;
}
#verticalmenu li.competence a:hover b  {left:-65px; top:-2px;}
#verticalmenu li.changer a:hover b  {left:-65px; top:-2px;}
#verticalmenu li.bienetre a:hover b  {left:-65px; top:-2px;}
#verticalmenu li.com a:hover b {left:-65px;	top:-2px;	
}
#circularMenu {
	padding:0;
	list-style:none;
	position:relative;
	width:250px;
	height:250px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #fff;
	background-image: url(fondjaune.gif);
	background-repeat: no-repeat;
	background-position: center;
}
#circularMenu li {display:block; width:60px; height:60px; position:absolute;}
#circularMenu li.com {
	left:100px;
	top:-10px;
	background-image: url(com.png);
	background-repeat: no-repeat;
	background-position: center center;
	
}
#circularMenu li.comneutre {
	left:100px;
	top:-9px;
	background-image: url(COMCOM.png);
	background-repeat: no-repeat;
	background-position: center center;
	
}

#circularMenu li.competence {
	left:205px;
	top:90px;
	background-image: url(competence.png);
	background-repeat: no-repeat;
	background-position: center center;
}

#circularMenu li.competenceneutre {
	left:205px;
	top:90px;
	background-image: url(COMP.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#circularMenu li.changer {
	left:-12px;
	top:89px;
	background-image: url(changer.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#circularMenu li.changerneutre {
	left:-7px;
	top:89px;
	background-image: url(CHANGE.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#circularMenu li.bienetre {
	left:100px;
	top:210px;
	background-image: url(bienetre.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#circularMenu li.bienetreneutre {
	left:100px;
	top:201px;
	background-image: url(BIENBIEN.png);
	background-repeat: no-repeat;
	background-position: center center;
}


#circularMenu li a b {display:none;}
#circularMenu li a {
	display:block;
	width:60px;
	height:60px;
	
}


#circularMenu li a:hover b {
	position:absolute;
	display:block;
	width:125px;
	height:100px;
	font-size:12px;
	color:#63352c;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#circularMenu li a:hover b span {
	display:block;
	font-size:13px;
	color:#888;
	font-weight:normal;
	margin-top:15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


#circularMenu li.competence a:hover  {
	text-decoration:none;
	background-repeat:no-repeat;
	background-image:url(COMP.png);
	background-color: #FFFFFF;
}
#circularMenu li.com a:hover  {
	text-decoration:none;
	background-repeat:no-repeat;
	background-image:url(COMCOM.png);
	background-color: #FFFFFF;
}
#circularMenu li.changer a:hover  {
	text-decoration:none;
	background-repeat:no-repeat;
	background-image:url(CHANGE.png);
	background-color: #FFFFFF;
}
#circularMenu li.bienetre a:hover  {
	text-decoration:none;
	background-repeat:no-repeat;
	background-image:url(BIENBIEN.png);
	background-color: #FFFFFF;
}
#circularMenu li.competence a:hover b  {left:-132px; top:-11px;}
#circularMenu li.changer a:hover b  {left:75px; top:-3px;}
#circularMenu li.bienetre a:hover b  {left:-25px; top:-121px;}
#circularMenu li.com a:hover b {left:-30px;	top:90px;	
}
	
/* css de la partie javascript */

#gallery {
	font:10px verdana,arial,sans-serif;
	width:750px;
	margin-left: auto; /* element qui permet de centrer en horizontal*/
    margin-right: auto;  /* element qui permet de centrer en horizontal*/
		padding: 6px 5px 4px 20px; /* haut droit basse gauche */
}
#gallery div.off {
	color: #FFFFFF;
	height:23px;
	margin-right:2px;
	padding:0 20px;
	float:left;
	border-bottom-color: #FFFFFF;
	cursor:pointer;
	position:relative;
	z-index:10;
	background-image: url(tabs0.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	font-weight: bold;
	line-height: 12pt;

 }
 
/* correspond au lien cliqué actif */
#gallery div.on {
	color:#990000;
	padding:0 20px;
	margin-right:2px;
	margin-top:1px;
	float: left;
	cursor:pointer;
	border-bottom:0;
	height:23px;
	position:relative;
	z-index:100;
	font-weight: bold;
	background-image: url(tabs2.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-bottom: 2px;
	line-height: 12pt;
}

div.hide {
	display:none;
	width:0;
	overflow:hidden;
	height: 480px;
}

div.show {
	clear:left;
	height:480px;
	width:708px;
	margin-top:0;
	margin-left: auto;  /* element qui permet de centrer en horizontal*/
	margin-right: auto;  /* element qui permet de centrer en horizontal*/
	top:-1px;
	border:1px solid #FFFFFF;
	position:relative;
	z-index:50;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
	line-height: 12pt;
}
div.show img {float:left; margin:0 10px 10px 0;}
.clear {clear:both;}
/* css de la partie javascript */
table {
	font-family: Helvetica;
	font-size:13px;
	}

td {
	padding-left: 10px;
}

.flash {
	margin-left: auto;
	margin-right: auto;
	margin-top:0px;
	font-family: Helvetica;
	width: 700px;
}
div#contenttab{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 745px;
	color: #660000;
	font-size: 12px;
	position: absolute;
	left: 155px;
	top: 448px;
	}
div#content{
	margin-left: auto;
	margin-right: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 720px;
	background-image: url(06.png);
	color: #660000;
	font-size: 12px;
	text-align: justify;
	
	}
div#colonne1 {
	float: left;
	width: 175px;
	margin-right: 10px;
	background-image: url(fondcol1.jpg);
	background-repeat: repeat-x;
	height: 200px;
}
div#colonne2 {
	float: right;
	width: 175px;
	margin-left: 10px;
	background-repeat: repeat-x;
	height: 200px;
	background-image: url(fondcol1.jpg);
}
div#centre {
	overflow: hidden;
	color: #FFFFFF;
	background-image: url(fondcolcentre.jpg);
	background-repeat: repeat-x;
	height: 200px;
}
blockquote {
margin-left:5px;
margin-right:2px;
text-align:left}

.intervenanteson {
	background-image:url(backon.jpg);
	background-repeat:repeat-x;
	color:#990000;

	text-align:center;
	font-weight:800;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
}



.intervenantesoff {
	background-image: url(backoff.jpg);
	background-repeat:repeat-x;
	color: #FFFFFF;
	text-align:center;
	font-weight:800;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


.intervenantesoff a{
	text-decoration:none;
	color: #FFFFFF;
	text-align:center;
	font-weight:800;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


.intervenanteson a{
	text-decoration:none;
	color: #660000;
	text-align:center;
	font-weight:800;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.imageintervenantes {

	margin-top:20px;
	text-align:center;


}

.intervenantestitres 
{
	font-size: 12px;
	color: #660000;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(backinter.jpg);
	background-repeat: repeat-x;
} 


ul.intervenantes
{
	list-style-type: square;

	display:block;
	color: #660000;
}

.titrelaurence {
	color:#660000;

}

.isa {	
		color: #660000;
		text-align: justify;
}

.paragraphe5 {
	text-align: justify;
	margin-left: auto;
	margin-right: auto;
	margin-top:0px;
	vertical-align: top;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 650px;
	vertical-align: top;
	font-size: 13px;
	padding-left: 20px;
	margin-bottom: 15px;
	color: #660000;
	}

.box {
	border: 1px solid #6d5a57;
	font: helvetica;
	padding-left:5px;
	padding-top: 10px;
	position: relative;
	margin:10px;
	float:left;
	width:180px;
	}
	
.box li  {
	margin-left:15px;}


.titre_box {	
	font-variant: small-caps;
	font-size:16px;
	font:helvetica;
	font-weight: 700;
	margin-bottom:5px;
	}
	.paragrapheplan {
	text-align: justify;
	margin-left: auto;
	margin-right: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 650px;
	vertical-align: top;
	font-size: 13px;
	min-height:400px;
	padding-left: 20px;
	margin-bottom: 15px;
	color: #660000;
}
.calendrier {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	width: 720px;
	vertical-align: top;
	font-size: 12px;
	margin-top: 15px;
	}
.calendrier a{
	background-color:#EEE6D2;
	color:#660000;
	font-weight:bold;
	text-decoration:none;
	}
	
.calendrier a:hover{
	background:#660000;
	color:#EEE6D2;}
	
.tabcalendrier
	{
	background-color:#B19A7C;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#660000;
	font-size:12px;
	text-align:center;
	}
th
	{font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#660000;
	font-weight:bold;
	text-align:center}
p.calendrier
{	text-align: justify;
	margin-left: auto;
	margin-right: auto;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 650px;

	color: #660000;
	}
ul.calendrier{
	font-size : 12px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin-left: 40px;
	color:#660000;
	width:650px;
	list-style-position: inside;
}