@charset "UTF-8";
/*!
* Nom: www.pythagore-fd.fr style.css
* Version: 1569.0.0
* Built: mer. mars 14 10:36:35 UTC 2021
* Owner: Administrateur Site PythagoreFD
* Copyright (c) 2022 Pythagore FD
* Description: Fichier de production
*/




body {
	font-family: 'Roboto', sans-serif;
}
p {
	font-family: 'Roboto', sans-serif;
	color:#333;
	text-align:justify;
}
a {
	color:#00A891;
}
.row h1 {
    text-align: left;
    color: #00A891;
    border-bottom: 2px solid #8C5189;
    padding-bottom: 10px;
}
img {
	max-width:100%;
}

/* bouton validation */
.rect_valid {
        height: 3em;
        color: #FFFFFF;
        border: none;
        border-radius: 20% / 30%;
        background-color:#00A891;
}
.rect_valid:hover {
        background-color:#007666;
}.mt-1 { margin-top :  1em; }.mt-2 { margin-top :  2em; }.mt-3 { margin-top :  3em; }.mt-4 { margin-top :  4em; }.mt-5 { margin-top :  5em; }.mt-6 { margin-top :  6em; }.mt-7 { margin-top :  7em; }.mt-8 { margin-top :  8em; }.mt-9 { margin-top :  9em; }.mt-10 { margin-top :  10em; }.mt-11 { margin-top :  11em; }.mt-12 { margin-top :  12em; }.mt-13 { margin-top :  13em; }.mt-14 { margin-top :  14em; }/* boites */

.boite_simple {
	width:100%;
	padding:5%;
	margin:15px 0;
}
.boite_simple p, .boite_simple a {
	color:white;
	text-align:justify;
}
.boite_simple a {
	text-decoration:underline dashed;
}
.boite_simple.vert {
	background-color:#00A891;
	color:white;
}
.boite_simple.violet {
	background-color:#8C5189;
	color:white;
}
.boite_simple.orange {
	background-color:#F36226;
	color:white;
}
.boite_simple.rouge {
	background-color:#AE1F26;
	color:white;
}
.boite_simple.bleu {
	background-color:#00CACA;
	color:white;
}

.boite {
	margin:15px 0;
	border: 0px solid transparent;
	position:relative;
}
.boite h1, .boite h2, .boite h3 {

	position:absolute;
	top: -60px;
	left: 0.5em;
	line-height:30px;
	margin:0;
	
	color:#666;
}
.boite p, .boite a {
	text-align:justify;
}
.boite h4 {
  font-weight: bold;
  font-size: 2em;
}
.boite a {
	text-decoration:underline dashed;
}
.boite.vert {
	border-image:url('/img/menus/boule_vert.png') 113 15 15 113;
	border-width: 60px 5px 5px 60px;
}
.boite.violet {
	border-image:url('/img/menus/boule_violet.png') 113 15 15 113;
	border-width: 60px 5px 5px 60px;
}
.boite.orange {
	border-image:url('/img/menus/boule_orange.png') 113 15 15 113;
	border-width: 60px 5px 5px 60px;
}
.boite.rouge {
	border-image:url('/img/menus/boule_rouge.png') 113 15 15 113;
	border-width: 60px 5px 5px 60px;
}
.boite.bleu {
	border-image:url('/img/menus/boule_bleu.png') 113 15 15 113;
	border-width: 60px 5px 5px 60px;
}
.logo {
	max-width:45%;
}


/* formulaires */
.mention_legale {
	color: #666;
	font-size: small;
	font-style: italic;
	text-align: justify;
	padding-top: 50px;
}

#dates td.t input {
	padding:5px; 
	color: #7dadae;
	background-color: #ffffff;
}
#dates td.t input[type=text] {
	border:0px solid #00c; 
}

#dates td.t input[type=text]:focus {
	border-color:#f0f0f0;
}

input {
	padding:5px;
}

input[type=text] {
	border:1px solid #ccc; 
}

input[type=text]:focus {
	border-color:#f0f0f0;
	background-color: #7dadae;
}

input[type=reset],input[type=submit],input[type=button] {
	padding:5px 10px;
	color:#ffffff;
	cursor:pointer;
}

input[type=reset] {
	background-color: #7c161b;
	color: white;
}
input[type=submit]:focus {
	padding:5px 10px;
	cursor:pointer;
}
input[type=button] {
	padding:5px 10px;
	background-color: #00A891;
	color: white;
}
input[type=submit] {
	padding:5px 10px;
	background-color: #00A891;
	color: white;
}
.fa {
	margin-right: 10px;
}


/* gestion des onglets */

.calqueH, .nav li a.niveau1 {  
	display:none;
}

.navbar {
	margin-bottom:50px
}
.navbar-inverse {
	background-color:#00A891;
	border-color:transparent;
	background-image:none;
}

.jumbotron {
	margin:0;
}
/* Onglet */
#menu a[data-toggle]:after {
	content: '\f0d7';
	font-family: 'FontAwesome';
	margin:0 0 0 5px;
}
#menu li a, .navbar-inverse .navbar-brand {
	font-family: 'Exo 2', sans-serif;
	font-size:large;
	color:white;
}
/* Onglet ouvert */
#menu li a:hover, #menu .open a {
	color:white;
	background-color:rgba(0,0,0,0.2);
	background-image:none;
}
/* element du menu */
#menu .dropdown-menu li a {
	color:white;
	background-color:transparent;
}
#menu .dropdown-menu li a:hover {
	color:white;
}
#menu .dropdown-menu li.sub a {
	margin-left:20px;
}
.container-fluid .texte a {
	color:white;
}
.container-fluid .texte  {
	color:white;
}
/* fond du menu */
.dropdown-menu {
	background-color:#00A891;
}

/* Pied de page */
#footer {
	background-color:#00A891;
	margin-top:50px;
	padding:20px;
	color:white;
}
#footer a {
	color:white;
}

.container ul li {
	list-style-type:none;
}
.container ul li:before {
	font-family: 'FontAwesome';
	content: '\f0da';
	margin:0 5px 0 0;
}

/* Accueil */

#accueil .thumbnail img {
	max-width:40vw;
	width:100%;
}

#accueil .titre {
  font-size:large;
	color:#8C5189;
	
	}


/* Calendrier lateral */

tr.ppetit a:before {
	margin:0 5px 0 0;
	font-family: 'FontAwesome';
	content: '\f0da';
	color:#F36226;
}
tr.ppetit a, #menud_onglet0 tr a {
	color:#00A891;
}


/* References */
.titre_sep {
  font-size:large;
  text-align:center;
  margin:20px 0;
  font-weight: bold;
  
  border:1px solid;
  border-radius:5px;
}

.references .ligne {
  text-align: center;
}
.references .ligne img{
  max-width:20%;
  margin:0 10px;
}

/* fiche formation */
td.c {
  font-weight: bold;
}

td.v {
  text-align: justify;
}


/* acces */

.map-responsive {
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
}

.map-responsive iframe {
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}


/* serious games */
#dates td.t { font-weight: bold;
        font-size : 120%;
        background-color: #90d2c5;
	border: 0px;
        color: #fff;
}

#dates td.l { font-weight: bold; color: #7dadae }


#dates .saisie {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 90%;  /* largeur de la table */
}


#dates .saisie input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}


#dates .coche {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}




#dates .saisie input:checked ~ .coche {
  background-color: #90d2c5;
}


#dates .coche:after {
  content: "";
  position: absolute;
  display: none;
}


#dates .saisie input:checked ~ .coche:after {
  display: block;
}


#dates .saisie .coche:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}