/**********************************************************************************************
******************* ORGANISATION DE LA PAGE WEB ***********************************************
**********************************************************************************************/
#texte1 {
position:absolute; 
top:125px; 
left:7px; 
width:185px;
height:150px;
}

#image1 { 
position:absolute; 
top:18px; 
left:0px; 
}

#texte2 {
position:absolute; 
top:245px; 
left:335px; 
width:185px;
height:150px;
}

#image2 { 
position:absolute; 
top:273px; 
left:176px; 
}

#texte3 {
position:absolute; 
top:136px; 
left:558px; 
width:185px;
height:150px;
}

#image3 { 
position:absolute; 
top:26px; 
left:601px; 
}

#imagecentre {
position:absolute; 
top:0px; 
left:200px; 
} 

#image4 { 
position:absolute; 
top:137px; 
left:0px; 
}

#image5 { 
position:absolute; 
top:273px; 
left:0px; 
}

#image6 { 
position:absolute; 
top:273px; 
left:364px; 
}

#image7 { 
position:absolute; 
top:273px; 
left:601px; 
}

#image8 { 
position:absolute; 
top:144px; 
left:601px; 
}

#texteliens {
position:absolute; 
top:380px; 
left:0px; 
width:740px;
}

#texteliens a {
color:#FF6600;
text-decoration:none;
}

body
{
font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
background-color:#FFFFFF;
color:#000000;
text-align:left;
}

#conteneur_page {	
width:750px;
margin:0 auto; 
border: 2px solid;
border-color: #000000;
padding : 5px; /* pour le menu à droite */
}

#logo {
float:left;
/*
padding-left: 0px ;
padding-right: 0px ;
padding-top: 0px;*/
}

#introduction {
/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
font-size: 55%;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
FONT-WEIGHT: bold;
height:20px;
color:#000000;
/* background:#F4ECD9; */
background : #FFFFFF;
text-align:center;
}

#header {
text-decoration:none;
height: 105px;
text-align: center ;
padding-left: 440px ;
padding-right: 110px ;
padding-top: 10px;
FONT-FAMILY: Verdana,Arial;
FONT-WEIGHT: bold;
FONT-SIZE: 15px;
COLOR: #403658;
background: url(slp56.jpg) no-repeat left top;
}

#header a {
text-decoration:none;
COLOR: #403658;
}



#menu{
float : right;	/* Menu à droite */
text-align: center ;
width:180px;
/*background: #E9E9E9;*/
}

#menu .titre {
padding: 0px 0px 20px 0px;
background: #E9E9E9 url(fleche-titre.gif) bottom center no-repeat;
}

#menu h1{
font-size : 80%;
color: #7c6240;
background-color:#FFFFFF;
border: 2px solid #eda;
margin : 10px;
padding : 5px;
width:140px;
}

#conteneur_centre
{
/*margin: 0px 5px 5px 185px;*/
margin: 0px 5px 5px 0px; /* pour le menu à droite */
/*width:560px;*/
float:left;
}



#centre {
background-color:#FFFFFF;
margin-top:5px;
float:left;
font-size: 85%;
position:relative;
}

#centre p {
text-indent : 1em ; 
text-align : justify;
padding : 0px 5px 0px 5px;
}

#centre p:first-letter 
{ 
font-family: "Times New Roman", Times, serif;
font-size : 180% ;
/*font-variant : small-caps;*/
font-weight:bold;



}

#centre h1 {

border-right: black 1px solid;
border-top: black 1px solid;
border-left: black 1px solid;
border-bottom: black 1px solid;
font-weight: bold;
font-size: 150%;
color:#FFFFCC;
background:#FF6600;
font-family: verdana,arial;
text-align:center;
margin: 5px 80px 0px 80px;
padding: 5px 0px 5px 0px;
}

#centre h2 {
	/*position: relative;*/
	color: #1A419D;
	padding-bottom: 2px;
	padding-left: 25px;
	font: bold 1.3em "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	border-bottom: 1px solid #FFD62F;
	background: #FFFFFF url(puce.gif) left center no-repeat;
}

#centre h3 {
	/*position: relative;*/
	color: #1A419D;
	padding-bottom: 2px;
	padding-left: 25px;
	font: bold 1.1em "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	border-bottom: 1px solid #038DC0;
	background: #FFFFFF url(puce-h2.gif) left center no-repeat;
}

#centre img {
border:0px;
}


#footer {
clear:both;
height:40px;
background: #F4ECD9;
}

#footer img {
border:0px;
}



/**********************************************************************************************
******************* MENU  *********************************************************************
**********************************************************************************************/

#conteneur_menu {
/*	background-color: #f4ecd9;
	border: 2px solid #eda; */
	float:left;
}


#conteneur_menu img{
	float:left;
	border:0px;
}


#nav, #nav ul {
	float: left;
	/*width: 36em;*/
	/*width: 155px; */
	
	list-style: none;
	line-height: 1em;
	background-color: white;
	font-weight: bold;
	padding: 0;
	/*border: solid #eda;
	border-width: 1px 0; */
	/*margin: 0.2em 0.2em 5px 0.2em;*/
	/*margin :5px 5px 5px 5px ;*/
}

#nav a {

	display: block;
	width: 130px;
	/*color: #7c6240;*/
	color:#FFFFCC;
	background:#FF6600;
	text-decoration: none;
	padding: 0.5em 15px; 
}

#nav a.daddy {
	background:  url("menu-fleche-bas.jpg") center left no-repeat;  
	margin : 0 0 0 5px; /* Menu à droite */
}


#nav li {
	float: left;
	background:#FF6600;
		
	margin:1px;
	/*width: 155px; */
	text-align:left; 
/*	text-align:right; /* menu à droite */
}


#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
/*	width: 14.4em;*/
/*	width: 13.9em; */
	width:130px;
	font-weight: bold;
	border-width: 2px;
	/*margin: 0;*/
/*	margin-left : 160px; */
	margin-left : 20px; /* Menu à droite */
	margin-top : 0px;
	z-index:5;
}


#nav li li {
/*	padding-right: 1em;*/
/*	width: 13em;*/
	width:130px; 
	
}

#nav li ul a {
/*	width: 13em; */
	width: 130px;
	background-color:#FFFFCC;
	color:#FF6600;
}

#nav li ul ul {
	width: 150px;
	/*margin: -1.75em 0 0 14em;*/
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background-color:#FF9966;
	color:#FF6600;
}

/**********************************************************************************************
******************* PIED DE PAGE **************************************************************
**********************************************************************************************/

#conteneur_pied {
/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
font-size: 90%;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
height:40px;
color:#FFFFCC;
background:#FF6600;
text-align:center;
}

#conteneur_pied a {
text-decoration:none;
color:#FFFFCC;
background:#FF6600;
}

/**********************************************************************************************
******************* LIENS INTERNES  ***********************************************************
**********************************************************************************************/

#conteneur_liens {
/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
font-size: 80%;
height:45px;
background: #F4ECD9;
text-align:center;

}

#lien, #lien ul {
	float:left;
	list-style: none;
	font-weight: bold;
	margin :0px;
	padding:5px;
}

#lien li {
float: left;
padding: 5px 8px 5px 8px;
}

#lien li:hover {
background: #eda;
color:#FF0000;
}
	
#lien a {
text-decoration: none;
background:#F4ECD9;

}

#lien a:hover {
background: #eda;
color:#FF0000;
/*font-style: italic;*/
}

#lien a:active {
background: gray;
border: 1px solid gray; 
color: #fff;
}

/**********************************************************************************************
******************* GESTION DES IMAGES POPUP EN JAVASCRIPT g_img.js ***************************
**********************************************************************************************/


.js_image{	
background:maroon url(fermer.gif) 100% no-repeat;
color:white;
font-size:.9em;
padding:0 1em 0 .5em;
}

/**********************************************************************************************
******************* FORMULAIRES ***************************************************************
**********************************************************************************************/

table.title caption {
	color:#FFFFCC;
	background:#FF6600;
	padding: 3px;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
}
td.colonne1
{
	color:#FFFFCC;
	background:#FF6600;
	padding: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8E484A;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #8E484A;
	font: bold small Verdana, Arial, Helvetica, sans-serif;
}
td.colonne2
{
	background-color: #FFFFCC;
	color: #2F0D57;
	padding: 3px;
	border-bottom: 1px solid #F2C8F7;
	text-align: left;
	font: x-small Verdana, Arial, Helvetica, sans-serif;
}


/**********************************************************************************************
******************* STYLES DIVERS *************************************************************
**********************************************************************************************/

.tab_couleur
{
text-align:center;
width:500px;
border:0px;
}

.fond_vert
{
width:75px;
background-color:#66CC00;
}

.fond_orange
{
width:75px;
background-color:#FF9900;
}

.fond_rouge
{
width:75px;
background-color:#FF0000;
}

.textecentre {
text-align:center;
}

.float_left
{
float:left;
margin:10px 40px 10px 10px;
}

.float_right
{
float:right;
margin:10px 10px 10px 40px;
}

pre {
	border-width: 1px 1px 1px 8px;
	border-style: solid;
	border-color: #F0B802;
	padding: 1em;
	margin: 1em;
	font-size: 100%;
	background: #ffffcc;
	width: 85%;
	overflow: auto;
	-moz-border-radius:6px;
	border-radius:6px;
}

.column_header			{
	background-color:#2663E2;
	font-size:12px;
	font-family:arial, helvetica;
	color:#FFFFFF;
	font-weight:bold;
	text-align: center;
}