/*# CSS perso */

/*a:link 
{ 
text-decoration:none;
color: inherit;
}
*/

.bodyguematrie {
	/*modifié pour centrage vertical*/
    height:100%;
	margin: 20px;
	padding:0;
	/*Fin de la modification*/
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align:center;
  background-color: #fff;
  background-image:url(../../illustrations/manuscrit.jpg);
}

.login {
padding: 10px 10px;
max-width: 320px;
margin-left:auto;
margin-right:auto;
text-align: center;
font-weight: bold;
background-image:url(../../IMG/papier.jpg);
border-style:solid;
border-width:1px;
border-color:#000000;
border-radius:15px;
box-shadow:0 0 10px #000000;
}

.logingrand {
padding: 10px 10px;
max-width: 480px;
margin-left:auto;
margin-right:auto;
text-align: center;
font-weight: bold;
background-image:url(../../IMG/papier.jpg);
border-style:solid;
border-width:1px;
border-color:#000000;
border-radius:15px;
box-shadow:0 0 10px #000000;
}

.diapo { /*Conteneur d'une image cliquable 1*/
	border-radius:25px 25px 25px 25px;
	box-shadow: 0 0 10px #000000;
}

img.diapo:hover {
	background-color:#CCCCCC;
	box-shadow: 0 0 10px #32CD32;
}

.jumbotronlog {
	padding-top: 2rem;
	padding-bottom: 2rem;
	margin-bottom: 2rem;
	margin-top: 2rem;
	max-width: 350px;
	width: 90%;
	margin-left:auto;
	margin-right:auto;
	background-image:url("../../illustrations/papier.jpg");
	color: #6A6A6A;
border-style:solid;
border-width:1px;
border-color:#6A6A6A;
border-radius:15px;
box-shadow:0 0 10px #6A6A6A;
}

.jumbotronsansligne {
padding: 2rem 1rem;
margin-bottom: 2rem;
color: #000000;
}


.texte {
	font-family:'Open Sans',Arial, Helvetica, sans-serif;
	font-weight:600;
	font-size: 1em;
	font-style:italic;
	line-height:5px;
	color:#000000;
	background-color:transparent;
	text-align:center;
}

.fondbody
{
background-image:url("../../illustrations/fondbody.jpg");
padding: 0px;
margin: 0px;
}

.fondbodyrenecoss
{
background-image:url("../../IMG/philosophesgris.png");
padding: 0px;
margin: 0px;
}

.fondpapier
{
background-image:url("../../illustrations/papier.jpg");
}

.cellule
{
width: 100px;
display: inline-block;
text-align: center;
}

.reaa
{
color: #000000;	
}

.tablepetit
{
width: 500px;
border-collapse: separate;
border-spacing: 10px 0px;
border-style:solid;
border-width:1px;
border-color:#000000;
border-radius:15px;
box-shadow:0 0 10px #000000;
}

.tablepluspetit
{
width: 400px;
border-collapse: separate;
border-spacing: 10px 0px;
border-style:solid;
border-width:1px;
border-color:#000000;
border-radius:15px;
box-shadow:0 0 10px #000000;
}

.tabletrespetit
{
width: 300px;
border-collapse: separate;
border-spacing: 10px 0px;
border-style:solid;
border-width:1px;
border-color:#000000;
border-radius:15px;
box-shadow:0 0 10px #000000;
}

.centree
{
margin: 0 auto;
width: 100px; 
min-width: 320px;
text-align: center;
}

.text-justify {
  text-align: justify!important;
}

#tableau{/*code CSS pour alignement vertical*/
	height:100%;
	width:100%;
	border-collapse:collapse;
	text-align:center;
}
#cellule{/*code CSS pour alignement vertical*/
	height:100%;
	padding:0;
	vertical-align:middle;
}

#legende {
width: 200px;
color: #000000;
text-align: center;
margin-top: 10px;
font-style: italic;
font-weight: bold;
/*border-style:solid;
border-width:1px;
border-color:#FF0000;*/
}

.sanspad{
padding-left: 0px;
padding-right: 0px;
}

.logomenu{
	height: 24px;
	width: 24px;
	vertical-align: -5px;
}

.pdf{
height:36px;
width:36px;
background: url("../../IMG/pdf.png");
background-position:center;
vertical-align: baseline;
}

.pdf:hover{
background: url(../../IMG/pdfgris.png);
background-position:center;
}

.v2pdf{
background: url("../../IMG/v2pdf.png");
background-position:center;
}

.v2pdf:hover{
background: url(../../IMG/v2pdfgris.png);
background-position:center;
}

.containerloge {
    width: 170px !important;
	height: 300px !important;
	margin-left: auto;
	margin-right: auto;
  }

.lattexte {
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
color: #0000;
  }

input.bleu {
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
height: 40px;
font-weight: bold;
border-style:solid;
border-width:1px;
border-color:#3399FF;
border-radius:15px;
box-shadow:0 0 10px #3399FF;
}
input.bleu:hover{
color: #FFFFFF;
background-color:#3399FF;
}

input.bleucb {
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
height: 40px;
font-weight: bold;
border-style:solid;
border-width:1px;
border-color:#3399FF;
border-radius:15px 0px 0px 15px;
box-shadow:0 0 10px #3399FF;
}
input.bleucb:hover{
background-color:#3399FF;
}

input.bleupetit {
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
height: 20px;
font-weight: bold;
border-style:solid;
border-width:1px;
border-color:#3399FF;
border-radius:15px;
box-shadow:0 0 10px #3399FF;
}
input.bleupetit:hover{
color: #FFFFFF;
background-color:#3399FF;
}

input.rouge {
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
height: 40px;
font-weight: bold;
border-style:solid;
border-width:1px;
border-color:#FF0000;
border-radius:15px;
box-shadow:0 0 10px #FF0000;
}
input.rouge:hover{
color: #FFFFFF;
background-color:#FF0000;
}

input.vert {
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
height: 40px;
font-weight: bold;
border-style:solid;
border-width:1px;
border-color:#32CD32;
border-radius:15px;
box-shadow:0 0 10px #32CD32;
}
input.vert:hover{
background-color:#32CD32;
color: #FFFFFF;
}

input.mauve {
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
height: 40px;
font-weight: bold;
border-style:solid;
border-width:1px;
border-color:#000000;
border-radius:15px;
box-shadow:0 0 10px #000000;
}
input.mauve:hover{
background-color:#000000;
color: #FFFFFF;
}


input.gris {
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
height: 40px;
color: #000000;
font-weight: bold;
border-style:solid;
border-width:1px;
border-color:#CCCCCC;
border-radius:15px;
box-shadow:0 0 10px #000000;
}
input.gris:hover{
background-color:#CCCCCC;
color: #FFFFFF;
}

input.poubelle {
background-color:#FFFFFF;
background-image: url("../../illustrations/poubellerouge.png");
background-position: center;
background-size: contain;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
height: 40px;
width: 40px;
font-weight: bold;
border-style:solid;
border-width:1px;
border-color:#FF0000;
border-radius:15px;
box-shadow:0 0 10px #FF0000;
}
input.poubelle:hover{
color: #FFFFFF;
background-color:#FF0000;
background-image: url("../../illustrations/poubellenoire.png");
}

input.transfert {
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
height: 30px;
padding: 2px;
font-weight: bold;
border-style:solid;
border-width:1px;
border-color:#3399FF;
border-radius:15px;
box-shadow:0 0 10px #3399FF;
}
input.transfert:hover{
color: #FFFFFF;
background-color:#3399FF;
}

#celc{
height:10px;
width:135px;
margin:0px;
padding:0px;
text-align:center;
vertical-align:central;
}

#celc40{
height:10px;
width:40px;
margin:0px;
padding:0px;
text-align:center;
vertical-align:central;
}

#celg{
height:10px;
width:135px;
margin:0px;
padding:0px;
text-align:right;
vertical-align:central;
}

#celg250{
height:10px;
width:250px;
margin:0px;
padding:0px;
text-align:right;
vertical-align:central;
}

#celd{
height:10px;
width:135px;
margin:0px;
padding:0px;
text-align:left;
vertical-align:central;
}

#celd250{
height:10px;
width:250px;
margin:0px;
padding:0px;
text-align:left;
vertical-align:central;
}

#boutonvert{
background-color:#00FF00;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color:#000000;
border-style:solid;
border-width:1px;
border-color:#CCCCCC;
border-radius:5px;
box-shadow:0 0 10px #000000;
}

#boutonjaune{
background-color:#FFFF00;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
vertical-align:text-bottom;
color:#000000;
border-style:solid;
border-width:1px;
border-color:#CCCCCC;
border-radius:5px;
box-shadow:0 0 10px #000000;
}

#boutonrouge{
background-color:#FF0000;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color:#000000;
border-style:solid;
border-width:1px;
border-color:#CCCCCC;
border-radius:5px;
box-shadow:0 0 10px #000000;
}

#boutonblanc{
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color:#000000;
border-style:solid;
border-width:1px;
border-color:#CCCCCC;
border-radius:5px;
box-shadow:0 0 10px #000000;
}

#boutonbleu{
background-color:#00AAFF;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color:#000000;
border-style:solid;
border-width:1px;
border-color:#CCCCCC;
border-radius:5px;
box-shadow:0 0 10px #000000;
}

/*CSS de la vidéo*/

#ecranvideo{
	/*height:187px;*/
	width:400px;
	position:relative;
	margin-top:60px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
	box-shadow: 0 0 40px #000000;
/*	border-style:solid;
	border-width:2px;
	border-color:#000;
*/}
#film{
	height:100%;
	width:100%;
}
#titrevideo{
	height:40px;
	width:1000px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
	font-family:'Open Sans',Arial, Helvetica, sans-serif;
	font-weight:600;
	font-size: 1.8em;
	color:#000000;
	text-decoration:none;
	text-align:center;
}

/* DEBUT calendrier JS : Calendar */
/* le div qui contient le calendrier du sélecteur de date */
.dpDiv {
	}

/* la table (dans le div) qui contient le calendrier du sélecteur de date */
.dpTable {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-weight:bold;
	text-align: center;
	width:180px;
	padding:5px;
	color:#ffffff;
	background-color: #000000;
	border-radius: 0px 0px 5px 5px;
    box-shadow:0px 0px 10px #000000;
	}

/* une ligne de tableau contenant les numéros de date (vierges ou 1-31) */
.dpTR {
	}

/* la ligne supérieure du tableau contenant les boutons mois, année et avant / arrière */
.dpTitleTR {
	}

/* la deuxième ligne du tableau, qui contient les noms des jours de la semaine (Lu, Ma, Me, etc.) */
.dpDayTR {
	}

/* la ligne du tableau du bas, qui comporte les boutons "Mois en cours" et "Fermer" */
.dpTodayButtonTR {
	}

/* une cellule de tableau contenant un numéro de date (vide ou 1-31) */
.dpTD {
	border: 1px solid #000000;
	}

/* une cellule de tableau contenant un jour en surbrillance
  (généralement la date d'aujourd'hui ou la valeur du champ de date actuel) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	border-radius: 5px;
	}

/* la cellule de tableau de numéros de dates que le pointeur de la souris survole
   (vous pouvez utiliser des couleurs contrastantes pour faire apparaître la cellule survolée) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	border-radius: 5px;
	cursor: pointer;
	color: red;
	}

/* la cellule de tableau qui contient le nom du mois et de l'année */
.dpTitleTD {
	}

/* une cellule de tableau contenant l'un des boutons avant / arrière */
.dpButtonTD {
	}

/* la cellule de tableau contenant le bouton "Mois actuel" ou "Fermer" en bas */
.dpTodayButtonTD {
	}

/* une cellule de tableau contenant les noms des jours de la semaine (Lu, Ma, Me, etc.) */
.dpDayTD {
	background-color:#707070;
	border: 1px solid #AAAAAA;
	border-radius: 2px;
	color: white;
	}

/* informations de style supplémentaires pour le texte qui indique le mois et l'année */
.dpTitleText {
	color: #FFFFFF;
	margin: 0px 0px 5px 0px;
	}

/* informations de style supplémentaires pour la cellule contenant un jour en surbrillance
   (généralement la date d'aujourd'hui ou la valeur du champ de date actuel) */ 
.dpDayHighlight {
	color:#FF0000;
	/*font-weight: bold;*/
	}

/* les boutons avant / arrière en haut */
.dpButton {
	/*font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;*/
	color:#FFFFFF;
	background: #3399FF;
	border: 1px solid #AAAAAA;
	border-radius: 5px;
	margin: 0px 0px 5px 0px;
	font-weight: bold;
	padding: 0px 0px 2px 0px;
	}

/* les boutons "Mois actuel" et "Fermer" en bas */
.dpTodayButton {
	/*font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;*/
	color:#ffffff;
	margin:0px 1px 0px 1px;
	border-width: 0px;
	border-radius: 5px;
	background: #3399FF;
	font-weight: bold;
	}
/* FIN calendrier JS : Calendar */