/* CSS Document */

body{
background-color:#D3C796;
margin:0px 0px 0px 0px;

}

.bandeauHaut{
	background-image:url(../images/badeau_haut.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	height:82px;
	border-bottom:1px solid #000000;
	text-align:right;
	vertical-align:bottom;
}

.petitParcheminAccueil{
  margin-right:25%;
  margin-top:0px;
}

.boutonAide{
  margin-right:25%;
  margin-top:60px;
	background-color:#C0AF6A;
	color:#630B0B;
	border: 1px solid #000000;
}
.boutonAide2{
  margin-right:5%;
  margin-top:60px;
	background-color:#C0AF6A;
	color:#630B0B;
	border: 1px solid #000000;
}
.boutonAccueil{
  margin-right:18%;
  margin-top:60px;
	background-color:#C0AF6A;
	color:#630B0B;
	border: 1px solid #000000;
}
img{
    border: 0px;
}

.lienBandeauHaut{
	padding-left:4px;
	color:#630B0B;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}

.bandeauBas{
	padding-left:4px;
	color:#630B0B;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
}

.parchemin{
	background-image:url(../images/parchemin.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:636px;
	/*
        width:758px;
	*/
        width:628px;
        padding-top:20px;
	padding-left:18px;
	padding-right:0px;
	padding-bottom:0px;

}

.parcheminP{
	background-image:url(../images/parchemin.gif);
	background-position:top left;
	background-repeat:no-repeat;
	/*
        height:636px;
	*/
        height:606px;
        /*
        width:758px;
	*/
        width:628px;
	padding-top:20px;
	padding-left:18px;
	padding-right:0px;
	padding-bottom:0px;

}

.parcheminAccueil{
	background-image:url(../images/parchemin_accueil.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	height:636px;
	width:758px;
	padding-top:20px;
	padding-left:18px;
	padding-right:0px;
	padding-bottom:0px;
}

.titreParchemin{
	color:#4A3D08;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:18px;
	padding-left:5px;
}

.contenuParchemin{
	width:520px;
	height:430px;
	padding-right:5px;
	overflow: auto;

	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;

	scrollbar-face-color: #E0D7B6;
	scrollbar-shadow-color: #4A3D08;
	scrollbar-highlight-color: #4A3D08;
	scrollbar-3dlight-color: #E0D7B6;
	scrollbar-darkshadow-color: #E0D7B6;
	scrollbar-track-color: #E0D7B6;
	scrollbar-arrow-color: #4A3D08;
}

.parcheminC{
	background-image:url(../images/parcheminC.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:536px;
	width:850px;
	padding-top:20px;
	padding-left:18px;
	padding-right:0px;
	padding-bottom:0px;

}

.contenuParcheminC{
	width:850px;
	height:400px;
	padding-right:5px;
	overflow: auto;

	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;

	scrollbar-face-color: #E0D7B6;
	scrollbar-shadow-color: #4A3D08;
	scrollbar-highlight-color: #4A3D08;
	scrollbar-3dlight-color: #E0D7B6;
	scrollbar-darkshadow-color: #E0D7B6;
	scrollbar-track-color: #E0D7B6;
	scrollbar-arrow-color: #4A3D08;
}

.contenuParcheminR{
	width:850px;
	height:350px;
	padding-right:5px;
	overflow: auto;

	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;

	scrollbar-face-color: #E0D7B6;
	scrollbar-shadow-color: #4A3D08;
	scrollbar-highlight-color: #4A3D08;
	scrollbar-3dlight-color: #E0D7B6;
	scrollbar-darkshadow-color: #E0D7B6;
	scrollbar-track-color: #E0D7B6;
	scrollbar-arrow-color: #4A3D08;
}

.contenuParcheminRb{
	width:850px;
	height:250px;
	padding-right:5px;
	overflow: auto;

	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;

	scrollbar-face-color: #E0D7B6;
	scrollbar-shadow-color: #4A3D08;
	scrollbar-highlight-color: #4A3D08;
	scrollbar-3dlight-color: #E0D7B6;
	scrollbar-darkshadow-color: #E0D7B6;
	scrollbar-track-color: #E0D7B6;
	scrollbar-arrow-color: #4A3D08;
}

.contenuParcheminRc{
	width:700px;
	height:400px;
	padding-right:5px;
	overflow: auto;

	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;

	scrollbar-face-color: #E0D7B6;
	scrollbar-shadow-color: #4A3D08;
	scrollbar-highlight-color: #4A3D08;
	scrollbar-3dlight-color: #E0D7B6;
	scrollbar-darkshadow-color: #E0D7B6;
	scrollbar-track-color: #E0D7B6;
	scrollbar-arrow-color: #4A3D08;
}

.contenuParcheminPoeme{
	width:580px;
	/*
        height:345px;
	*/
        height:310px;
        padding-right:5px;
	overflow: auto;

	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;

	scrollbar-face-color: #E0D7B6;
	scrollbar-shadow-color: #4A3D08;
	scrollbar-highlight-color: #4A3D08;
	scrollbar-3dlight-color: #E0D7B6;
	scrollbar-darkshadow-color: #E0D7B6;
	scrollbar-track-color: #E0D7B6;
	scrollbar-arrow-color: #4A3D08;
}

.contenu2Parchemin{
	width:520px;
	padding-top:10px;
	padding-left:20px;
}

.contenu2ParcheminAgain{
	width:520px;
	padding-top:10px;
	padding-left:0px;
}

.poeme{
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
	font-weight:bold;
}

.espacementParchemin{
	height:50px;
}

.petit{
	font-size:8px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.menuPetit{
	color:#630B0B;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:25px;
	font-size:8px;
	width:202px;
	padding-left:14px;
	padding-bottom:20px;
	background-image:url(../images/fond_menu.jpg);
	background-repeat:repeat-y;
}

.menuPetitC{
	color:#630B0B;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:8px;
	width:202px;
	padding-left:14px;
	padding-bottom:20px;
	background-image:url(../images/fond_menu.jpg);
	background-repeat:repeat-y;
}

.attention{
	color:#FF0000;
	font-weight:bold;
	line-height:25px;
	font-size:14px;
}

a.lienParchemin{
	color:#630B0B;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}

a.lienParchemin:hover{
	color:#630B0B;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:overline underline;
}

a.lien{
	color:#630B0B;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
}

a.lien:hover{
	color:#630B0B;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration:overline underline;
}

a.lien5555555{
	color:#630B0B;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
}
lien5555555{
	color:#630B0B;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
}
a.lien5555555:hover{
	color:#630B0B;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	text-decoration:overline underline;
}

.separationMenuBas{
	color:#D3C796;
	padding-left:3px;
	padding-right:3px;
}

.bandeauHaut, .bandeauBas{
	background-color:#C0AF6A;
}

.emplacementMenus{
	padding-left:7px;
	padding-top:5px;
}

.titreChoixPoeme{
	background-image:url(../images/choix_poeme.jpg);
}

.titreChoixSupport{
	background-image:url(../images/choix_support.jpg);
}

.titreSuiviCommande{
	background-image:url(../images/suivi_commande.jpg);
}
.titreChoix{
	background-image:url(../images/fond_choix.jpg);
}
.titreChoixChoix{
        color:#4A3D08;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
        
}
.titrePrincipe{
	background-image:url(../images/principe.jpg);
}
.titreAide{
	background-image:url(../images/aide.jpg);
}
.titreModePaiement{
	background-image:url(../images/mode_paiement.jpg);
}

.titrePrincipe, .titreAide, .titreModePaiement{
  background-position:bottom left;
	background-repeat:no-repeat;
	width:222px;
	height:68px;
}

.menuDroit{
	color:#630B0B;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:25px;
	font-size:12px;
	width:193px;
	padding-left:14px;
	padding-bottom:20px;
	background-image:url(../images/fond_menu.jpg);
	background-repeat:repeat-y;
}

.titreChoixPoeme, .titreChoixSupport, .titreSuiviCommande, .titreChoix{
	background-position:bottom left;
	background-repeat:no-repeat;
	width:222px;
	height:68px;
}

.menu{
	color:#630B0B;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:25px;
	font-size:12px;
	width:222px;
	padding-left:14px;
	padding-bottom:20px;
	background-image:url(../images/fond_menu.jpg);
	background-repeat:repeat-y;
}

.menuP{
	color:#630B0B;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:25px;
	font-size:12px;
}

.espacementMenu{
	height:10px;
}

.bouton{
	background-color:#C0AF6A;
	color:#630B0B;
	border: 1px solid #000000;
}

.bouton2{
	background-color:white;
	color:#630B0B;
        font-weight: bold;
	border: 0px solid #000000;

        color:#630B0B;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:25px;
	font-size:12px;
}
.bouton2:hover{
    font-size: larger;
}

.boutonCommande{
	background-color:#C0AF6A;
	color:white;
        font-weight: bold;
	border: 0px solid #000000;

        color:#630B0B;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:25px;
	font-size:14px;
}
.boutonCommande:hover{
    font-size: 18px;
}

.bouton3{
	background-color:white;
	color:#630B0B;
        font-weight: bold;
	border: 0px solid #000000;

        color:#630B0B;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:25px;
	font-size:16px;
        padding:10px;
}
.bouton3:hover{
    font-size: larger;
}

.descriptifBouton2:hover{
    font-size: larger;
}

.champParchemin{
	background-color:#E0D7B6;
	color:#000000;
	border:1px solid #630B0B;
}

.titreSection{
	font-size:14px;
	font-weight:bold;
	color:#4A3D08;
	border-bottom:1px solid #4A3D08;
	width:200px;
}

.tableauParchemin{
	border: 1px solid #4A3D08;
}


.indication{
	font-weight:bold;
	font-size:11px;
}

.obligatoire{
	color:#FF0000;
        font-size: 14px;
}

.texte{
    font-size: 14px;
}

.valider{
	padding-left:4px;
	color:#630B0B;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

.titreFAQ{
	color:#630B0B;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
}

* {
   font-size: 11px; /* on dŽfinit les propriŽtŽs de texte pour toutes les balises */
   font-family: Tahoma, Verdana, Arial, serif;
}
a.info {
   position: relative;
   color: black;
   text-decoration: none;
   border-bottom: 1px gray dotted; /* on souligne le texte */
}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info div {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on dŽfinit une valeur pour l'ordre d'affichage */

   cursor: help; /* on change le curseur par dŽfaut en curseur d'aide */
}
a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   /*white-space: nowrap;  on change la valeur de la propriŽtŽ white-space pour qu'il n'y ait pas de retour ˆ la ligne non-dŽsirŽ */

   width:200px;
   top: 0px; /* on positionne notre infobulle */
   left: 20px;

   background: white;

   color: green;
   padding: 3px;

   border: 1px solid green;
   border-left: 4px solid green;
}

a.info:hover div {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   white-space: nowrap; /* on change la valeur de la propriŽtŽ white-space pour qu'il n'y ait pas de retour ˆ la ligne non-dŽsirŽ */

   top: 30px; /* on positionne notre infobulle */
   left: 20px;

   background: white;

   color: green;
   padding: 3px;

   border: 1px solid green;
   border-left: 4px solid green;
}