@charset "utf-8";
/* CSS Document */

<script src="SpryAssets/SpryMenuBar.js" type="text/javascript">
<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />

</script>


body {
	background-image: url();
	background-repeat: repeat;
	background-color: #FFFFFF;
}

@font-face {
    font-family: 'p_pasteur'; /* Nom de la police */
    src: url('../fonts/pppppp_pateur.ttf') format('truetype'),
    font-weight: normal;
    font-style: normal;
}

	 	/* bordure droite de la zone fixe */
.menu3 { /* menu fixe à gauche de l'écran */
background: white;
align:center;
top:0px;
margin-left:0px;
padding-left:10px;
margin-top:0px;
margin-bottom:5px;
position:fixed;
width: 100vw;
}

p{ 
} 

.alinea {
  text-indent:12px;
margin-top:-12px;
}
	
.sansalinea {
margin-top:0px;
}

.sansalinea2 {
margin-top:0px;
}


.mot-outil {
display: block;
}

.marge {
margin-left: 10px;
}

.marge2 {
margin-left: -5px;
}

.upp {
margin-bottom: 6px;
}

.upp1 {
margin-bottom: -5px;
}

.padd {
padding-bottom: -1px;
} 

.pradd {
padding-right: -12px;
}

.no-resize {
    width: auto !important;  /* La largeur reste fixe, ne sera pas affectée par le JavaScript */
    height: auto !important; /* Conserver la hauteur proportionnelle */
    max-width: 600px; 
	margin-bottom:  -top: -2px/* Limite maximale si nécessaire */
}

.Style25 {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 11px;
line-height: 150%;
text-decoration:none;
color: #0033FF;
max-width: 600px;
margin-right:10px;
margin-top:3px;
}

.Style26 {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 11px;
line-height: 150%;
text-decoration:none;
color: #0033FF;
max-width: 600px;
margin-right:2px;
margin-top:-1px;
}


.Style9 {
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
line-height:130%;
font-weight: normal;
color: #0033FF;
text-align: left;
word-break: normal;
max-width: 600px;
}

.Style99 {
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
line-height:130%;
font-weight: normal;
color: #0033FF;
text-align: left;
word-break: normal;
max-width: 600px;
margin-top:-10px;
}

.Style999 {
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
line-height:130%;
font-weight: normal;
color: #0033FF;
text-align: left;
word-break: normal;
max-width: 600px;
margin-top:7px;
margin-bottom:23px;
}



.Style10 {
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
line-height:134%;
font-weight: normal;
color: blue;
text-align: left;
word-break: normal;
margin-top:-5px;
max-width: 600px;
}

.Stylep {
font-family: p_pasteur;
font-size:16px;
line-height:134%;
font-weight: normal;
color: blue;
text-align: left;
word-break: normal;
margin-top:-5px;
max-width: 600px;
}

@font-face {
    font-family: 'p_pasteur'; /* Nom de la police */
    src: url('../fonts/pppppp_pateur.ttf') format('truetype'),
    font-weight: normal;
    font-style: normal;
}

 .custom-exposant {
            font-size: 2px; /* Ajuste la taille de l'exposant */
            vertical-align: 3em; /* Réglage manuel de l'alignement vertical */
	 margin-left:1.5px;
        }

.Stylex {
font-family: p_pasteur;
font-size:9px;
line-height:134%;
font-weight: normal;
color: blue;
text-align: left;
word-break: normal;
padding-top:0px;
max-width: 600px;
}



.Style11 {
font-family: Arial, Helvetica, sans-serif;
font-size: 30px; 
line-height: 120%;
font-weight: bold;
align: left;
color: #0033FF;
max-width: 600px;
}


.Style122 {
font-family: Arial, Helvetica, sans-serif;
font-size: 25px; 
line-height: 120%;
font-weight: bold;
align: left;
color: #0033FF;
max-width: 600px;
}




body a:link,
body a:visited {
    color: #0033FF !important; /* Couleur bleue pour les liens non visités et visités */
    text-decoration: none !important; /* Pas de soulignement */
}

/* Au survol et au focus */
body a:hover
{
    color: rgb(0, 255, 0) !important; /* Couleur orange pour le survol */
    text-decoration: none !important; /* Pas de soulignement */
}

body a:focus {
    color: rgb(0, 255, 0) !important; /* Couleur orange pour le survol */
    text-decoration: none !important; /* Pas de soulignement */
}

/* Lors du clic */
body a:active {
    color: rgb(0, 255, 0) !important; /* Couleur orange au clic */
    text-decoration: none !important; /* Pas de soulignement */
}
	  
 img {
            width: 98%;        /* L'image occupe 100% de la largeur disponible */
            max-width: 580px;    /* Mais ne dépassera pas 580 pixels */
            height: auto;        /* Conserver les proportions de l'image */
			border: 1px blue;
        }
		
		 hr {
            width: 98%;  /* 100% de la largeur de l'écran */
			max-width: 580px;    /* Mais ne dépassera pas 580 pixels */
            height: 1px;   /* Épaisseur du filet */
            background-color: #0033FF;  /* Couleur du filet *
			align : left;

/* début du hack "fixed" permettant de fixer les menus sous IE */

body { /* redéfini les propriétés de toute la page */ 
overflow-y: hidden ; /* fonction microsoft supprimant les ascenseurs sous IE */
margin: 0px 0% 0% 0%;
 /* la marge du body est à 0 pixels, sauf à gauche et en haut */
padding: 0 } /* marge intérieur à 0 pixels */

html > body {overflow-y: auto} /* annule le overflow-y pour firefox 1.5 et supérieur */

.content { /* boite prenant toute la page sauf le menu rouge */
height: 100%;
top: 0x; /* la hauteur de la boite occupe 100% de l'écran */
overflow: auto;
left: 60%;
} /* on rajoute un ascenseur droit à la boite */
/* fin du hack "fixed" permettant de fixer le menu rouge sous IE */
/* bordure droite de la zone fixe */
			 
.boite {width:100% ; height:2000px ; margin-left:10px ; margin-right:10px} /* boite servant à faire défiler l'écran, en débordant de la page */

.boite {z-index: 3} /* boite servant à faire défiler l'écran, en débordant de la page */

.menu3 {z-index: 1}