/******************************************************************************* 
/******************************************************************************* 
// Début - Déclaration de la partie PC
/******************************************************************************* 
/******************************************************************************* 

/******************************************************************************* 
// Propriétés générales de la page
//*****************************************************************************/ 
 
body
{
  background-color: #000000;
}




	
/******************************************************************************* 
// Bloc central uniquement créé pour uniformiser les hauteurs des deux blocs
// contenus (Page_Menu et Detail)
//*****************************************************************************/ 

.Bloc_Central 
{
  width: 100%;
}






/******************************************************************************* 
// Propriétés Header (Page_Header.php)
//*****************************************************************************/ 

.Header
{
  position: relative;
/*  position: auto; */
  overflow: none;
  top: 10px;
  height: 126px;
/*  border: solid 0px; */
  width: 1024px;
  margin-left: auto;
  margin-right: auto;
  background-color: #FFFFFF;
}

/******************************************************************************* 
// Propriétés Detail (Detail_.......php)
//*****************************************************************************/ 

.Detail 
{
/*  position: auto; */
  position: fixed;
  overflow: auto;
  right: 0px;
  left: 0px; 
  bottom: 10px;
  top: 144px;
/*  border: solid 0px; */
  background-color: #FFFFFF;
  width: 1024px;
  margin-left: auto;
  margin-right: auto;
/*  border-width: 3px;*/
/*  border-style: solid;*/
/*  border-color: #FFFF00;*/
}

/******************************************************************************* 
// Début - Menu à deux niveaux
//*****************************************************************************/ 

a,header,li,nav,ul
{
  border: 0 none;
  font-size: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: top;
}

ul
{
  list-style: none;
}

.sf-menu
{
/*  text-transform:uppercase; */
  font-size: 14px;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-weight: bold;
}
.sf-menu ul
{
  position: absolute;
  top: -999em;
  min-width: 100%;
  background: #6B8E23;
  padding: 10px 0;
  left: 0;
}

.sf-menu li
{
  float: left;
  position: relative; 
  border-left: 1px solid #000000; 
/*  border-right: 1px solid #000000; */
  background: #6B8E23;
}
  
.sf-menu li:first-child
{
  border-left: none;
/*  border-left: 3px solid #000000; */ 
}

.sf-menu li.last
{
/*  border-right: none; */
  border-right: 1px solid #000000;
}

.sf-menu a
{
  color: #FFFFFF;
  text-decoration: none;
  display: block;
  text-align: center;
  padding: 6px 0 7px;
}

.sf-menu li:hover ul
{
  top: 29px;
}

.sf-menu li:hover
{
  background: #808000;
}

.sf-menu li li
{
  float: none;
  border: none; 
}

/******************************************************************************* 
// Fin - Menu à deux niveaux
//*****************************************************************************/ 

/******************************************************************************* 
/******************************************************************************* 
// Fin - Déclaration de la partie PC
//*****************************************************************************/ 
/******************************************************************************* 

/******************************************************************************* 
/******************************************************************************* 
// Début - Déclaration de la partie iPhone
/******************************************************************************* 
/******************************************************************************/ 





/******************************************************************************* 
// Bloc central uniquement créé pour uniformiser les hauteurs des deux blocs
// contenus (Page_Menu et Detail)
//*****************************************************************************/ 

.iPhone_Bloc_Central 
{
  width: 100%;
}


.iPhone_body
{
  background-color: #0000FF;
}


.iPhone_Header
{
  position: relative;
  overflow: none;
  top: 10px;
  height: 116px;
/*  border: solid 0px; */
  width: 640px;
  margin-left: auto;
  margin-right: auto;
  background-color: #FFFFFF;
}



.iPhone_Detail 
{
  position: fixed;
  overflow: auto;
  right: 0px;
  left: 0px; 
  bottom: 10px;
  top: 138px;
/*  border: solid 0px; */
  background-color: #FFFFFF;
  width: 640px;
  margin-left: auto;
  margin-right: auto;
/*  border-width: 3px;*/
/*  border-style: solid;*/
/*  border-color: #FFFF00;*/
}



/* Début - A tester
.iPhone_Header 
{ 
			position:fixed;
			overflow:auto;
			right:0px;
			left:0px;
			top:0px;
			height:120px;
			border:solid 1px;
			background-color:#F7F3EA;
			font-size:90%;
		}
.iPhone_Detail 
{ 
			position:fixed;
			overflow:auto;
			right:0px;
			left:0px;
			bottom:0px;
			top:125px;
			border:solid 1px;
			background-color:#86ECB9;
		}
Fin - A tester */





/******************************************************************************* 
/******************************************************************************* 
// Fin - Déclaration de la partie iPhone
/******************************************************************************* 
/******************************************************************************* 

/******************************************************************************* 
// Propriétés diverses
//*****************************************************************************/ 

/* Suppression des interlignes pour les balises h1 à h6 */
h1, h2, h3, h4, h5, h6, form { display: inline; margin: 0 0 0 0; }

/* Couleur de fond des pages avec photos */
.Fond_Photos
{
  background-color: #CCCCCC;
}

/* Couleur du cadre des photos */
.Border
{
  border-width: 2px;
  border-style: solid;
  border-color: #660000;
}

.Impression
{
  background-color:#FFFFFF;
}

/* Texte aligné à gauche */ 
.left
{
  text-align: left;
}

/* Texte aligné à droite */ 
.right
{
  text-align: right;
}

/* Texte centré */ 
.center
{
  text-align: center;
}

/* Texte en italique */ 
.italic
{
  font-style: italic;
}

/* Texte en gras */ 
.bold
{
  font-weight: bold;
}

/* Texte aligné en haut */ 
.top
{
  vertical-align: top;
}

/* Texte aligné au milieu */ 
.middle
{
  vertical-align: middle;
}

/* Texte aligné en bas */ 
.bottom
{
  vertical-align: bottom;
}

/******************************************************************************* 
// Propriétés des textes
//*****************************************************************************/ 

.Texte_Blanc_12
{
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 12pt;
  font-family: Verdana, Arial, Helvetica, sans-serif;
/*  text-align: center;*/
  color: #FFFFFF;
/*  background-color: #FFFFCC;*/
}

.Texte_Noir_8
{
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 8pt;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
/*  background-color: #FFFFCC;*/
}

.Texte_Noir_10
{
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 10pt;
  font-family: Verdana, Arial, Helvetica, sans-serif;
/*  text-align: center;*/
  color: #000000;
/*  background-color: #FFFFCC;*/
}

.Texte_Noir_12
{
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 12pt;
  font-family: Verdana, Arial, Helvetica, sans-serif;
/*  text-align: center;*/
  color: #000000;
/*  background-color: #FFFFCC;*/
}

.Texte_Noir_14
{
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 14pt;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
}

.Texte_Noir_16
{
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 16pt;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
}

.Texte_Rouge_8
{
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 8pt;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #FF0000;
}
	
.Texte_Vert_10
{
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 10pt;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #6B8E23;
}
	
.Texte_Vert_16
{
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 16pt;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #6B8E23;
}

/******************************************************************************* 
// Propriétés des champs de saisie
//*****************************************************************************/ 

.Saisie_9
{
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 9pt;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
/*  background-color: #FFFFFF;*/
  border-style: groove;
/*  border-color: blue;*/
  border-color: #666666;
}

/******************************************************************************* 
// Propriétés des liens
//*****************************************************************************/ 

.Lien_Vert_8
{
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 8pt;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.Lien_Vert_8 a:link, .Lien_Vert_8 a:visited
{
  color: #6B8E23;
/*  text-decoration: none;*/
  text-decoration: underline; 
}

.Lien_Vert_8 a:hover, .Lien_Vert_8 a:active
{
  color: #6B8E23;
  text-decoration: none;
}

.Lien_Vert_10
{
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 10pt;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.Lien_Vert_10 a:link, .Lien_Vert_10 a:visited
{
  color: #6B8E23;
/*  text-decoration: none;*/
  text-decoration: underline; 
}

.Lien_Vert_10 a:hover, .Lien_Vert_10 a:active
{
  color: #6B8E23;
  text-decoration: none;
}

.Lien_Vert_14
{
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 14pt;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.Lien_Vert_14 a:link, .Lien_Vert_14 a:visited
{
  color: #6B8E23;
/*  text-decoration: none;*/
  text-decoration: underline; 
}

.Lien_Vert_14 a:hover, .Lien_Vert_14 a:active
{
  color: #6B8E23;
  text-decoration: none;
}

/******************************************************************************* 
// Propriétés des boutons
//*****************************************************************************/ 

.Bouton_8
{
  text-align:center;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 8pt;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
}

/******************************************************************************/ 
/* Début - Arrondi du cadre                                                           */
/******************************************************************************/ 
	
.arrondi
{ 
margin: 0 10%;
background: #666666
}

b.rtop, b.rbottom
{
display: block;
background: #666666
}

b.rtop b, b.rbottom b
{
display: block;
height: 1px;
overflow: hidden;
background: #FFFFFF
}

b.r1
{
margin: 0 5px
}

b.r2
{
margin: 0 3px
}

b.r3
{
margin: 0 2px
}

b.rtop b.r4, b.rbottom b.r4
{
margin: 0 1px;
height: 2px;
}

/******************************************************************************/ 
/* Fin - Arrondi du cadre                                                           */
/******************************************************************************/