/*# CSS perso */

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

.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:#9E3395;
border-radius:15px;
box-shadow:0 0 10px #9E3395;
}

.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:#9E3395;
border-radius:15px;
box-shadow:0 0 10px #9E3395;
}

.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 #B800B8;
}

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

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


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

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

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

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

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

.reaa
{
color: #9E3395;	
}

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

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

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

.centree2
{
margin: 0 auto;
text-align: center;
}

#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;
}

#formLogin {
position: relative;
margin-left: auto;
margin-right: auto;
width: 320px;
}

#formLogin div {
position: relative;
margin: 0px 0px 10px 0px;
/*border-style:solid;
border-width:1px;
border-color:#FF0000;*/
}

#formLogin input {
position: relative;
padding: 0px 10px 0px 10px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
width: 150px;
height: 40px;
line-height: 40px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
behavior: url(pie/PIE.htc);
}

#formLogin input[type=text] {
background-color: rgb(247, 247, 247);
border: 2px solid rgb(213, 213, 213);
-webkit-box-shadow:  0px 3px 0px 0px rgb(213, 213, 213);
box-shadow:  0px 3px 0px 0px rgb(213, 213, 213);
font: 16px 'Quicksand', sans-serif;
color: rgb(153, 153, 153);
}

#formLogin input[type=password] {
background-color: rgb(247, 247, 247);
border: 2px solid rgb(213, 213, 213);
-webkit-box-shadow:  0px 3px 0px 0px rgb(213, 213, 213);
box-shadow:  0px 3px 0px 0px rgb(213, 213, 213);
font: 16px 'Quicksand', sans-serif;
color: rgb(153, 153, 153);
}

#formLogin input[type=submit] {	
border: none;	
background-color: rgb(22, 196, 199);
-webkit-box-shadow:  0px 3px 0px 0px rgb(16, 147, 149);
box-shadow:  0px 3px 0px 0px rgb(16, 147, 149);
font: 20px 'Quicksand', sans-serif;
color: rgb(244, 244, 244);
cursor: pointer;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

#formLogin input[type=submit]:hover {	
background-color:#3399FF;
}

#formLogin input[type=submit]:active {
position: relative;
top: 3px;
-webkit-box-shadow:  0px 0px 0px 0px rgb(16, 147, 149);
box-shadow:  0px 0px 0px 0px rgb(16, 147, 149);
behavior: url(pie/PIE.htc);
}

#formLogin input::placeholder {
text-align: center;
}

#formLogin input::ms-input-placeholder {
text-align: center;
}

#legende {
width: 200px;
color: #9E3395;
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: 20px;
	width: 20px;
	vertical-align: -3px;
}

.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;
  }

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:#9E3395;
border-radius:15px;
box-shadow:0 0 10px #9E3395;
}
input.mauve:hover{
background-color:#9E3395;
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.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 #9E3395;
/*	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:#9E3395;
	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: #9E3395;
	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 #9E3395;
	}

/* 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 */