body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#1d0018;
	background-image:url(../images/fond.gif);
	background-repeat:repeat-x;
	margin:0px;
	padding:0px;
}
.chiffrescles
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#1d0018;
}

li { color: #4a0641; }


h1{
	color:#4a0641;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:0;
	margin:8px 0 2px 0;
}
h2{
	color:#4a0641;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:0;
	margin:18px 0 18px 0;
	line-height:25px;
}
hr{
	color:#621c58;
	height: 1px;
	margin:8px 0 8px 0;
	padding:0px;
	}
.boiteLigne{
	background-color:#FFFFFF; 
	border-top:#621c58 solid 1px; 
	padding: 10px;
}
.erreur{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
}

.lien {
	color: #3467BC;
	text-decoration: none;
}
.lien:link {
	color: #3467BC;
}
.lien:visited {
	color: #3467BC;
}
.lien:hover {
	color: #3467BC;
    text-decoration: underline;
}
.lien:active {
	color: #3467BC;
}

.ligne_tab1 {
	background-color:#f2e8ee;
    line-height:23px;
	padding:0px 5px 0px 5px;
	border-bottom: #FFFFFF solid 1px;
}

.ligne_tab2 {
	background-color:#e7d9e2;
    line-height:23px;
	padding:0px 5px 0px 5px;
	border-bottom: #FFFFFF solid 1px;
}

.ligne_tab1_min {
    font-size: 9px;
	background-color:#f2e8ee;
    line-height:23px;
	padding:0px 5px 0px 2px;
	border-bottom: #FFFFFF solid 1px;
}

.ligne_tab2_min {
    font-size: 9px;
	background-color:#e7d9e2;
    line-height:23px;
	padding:0px 5px 0px 2px;
	border-bottom: #FFFFFF solid 1px;
}


.nota{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#7d7b7c;
	text-align:center;
}

/* Accueil */

#interface-accueil{
	background-image:url(../images/fond-interface.gif);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	width:984px;
	height:616px;
	margin:12px auto 0px auto;
}

#en-tete-accueil{
	float:left;
	text-align:center;
	width:984px;
	height:115px;
	margin-top:20px;
}

#animation-accueil{
	float:left;
	width:984px;
	height:325px;
}

#flashcontent{

}

#cadre-lan{
	float:left;
	width:780px;
	height:183px;
	background-image:url(../images/ban1-john-locke.jpg);
	background-repeat:no-repeat;
}

#boutons-accueil{
	float:left;
	background-color:#FFFFFF;
	width:984px;
	height:156px;
	text-align:center;
}

#boutons-accueil-pos{
	margin:35px auto 0px auto;
}

#pied-de-page-accueil{
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#7d7b7c;
	text-align:center;
	width:984px;
	margin: 0px auto 0px auto;
	padding:0px 0px 20px 0px;
}

#pied-de-page-accueil a{
	padding:0px 4px 0px 4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#7d7b7c;
}

/* intérieure */

#interface-interieure {
	position:relative;
	background-color:#FFFFFF;
	width:984px;
	margin:12px auto 0px auto;
	padding:0px;
}

#interface-interieure-bis {
	position:relative;
	background-color:#FFFFFF;
	width:1163px;
	margin:2px auto 0px auto;
	padding:0px;
}


#entete-interieure {
	position:relative;
	float:left;
	width:984px;
	background-color:#FFFFFF;
}

#entete-interieure-bis {
	position:relative;
	float:left;
	width:1163px;
	background-color:#FFFFFF;
}


#justif-gauche {
	float:left;
}

#logo {
	float:left;
	width:204px;
	height:183px;
}

#ban-flash {
	float:left;
	width:780px;
	height:183px;
	background-image:url(../images/ban-john-locke.jpg);
	background-repeat:no-repeat;
}

#bt-fr {
	float:left;
	margin: 16px 0 0 5px;
}



#bt-uk {
	float:left;
	margin: 16px 0 0 113px;
}



#texte-padding {
	padding:10px 15px 10px 15px;
	font-size:12px;
}

#texte-padding-bis {
	padding:10px 15px 10px 15px;
	font-size:12px;
}


#texte-violet-gras {
	font-weight:bold;
	color:#740160;
}

#contenu-gauche {

	float:left;
	width:200px;
	padding:0 0 0 0px;
	margin: 0 0 0 0px;
}

#contenu-central {
	float:left;
	margin-top: 0px;
	width:772px;
	background-color:#FFFFFF;
	padding:0px 8px 0px 0px;
}

#contenu-central-bis {
	float:left;
	margin-top: 0px;
	width:968px;
	background-color:#FFFFFF;
	padding:0px 0px 8px 8px;
}


#divStayTopLeft {
	margin:12px auto 0px auto;
}



/*-----------menu gauche-----------------

*/
#glossymenuPos{
	margin: 0;
	padding: 0 0 0 8px;
}

.glossymenu{
	margin: 0;
	padding: 0;
	width: 178px;
	border-bottom-width: 0;
}

.glossymenu a.menuitem{
	background: white url(../images/menu-graph2.gif) repeat-x bottom left;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #363034;
	display: block;
	width: auto;
	padding: 0px 0;
	padding-left: 20px;
	text-decoration: none;
	line-height:29px;
	height:29px;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
	color: #363034;
}

#menu-im1{
	background-image: url(../images/menu-graph1.gif);
	display:block;
	width:178px;
	height:48px;
	margin: 0;
	padding: 0;
}
#menu-im1 select{
	font-size: 11px;
	line-height:12px;
	width: 100 px;
	margin: 22px 0 0 5px;
}
#menu-im2{
	background-image: url(../images/menu-graph3.gif);
	display:block;
	width:178px;
	height:24px;
	margin: 0;
	padding: 0;
}

.glossymenu a.menuitem:hover{
	color: white;
	background-image: url(../images/menu-graph2b.gif);
}

.glossymenu div.submenu{
	background: white;
}

.glossymenu div.submenu ul{
	list-style-type: none;
	margin: 2px 0 7px 0;
	padding: 0 0 0 25px;
}

.glossymenu div.submenu ul li{
	border-bottom: 1px solid #c9c0c8;
}

.glossymenu div.submenu ul li a{


	display: block;
	font: normal 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: black;
	text-decoration: none;
	padding: 2px 0;
	padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
	background: #eadbed;
	color: #4f1044;
}

#contenu-entete {
	height:48px;
	width:772px;
	background-image:url(../images/titre-john-locke.gif);
	background-repeat:no-repeat;
	padding:0px;
	}

#contenu-entete-bis {
	height:48px;
	width:968px;
	background-image:url(../images/titre-john-locke-bis.gif);
	background-repeat:no-repeat;
	padding:0px;
	}


#titre-entete {
	padding: 0px 0px 15px 0px;
	margin:0 0 0 20px;
	height:30px;
	}

#titre-entete span {
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#872375;
	background-color:#FFFFFF;
	}

#contenu-texte-marge {
	width:770px;
    font-size:12px;
	line-height:16px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #C6BFC5;
	border-left-color: #C6BFC5;
}

#contenu-texte-marge-bis {
	width:966px;
    font-size:12px;
	line-height:16px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #C6BFC5;
	border-left-color: #C6BFC5;
}


.contenuListe ul{
	margin:12px 0 0 50px;
}

.contenuListe li{
	margin:12px 0 0 0;
}

#contenu-texte-bas {
	height:33px;
	width:772px;
	background-image:url(../images/baspage.gif);
	background-repeat:no-repeat;
	padding:20px 0px 0px 0px;
}

#contenu-texte-bas-bis {
	height:33px;
	width:968px;
	background-image:url(../images/baspage-bis.gif);
	background-repeat:no-repeat;
	padding:20px 0px 0px 0px;
}


/*Menu horizontal1 -------------------------------------------------*/

.solidblockmenu2 ul{
	margin: 0px 0 0 0;
	padding: 2px 0;
	font: bold 11px Arial;
}

.solidblockmenu2 li{
	display: inline;
}

.solidblockmenu2 li a{
	background: transparent url(../images/fond-menu2.gif) center center repeat-x;
	float: right;
	color: white;
	padding: 3px 10px;
	text-decoration: none;
	border-right: 1px solid #b0b0b0;
	line-height:20px;
}

.solidblockmenu2 li a.active{
	color: black;
}

.solidblockmenu2 li a:hover, .solidblockmenu2 li a.current, .solidblockmenu2 li a.active{
	color: black;
	background: transparent url(../images/fond-menu-2on.gif) center center repeat-x;
}

/*Fin menu horizontal1-------------------------------------------------*/

/*Debut Boutons -------------------------------------------------*/
a.squarebutton{
background: transparent url('../images/square-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('../images/square-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}
/*Fin Boutons -------------------------------------------------*/


/*Debut Onglets -------------------------------------------------*/
.glossyonglet{
	padding: 0 0 0 1px;
	margin: 0;
	background: url(../images/menub_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}

.glossyonglet li{
	float:left;
}

.glossyonglet li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;
}

.glossyonglet li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossyonglet li.current a, .glossyonglet li a:hover{
	color: #fff;
	background: url(../images/menub_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossyonglet li.current a b, .glossyonglet li a:hover b{
	color: #fff;
	background: url(../images/menub_hover_right.gif) no-repeat right top; /*right tab image path*/
}
/*Fin Onglets -------------------------------------------------*/

.black li { color: black; }