.freebirdFormviewerViewItemsItemItem1{background-color:#fff;border:1px solid #dadce0;border-radius:20px;margin-bottom:8px;padding:24px;margin-top:0;page-break-inside:avoid}.freebirdFormviewerViewHeaderHeader1{margin-top:24px;background-color:#fff;border:1px solid #dadce0;border-radius:30px;margin-bottom:24px;padding:24px;padding-top:22px;position:relative}.freebirdFormviewerViewHeaderHeader2{margin-top:24px;background-color:#fff;border:1px solid #dadce0;border-radius:20px;margin-bottom:8px;padding:24px;padding-top:22px;position:relative}.freebirdARRONDICOULEUR{border-top-left-radius:30px;border-top-right-radius:30px;height:20px;left:-1px;position:absolute;top:-1px;width:calc(100% + 2px)}.print-view .freebirdARRONDICOULEUR{display:none}.print-view .freebirdPARAGRAPHELARGEUR {padding: 0}.freebirdFormviewerViewLARGEUR {margin:auto; max-width: 90vw; width: 88%} .print-view.freebirdFormviewerViewLARGEUR {margin: .5em 2em .5em 2em; width: 100%}.freebirdBORDURECOULEUR {background-color: blue; color: rgba(255, 255, 255, 1);}.freebirdLightBackground {background-color: rgb(219, 240, 230)}.freebirdUltraLightBackground {background-color: rgba(15, 157, 88, 0.05);}.freebirdAccentBackground {background-color: rgb(106, 227, 152);}.freebirdLighterBackgroundHover:hover {background-color: rgba(15, 157, 88, 0.1);}.freebirdSolidFill {fill: rgb(15, 157, 88); stroke: rgb(15, 157, 88);}.freebirdTextFillClass {fill: rgb(0, 142, 50);}.freebirdSolidBorder {border-color: rgb(15, 157, 88);}.freebirdCustomFont, .m2 .freebirdCustomFont, .freebirdCustomFont .exportContentArea .exportTextarea, .m2 .freebirdCustomFont .exportContentArea .exportTextarea, .m2 .freebirdCustomFont .exportPlaceholder {}.freebirdDecorativeFont {font-family: 'Parisienne', cursive;}.freebirdPlayfulFont {font-family: 'Patrick Hand', fantasy;}.freebirdFormalFont {font-family: 'Cormorant Garamond', serif;}.freebirdForegroundFill {fill: rgba(255, 255, 255, 1)}.freebirdAccessibleGreyBackground {background-color: rgb(102, 107, 113);}html:not([style-scope]):not(.style-scope).freebird, body:not([style-scope]):not(.style-scope).freebirdLightBackground {background-color: rgb(2, 3, 3)}
.freebirdFormviewerViewItemsItemItem2{background-color:#fff;border:1px solid #dadce0;border-radius:20px;margin-bottom:8px;padding:10px;margin-top:0;page-break-inside:avoid}

/* Bouton intérrupteurOutlook */

input[type="checkbox"].switch {
  display: none;
}
input[type="checkbox"].switch + label {
  box-sizing: border-box;
  display: inline-block;
  text-align: left;
  width: 3rem;
  height: 1.5rem;
  border-radius: 1.5rem;
  padding:2px;
  background-color: #c0ceda ;
  transition: all 0.5s ;
}
input[type="checkbox"].switch + label::before {
  box-sizing: border-box;
  display: block;
  content: "";
  height: calc(1.5rem - 4px);
  width: calc(1.5rem - 4px);
  border-radius: 50%;
  background-color: #fff;
  transition: all 0.5s ;
}
input[type="checkbox"].switch:checked + label {
  background-color: rgba(15, 157, 88) ;
}
input[type="checkbox"].switch:checked + label::before {
  margin-left: 1.5rem ;
}

/* Bouton intérrupteursaison */

input[type="checkbox"].switch2 {
  display: none;
}
input[type="checkbox"].switch2 + label {
  box-sizing: border-box;
  display: inline-block;
  text-align: left;
  width: 3rem;
  height: 1.5rem;
  border-radius: 1.5rem;
  padding:2px;
  background-color: #c0ceda ;
  transition: all 0.5s ;
}
input[type="checkbox"].switch2 + label::before {
  box-sizing: border-box;
  display: block;
  content: "";
  height: calc(1.5rem - 4px);
  width: calc(1.5rem - 4px);
  border-radius: 50%;
  background-color: #fff;
  transition: all 0.5s ;
}
input[type="checkbox"].switch2:checked + label {
  background-color: rgba(15, 157, 88) ;
}
input[type="checkbox"].switch2:checked + label::before {
  margin-left: 1.5rem ;
}

/*Pour table avec 2 couleurs*/

#resultat 
{
  border-radius: 20px;
 th, td {
             text-align: center; /* Centrer horizontalement */
             vertical-align: middle; /* Centrer verticalement */
             
         }
  
 }

 #resultat tr:nth-child(odd){
	background-color:rgba(92,45,145,0.0);
}


/*Pour mettre un arrondi à chaque td*/
        /* #resultat tr:nth-child(even){ */
	/*background-color:#ddd ;*/	
        /* Ajouter des coins arrondis aux cellules du tableau */
        /*th, td {  border-radius: 17px;}*/
        #resultat tr:nth-child(even) {background-color: transparent;}
        #resultat tr:nth-child(even) td {background-color:rgb(157, 177, 245);}
        #resultat tr:nth-child(even) td:first-child { border-radius: 20px 0 0 20px;}
        #resultat tr:nth-child(even) td:last-child { border-radius: 0 20px 20px 0;}
        

/* Bouton check box */
.slideThree {
	width: 80px;
	height: 26px;
	background: #333;
	margin: 20px auto;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	position: relative;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}

.slideThree:after {
	content: 'OFF';
	font: 12px/26px Arial, sans-serif;
	color: #000;
	position: absolute;
	right: 10px;
	z-index: 0;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(255,255,255,.15);
}

.slideThree:before {
	content: 'ON';
	font: 12px/26px Arial, sans-serif;
	color: #00bf00;
	position: absolute;
	left: 10px;
	z-index: 0;
	font-weight: bold;
}

.slideThree label {
	display: block;
	width: 34px;
	height: 20px;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;

	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
	cursor: pointer;
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: 1;

	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.slideThree input[type=checkbox]:checked + label {
	left: 43px;
}



BODY
{
    scrollbar-face-color: #000000;
    scrollbar-highlight-color: #000000;
    scrollbar-3dlight-color: #000000;
    scrollbar-darkshadow-color: #000000;
    scrollbar-shadow-color: #000000;
    scrollbar-arrow-color: #FF99FF;
    scrollbar-track-color: #FFCCFF;
}

p {
line-height: 80%;
}

/*div{
width:100%;
}*/

BODY.essai
{
  background: darkseagreen;
  scrollbar-base-color: green;
  scrollbar-face-color: green;
  scrollbar-arrow-color: darkseagreen;
}

/*Style bouton*/

/* Bouton rechercher Google forms*/

#styled {
    border: 0;
    line-height: 2.5;
    padding: 0 20px;
    font-size: 1rem;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    border-radius: 20px;
    font-weight: bold;
    background-color: blue;
    background-image: linear-gradient(to top left,
                                      rgba(0, 0, 0, .2),
                                      rgba(0, 0, 0, .2) 30%,
                                      rgba(0, 0, 0, 0));
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                inset -2px -2px 3px rgba(0, 0, 0, .6);
}

#styled:hover {
    background-color: green;
}

#styled:active {
    box-shadow: inset -2px -2px 3px rgba(255, 255, 255, .6),
                inset 2px 2px 3px rgba(0, 0, 0, .6);
}

/*Bouton détail*/

#detail {
    border: 0,5;
    line-height: 1,5;
    padding: 0 8px;
    font-size: 0,5rem;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    border-radius: 20px;
    font-weight: bold;
    background-color: blue;
    background-image: linear-gradient(to top left,
                                      rgba(0, 0, 0, .2),
                                      rgba(0, 0, 0, .2) 30%,
                                      rgba(0, 0, 0, 0));
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                inset -2px -2px 3px rgba(0, 0, 0, .6);
}

#detail:hover {
    background-color: green;
}

#styled:detail {
    box-shadow: inset -2px -2px 3px rgba(255, 255, 255, .6),
                inset 2px 2px 3px rgba(0, 0, 0, .6);
}

/*Bouton trier*/

#trier {
    border: 0,5;
    line-height: 1;
    padding: 0 1px;
    font-size: 0,5rem;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    border-radius: 20px;
    font-weight: bold;
    background-color: blue;
    background-image: linear-gradient(to top left,
                                      rgba(0, 0, 0, .2),
                                      rgba(0, 0, 0, .2) 30%,
                                      rgba(0, 0, 0, 0));
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                inset -2px -2px 3px rgba(0, 0, 0, .6);
}

#trier:hover {
    background-color: green;
}

#trier:detail {
    box-shadow: inset -2px -2px 3px rgba(255, 255, 0, .6),
                inset 2px 2px 3px rgba(0, 0, 0, .6);
}

/*Bouton Rechercher !*/

#rechercher {
    border: 0,5;
    line-height: 1;
    padding: 0 20px;
    font-size: 1.5rem;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    border-radius: 20px;
    font-weight: bold;
    background-color: blue;
    background-image: linear-gradient(to top left,
                                      rgba(0, 0, 0, .2),
                                      rgba(0, 0, 0, .2) 30%,
                                      rgba(0, 0, 0, 0));
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                inset -2px -2px 3px rgba(0, 0, 0, .6);
}

#rechercher:hover {
    background-color: green;
}

#rechercher:detail {
    box-shadow: inset -2px -2px 3px rgba(255, 255, 255, .6),
                inset 2px 2px 3px rgba(0, 0, 0, .6);
}

BODY.corps1
{
	background: #dcf9fb;
	scrollbar-base-color: black;
	scrollbar-face-color: #dcf9fb;
	scrollbar-arrow-color: black;



  font face=Comic Sans MS;
	text-align: right;

}

BODY.corps
{
  background: rgb(219, 240, 230);
  scrollbar-base-color: yellow;
  scrollbar-face-color: black;
  scrollbar-arrow-color: darkseagreen;
}
/* --------------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------------- */
/*  Style du site                                                                                */
/* --------------------------------------------------------------------------------------- */

FONT.TITRE_GRAND
{
  font-family: Comic Sans MS, Verdana ,Arial, Helvetica, sans-serif;
  font-size: 20pt; font-style: none; font-weight: bold;
  
  color: blue;
}

FONT.TITRE_petit
{
  font-family: Comic Sans MS, Verdana ,Arial, Helvetica, sans-serif;
  font-size: 14pt; font-style: italic; font-weight: bold;
  color: green;

}

FONT.texte_journal
{
  font-family: Comic Sans MS, Verdana ,Arial, Helvetica, sans-serif;
  font-size: 12pt; font-style: italic; font-weight: bold;
  
  color: green;
}

FONT.texte_general
{
  font-family: Comic Sans MS, Verdana ,Arial, Helvetica, sans-serif;
  font-size: none; font-style: none;
  
  color: black;
}

FONT.date_jour
{
  font-family: Comic Sans MS, Verdana ,Arial, Helvetica, sans-serif;
  font-size: 8pt; font-style: none;
  font-weight: none;
  
  color: black;

}

FONT.update
{
  font-family: Comic Sans MS, Verdana ,Arial, Helvetica, sans-serif;
  font-size: 7pt; font-style: none;
  font-weight: none;
  
  color: red;

}


/* --------------------------------------------------------------------------------------- */
/*  page chansson                                                                               */
/* --------------------------------------------------------------------------------------- */


FONT.CHAN_TITRE
{
  font-family: Comic Sans MS, Verdana ,Arial, Helvetica, sans-serif;
  font-size: 20pt; font-style: italic; font-weight: bold;
  
  color: navy;
}

FONT.CHAN_Texte
{
  font-family:  sans-serif, Comic Sans MS, Verdana ,Arial, Helvetica;
  font-size: 11pt; font-style: none; font-weight: bold;

  color: darkgreen;
}



/* --------------------------------------------------------------------------------------- */
/*  page hist                                                                              */
/* --------------------------------------------------------------------------------------- */


FONT.HIST_TITRE
{
  font-family: Times New Roman, Comic Sans MS, Verdana ,Arial, Helvetica, sans-serif;
  font-size: 15pt; font-weight: bold;
  
  color: darkgreen;
}


FONT.HIST_CELULE_TITRE_GRAS
{
  font-family: Times New Roman, Comic Sans MS, Verdana ,Arial, Helvetica, sans-serif;
  font-size: 15pt; font-weight: bold;
  color: black;
}

FONT.HIST_CELULE_DONNEE_GRAS
{
  font-family: Times New Roman, Comic Sans MS, Verdana ,Arial, Helvetica, sans-serif;
  font-size: 15pt; font-weight: bold;
  color: navy;
}

FONT.HIST_CELULE_TITRE_NORMAL
{
  font-family: Times New Roman, Comic Sans MS, Verdana ,Arial, Helvetica, sans-serif;
  font-size: 12pt;
  color: black;
}

FONT.HIST_CELULE_DONNEE_NORMAL
{
  font-family: Times New Roman, Comic Sans MS, Verdana ,Arial, Helvetica, sans-serif;
  font-size: 12pt;
  color: navy;
}


/* --------------------------------------------------------------------------------------- */
/*  page situation geo                                                                          */
/* --------------------------------------------------------------------------------------- */


FONT.SIT_TITRE
{
  font-family: Times New Roman, Comic Sans MS, Verdana ,Arial, Helvetica, sans-serif;
  font-size: 15pt; font-weight: bold;
  
  color: darkgreen;
}




/* --------------------------------------------------------------------------------------- */
/*  Liens                                                                                  */
/* --------------------------------------------------------------------------------------- */


  A:link    { color: blue; font-style: none; }
  A:active  { color: blue; font-style: none; }
  A:visited { color: blue; font-style: none; }
  A:hover   {
	color: none;
	background-color: black;
	Text-Decoration : None;
}

A.S_L_surf1:hover

{
  font-weight: bold;color: red;
  font-size: 11pt; font-style: italic;
  color:00ff00; background-color:blue;
  
}

A.S_L_surf1:link { color: #FFCC66; font-style: none; }




A.S_L_surf1:visited { color: 00ff00; font-weight: bold; font-style: italic; }




A.menu

{
  font-family: Comic Sans MS,Times New Roman,Arial;
  font-size: 12pt; 
  text-decoration: none;
  font-style: italic;
  font-weight: none;
  color: green;
}

A.pied

{
  font-family: Arial,Comic Sans MS,Times New Roman;
  font-size: 10pt; font-style: italic; font-weight: bold;
  color: black;

}

A.chartetitre

{
  font-family: Comic Sans MS,Times New Roman,Arial;
  font-size: 14pt; 
  text-decoration: underline;
  font-weight: bold;
  color: green;
}

A.texte_general
{
  font-family: Comic Sans MS, Verdana ,Arial, Helvetica, sans-serif;
  font-size: 10pt; font-style: none;
  text-decoration: underline;
  color: black; font-weight: bold;
}

A.HIST_CELULE_TITRE_GRAS
{
  font-family: Times New Roman, Comic Sans MS, Verdana ,Arial, Helvetica, sans-serif;
  font-size: 15pt; font-weight: bold;
  text-decoration: underline;
  color: black;
}

/* --------------------------------------------------------------------------------------- */

IMG.A_I_std1 { border-width: thin; border-color: blue; }
FONT.A_I_std1 { font-style: italic; font-weight: bold; color: blue; }
IMG.S_I_std1 { border-width: 2px; }
FONT.S_I_std1 { font-style: italic; font-weight: bold; color: blue; }
IMG.M_I_std1 { border-width: 2px; }
FONT.M_I_std1 { font-style: italic; font-weight: bold; color: blue; }
IMG.T_I_std1 { border-width: 2px; }
FONT.T_I_std1 { font-style: italic; font-weight: bold; color: blue; }
IMG.Q_I_std1 { border-width: 2px; }
FONT.Q_I_std1 { font-style: italic; font-weight: bold; color: blue; }
IMG.R_I_std1 { border-width: 2px; }
FONT.R_I_std1 { font-style: italic; font-weight: bold; color: blue; }
IMG.L_I_std1 { border-width: 2px; }
FONT.L_I_std1 { font-style: italic; font-weight: bold; color: blue; }
IMG.E_I_std1 { border-width: 2px; }
FONT.E_I_std1 { font-style: italic; font-weight: bold; color: red; }

IMG.key { border-width: 1px; border-style: solid; border-color: red; }

/* --------------------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------------------- */
/*  styles_eas.css end.                                                                */
/* --------------------------------------------------------------------------------------- */

//