/* Une partie de ce fichier est issu des tutoriels css.alsacreations.com */
/**************************************
 GENERAL
**************************************/
body {
 font: normal 77% "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, Helvetica, sans-serif;
 margin: 0;
 padding: 0;
 background-color: #356E88;
}

img {
 border-width: 0;
}

a {
/* color: #339900;*/
 text-decoration: none;
 font-weight: bold;
}

a:hover, a:active {
 text-decoration: underline;
}

a:visited {
 
}

ul {
 margin: 0;
 padding: 0 0 1em 0;
}

ul li, ol ul li {
 list-style-type: none;
 background: url("../_images/puce.jpg") no-repeat 0% 0.5em;
 padding-left: 15px;
}

ol  li, ul ol li { /* pour IE, c'est obliger de redéfinir. En effet, ne reconnait pas la syntaxe enfant > */
 list-style-type: decimal;
 background: white;
 padding-left: 0;
}

dt {
 color: #339900;
 background-color: #F3F4F6;
 font-weight: bold;
}

dd {
 margin: 0 0 1.5em 1.5em;
 /*margin-left: 1.5em;*/
}

p {
 margin: 0 0 1em 0;
}

h1 {
 font-size: 1.2em;
 font-weight: normal;
}

strong {
/* color: #336699;*/
 color: #339900;
}

.spacer {
 clear: both;
 visibility: hidden;
 margin: -1px; /* to avoid the gap between the central column and the footer */
 padding: 0;
}

.positionGauche {
 float: left;
}

/**************************************
 STRUCTURE
**************************************/
#page {
 margin-right: auto;
 text-align: center;
 width: 750px;

 background-color: white;
 
 /*height: 1%;*/

	/*width: 750px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background: white;
	margin-bottom: 5em;
	margin-bottom: -20px;*/
}

#entete {
 background: #FFD800 url("../_images/bandeau.jpg");
 background-repeat: no-repeat;
 background-position: top center;
 margin: 0;
 padding-top: 105px;
}

#recherche{
 position: absolute;
 top: 25px;
 right: 5px;
 text-align: right;
 display: none;	/* Le temps de mettre au point le moteur de recherche */
}

#recherche input {
 font: normal 90% "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#milieu {
 border-bottom: 2px solid #D9DADB;
 border-left: 2px solid #D9DADB;
 border-right: 2px solid #D9DADB;
 border-top: 0;
 margin: 0;
 padding: 2px;
}

#centre {
/* margin: 0 0 2px 156px;
 padding: 0 0 40px 3px;
 background: url("../_images/cadre_people.jpg");
 background-repeat: no-repeat;
 background-position: bottom right;
 text-align: left;*/
 
 
 margin: 0 0 2px 0;
 /*padding: 0 0 40px 0;*/
 padding: 0; /* Attention : padding-bottom à 0 sinon effet de débordement dans IE */
 background: url("../_images/cadre_people.jpg");
 background-repeat: no-repeat;
 background-position: bottom right;
 text-align: left;
 
/* background-color: blue;
 margin: 0;
 padding:0;
 border: 0;*/
 
}

#centreAccueil {
/* margin: 10px 174px 35px 0;*/
 text-align: center;
 background: #F2F3F5;
 padding: 0.5em 0 0.5em 0; 
 
  margin: 10px 160px 35px 0;
}

#solution {
 float : right;
/* margin: 5px 2px 0 0;
 width : 159px;*/
  margin: 2px 0 0 0;
 width : 155px;
 text-align: left;
 
/*  background-color: yellow;
	border: 0;
	margin: 0;
	padding: 0;
	width: 160px;*/
}

.fiche #solution h1, #nouveautes h1 {
 font: bold 1em Verdana, sans-serif;
 background: #A7C1CD url("../_images/arrowBlanc.gif") no-repeat 5px 0.4em;
 text-decoration: none;
 text-align: left;
 margin-bottom: 4px;
/* padding: 2px 2px 2px 19px;*/
 
 
 text-transform: uppercase;
 color: white;
 padding: 0.4em 0.4em 0.4em 25px;
/* margin: 0 0 0.2em 0;*/
}

#nouveautes h1 {
 margin-top: 0;
}

.fiche #solution ul {
 margin-left: 0;
}

#solution a {
 font-weight: normal;
}

#gauche {
 float: left;
 width: 156px;
 margin-bottom: 270px; /* 100px */
 text-align: center;
}

#gauche a {
 font-weight: normal;
}

#nouveautes {
 text-align: left;
 border: 1px solid #D9DADB;
 margin-bottom: 1em;
 background: #F3F4F6;
}


/*#nouveautes h1 {
 font: bold 1em Verdana, sans-serif;
 background: #A7C1CD url("../_images/arrowBlanc.gif") no-repeat 5px 0.4em;
}*/

#nouveautes a {
 display: block;
}

#nouveautes h1 a {
 font: bold 1em Verdana, sans-serif;
 color: white;
}

#nouveautes h4{
 text-align: right;
 margin: 0;
 font-size: 0.9em;
}

#gauche #nouveautes h4 a {
 
 color: #339900;
/* text-align: right;
 margin: 0;*/
}


#gaucheBas {
 position: absolute;
 left: 0;
 bottom: 3em;
 width: 156px;
}

#piedDePage {
 font-size: 0.9em;
}

#piedDePage a:link, #piedDePage a:visited {
 color: #5E8848;
 text-decoration: none;
 font-weight: normal;
}

#piedDePage a:hover, #format a:hover {
 color: #5E8848;
 text-decoration: underline;
}

#coinBasGauche {
 position: absolute;
 left: 0;
 bottom: 0;
 background: url("../_images/coin_bas_g.gif");
 background-repeat: no-repeat;
 background-position: bottom left;
 width: 8px;
}

#coinBasDroite {
 position: absolute;
 right: 0;
 bottom: 0;
 background: url("../_images/coin_bas_d.gif");
 background-repeat: no-repeat;
 background-position: bottom right;
 width: 8px;
}

#flash {
 margin-bottom: 1em;
 
 border:0;
 margin:0;
 padding:0;
}

#finPage {
 background-color: #356E88;
}

/**************************************
 MENU PRINCIPAL
**************************************/
#menu {
 width: 100%;
 background-color: #A7C1CD;
 height: 2.2em;
}

ul#menuListe
{
 font: bold 0.8em Verdana, sans-serif;
 text-align: center;
 text-transform: uppercase;
 list-style-type: none;
 margin: 0;
 padding: 2px 0 2px 0;
}

ul#menuListe li {
 float: left;
 background: #FFD800;
 padding: 0;
 margin: 0 2px 0 0;
}

li#menuActif a {
 background-color: #ABC63D;
 color: white; 
}

#menuListe a {
 float: left;
 display: block;
 text-decoration: none;
 padding: 0.5em 0.5em 0.5em 0.5em;
 color: #339900;
}

#menuListe a:hover { 
 background: #ABC63D;
 color: white;
}

/**************************************
 MENU GAUCHE
**************************************/
ul#menuGauche {
 text-align: left;
 margin: 0;
 padding: 0;
}

ul#menuGauche li {
 list-style-type: none;
 background: #F3F4F6 url("../_images/arrow.gif") no-repeat 0 0.3em;
 text-decoration: none;
 text-align: left;
 margin-bottom: 4px;
 padding: 2px 2px 2px 17px;
}

#menuGauche a {
 text-decoration: none;
 color: #5E8848;
 font-weight: normal;
}
	 
#menuGauche a:hover {
 text-decoration: underline;
}

/**************************************
 MENU SECONDAIRE (en bas)
**************************************/
#menuSecondaire {
 background-color: #FFD800;
 font-size: 0.9em;
}

#menuSecondaire a:link, #menuSecondaire a:visited {
 color: #5E8848;
 text-decoration: none;
 font-weight: normal;
}

#menuSecondaire a:hover {
 color: #5E8848;
 text-decoration: underline;
}

/**************************************
 FICHE
**************************************/
.fiche {
 text-align: justify;
/* margin: 0 0.5em 0 0;*/

/*background-color: red;
margin: 0;
padding: 0;
border: 0;*/
}

.fiche h1 {
 font-size: 1.2em;
 text-transform: uppercase;
 background-color: #A7C1CD;
 color: white;
 padding: 0.2em 0.4em 0.2em 0.4em;
 margin: 0 0 0.2em 0;
 text-align: right;
}

.fiche h2 {
 font-size: 1.3em;
 color: #339900;
/* margin: 0.5em 0 0.2em 0; */
 margin: 0 0 0.2em 0; 
 border-bottom: solid 0.1em #A7C1CD;
}

.fiche h3 {
 font-size: 1em;
 color: #339900;
 margin: 0.2em 0 0.2em 0;
 
 background-color: #A7C1CD; 
 color: white;
 text-align: right;
 font-size: 1.1em;
}

.fiche #cadre h3 {
 font-size: 1em;
 color: #339900;
 margin: 0.2em 0 0.2em 0;
 background-color: #F3F4F6;
 }
 
.fiche h4 {
 font-size: 1em;
 margin-bottom: 0;
 padding-bottom: 0;
}

.fiche samp {
 display: block;
 background-color: #F2F3F5;
}

.fiche #cadre {
 background-color: #F3F4F6;
 padding: 0.2em;
 margin-bottom: 1em;
}

.fiche #cadre h3 {
 display: inline;
}

.fiche ul {
 margin-left: 1em;
}

.fiche ol {
 margin-left: 1em;
 padding-left: 1em;
}

.fiche img {
/* float: left;*/
 margin: 5px 10px 0 0;
}

.fiche table th {
 text-align: center;
}

.fiche table {
 margin-bottom: 1em;
}

.fiche table caption {
 text-align: left;
 color: red;
 font-size: 1.25em;
}

.fiche table thead th, .fiche table tbody th {
 padding: 0.3em;
 color: white;
} 

.fiche table thead th {
 background-color: #A7C1CD; /*#7EA2D1;*/ 
 color: white;
}

.fiche table tbody th {
 background-color: #A7C1CD; /*#C5D3E5;*/
 width: 17em;
}

.fiche table td {
 border:1px solid #A7C1CD;
 padding: 0.1em;
 text-align: right;
}

/**************************************
 Formulaires
**************************************/
.fiche table.formulaire caption {
 text-align: left;
 color: red;
}

.fiche table.formulaire thead th, .fiche table.formulaire tbody th {
 padding: 0.3em;
 color: black;
} 

.fiche table.formulaire tbody th {
/*td.tableLabel {*/
 background-color: white;
 text-align: right;
 width: 8em;
 font-weight: normal;
}

.fiche table.formulaire td, .fiche table.option tbody td {
 border:0 ;
 padding: 0.1em;
 text-align: left;
}

.fiche table.strong tbody th {
 vertical-align: top;
}

.fiche table.option tbody td {
 vertical-align: top;
}

/** {border:none;padding:0;margin:0;}
img {display:block}*/