body {
    /* (60px) to make the container go all the way to the bottom of the topbar */
   	padding-top: 0px;
}
T1,T2,T3,T4,T5,T6 {
	margin: 0;
	font-family: inherit;
	font-weight: bold;
	color: inherit;
	text-rendering: optimizelegibility;
}
T1 small,T2 small,T3 small,T4 small,T5 small,T6 small {
	font-weight: normal;
	color: #999999;
}
T1 {
	font-size: 30px;
	line-height: 36px;
}
T1 small {
	font-size: 18px;
}
.Hello_Pict {
        height: 600px;
        padding:0;
        background:url('../images/photo/fond_accueil_01.JPG');         
}
.Titre_Hello {
	font-size: 30px;
	line-height: 36px;
	font-weight: bolder;
	color: black;
        text-align: center;
}
.P1_Hello,
.Hello {
	font-size: 20px;
	line-height: 30px;
	font-weight: bolder;
	color: #0000FF;
        text-align: left;
}
T2 {
	font-size: 24px;
	line-height: 36px;
}
T2 small {
	font-size: 18px;
}
T3 {
	font-size: 18px;
	line-height: 27px;
}
T3 small {
	font-size: 14px;
}
T4,
T5,
T6 {
	line-height: 18px;
}
T4 {
	font-size: 14px;
}
T4 small {
	font-size: 12px;
}
T5 {
	font-size: 12px;
}
T6 {
	font-size: 11px;
	color: #999999;
	text-transform: uppercase;
}
.santé_fond { /* initilisé */
	position: absolute;
	width: 820px;
	left:50%;
	margin-left:-410px;
	top:0px;
	z-index:1;
}
.présentation {
	position:relative;
	top:0px;
	left:0px;
	z-index: 2;
	font-size:12px;
	text-align:justify;
	padding-left:50px;
	padding-right:50px;
}
.présentation p input {
	text-indent: 15px; text-align: justify; font-size:12px;
}
.presentation #foot {
	text-align:left;
	font-size:14px;
}
.cumul {
	width:1200px;
	height:500px;
}

.journalier {
	position:relative;
	background-image:url('../images/feuille_sante_m.jpg');
        border-radius: 1rem;
        box-shadow: 8px 8px 5px #444;
	width:600px;
	height:472px;
	margin-left:auto;
	margin-right:auto;
}
.TitreCadre {
	text-align: center;
	height: 63px;
	width: 1024px;
	padding-right: 00px;
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	line-height: 30px;
	text-decoration: none;
	color: #000000;
	position: relative;
	left:0px;
	top:0px;
	z-index: 2;
}
.SousTitreCadre {
	text-align: center;
	font-style: italic;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none ;
	color: #000000;
	position:relative;
	top:0px;
	left:0px;
	height:40px;
	width:1024px;
}
.table_entretien_velo {
	width: 90%;
        border: solid black ;
        position: relative;
        top: 30px;
        background-color:white;
        text-align:center;
        font-size: 14px;
}
.table_synthese_velo {
	width: 1000px; 
        border: solid black;
        border-bottom-style: ridge;
        border-right-style: ridge;
        position: relative;
        /*top: 30px;*/
        background-color:white;
        text-align: right;
        font-size: 11px;
}
.table_maintenance {
    font-size: 14px;
}
.cadre_definition_intensite_Entete,
.table_synthese_veloTH {
        color: #FFFFFF;
        font-weight: bold;
        background-color: #3f6551;
        font-size: 11px;
        text-align: center;
} 
.table_detail_velo_i {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        background-color: #D3D3D3 ;
        color: #0000;
        text-align: right;
}
.table_detail_velo_p {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #0000;    
        text-align: right;
}
.table_synthese_Pied {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        background-color: #FFFFFF ;
        color: #0000; 
        border-top-style: ridge;
        text-align: right;
 }
 .table_zones {
     font-size: 14px;
 }
 .texttableau {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal
}
.galerie_0 {
	position:relative;
	top:60px;
	text-align:center;
}
.minipictvelo  {
	width:150px;
	height:112px;
	border-style:solid;
	z-index:0;
}
.micropictvelo  {
	width:75px;
	height:56px;
	border-style:solid;
	z-index:0;
}

.minipict {
	display:block;
	width:200px;
	background-color:#D3D3D3;
	float:left;
	text-align:left;
}
.minipict a {
	display:block;
}
.minipict a img {
	width:197px;
	height:150px;
	border-style:solid;
	}
.minipict h1 {
	position:relative;
	top: 0px;
	text-align:center;
	font-weight:bold;
	font-size:10px;
	color:black;
}
.minipict p {
	position:relative;
	text-align:right;
	top: 0px;
	left:180px;
	width:16px;
	height:16px;
}
.table_info {
	border: 2px solid #808080;
	background-color: #D7DEF0;
	width: 60%;
	text-align: left;
	font-size: small;
}
.table_matos {
	border: 2px solid #808080;
	background-color: White;
	width: 60%;
	text-align: left;
	font-size: small;

}
.mycnxmodal, .mydcnxmodal {
    max-width: 400px;
}

.MyButton,.MySmallButton,.MyButtonAlert,.MySmallButtonAlert,.MyButtonInfo,.MySmallButtonInfo {
    border: 1px solid gray;
    background-color: #DDEEFF;color: black;
    color: black;
    text-align: center;
}
.MyButton,.MyButtonAlert,.MyButtonInfo{
    border-radius: 20px;
    margin: 5px 20px;padding: 8px;
    font-size:  inherit;
}
.MyButton{
    font-weight: bold;
}
.MySmallButton,.MySmallButtonAlert,.MySmallButtonInfo {
    border-radius: 10px;
    margin: 5px 10px;padding: 8px;
    font-size: 9px; 
}
.MyButtonAlert,.MySmallButtonAlert {
    background-color: #FFBCC5;
    color: red;
}
.MyButtonInfo,.MySmallButtonInfo {
    background-color: yellow;
    color: #000000;
}
.Calendar {
	z-index: 1;
	top: 20px;
	width: 500px;
        border: 1px solid #333;        
        border-radius: 1rem;
        box-shadow: 8px 8px 5px #444;
        padding: 3px 3px;
        outline: 5px ridge rgba(50, 50, 50, .2);
}
.CalendarMain {
	z-index: 1;
	top: 20px;
	width: 100%; 
        margin-left:auto;
        margin-right:auto;
        border: 1px solid #333;
        border-radius: 1rem;
        box-shadow: 8px 8px 5px #444;
        padding: 3px 3px;
        outline: 5px ridge rgba(50, 50, 50, .2);
}
.CadreSortie, .CadreSortieEdite, .CadreNatation,.CadreMarche {
	position: relative;
	top: 30px;
	z-index:1;
        /*background-color: #e6e6e6 ;*/
        /*border: solid black;*/
	/*margin-left:auto;*/
	/*margin-right:auto;*/
}
.CadreSortie {
	height: 520px;    
	width: 670px;
}
.CadreNatation,
.CadreMarche {
	height: 555px;    
	width: 950px;    
}
.CadreSortieEdite {
	height: 555px;    
	width: 780px;
}
.titre {
    position:absolute;
    top:0px;
    font-size: 20px;
    line-height: 30px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}
.titrePetit {
    font-size: 18px;
    line-height: normal;
    font-weight: bold;
    text-align: center;
    background-position: center
}
.TitreSortie,.ARTitre {
    position: absolute;
    left: 65px;
    top: 0px;
    height: 30px;
    width: 610px;
    text-align:center;
    z-index: 2;
}
.TVelo {
    position: absolute;
    top:45px;
    left: 120px; 
    height: 24px;
    width: 100px;
    text-align:right;
    z-index: 2;
    font-size:14px;
}
.NomVelo {
    position: absolute;
    left: 430px;
    height: 24px;
    width: 150px;
    text-align:left;
    z-index: 2;
}
#NomVeloEdit {
    top: 40px;
}
#NomVeloEdit0 {
    top: 50px;
}
.LeftArrow {
    z-index: 2;
    width:30px;
    position: absolute;
    left: 10%;
}
.RightArrow {
    z-index: 2;
    width:30px;
    position: absolute;
    left: 80%;
}
.LeftArrowM {
    position: absolute;
    z-index: 2;
    top: 300px;
    left: 180px;
    width:30px;
}
.RightArrowM {
    position: absolute;
    z-index: 2;
    top: 300px;
    left: 100%;
    width:3px;
}
.R_Pict{
    top:20px;
}
.AR1,.ER1{
    top:45px;
}
.AR2 {
    top:70px; 
}
.ER2 {
    top:75px;
}
.AR3{
    top:95px;
}
.ER3 {
    top:105px 
}
.ER4 {
    top:135px     
}
.ER5 {
    top:165px 
}
.ER6 {
    top:195px 
}
.ER7 {
    top:225px;
}
.ER8 {
    top:255px; 
}
.ER9 {
    top: 285px;
}
.ER10 {
    top: 315px;
}
.ER11 {
    top: 345px;
}
.AR4{
    top:120px;
}
.AR5{
    top:145px;
}
.AR6{
    top:170px;
}
.AR7 {
    top:195px;    
}

.AR8{
    top:220px;
}
.AR9{
    top:245px;
}
.AR10{
    top:270px;
}
.AR11{
    top:295px;
}
.ARt12{
    top: 327px;
}
.ARt14{
    top: 396px;
}
.ERt7 {
    top: 225px;
}
.ERt8 {
    top: 290px;
}
.ERt12 {
    top: 380px;
}
.ERt14{
    top:450px;    
}
.ARB {
    top: 460px;
}
.ERB {
    top: 502px;
}
.ERBn {
    top: 360px;
}
.ACL1,.ACL2,.ECL1,.ECL3,.ACLP,.TCL1,.TCL2,.TCLP {
    position: absolute;
    z-index: 2;
    height: 22px;
    text-align:right;
    vertical-align: super;
}
.ECLA { 
    left: 200px;
    position: absolute;
    text-align:right;
    vertical-align: super;
    z-index: 2;
}
.ECL1 {
    width: 200px;
}
.ECL3{
    width:150px;
}
.TCV1,.ACV1,.ACV1a,.ACV2,.TCV2
{
    position: absolute;
    text-align:left;
    z-index: 2;
    /*height: 22px;*/
    vertical-align: super;    
}
.TCV1 {
    width: 250px;
}
.TCV2 {
    width: 200px;
}
.ACV1{
    width: 250px;
}
.ACV2{
    width: 200px;
}
.ECV1,.ECV2,.ECV3,.ECV11 {
    position: absolute;
    text-align:left;
    z-index: 2;
    height: 23px; 
    vertical-align: inherit ; 
}
.ECV1{
    width: 215px;
}
.ECV11{
    width: 400px;
    left: 230px;
}
.ECV2 {
    width: 135px;
}
.ECV3 {
    width: 200px;
}
.input_Type, .input_Trav, .input_Deniv, .input_Dist, .input_Cad, .input_Sens, .input_FC, .input_Clim, .input_Vent, .input_Braq {
    width: 135px;
    border-top-style: inset;
    border-top-width: 2px;
}
.R2C1{
    width: 150px;
    left: 235px;
    bottom: 383px;
}
.R2C2{
    width: 200px;
    left: 525px;
}
.R3C1{
    width: 90px;
    bottom: 362px;
    left: 235px;
}
.R3C2{
    width: 150px;
    left: 525px;
}
.R4C1{
    left: 235px;
}
.R4C2{
    left: 525px;
}
.R5C1{
    left: 235px;
}
.R5C2{
    left: 525px;
}
.R5C2E{
    left: 525px;
}
.R5C3{
    left: 625px;
}
.R6C1{
    left: 235px;
}
#IntensiteEdite {
    text-align:left;
    width:200px;
}
#IntensiteAffiche {
    text-align:left;
    width:20px;
}
.R6C2{
    left: 525px;
}
.R7C1{
    left: 235px;
}
.R7C2{
    left: 525px;
}
.R8C1{ /* Identifiant parcours */
    left: 235px;
}
.R8C2{ /* Site de trac� de parcours */
    left: 340px;
    width:120px;
}
.R8C3{ /* Moyenne horaire */
    left: 525px;
    height: 22px;
}
.R8C4{ 
    left: 580px;
    height: 22px;
}
.R8bC2{ /* Braquets */
    left: 525px;
    height: 22px;
}
.R9C1{
    left: 235px;
    top: 327px;
    height:50px;
}
.EParcours, .EObservations {
    left: 235px;
}
.Zone_Texte_Edit {
    background-color:white;
    width:500px;
    height: 55px;
    border-width:3px;
    border-color:black;
    border-style: groove;
    font-size:10px
}
.Zone_Texte_Affich {
    background-color:white;
    width:390px;
    height: 50px;
    border-width:3px;
    border-color:black;
    border-style: groove;
    font-size:10px
}
.R10C1{
    left: 235px;
    top: 396px;
    height:50px;
}
.R10C2{
    left: 410px;
    top: 396px;
    height:40px;
}
.R11C1 {
    left: 110px;
    top: 460px;
}
.R11C2 {
    left:540px;
    top:460px
}
.ImprimeSortie {
    position:absolute;
    left:335px;
    top:503px
}
.ExportSortie {
    position:absolute;
    top:503px
}.R12C1 {

}
.R12C2 {

}
.Frame_Circuit {
    left:200px;
    top:700px
}
.TextSortie {
    /* Pour formattage des inputs de la page d'affichage d'une sortie */
    line-height: 25px;
    font-style: normal;
    font-size: 12px;
    font-weight: normal;
    color: black;
    vertical-align: middle;
}
#LibelleRandoEdit {
    size: 75px;
}
.cadre {
    border-style: solid;
    border-width:medium;
    border-color:black;
    padding:5px;
}
.cadrefin {
    border-style: double;
    border-width: medium;
    border-color: black;
    padding: 5px;
    margin-right:50px;
    margin-left:50px;
}
/* Pour import fichier "fitlog" */

.Fitlog_Zone{
    padding-left:2%;
    padding-bottom:2%;
    padding-right:2%;
    margin-left: 2px;
    margin-top: 2px;
    /*height: 240px; */
}
.Fitlog_Zone_L{
    float: left;
    padding-left:2%;
    padding-bottom:2%;
    padding-right:2%;
    margin-left: 2px;
    margin-top: 2px;
    height: 240px;
}
.Fitlog_Help_Zone{
    position:relative;
    padding-left:2%;
    padding-bottom:2%;
    padding-right:2%;
    top:0px;
    left:0px;
}
.Fitlog_Text {
    clear:both;
    text-align:left;
}
.Fitlog_Parcours {
    width:1000px;
    height:500px;
}
.MapBox_Parcours {
    width:1000px;
    height:500px;
}
.Fitlog_Parcours_Info {
    width:1000px;
    height:800px;
}
.Line_Plot {
    width: 95%; 
    height: 300px;
}
.synthese {
    font-size: small; font-weight: normal; line-height: normal; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left;
}
.synthese_sante {
    flex-direction: column;
}
.jauge {
    width: 150px; height: 130px;
}
.shadowbox {
  width: 100%;
  border: 1px solid #333;
  box-shadow: 8px 8px 5px #444;
  padding: 8px 12px;
  background-image: linear-gradient(180deg, #fff, #ddd 40%, #ccc);
}
.Espacement30 {
    height:30px;
}
.Espacement40 {
    height:40px;
}
.Espacement50 {
    height:50px;
}
.Espacement60 {
    height:60px;    
}
.Espacement90 {
    height:90px;
}
.Espacement120 {
    height:120px;
}
.Texte_cadre_parc
{
	position: relative; left: 20px; width: 470px; height: 74px; z-index: 3; text-align: left;
}
.Msg_cadre_parc
{
	position: absolute; width: 470px; height: 150px; z-index: 3; text-align: left;
	color: #FF0000;	font-weight: bolder; left:116px;
}

.Param_velo {
	position:relative;
	top:30px;
	background-image: url('../images/Edite_Velo.gif');
	width:836px;
	height:411px;
	border:0;
	text-align:center;
	z-index:1;
        line-height: normal;
}
.Param_velo .Text0 {
	font-size:11px;
	position: absolute;
	text-align:right;
	width: 709px;
	z-index: 2;
	left: 78px;
	top: 63px;
	font-weight:bold;
	}
.Param_velo .Text1 {
	font-size:10px;
	position: absolute;
	text-align:left;
	width: 559px;
	z-index: 2;
	left: 78px;
	top: 75px;
	font-style:italic;
}
.Param_velo .Text2 {
	font-size:10px;
	position: absolute;
	text-align:left;
	width: 205px;
	z-index: 2;
	left: 428px;
	top: 154px;
}
.Param_velo .Text3 {
	font-size:11px;
	position: absolute;
	text-align:left;
	width: 316px;
	z-index: 2;
	left: 91px;
	top: 141px;
        font-weight: 900;
}
.Param_velo .Text4 {
	font-size:11px;
	position: absolute;
	text-align:left;
	width: 106px;
	z-index: 2;
	left: 91px;
	top: 292px;
        font-weight: 900;
}
.Param_velo .Text5 {
	font-size:11px;
	position: absolute;
	text-align:left;
	width: 106px;
	z-index: 2;
	left: 91px;
	top: 362px;
        font-weight: 900;
}
.Param_velo .Text6 {
	font-size:11px;
	position: absolute;
	text-align:nter;
	width: 150px;
	z-index: 3;
	left: 580px;
	top: 362px;
        font-weight: 900;
}
.Param_velo .Input1 {
	position: absolute;
	width: 100px;
	height: 30px;
	z-index: 2;
	left: 632px;
	top: 94px;
}
.Param_velo .Input2 {
	position: absolute;
	width: 90px;         
	height: 30px;
	z-index: 2;
	left: 667px;
	top: 208px;
}
.Param_velo .Input3 {
	position: absolute;
	width: 90px;
	height: 30px;
	z-index: 2;
	left: 150px;
	top: 260px;
}
.Param_velo .Input4 {
	position: absolute;
	width: 696px;
	height: 30px;
	z-index: 2;
	left: 91px;
	top: 324px;
	text-align:left;
}
.Param_velo .Input5 {
	position: absolute;
	width: 50px;
	height: 30px;
	z-index: 2;
	left: 180px;
	top: 362px;
	text-align:left;
}
.Param_velo .Input6 {
	position: absolute;
	width: 5px;
	height: 30px;
	z-index: 3;
	left: 728px;
	top: 362px;
	text-align:left;
}
.Param_velo .Créer {
	position: absolute;
	width: 68px;
	height: 36px;
	z-index: 2;
	left: 697px;
	top: 270px;
}
/* Pour corriger un probl�me de padding sur les peties d�finitions d'�cran (smartphones) */
.row {
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 0px;
    margin-right: 0px;
}
.CadreCamembert {
/*        border: 2px;
        border-radius: 25px;
        box-shadow: 5px 10px;
    */
}
.cadre_definition_intensite {
        border: 2px;
/*        border-radius: 25px;
        box-shadow: 5px 10px;*/
       border: solid black;
       border-bottom-style: ridge;
       border-right-style: ridge;
       background-color:white;
       font-size: 10px; 
       text-align: left;
       padding-left: 10px;
       padding-right: 0px;
     /*  padding-bottom: 10px; */
       margin-bottom: 10px;
       max-width: 480px;
       min-width: 450px;
       min-height: 300px;
}
#Zone1, #Zone2, #Zone3, #Zone4, #Zone5, #Zone6, #Zone7 {
    /* function affiche_camemberts */
    max-width: 1000px;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px
}
#Graph_durée, #Graph_sens, #Graph_sens0, #Graph_durée3, #Graph_durée4, #Graph_durée5, #Graph_zone{
    width: 100%;
    max-width: 500px;
    padding-left: 0px;
    padding-right: 0px;
}
.currentPosition{
        border:3px solid black;
        width:300px;
        height:100%;
        box-shadow: 4px 4px 4px darkblue;
        margin-left:auto;
        margin-right:auto;
        /*margin-top:20px;*/	
        margin-bottom:20px;
        background-color:white;	

}
.currentPosition h2{
        background-color:black;
        color:white;
        font-family:arial;
        font-size:24px;
        text-align:center;
        border-bottom:3px solid black;
        margin:-10px;
        margin-bottom:10px;
}
.currentPosition h3 {
        color:black;
        font-family:arial;
        font-size:25px;
        float:left;
        width: 165px;
        text-align: center;	
}
.currentPosition h4{
        color:black;
        font-family:arial;
        font-size:24px;
        width:300px;
        text-align:center;
        padding-top:80px;
}
.currentPosition h5{
        color:black;
        font-family:arial;
        font-size:18px;
        width:300px;
        text-align:center;
        margin-top:-10px;
}
.currentPosition p{
        color:black;
        font-family:arial;
        font-size:16px;
        width:300px;
        text-align:center;
        /*margin-top:-25px;*/
        margin-bottom:20px;
}
.currentPosition img{
        float:left;			
}
.selectForm, .MapMeteo{
    text-align: center;
    /*margin-left: auto;*/
    /*margin-right: auto;*/
}
/* Sur tous types d'écran, quand la largeur de la fenètre est superieure à 1024px */
@media all and (min-width: 1024px)
{
/* Pour corriger un problème de padding sur les peties définitions d'écran (smartphones) */
    .row {
        padding-left: 0px;
        padding-right: 0px;
    }
    .MyButton {
        border: 1px solid gray;
        border-radius: 20px;
        margin: 5px 20px;padding: 8px;
        background-color: #DDEEFF;color: black;
        font-weight: bold;
    }
    .MySmallButton {
        border: 1px solid gray;
        border-radius: 10px;
        margin: 5px 10px;padding: 8px;
        background-color: #DDEEFF;color: black;
        font-weight: bold;
        font-size: 9px; 
    }
    .Param_velo {
/*            position:relative;
            top:30px;*/
/*            margin-left:auto;
            margin-right:auto;*/
/*            background-image: url('../images/Edite_Velo.gif');
            width:836px;
            height:411px;
            border:0;
            text-align:center;
            z-index:1;
            line-height: normal;*/
    }
    .CadreSortie,
    .CadreSortieEdite {
        background-color: white ;
	background-image: url('../images/carnet_fond_V2.1.gif');
        background-size: 950px;
	background-repeat:no-repeat;
        border: none ;
	height: 580px;
        margin-left: 0px;
	margin-right: 0px; 
        min-width: 950px;
        line-height: normal;
    }
    .CadreMarche,.CadreNatation {
        background-color: white ;
        background-size: 900px;
	background-repeat:no-repeat;
        border: none ;
	height: 580px;
        margin-left: auto;
	margin-right: auto; 
        min-width: 950;
        line-height: normal;

    }
    .CadreMarche {
	background-image: url('../images/Cadre_marche_01.gif');
    }
    .CadreNatation {
	background-image: url('../images/Cadre_natation_03.gif');
    }
    .TitreSortie,.ARTitre {
        left: 150px;
        top: 15px;
    }
    .TCL1 {         /* pour affichage et saisie marche et natation */
        left: 20px;
        width: 200px;
    }
    .TCL2{
        left: 490px;
        width:150px;
    }
    .ACL1{
        left: 120px;
        width: 200px;
    }
    .ACL2{
        left: 555px;
        width:150px;
    }
    .ACL3{
        left: 470px;
        width:150px;
    }
    .TCLP{          /* pour affichage DE LA VIGNETTE DANS cadre marche et natation */
        right: 120px;
        width:150px;        
    }
    .ACLP{
        left: 700px;
        width:150px;
    }
    .TC2b{
        left: 527px;
        width:150px;
    }
    .TC3{
        left: 655px;
        height: 22px;
    }
    .ECLA { 
        left: 250px;
    }
    .ECL1 {
        left: 120px;
    }
    .ECL3 {
        left: 555px;
    }
    .TCV1 {
        left: 230px;    
    }
    .TCV2 {
        left: 650px;
    }
    .ACV1,.ECV1{
        left: 325px;
    }
    .ACV1a{
        left: 430px;
    }
    .ACV2,.ECV3{
        left: 710px;
    }
   .ECV2 {
        left: 405px;
    }
    .R8C2{ 
        left: 430px;
        width:120px;
    }
    .Zone_Texte_Affich {
        width:530px;
        height: 50px;
    }
    .Zone_Texte_Edit {
        background-color:white;
        width:530px;
        height: 55px;
        border-width:3px;
        border-color:black;
        border-style: groove;
        font-size:11px
    }
    .ImprimeSortie {
        left:380px;
    }
    .ExportSortie {
        left:540px;
    }
    .ARt12{
        top: 335px;
    }
    .ARt14{
        top: 395px;
    }
    .AR4{
        top:120px;
    }
    .AR6{
        top:170px;
    }
    .AR7{
        top:195px;
    }
    .ER2{
        top:75px;
    }
    .ER3{
        top:105px;
    }
    .ER4{
        top:135px;
    }
    .ERt7 {
        top: 225px;
    }
    .ERt8 {
        top: 290px;
    }
    .ERt12{ 
        top: 380px;
    }
    .ERt14{ 
        top: 450px;
    }

    .ERB, .ARB{
        top: 503px;
    }
    .ERBn {
        top: 360px;
    }
    .R_Pict{
        top:20px;
    }
}
@media print
{
    .publicite,.no_print  {
        display:none;
    }
    .CadreSortie,
    .CadreNatation,
    .CadreMarche,
    .CadreSortieEdite {
        background-color: white ;
        background-size: 700px;
	height: 550px;
        min-width: 700px;
	width: 70%;
    }
}