/* feuille de style version 2 du site Endurance du Marsouin  */
 /* Auteur Philippe SIMIER  décembre 2008               */
 /* compatible IE6 IE7 firefox 2.0 et 3.0               */
 
 

 /* Definition du corps de la page fond vert clair                   */

body {
     background-image: url(../images/fond.gif);
     Background-Color: #9F9;
     margin: 8px;
}


/* page centrée largeur 1024  fond blanc*/
#page {
        Background-Color: #FFF;
        margin: 0 auto;
        padding: 0;
	width: 1024px;
        border-color:#323232 #323232 #323232;
        border-style:solid;
        border-width:1px 1px 1px;
	text-align: left;
 }

/* menu horizontal  fond vert dégradé*/
#nav-horizon {
        background-image: url(../images/menu_01.jpg);
        background-color: #000;
        height: 19px;
        vertical-align: middle;

        position: relative;
        z-index:1;

        color:#FFFFFF;
        font-size:12px;
        font-style:normal;
        height:19px;
        margin:2px 5px;
        padding:2px;
}

/* le contenu dans une colonne à droite du menu */
#contenu {
         float:left;
         margin-left:0;
         margin-right:40px;
         margin-top:20px;
         width:714px;

/*         overflow: auto;   */
 }

/* le menu vertical  est à gauche */
#menu {
  float: left;
  width: 250px;
  height: 500px;
  padding: 10px;
  margin-top: 20px;
}

#pied {

background:#000000 none repeat scroll 0 0;
border-top:1px dotted #CCCCCC;
clear:both;
margin-top:1em;
padding:5px;
text-align:center;
width:1014px;
}

#pied small {
color:#FFFFFF;
font-size:12px;
}

#pied a {
color:#FFFFFF;
}


table.menu   { position: absolute; left: 500px ; top: 100px }
td.selection { color: #FF6600; background-color: #000066 }



/* couleur orange pour les mots clés */
span.colore  { color: #FF8040 }

/* couleur verte gras */
span.vert {
   color: #00FF00;
   font-weight: bold;
   font-size: 13pt;
   }

/* propriétés des lien */
a {
  color: #000;
}


/* ------------------------------------------------------------------------------------
Menu principal   déroulant
------------------------------------------------------------------------------------ */

/* Elements de premier niveau
--------------------------------------*/
#menuDeroulant
{

	width: 1000px;
	height: 22px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	top: 0;
	left: 0;
}
#menuDeroulant li
{
	float: left;
	width: 110px;
	margin: 0;
	padding: 0;
	border: 0;
}
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
	display: block;
	height: 1%;
	color: #FFF;
	/* background: #3B4E77; */
	margin: 0;
	padding: 3px 8px;
	border-right: 1px solid #fff;
	text-decoration: none;
}
#menuDeroulant li a:hover { background-color: #C52A19; }  /*rouge */
#menuDeroulant li a:active { background-color: #495589; }

#menuDeroulant .sousMenu
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
#menuDeroulant .sousMenu li
{
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	width: 155px;
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
}
#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited
{
	display: block;
	color: #FFF;
	margin: 0;
	border: 0;
	text-decoration: none;
	background: transparent url("../images/fondTR.png") repeat;

}
#menuDeroulant .sousMenu li a:hover
{
	background-image: none;
	background-color: #C52A19; /* rouge */
}

#menuDeroulant li:hover > .sousMenu { display: block; }




/* Definition des titres 2 couleur orange */
/* police Bodoni car elle comporte un empattement fin */

h2
{
color: #18417F;
font-family: "Verdana";
Font-Size: 16pt;
font-weight: bold;
letter-spacing: 1px;
margin-top: 18pt;
margin-left: 15px;
}

h3
{
font-family: "verdana";
font-size: 14pt;
color: #18417F;
font-weight: bold;
margin-left: 15px;


}

/* Definition des paragraphes  couleur blanc */

p
{
Color: #000;
font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
font-size: 12pt;
Text-Align: justify;
margin-left: 50px;
}

/* Definition de la classe paragraphe pour les notes de bas de page */
p.note       {
font-family: Gill Sans MT;
font-size: 10pt;
color: #FFFFFF;
text-align:center
}

/* Definition de la classe paragraphe pour les infos bulles */
p.info      {
font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
font-size: 10pt;
color: #000;
margin-left: 10px;
}

li
{
Color: #000;
font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
font-size: 10pt;
margin-left:60px
}

/* Definition des cellules de tableaux  couleur blanc */

UL, OL, TR, TD, TH
{
Color: #000000 ;
font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
font-size: 10pt;
font-style: normal;
Text-Align: left;
}

div.item {
        font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
        font-size:10pt;
        color: #000000;
        border: solid 1px #A0A0A0;
        background-color:#F0F0F0;
        padding-left: 10px;
        padding-right: 30px;
        padding-top: 6px;
        padding-bottom: 6px;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 50px;
        -moz-border-radius:10px;
        overflow: auto;
}

div.item img {
       padding-left: 45px;

}

tr.menu {
                   height: 28px;
                   border: none
        }
td.menu {
                   padding-left: 0;
                   padding-right: 0;
                         padding-top: 0;
                         padding-bottom: 0;
                         border: none;
                         width: 190px
                         }
td.bandeau {
                         padding-left: 0;
                         padding-right: 0;
                         padding-top: 0;
                         padding-bottom: 0;
                         border: none;
                         }
div.date  {
                        float: right;
                        font-size: 11px;
                        color: #808080;

        }

/***********************************************/
/* style pour les formulaires rechercher       */
/* bouton en forme de loupe pour rechercher    */
/***********************************************/

form.chercher {
    display: inline;
    background-color:#E0E0E0;
    border: 1px solid #A0A0A0;;
    padding: 2px;
    margin: 1px;
    }

form.chercher input.bouton {
     background-image: url(../images/loupe.png);
     background-color:#D0D0D0;
     color: #909090;
     border: 0px solid #ECE9D8;
     padding: 0px;

     width: 20px;
     cursor: pointer;
     }

form.chercher input {
     background-color:#E0E0E0;
     color: #404040;
     font-size: 14px;
     border: 0px solid #ECE9D8;
     padding: 0px;
     padding-left: 5px;
     height: 18px;
     width: 110px;
     cursor: text;
     }

div#auth {
         background-color:#E0E0E0;
         border:1px solid #999999;
         padding:10px;
         width:500px;
}

.focus { /***pour les formulaires à l'utilisation fond bleu clair***/
	background: #90E1FF;
	border:1px solid #999999;
	color: black;
}
.normal {	/***pour les formulaires retour à l'état normal après l'utilisation ***/
	background: white;
	border:1px solid #999999;
	color: black;

}
.erreur { /***champ formulaire en erreur***/
	background:red;
}

table#tableau {
        clear: both;
        width: 99%;
        margin-left:5px;
        border-collapse: collapse;
        border-top: 5px solid #D0D0D0;
        border-bottom: 5px solid #D0D0D0;
        border-left:1px solid #D0D0D0;
        border-right:1px solid #D0D0D0;
 }
table#tableau td {
        border-top: 1px solid #D0F0F0;
        padding: 4px;

 }

tr.impaire {
         background-color: #F0F0F0;
}

table#tableau th {
        background-color: #D0D0D0;
        color: #000000;
        padding: 4px;

 }