/*Paramètre de la page*/
body, div#GrandContenu {
margin-left: auto;
/*Centrer le corps de la page*/
margin-right: auto;
/*Centrer le corps de la page*/
text-align: center;
/*pour corriger le bug de centrage*/
margin: 0px;
/*Aucune marge*/
padding: 0px;
/*Marge interne*/
background: #A01102;
/*Couleur du fond de la page*/
font-family: arial;
font-size: 11pt;
color: #6D6C6C;
width: 100%;
height:100%;
position:absolute;
top:0;
left:0;
}
/*Div permettant d'afficher le bandeau de l'entête*/
#entete {
margin-left: auto;
/*Centre la div*/
margin-right: auto;
/*Centre la div*/
text-align: center;
/*pour corriger le bug de centrage*/
width: 959px;
/*Largeur de la div*/
height: 150px;
/*Hauteur de la div*/
padding: 0px 0px 0px 0px;
/*Marge interne*/
}
/*Div permettant d'afficher l'en-tête  section centrale */
#contenu {
position: relative;
margin-left: auto;
/*Centre la div*/
margin-right: auto;
/*Centre la div*/
text-align: center;
/*pour corriger le bug de centrage*/
width: 969px;
/*largeur de la div*/
background: #FFFFFF;
background-image: url(https://gestionnaire.lepivot.org/images/bande.jpg);
/*Image de la div*/
}
/*div pour le pied de page*/
#pied {
margin-left: auto;
/*Centre la div*/
margin-right: auto;
/*Centre la div*/
padding-top:3px;
text-align: center;
/* pour corriger le bug de centrage*/
width: 970px;
/*largeur de la div*/
height: 58px;
/*hauteur de la div*/
background-image: url(https://gestionnaire.lepivot.org/images/background_pied.png);
background-color: #212121;
/*Couleur de pied de page*/
}
/*Texte principal*/
.texte {
font-family: Arial;
font-size: 12px;
color: #6d6c6c;
text-align: justify;
width: 95%;
padding-left: 15px;
}
/*Texte du copyright dans le pied de page*/
.copyright {
padding-top:15px;
font-family: Arial;
/*Police de l'écriture*/
font-size: 10px;
/*Grosseur de l'écriture*/
color: #E0E0E0;
/*Couleur de l'écriture*/
}
/*Contenu divisié en 2 parties égale*/
/***************************************************************************/
.div50p {
float: left;
/*Positionnement à gauche*/
margin-left: 10px;
/*Marge à gauche*/
width: 470px;
/*largeur de la colonne*/
text-align: justify;
/*Texte justifié*/
}
/***************************************************************************/
/*Contenu divisié en 2 parties 25%-75%*/
/***************************************************************************/
.div25p {
float: left;
/*Positionnement à gauche*/
margin-left: 10px;
/*Marge à gauche*/
width: 235px;
/*largeur de la colonne*/
text-align: justify;
/*Texte justifié*/
}
.div75p {
float: left;
/*Positionnement à gauche*/
width: 705px;
/*Largeur de la colonne*/
text-align: justify;
/*Texte jusitifié*/
margin-left: 10px;
/*Marge à gauche*/
}
/***************************************************************************/
.titre50p {
text-align: left;
position: relative;
font-family: Arial;
font-size: 14px;
color: #E55A0C;
width: 470px;
height: 30px;
display: block;
padding: 0px 0px 0px 0px;
background-image: url(https://gestionnaire.lepivot.org/images/titre50p.jpg);
background-repeat: no-repeat;
}
.titre100p {
text-align: left;
position: relative;
font-family: Arial;
font-size: 14px;
color: #E55A0C;
width: 950px;
height: 30px;
display: block;
padding: 0px 0px 0px 0px;
background-image: url(https://gestionnaire.lepivot.org/images/titre100p.jpg);
background-repeat: no-repeat;
}
.spacer {
height: 0px;
clear: both;
}
/*-------------------------------------------------------------*/
/* Formatage des tables                                        */
/*-------------------------------------------------------------*/
TABLE.sample , TABLE#sample {
PADDING-RIGHT: 5px;
PADDING-LEFT: 5px;
PADDING-BOTTOM: 5px;
PADDING-TOP: 5px;
width: 98%;
}
.data {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
COLOR: #6D6C6C;
BACKGROUND-COLOR: #FFFFCC;
TEXT-ALIGN: left;
vertical-align: top;
}
.data1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
COLOR: #6D6C6C;
BACKGROUND-COLOR: #FFFFFF;
TEXT-ALIGN: left;
vertical-align: top;
}
.data2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
COLOR: #FFFFFF;
BACKGROUND-COLOR: #A01102;
TEXT-ALIGN: left;
vertical-align: top;
}
.data3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
COLOR: #FFFFFF;
BACKGROUND-COLOR: #CCCCCC;
TEXT-ALIGN: left;
vertical-align: top;
}

.dataRed {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
COLOR: #FFFFFF;
BACKGROUND-COLOR: #ff000a;
TEXT-ALIGN: left;
vertical-align: top;
}

.toprow {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
FONT-STYLE: italic;
background-image:url(https://gestionnaire.lepivot.org/images/background_toprow.png);
BACKGROUND-COLOR: #6D6C6C;
COLOR: #FFFFFF;
TEXT-ALIGN: left;
vertical-align: top;
}
.souligne {
border-bottom: 1px dotted #6d6c6c;
}
A:link 
{
color:#A01102;
text-decoration : none;
}
A:visited 
{
color:#A01102;
}

A:hover 
{
color:#6D6C6C;
text-decoration:underline;
}
.btn {

margin-left: 5px;
/*Centre la div*/
margin-right: 10px;
/*Centre la div*/
text-align: center;
/* pour corriger le bug de centrage*/
line-height: 35px;
/*display: inline;*/
width: 125px;
margin-top:0px;
margin-bottom:0px;


}
.btn a {
background-image: url(https://gestionnaire.lepivot.org/images/bouton_rouge.png);
background-repeat: no-repeat;
height: 35px;
font-size:9pt;
width: 125px;
display: block;
color: #FFFFFF;
text-decoration: none;
}
.btn a:visited {
color: #FFFFFF;
}
.btn a:hover {
background-image: url(https://gestionnaire.lepivot.org/images/bouton_gris.png);
background-repeat: no-repeat;
background-position: 0px 0px;
color: #FFFFFF;
}


.btn2 {

margin-left: 15px;
/*Centre la div*/
margin-right: 10px;
/*Centre la div*/
text-align: center;
/* pour corriger le bug de centrage*/
line-height: 35px;
display: inline-block;
width: 125px;
margin-top:0px;
margin-bottom:0px;

}

.btn2 a {
background-image: url(https://gestionnaire.lepivot.org/images/bouton_rouge.png);
background-repeat: no-repeat;
height: 35px;
font-size:7pt;
width: 125px;
display: inline-block;
color: #FFFFFF;
text-decoration: none;
}
.btn2 a:visited {
color: #FFFFFF;
}
.btn2 a:hover {
background-image: url(https://gestionnaire.lepivot.org/images/bouton_gris.png);
background-repeat: no-repeat;
background-position: 0px 0px;
color: #FFFFFF;
}





/*Champs des formulaires*/
fieldset {
padding: 20px;
margin-bottom: 10px;
}
legend {
color: #a0522d;
font-weight: bold;
}

input {
border: 1px solid black;
background-color: #CCCCCC;
color:#000000;
}
input[type=radio] {
background-color: transparent;
border: none;
}
.espaceDroit
{
margin-right:25px;
margin-left:3px;
}
select, option {
background-color: #CCCCCC;
color:#000000;
}
select{
border: 1px black solid;
}
.bordureRouge{
border: 1px red solid;
}

textarea {
border: 1px solid black;
background-color: #CCCCCC;
color:#000000;
}
textarea:focus {
background-color: #FFFFFF;
color:#000000;
}
input:focus {
background-color: #FFFFFF;
color:#000000;
}
.contenu {
text-align: left;
padding-left: 15px;
}
.Avertissement {
border: 2px red solid;
color: red;
background-color: #FDF;
width: 90%;
text-align: left;
margin-left: 5px;
min-height: 75px;
}
.Confirmation {
border: 2px green solid;
color: green;
background-color: #beffc9;
width: 90%;
text-align: left;
margin-left: 5px;
min-height: 75px;
}

.FloatLeft {
float: left;
padding-right: 10px;
padding-left: 10px;
padding-top: 5px;
}
.verticalAlign {
margin-top: auto;
margin-bottom: auto;
}
.msgError {
font-size: .8em;
color: red;
}.obligatoire {      font-size: 12px;      color: red;}
/*******************************************************/
/*  CALENDRIER*/
/*// I have made every effort to isolate the pop-up script from any    
// CSS defined on the main page but if you have anything set that    
// affects the pop-up (or you may want to change the way it looks)    
// then you can address it in the following style sheets.   */                                               

.scw {
padding: 1px;
vertical-align: middle;
}
iframe.scw {
position: absolute;
z-index:  10;
top: 0px;
left: 0px;
visibility: hidden;
width: 1px;
height: 1px;
}
table.scw {
padding: 0px;
visibility: hidden;
position: absolute;
cursor: default;
width: 200px;
top: 0px;
left: 0px;
z-index: 11;
text-align: center;
}
/* // This style sheet can be extracted from the script and edited into regular    // CSS (by removing all occurrences of  and ). That can be used as the    // basis for themes. Classes are described in comments within the style    // sheet.     */
/* IMPORTANT:  The SCW calendar script requires all                                  the classes defined here.                              */
table.scw {
padding:       1px;
vertical-align: middle;
border:        ridge 2px;
font-size:     10pt;
font-family:   Verdana, Arial, Helvetica, Sans-Serif;
font-weight:   bold;
}
td.scwDrag,                                                           td.scwHead {
padding:       0px 0px;
text-align:    center;
}
td.scwDrag {
font-size:     8pt;
}
select.scwHead {
margin:        3px 1px;
text-align:    center;
}
input.scwHead {
height:        22px;
width:         22px;
vertical-align: middle;
text-align:    center;
margin:        2px 1px;
font-weight:   bold;
font-size:     10pt;
font-family:   fixedSys;
}
td.scwWeekNumberHead,                                                 td.scwWeek {
padding:       0px;
text-align:    center;
font-weight:   bold;
}
td.scwNow,                                                            td.scwNowHover,                                                       td.scwNow:hover,                                                      td.scwNowDisabled {
padding:       0px;
text-align:    center;
vertical-align: middle;
font-weight:   normal;
}
table.scwCells {
text-align:    right;
font-size:     8pt;
width:         96%;
}
td.scwCells,                              td.scwCellsHover,                         td.scwCells:hover,                        td.scwCellsDisabled,                      td.scwCellsExMonth,                       td.scwCellsExMonthHover,                  td.scwCellsExMonth:hover,                 td.scwCellsExMonthDisabled,               td.scwCellsWeekend,                       td.scwCellsWeekendHover,                  td.scwCellsWeekend:hover,                 td.scwCellsWeekendDisabled,               td.scwInputDate,                          td.scwInputDateHover,                     td.scwInputDate:hover,                    td.scwInputDateDisabled,                  td.scwWeekNo,                             td.scwWeeks {
padding:           3px;
width:             16px;
height:            16px;
border-width:      1px;
border-style:      solid;
font-weight:       bold;
vertical-align:    middle;
}
/* Blend the colours into your page here...    */
/* Calendar background */
table.scw {
background-color:  #6d6c6c;
}
/* Drag Handle */
td.scwDrag {
background-color:  #9999CC;
color:             #CCCCFF;
}
/* Week number heading */
td.scwWeekNumberHead {
color:             #6666CC;
}
/* Week day headings */
td.scwWeek {
color:             #CCCCCC;
}
/* Week numbers */
td.scwWeekNo {
background-color:  #776677;
color:             #CCCCCC;
}
/* Enabled Days */
/* Week Day */
td.scwCells {
background-color:  #CCCCCC;
color:             #000000;
}
/* Day matching the input date */
td.scwInputDate {
background-color:  #CC9999;
color:             #FF0000;
}
/* Weekend Day */
td.scwCellsWeekend {
background-color:  #CCCCCC;
color:             #CC6666;
}
/* Day outside the current month */
td.scwCellsExMonth {
background-color:  #CCCCCC;
color:             #666666;
}
/* Today selector */
td.scwNow {
background-color:  #6666CC;
color:             #FFFFFF;
}
/* Clear Button */
td.scwClear {
padding:           0px;
}
input.scwClear {
padding:           0px;
text-align:        center;
font-size:         8pt;
}
/* MouseOver/Hover formatting                                                If you want to "turn off" any of the formatting                       then just set to the same as the standard format                      above.                                                                                                                                      Note: The reason that the following are                               implemented using both a class and a:hover                           pseudoclass is because Opera handles the rendering                    involved in the class swap very poorly and IE6                        (and below) only implements pseudoclasses on the                      anchor tag.                                                    */
/* Active cells */
td.scwCells:hover,                                                    td.scwCellsHover {
background-color:  #FFFF00;
cursor:            pointer;
color:             #000000;
}
/* Day matching the input date */
td.scwInputDate:hover,                                                td.scwInputDateHover {
background-color:  #FFFF00;
cursor:            pointer;
color:             #000000;
}
/* Weekend cells */
td.scwCellsWeekend:hover,                                             td.scwCellsWeekendHover {
background-color:  #FFFF00;
cursor:            pointer;
color:             #000000;
}
/* Day outside the current month */
td.scwCellsExMonth:hover,                                             td.scwCellsExMonthHover {
background-color:  #FFFF00;
cursor:            pointer;
color:             #000000;
}
/* Today selector */
td.scwNow:hover,                                                      td.scwNowHover {
color:             #FFFF00;
cursor:            pointer;
font-weight:       bold;
}
/* Disabled cells */
/* Week Day */
/* Day matching the input date */
td.scwInputDateDisabled {
background-color:  #999999;
color:             #000000;
}
td.scwCellsDisabled {
background-color:  #999999;
color:             #000000;
}
/* Weekend Day */
td.scwCellsWeekendDisabled {
background-color:  #999999;
color:             #CC6666;
}
/* Day outside the current month */
td.scwCellsExMonthDisabled {
background-color:  #999999;
color:             #666666;
}
td.scwNowDisabled {
background-color:  #6666CC;
color:             #FFFFFF;
}

/*  Accordeon   */
/*

GetCouleur("cou_fondAccordeon2");	
GetCouleur("cou_fondAccordeon1Over");	
GetCouleur("cou_fondAccordeon2Over");	
GetCouleur("cou_texteAccordeon1");
GetCouleur("cou_texteAccordeon2");	
GetCouleur("cou_texteAccordeon1Over");	
GetCouleur("cou_texteAccordeon2Over");
*/
.AccordionContainer
{
text-align: right;
border : 1px #000000 solid;
width:100%;
position: relative;

}

.AccordionTitleCat
{
padding-right: 35px;
padding-top:5px;
height:25px;
overflow:hidden;
cursor:pointer;
background-color: #A01102;
font-weight:bold;
color:#FFFFFF;
vertical-align:middle;
text-align:right;

border-bottom: 1px #333333 solid;

}
.AccordionTitleActivite
{
padding-top:5px;
padding-left: 5px;
height:25px;
overflow:hidden;
cursor:pointer;
background-color: #CCCCCC;
color:#000000;
font-weight:bold;
vertical-align:middle;
text-align:left;



}
.AccordionTitleCatOver
{
padding-top:5px;
padding-right: 35px;
height:25px;
overflow:hidden;
cursor:pointer;
background-color: #6D6C6C;
color:#FFFFFF;
font-weight:bold;
vertical-align:middle;
text-align:right;
border-bottom: 1px #333333 solid;

}
.AccordionContent
{
border-bottom: 1px solid #333333;
text-align:left;
}
.AccordionTitleActOver
{
padding-top:5px;
padding-left: 5px;
height:25px;
overflow:hidden;
cursor:pointer;
background-color: #;
color:#000000;
font-weight:bold;
vertical-align:middle;
text-align:left;

}

.AccordionContainerActivite
{
text-align: left;
border-top: solid 1px #888888;
border-bottom: solid 1px #888888;
border-left: solid 2px #888888;
border-right: solid 2px #888888;

}
.activite
{
border-bottom: 1px solid #888888;
padding-left:5px;
padding-right:5px;
text-align:justify;
}
div#tooltip 
{ 
position:absolute; visibility:hidden;
background-color:#FFFFFF;
border:1px solid #1F2C75;
padding:0.2em;
font-size:0.8em;
z-index: 100;
color:#6D6C6C;
}


/*MENU*/
#nav
{
display: block;
width:959px;
background-color: #FFC414; 
position:absolute;	
top:150px;
background-image:url(https://gestionnaire.lepivot.org/images/bg_menu.png);

}
#nav .menuli 
{
height : 30px;
line-height:28px;
}
#nav, #nav ul 
{ /* toutes les listes */

padding: 0px;           
margin: 0px;
list-style: none;
line-height: 1;
font-family: arial, helvetica, serif;
z-index:9;
margin-left:5px;

}

#nav a 
{
display: block;
color:#A01102;
width: 100px;
text-decoration:none;	
}

#nav a:hover 
{    
text-decoration:underline;
color:#FFC414;
}
#nav li 
{ /* tous les items de liste */
float: left;
text-align:center;
width: 100px; /* largeur obligatoire, sinon opera devient fou */

padding: 2px;

}

#nav li:hover 
{ /* tous les items de liste */

text-decoration:none;
color:#FFC414;
background: #A01102;
background-image:url(https://gestionnaire.lepivot.org/images/bg_menu.png);
}
#nav li:hover a
{ /* tous les items de liste */

text-decoration:underline;
color:#FFC414;

}
#nav li:hover ul li a
{ /* tous les items de liste */

text-decoration:none;
color:#A01102;

}

#nav li ul li a 
{
display: block;
color:#A01102;
width: 200px;
font-family: arial, helvetica, serif;
font-size:14px;
text-decoration:none;

}

#nav li ul li a:hover 
{
color:#A01102;

}
#nav li ul li:hover 
{
background: #FFFFFF;


}




#nav li ul 
{ /* listes de deuxième niveau */
position: absolute;
width: 200px;
left: -999em; /* on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran */
}

#nav li ul li
{ /* listes de deuxième niveau */
background: #D1CFCF;

width: 200px;
padding: 1px;
text-align:left;
border-bottom:dotted;
border-width:1px;
border-color:#A01102;
}



#nav li ul ul 
{ /* listes de troisième niveau et plus */
margin: 0 0 0 100px;
}

#nav li:hover ul ul, #nav li.sfhover ul ul 
{
left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul 
{ /* listes imbriquées sous les items de listes survolés */
left:auto;
margin-left:-1px;
margin-top:3px;	

}
#nav li ul li.li_entete
{ /* listes de deuxième niveau */
background: #FFC414;

color:#A01102;<
cursor: hand;

}
#nav li.rightBorder
{
border-right:1px  dotted #A01102; 
border-bottom:1px  dotted #A01102; 
}


#cache {
    position:absolute;
	top:0;
	left:0;
    z-index:1000; 
    background-color: White;
    width:100%;
    height:100%;
	visibility:hidden;
}

#cache div{
    font-size: 28px;
    color: black;
    text-align:center;
		position:absolute;
		top:250px;
    width:100%;
}