/**********************************************************************************************
******************* ORGANISATION DE LA PAGE WEB ***********************************************
**********************************************************************************************/

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 */
}

#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;
}


.cadrehaut{
	width: 179px;
	padding-top: 15px;
	background: #E9E9E9 url(top.gif) top left no-repeat;
	margin:0;
}

.cadrebas {
	padding: 0px 0px 20px 0px;
	background: #E9E9E9 url(bottom.gif) bottom left no-repeat;
	margin:0;
}

#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;
}

#annonce {
background: #F4ECD9;
padding: 5px;
border: 2px solid;
border-color: #eda;
font-weight: bold;
font-variant:small-caps;
font-size:80%;
}

#impression_haut {
background-color:#99FFCC;
padding:5px;
margin-top:5px;
text-align:center;
/*width:523px;*/
}

#impression_haut img {
border:0px;
}

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

#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: #3ca5fc;
font-family: verdana,arial;
background-color: #f2f2f2;
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;
}

#impression_bas {
margin-top:5px;
background-color:#99FFCC;
padding:5px;
text-align:center;
}

#impression_bas img {
border:0px;
}

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

#footer img {
border:0px;
}

#barre_etat {
/*clear:both;*/
margin:0px;
text-align:center;
}

#barre_etat img {
border:0px;
}

#barre_etat a {
text-decoration:none;
padding:0px 50px 0px 50px;
}

/**********************************************************************************************
******************* MENU DE GAUCHE ************************************************************
**********************************************************************************************/

#conteneur_menu {
	font-size : 90%;
	background-color: #f4ecd9;
	border: 2px solid #eda;
/*	margin : 0px  0px 0px 500px;*/
	margin : 10px;
	/*margin: 0 0 0 5px;*/
}


#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: 110px;
	color: #7c6240;
	text-decoration: none;
	padding: 0.5em 15px;
}

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


#nav li {
	padding: 0;
	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:180px;
	font-weight: bold;
	border-width: 2px;
	/*margin: 0;*/
/*	margin-left : 160px; */
	margin-left : -183px; /* Menu à droite */
	margin-top : -25px;
}

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

#nav li ul a {
/*	width: 13em; */
	width: 150px;
}

#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: #eda;
}

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

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

}

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

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

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

}

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

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

/**********************************************************************************************
******************* GESTION DES ONGLETS *******************************************************
**********************************************************************************************/


.conteneur_onglets
{
float:left;
width:100%;
/*width:550px;*/
}

.tabs
{
float:left;
width            : 560px;
   background       :  url(onglets_b.gif) repeat-x bottom;
   font-family: Geneva, Arial, Helvetica, sans-serif;
  /*margin		    : 10px 0px 10px 0px; */
  margin-top		: 0px;

}

.tabs UL
{
   margin           : 0px;
   padding-left     : 10px;
   list-style       : none;
}

.tabs LI, .tabs FORM
{
   display          : inline;
   margin           : 0px;
   padding          : 0px;
}

.tabs FORM
{
   float            : right;
}

.tabs A
{
   float            : left;
   background       :  url(onglets_r.gif) no-repeat right top;
   border-bottom    : 1px solid #84B0C7;
   /*font-size        : xx-small;*/
   font-weight      : bold;
   text-decoration  : none;
}

.tabs A:hover
{
   background-position: 100% -150px;
}

.tabs A:link, .tabs A:visited,
.tabs A:active, .tabs A:hover
{
       color: #1A419D;
}

.tabs SPAN
{
   float            : left;
   display          : block;
   background       :  url(onglets_l.gif) no-repeat left top;
   padding          : 5px 9px;
   white-space      : nowrap;
}

.tabs INPUT
{
   float            : right;
   display          : inline;
   font-size        : 1em;
}

.tabs TD
{
   font-size        : x-small;
   font-weight      : bold;
   text-decoration  : none;
}



/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabs SPAN {float : none;}
/* End IE5-Mac hack */

.tabs A:hover SPAN
{
   background-position: 0% -150px;
}

.tabs LI.current A
{
   background-position: 100% -150px;
   border-width     : 0px;
}

.tabs LI.current SPAN
{
   background-position: 0% -150px;
   padding-bottom   : 6px;
}

.contenu_onglets 
{
float:left;
width:550px;
border-left: 2px solid;
border-bottom: 2px solid;
border-right: 2px solid;
border-color: #84b0c7;
padding: 10px 3px 3px 3px;
}

/**********************************************************************************************
******************* 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 {
	background-color: #2D2257;
	color: #FFFFFF;
	padding: 3px;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
}
td.colonne1
{
	background-color: #8A8FBF;
	color: #290E56;
	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: #8F96DB;
	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;
}

.copyright_larmor
{
text-align:center;
FONT-FAMILY: Verdana,Arial;
FONT-WEIGHT: bold;
FONT-SIZE: 10px;
font-style:italic;
background: #FFFFFF url(logolarmor.gif) bottom center no-repeat;
padding-bottom:20px;
}

.copyright_larmor a{
text-decoration:none;
color: #1A419D;
}

.copyright_ville
{
text-align:center;
FONT-FAMILY: Verdana,Arial;
FONT-WEIGHT: bold;
FONT-SIZE: 10px;
font-style:italic;
}

.copyright_ville a{
text-decoration:none;
color: #1A419D;
}

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;
}