﻿<STYLE>
#cesure {
	text-align: justify;
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}
#imageDialog {
	border-radius: 0px;
	/*border: 3px solid white;*/
	!important!
}
#imageDialogTitle {
	font-family: Arial, Sans-Serif;
	font-style: oblique;
	color: gray;
	font-weight: normal;
	background-color: white;
	margin-top: 0px;
	/* Règle la border supérieure        3px*/
	margin-bottom: 0px;
	/*   -6px */
	text-align: center;
}
#imageDialogTitle::after {
	width: 0px;
	height: 0px;
	float: right;
	display: block;
	cursor: auto;
	content: "";
	background: red;
}

#imageDialogClass{ /*
	width: 100w;
	heigth: 100w; */
}

#popupPanel-popup {
	/*   */
	right: auto !important;
	left: 0 !important;
}
#popupPanel {
	box-sizing: border-box;
	position: fixed;
	/* Aw */
	/*top: 105px;*/
	top: 125px;
	width: 200px;
	max-height: calc(100% - 180px);
	overflow-y: auto;
	/*background: #96B3C9;*/
	background: transparent;
	border: 1px solid transparent;
	
	margin-right: 0;
	margin-left: 0;
	}
#popupPanel .ui-btn {
	/*margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 10px;
	border-radius: 0px;*/
	/*Coins des boutons non arrondis
	border: 0px solid black;
	border-bottom: 2px solid white;*/
	/*box-shadow: 0px 0px 2px #2078BB;*/
	box-shadow: 0px 0px 1px black;
	
}
/* Pour petits blancs */

.pb {
	font-size: 7px;
}
div.c3 {    
	box-sizing: border-box;
	border: 0px solid black ; 
	margin: auto; margin-top: -4px;
	text-align: center;
	}
span.c2 {
	font-family: arial, sans serif;
	font-size: 9px;
	font-weight: normal;
	font-style: italic;
	line-height: -5;
	color: #626262;
	/*text-shadow: 1px 1px 2px ;*/
	color: black;  /* couleur du texte seul*/
	
	
}
span.c1 {
	font-size: 18px;
	vertical-align: -3px;
	font-weight: normal;
	line-height: 0;
	color: #626262;
	color: black;  /*couleur du signe © */
}
/* Boutons texte calé à droite*/
.btxt:link {
	display: inline-block;
	margin: 1px 1px 0 auto;
	width: 100px;
	font-family: arial;
	font-weight: normal;
	font-style: italic;
	font-size: 13px;
	color: black;
	padding: 2px 6px 2px 6px;
	border-radius: 8px;
	text-align: center;
	text-decoration: none;
	border: 1px solid gray;
	}
.btxt:hover {
	margin: 0 0 1px auto;
	color: black;
	}
.btxt1:link {
	/*display: inline;*/
	display: block;
	margin: -6px 0px 0 auto;
	width: 60px;
	font-family: arial;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	color: white;
	padding: 3px 6px 2px 6px;;
	order-radius: 16px;
	border-radius: 0px;
	text-align: center;
	text-decoration: none;
	border: 1px solid white;
	text-shadow: 0px 0px 0px #000000;
	box-shadow: inset 1px 1px 1px #48718E, 0.5px 0.5px 0.5px black;
	/*background: #A2BCD0;*/
	}
.btxt1:hover {
	margin: -7px -1px 1px auto;
	color: white;
	}
.btxt1:visited {
	border: 1px solid white;
	text-shadow: 0px 0px 1px #000000;
	box-shadow: inset 1px 1px 1px #48718E, 0.5px 0.5px 0.5px black;
	background: #A2BCD0;	
	}
.btxt1:active {
	border: 1px solid white;
	text-shadow: 0px 0px 1px #000000;
	box-shadow: inset 1px 1px 1px #48718E, 0.5px 0.5px 0.5px black;
	background: #A2BCD0;	
	}
.btxt2:link {
	/*display: inline;*/
	display: block;
	/*margin: -10px 23px 0 auto;  pour marge droite 23px */
	margin: -6px 15px 0 auto;
	width: 100px;
	font-family: arial;
	font-weight: normal;
	font-style: normal;
	font-size: 13px;
	color: white;
	padding: 2px 6px 2px 6px;;
	border-radius: 16px;
	text-align: center;
	text-decoration: none;
	border: 1px solid gray;
	text-shadow: 0px 0px 0px transparent;
	/*text-shadow: 0px 0px 1px #000000;*/
	/*box-shadow: 1px 1px 6px gray;*/
	}
.btxt2:hover {
	/*margin: -11px 22px 1px auto;  pour marge droite 23px */
	margin: -7px 14px 1px auto;
	color: white;
	background: silver;
	}
.btxt3:link {
	/*display: inline;*/
	display: block;
	margin: -6px 0px 0 auto;
	font-family: arial;
	font-weight: normal;
	font-style: normal;
	font-size: 13px;
	color: white;
	padding: 0px 0px 0px 0px;
	border-radius: 0px;
	text-align: center;
	text-decoration: none;
	border: 0px solid silver;
	text-shadow: 1px 1px 1px #000000;
	}
.btxt3:hover {
	margin: -7px -1px 1px auto;
	/*background: #1CA5FC;*/
	}
.btxt3:visitedXX {
	border: 1px solid white;
	text-shadow: 0px 0px 1px #000000;
	box-shadow: inset 1px 1px 1px #48718E, 0.5px 0.5px 0.5px black;
	background: #A2BCD0;	
	}
.btxt3:activeXX {
	border: 0px solid white;
	text-shadow: 0px 0px 1px #000000;
	box-shadow: inset 1px 1px 1px #48718E, 0.5px 0.5px 0.5px black;
	background: #A2BCD0;	
	}

.gris1 {
     font-size: 20px;
     font-weight: normal;
     font-style: italic;
     color: gray;
     text-align: center;
    }
.noir1 {
    width: 80%;
    margin: auto;
     font-size: 24px;
     font-weight: bold;
     font-style: normal;
     text-align: center;
    }
.cesure {
     word-break: break-word;
     -webkit-hyphens: auto;
     -moz-hyphens: auto;
     -ms-hyphens: auto;
     -o-hyphens: auto;
     hyphens: auto;
    }	
	
.aaa:link {
	   display: block; 
           width: 140px; 
           font-family: arial; 
           font-size: 14px; 
           font-weight: normal;
           color: #30A4FE; 
           padding: 4px; 
           border-radius: 10px; 
           text-align: center; 
           text-decoration: none; 
           border: 1px solid gray; 
           margin: 10px auto 0px auto; }
           
.aaa:hover {
	   color: red;  
           border: 2px solid black; 
           border-radius: 10px; 
           margin: 8px auto 0 auto; }

#popupPanel { box-sizing: border-box;
      /*margin-left: 0px;*/
        margin-left: 10px;
        /*width: 200px; height: 250px; border: 1px solid red;*/  }

.titre1 {
    font-family: Arial, Helvetica,Sans-serif;
    font-size: 24px;
    font-weight: bold;
    font-style: italic;
    color: black;
    }
.titre2 {
    position; absolute;
    font-family: Arial, Helvetica,Sans-serif;
    font-size: 24px;
    font-weight: bold;
    font-style: italic;
    margin-top: 5px; 
    margin-left: -5px;
    text-align: left; 
    transform: rotate(-4deg); 
    font-size: 32px; 
    font-style: itqlic; 
    text-shadow: 1px 1px 0px black, 
    4px 4px 1px silver; 
    color: #0094EA;
    }
    .titre3 {
    position; absolute;
    font-family: Arial, Helvetica,Sans-serif;
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
    margin-top: 5px; 
    margin-left: -5px;
    text-align: left; 
    transform: rotate(-4deg); 
    font-size: 24px; 
    font-style: italic; 
    text-shadow: 1px 1px 0px black, 
    4px 4px 1px silver; 
    color: #0094EA;
    }
.texte1 {
    font-family: Arial, Helvetica,Sans-serif;
    font-size: 15px;
    line-height: 120%;
    font-weight: normal;
    font-style: normal;
    color: nlack;
    text-align: justify;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}
.texte2 {
    font-family: Arial, Helvetica,Sans-serif;
    font-size: 12px;
    line-height: 120%;
    font-weight: normal;
    font-style: normal;
    color: gray;
    text-align: justify;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}
.inter1 {
    font-family: Arial, Helvetica,Sans-serif;
    font-size: 18px;
    line-height: 120%;
    font-weight: bold;
    font-style: italic;
    /*text-shadow: 0px 1px 0px black;*/
    color:#0086D3;
    text-align: left;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}
/* =======================================================*/
/*ul {
    list-style:none;
    font-style: normal;
    margin-top: 0px;
    /*padding-right: 100px; 
    }
li {
    margin-left:-1.5em; /*ensemble du pavé
    padding-left: 0em;  /*ensemble du pavé vers la droite seulement
    text-indent:-1.2em;   /*1re ligne seulement
    padding-top:7px;    /*Espacement ds paragraphes
    }
li:before {
    font-weight: bold;
    vertical-align:middle;
    font-size: 16px;
    content:"×";
    color: #2492FF;
    }
 */       
/* ======================================================*/       

::marker {
    color: red;
    font-size: 14px;
    font-weight: bold;
    }

.liste2 {
    list-style-type: "➤ " ;
    /*list-style-position : inside; */
    /*list-style-image    : url(/img/style_css/puce.gif); */
    }

.liste3 {
    list-style-type: "–  ";
    font-size: 12px;
    /*list-style-position : inside;*/
    }

.liste4 {
    /*list-style-type: none;*/
    /*list-style-type: "➤"; */
    /*list-style-type: "●&ensp;"; */

    list-style-type: " ";    /* black circle for records + demi-cadration */
    list-style-position: inside ;
    margin-left: -40px;
    }

ul {
    margin-top: 0px;
    margin-left: -20px;
    }

li {
    position:relative;
    padding-top: 7px;
    }
        
                
@media (min-width: 925px)       /* AW 1070px  */
{#popupPanel { 
	/*margin-left: calc(50vw - 544px);*/
	margin-left: calc(50vw - 460px);      /* AW  50vw - 500px   */
        /*background: #902323; */
        border: 0px solid red;}}		
</style>



