html{
 background-color:#d8dfea;
 background:url("/images/fond_global.jpg") no-repeat center center fixed;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 	height:100%; 
	/*font-family:Arial;*/
	/*font-family: 'Mukta Mahee', Arial, sans-serif;*/
	font-family:Arial, sans-serif;
	font-size:14px;
	line-height:1.38;
	color:#47525d;
border:0;

}

body{

 	height:100%; 
	/*font-family:Arial;*/
	/*font-family: 'Mukta Mahee', Arial, sans-serif;*/
	font-family:Arial, sans-serif;
	font-size:14px;
	line-height:1.38;
	color:#47525d;
border:0;

}
 /*Ceci sert de catalogue pour un rechercher/remplacer. les variables manquent de compatbilité*/
:root{
/*--color1:#d8dfea;*/
--color1:#e6f3fd;
--color2:#afbdd4;
--color3:#6d84b4;
--color4:#0084b4;
--colorfondglobal:#d8dfea;
--colorfondcontextuel:#ffffe0;

--fontcolor:#47525d;

}


/*
:root{
--color1:#e6f3fd;
--color2: #1dcaff;
--color3:#00aced;
--color4:#0084b4;
--colorfondcontextuel:#ffffe0;
--fontcolor:#47525d;

}
*/

h1{
padding-top:0.5em;
padding-bottom:0.5em;
margin-top:18px;

background-color:#e6f3fd;
border-color:#e6f3fd;
padding-left:1em;
color:#0084b4;
}

h2 {
font-size:x-large;
padding-left:1em;
font-weight:bold;
background-color:#eef3fd;
padding-top:0.3em;
padding-bottom:0.3em;
}

h3 
{
margin:0;
margin-top:0.5em;
color:#afbdd4;
text-decoration:underline;

}

.espace
{
margin-left:2em;
}



.gras{
font-weight:bold;
}

.italique{
font-style:italic;
}

.fondbleu0b{
background-color:#eef3fd;
}

.fondbleu1{
background-color:#e6f3fd;
}

.fondbleu1b{
background-color:#cad8e8;
}

.fondbleu2{
background-color:#afbdd4;
}
.fondbleu3{
background-color:#6d84b4;
}
.fondbleu4{
background-color:#0084b4;
}

.policebleu4{
color:#0084b4;
}

.policebleu2{
color:#afbdd4;
}



.zonedetest{
margin-top:2em;
background-color:#e6f3fd;
border:1px solid;
border-color:#0084b4;
border-radius:4px;
width:98%;
margin-left:auto;
margin-right:auto;

}

.textebulle{
margin-top:2em;
padding-right:1em;
background-color:#e6f3fd;
border:1px solid;
border-color:#0084b4;
border-radius:4px;
width:98%;
margin-left:auto;
margin-right:auto;
text-align:justify;
box-sizing: border-box;
}

.textebulle div{
padding-left:2em;
}

.textebulle .titrebulle{
font-weight:bold;
padding-left:1em;
}



.footer{
padding-top:1em;
background-color:#eef3fd;
}

.footer div.container_footercontenu div
{
display:inline-block;
font-size:x-small;
color:#0084b4;
overflow:hidden;
}

.footer div.container_footercontenu
{
overflow:hidden;
display:block;
}

.footer div.footercontenu
{
width:45%;
border-left:1px solid;
margin-bottom:1em;
text-align:justify;
}
 
.footer div.menugauche{
float:left;
display:block;
}

.footer div.footercontenu div
{
display:block;
padding-bottom:0.3em;
padding-left:1em;


}

.footer div.footercontenu div.titrefootercontenu
{
 text-decoration:underline;
margin-bottom:0.2em;
color:#47525d;
font-weight:bold;
}
.lignemenugauche{
padding-top:1.1em;
padding-bottom:1.1em;
border-bottom:1px solid;
border-color:#e6f3fd;
cursor:pointer;
}

.lignemenugauche:first-child
{
border-top:1px solid;
border-color:#e6f3fd;
margin-top:20px;
}

.lignemenugauche:hover{
background-color:#e6f3fd;
}


.lignemenugauche img{
vertical-align:middle;

}

.lignemenugauche a{
display:inline-block;
width:calc(100% - 50px);
}

.menu_gauche_item{
background-color:#eef3fd;
margin-bottom:0.2em;
}

.menu_gauche_item:hover{
background-color:#e6f3fd;

}

.menu_gauche_item a{
display:block;
text-decoration:none;
padding-left:1.5em;
padding-top:0.2em;
padding-bottom:0.2em;
}

.menu_gauche_item a:hover{
text-decoration:none;
}

.menu_gauche_cat{
padding-left:0.5em;
color:#47525d;
font-style:italic;
font-weight:bold;
}





 div.curtain{
 position:absolute;
 left:0;
 width:100%;
 height:1000%;
 background-color:#000000;
opacity:0.8;
z-index:9999;
margin:0;
 }

div.curtainoff{
 position:absolute;
 width:99%;
 height:0;
 background-color:#000000;
opacity:0.8;
z-index:0;
}

.pointeur{
cursor:pointer;
}

 div{
 vertical-align:top;
 }
 
 div.global {
	margin-left:auto;
	margin-right: auto;
	margin-top:36px;
	position:relative;
	width: 98%;
	max-width: 1100px;
	min-width: 790px;
	min-height:100%;
	background-color:#ffffff;
	border-style:solid;
	border-width:2px;
	border-color:#0084b4;
	border-radius:6px;
 }
 
div.maintext{
	width:100%;
	margin-right:auto;
	margin-left:auto;
	border-color:#e6f3fd;
	padding-left:2em;
	text-align:justify;
	/*
	height:calc(100vh - 235px);
	overflow-y:auto;
	*/
}

div.maintext2{
display:inline-block;
width:79%;
border-top:1px solid;
border-left:1px solid;
border-color:#e6f3fd;

vertical-align:top;
min-height:calc(100vh - 235px); 
height:100%;
text-align:justify;
box-sizing:border-box;
/*
	height:calc(100vh - 235px);
	overflow-y:auto;
	*/
}

div.menugauche{
display:inline-block;
width:21%;
vertical-align:top;
border-right:1px solid;
border-color:#e6f3fd;
box-sizing:border-box;
}

div.menugauchecache{
display:none;
}

div.menugauchecachefooter{
display:inline-block;
width:1px;
}

div.banniere{
min-height:140px;
overflow-y:hidden;
}

div.bandmenu{
height:36px;
width:100%;
    background-color: #0084b4;

margin-right:auto;
margin-left:auto;
position:fixed;
left:0;
right:0;
top:0;
z-index:12000;
color:#e6f3fd;

}

.bandmenuelement{
width:30%;
display:inline-block;
vertical-align: middle;
margin-bottom:0;


}

.bandmenuelementdouble{
width:50%;
display:inline-block;
vertical-align: bottom;

}


.modules{
position:relative;
width:100%;

}

.boutonhaut{
box-sizing: border-box;
display:inline-block;
padding:0.5em;
padding-right:1em;
border-radius:8px;
vertical-align:bottom;
font-weight:bold;
color:#FFFFFF;
cursor:pointer;
margin:2px;
height:31px;

}

.boutonhaut a{
font-weight:bold;

}

.boutonhaut a:hover{
text-decoration:none;
}

.textehaut{
box-sizing: border-box;
display:inline-block;
padding:0.5em;
padding-right:1em;
border-radius:8px;
vertical-align:bottom;
color:#FFFFFF;
margin:2px;
height:31px;

}

.boutonhaut:hover
{
background-color:#6d84b4;
text-decoration:none;
}

.bandmenu a{
color:white;
}

.titremodule a{
font-weight:normal;

}

.bandmenu .fauxlien,.bandmenu .fauxlienleger,.pasgras{
color:white;
font-weight:normal;
}

.listemodules{
border-left:solid 3px grey;
padding-right:0.5em;
vertical-align:top;
}

.demimodules{
width:33%;  
min-width:260px;
display:inline-block;
vertical-align:top;
border-color:#e6f3fd;
border-style:solid;
border-width:1px;
border-radius:6px;
}



.lignesmenuhaut{
position:fixed;
top:38px;
min-width:540px;
}

.titrecategorie{
font-weight:bold;
font-style:italic;
text-align:left;
background-color:#e6f3fd;
/*color:#5BD35F;*/
color:#6d84b4;
padding-top:3px;
padding-bottom:3px;
border-top:1px solid;
border-color:#afbdd4;
}

.titremodule{
text-align:left;
color:#47525d;
background-color:#e6f3fd;
}

.titremodule a{
display:block;
padding-top:3px;
padding-bottom:3px;
padding-left :1em;
padding-right:1em;
border-top:1px solid;
color:#47525d;
border-color:#afbdd4;
}

.titremodule a:hover{
text-decoration:none;
background-color:#afbdd4;
}

.titremodule:last-child{
border-bottom-left-radius:6px;
border-bottom-right-radius:6px;
}

.aligndroite{
text-align:right;
}

.aidemodule{
width:95%;
background-color:#e6f3fd;
margin-right:auto;
margin-left:auto;
border:1px solid blue;
border-radius:4px;
vertical-align:top;
padding-left:2em;
margin-bottom:2em;
}


.emphasis{
font-style:italic;
}
.emphasis i{
font-style:normal;
}




/*Styles des tables*/
table{
width:98%;
margin-right:auto;
margin-left:auto;
border-spacing:0;
 border-width:1px; 
 border-style:solid; 
 border-color:#CCCCCC;
 border-radius:6px;
}

.insider table{
width:100%;
}

.insider .ascenseur{
max-height:100vh;
}
.imageinterne{
max-width:80%;
}

table.faketabletop
{
border-top-left-radius:6px;
border-top-right-radius:6px;
border-bottom-left-radius:0px;
border-bottom-right-radius:0px;
}

table.faketablebottom
{
border-top-left-radius:0px;
border-top-right-radius:0px;
border-bottom-left-radius:6px;
border-bottom-right-radius:6px; 
}

table.faketable
{
border-radius:0px;
}

table.listeextensions{
width:80%;
margin-top:3em;
}

table.listeconges{
margin-top:0.5em;
}

table.listeextensions td, table.listeconges td{
text-align:center;
padding-top:0.5em;
padding-bottom:0.5em;
}

table.listeextensions th, table.listeconges th{
padding-top:0.5em;
padding-bottom:0.5em;
}

table.listeextensions tr:hover, table.listeconges tr:hover{
background-color:#afbdd4;

}
 








th{

background-color:#e6f3fd;
}

.formpopup th
{
background-color:#afbdd4;

}



tr.row1, .row1{
background-color:#e6f3fd;
}

tr.row0, .row0{
background-color:#FFFFFF;
}

.formpopup tr.survol:hover{
background-color:#afbdd4;
}

tr.row0.survol:hover{
background-color:#afbdd4;
}

tr.row1.survol:hover{
background-color:#afbdd4;
}

tr:first-child
{
border-top-left-radius:6px;
border-top-right-radius:6px;
}

tr:last-child
{
border-bottom-left-radius:6px;
border-bottom-right-radius:6px;
}



table.onglets{
 border-radius:0px;
 border-style:none;
 width:100%;
 table-layout: fixed;
}
table.onglets tr{
vertical-align:top;
}



table.onglets td
{
background-color:#ffffe0;
 border-width:1px; 
 border-style:solid; 
 border-color:#CCCCCC;
border-top-left-radius:6px;
border-top-right-radius:6px;
border-bottom-left-radius:0px;
border-bottom-right-radius:0px;
    cursor: pointer;
	font-size:small;
height:2em;
}

table.onglets td.onit
{
background-color:#5cb85c;
color:white;
border-bottom-color:white;
}

table.onglets td.outit
{
color:gray;
}

/*Fin du style des tables*/

/*Styles des formulaires*/
form{
display:inline;
border:0;
margin-top:0;
margin-bottom:0;
padding:0 0 0 0;

}

input[type=submit]{
	background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;


}

input[type=checkbox]
	{
	visibility:hidden;
	}

input[type=checkbox]+label::before{
content:'\2714';
display: inline-block;
width: 12px;
height: 12px;
left: 0;
margin-left: -20px;
border: 1px solid #cccccc;
border-radius: 3px;
background-color: #fff;
color:#fff;
padding-bottom:6px;
padding-left:3px;
padding-right:3px;
cursor: pointer;
font-size:75%;
margin-right:10px;
}



input[type=checkbox]:checked+label::before{
    background-color: #5cb85c;
    border-color: #5cb85c;
	content: '\2714';

}

input[type=checkbox]:disabled+label::before{
background-color:#cccccc;
 border-color:#cccccc;
 color:#cccccc;

}

input[type=checkbox]:disabled:checked+label::before{
background-color:#c2f0c2;
 border-color:#c2f0c2;
 color:#ffffff;

}

input[type=checkbox].chkgestion:disabled:checked+label::before{
background-color:#c2f0c2;
 border-color:#c2f0c2;
 color:#ffffff;

}

input[type=checkbox].chkgestion:disabled:not(:checked)+label::before{
background-color:#eeeeee;
 border-color:#eeeeee;
 color:#eeeeee;

}

input[type=checkbox].chkanyway+label::before{
background-color:#c2f0c2;
border-color:#c2f0c2;
color:#ffffff;
content: '\2714';
}

input[type=file]{
display:none;
}
input[type=file]+label{
	display:block;
	cursor:pointer;
	width:90%;
	margin-right:auto;
	margin-left:auto;
	background-color:lightblue;
	color:white;
	border-radius:4px;
	padding:0.5em;
	}	
input[type=file]+label:hover{
background-color:blue;
color:lightblue;
transition: all .4s;
}
	
tr input[type=submit]{
padding : 7px 20px;

}

input[type=submit].notOK{
background-color:#ff0000;
cursor:not-allowed;
}

input[type=text],input[type=password] {
width:100%;

border-radius:4px;
padding:0.5em 1em;
box-sizing: border-box;
}
input[type=text]:focus{
background-color:lightyellow;
}

input[type=text].inputcenter{
text-align:center;
}

input[type=text].notOK{
border-color:red;
}

select{
	width:100%;
	max-width:100%;
    padding: 5px 20px;
	overflow:hidden;
    text-overflow:ellipsis;
    border: none;
    border-radius: 4px;
    background-color: #e6f3fd;
}

.row1 select{
background-color: #D4E1EF;
}

option{
width:100%;
max-width:100%;
overflow:hidden;
text-overflow:ellipsis;
}

select.center{
display:block;
margin-left:auto;
margin-right:auto;
}

td select{
min-width:100%;
}

textarea{
width:100%;
border:1px solid grey;
border-radius:4px;
padding:0.5em 1em;
resize: none;
box-sizing: border-box;
}
textarea:focus
{
background-color:lightyellow;
}



/*fin du style des formulaires*/


div.contenupage{
display:block;
margin-right:auto;
margin-left:auto;

width:95%;
padding:0.5em 1em;
}

form.modifpage textarea{
display:block;
margin-right:auto;
margin-left:auto;
min-height:10em;
height:calc(100vh - 400px);
font-family:arial;
}

form.modifpage, form.insertusers , .formpopup, form.modifvacances input[type=submit]
	{
	display:block;
	margin-right:auto;
	margin-left:auto;
	width:95%;
	}


	
.fullsubmit input[type=submit]
		{
		display:block;
		margin-right:auto;
		margin-left:auto;
		width:95%;
		}

.noborder{
border-style:none;
}

a {
font-weight:bold;
text-decoration:none;
color:#0084b4;
}
 a:hover{
 text-decoration:underline;
 }

.lieninfo a{
color:#47525d;
}

.fauxlien{
font-weight:bold;
/*text-decoration:underline;*/
cursor: pointer;
color:#0084b4;

}

.fauxlienleger{
/*text-decoration:underline;*/
cursor: pointer;
color:#0084b4;
/*color:#A4A4A4;*/
}

.fauxlien:hover{
 text-decoration:underline;
 }
 
 .fauxlienleger:hover{
 text-decoration:underline;
 }

 
.survol{
cursor:pointer;
}

.survol1:hover{
cursor:pointer;
background-color:#e6f3fd;
}

.survol2:hover{
cursor:pointer;
background-color:#afbdd4;
}
.survol3:hover{
cursor:pointer;
background-color:#6d84b4;
}
.survol4:hover{
cursor:pointer;
background-color:#0084b4;
}


.bullecontextuelle{
display:none;
background-color:#ffffe0;
border:1px solid;
border-radius:4px;
padding:4px;
padding-right:30px;
max-height:30%;
overflow:auto;
}

.cache{
display:none; 
}

.dissimule{
visibility:hidden;
}

.montreblock{
display:block; 
}

.encadre{
border-style:solid;
border-width:1px;
 border-color:#CCCCCC;
}

.encadrerond{
border-style:solid;
border-width:1px;
 border-color:#CCCCCC;
border-radius:3px;
}

.centre80{
width:80%;
margin-left:auto;
margin-right:auto;
}

.pasbordurehaut{
border-top-style:none;
border-top-left-radius:0px;
border-top-right-radius:0px;
}

.coinsbas{
border-bottom-left-radius:6px;
border-bottom-right-radius:6px;

}

.bullecontextuelle span{
margin: 0 0 8px 17px;
display:inline-block;
}

.bullecontextuelle img{
cursor:pointer;
position:absolute;

}

.highlight{
color:purple;
}

.light{
color:lightgrey;
}

.alert{
color:red;
font-weight:bold;
}

.helpbutton{
text-align:right;
padding:0em 2%;
}

div.menuedition{
text-align:right;
font-size:x-small;
padding:0em 1em;
}

.alertescript{
padding:0 0 0 0;
background-color:green;
color:white;
position:fixed;
right:50px;
bottom:50px;
}

.alertepage{
border-color:red;
color:red;
border-radius:5px;
width:100%;
border:solid 1px;
padding:5px;

}

.fit{
width:auto;
}

.informationpage{
border-color:#0084b4;
color:#0084b4;
border-radius:5px;
width:100%;
border:solid 1px;
padding:5px;
}
.messagesysteme{
display:none;
font-weight:bold;
padding:0 6px 0 2px;
background-color:#3a9e3c;
color:white;
min-width:349px;
max-width:350px;
position:fixed;
right:30px;
top:200px;
border-radius:4px;
z-index:19000;
}

.messagesysteme img, .messagesystemenon img, .messagesystemeneutral {
float:left;
cursor:pointer;
}





.boutonscommande{
float:right;
padding-right:2em;
}

.messagesystemenon{
display:none;
font-weight:bold;
padding:0 6px 0 2px;
background-color:#be2a1a;
color:white;
min-width:349px;
max-width:350px;
position:fixed;
right:50px;
top:200px;
border-radius:4px;
z-index:19000;
}

.messagesystemeneutral{
display:none;
font-style:italic;
padding:0 6px 0 2px;
background-color:#ffffe0;
color:#47525d;
min-width:349px;
max-width:350px;
position:fixed;
right:50px;
top:100px;
border-radius:4px;
z-index:19000;
}

.messagesystemenon img{
float:left;
cursor:pointer;
}

.formpopup{
display:none;
padding:1em 1em 2em 1em;
border:solid 1px #47525d;
border-radius:4px;
/*background-color:#ffffe0;*/
background-color:#e6f3fd;
min-width:499px;
max-width:500px;
position:fixed;
top:20%;
left:50%;
max-height:50vh;

margin-left:-250px;

margin-top:auto;
margin-bottom:auto;
z-index:10000;
}

.formpopup td{
padding-bottom:0.5em;
padding-top:0.5em;
}

.formpopup select
{
margin-top:2em;
width:95%;
overflow-y:scroll;
max-height:30px;
background-color:#afbdd4;
}

.formpopup td select{
margin:0;
}

.formpopup img{
float:right;
cursor:pointer;
}

.formpopup .alertepopup{
background-color:#be2a1a;
color:white;
font-size:small;
margin-bottom:1em;
padding:0em 0em 0em 0em;
}


.formpopup.grandformpopup{
min-width:699px;
max-width:700px;
margin-left:-350px;
max-height:70vh;

}



.formpopup > div{
overflow:auto;
max-height:50vh;
padding:0.1em 0.1em 0.1em 0.1em;
}

.formpopup.hautformpopup{
top:10%;
max-height:80vh;
}

.formpopup.hautformpopup > div{
max-height:65vh;
}

.formpopupinfomobile{
z-index:11000;
}

.petitpopup{
z-index:11000;
width:400px;
height:40vh;
overflow:auto;
display:none;
border:1px solid;
background-color:#e6f3fd;
padding:0.5em;

}

.petitpopup.petit{
height:20vh;
}

.containerpetitpopup{
height:90%;
overflow:auto;
}





.formpopup .closelink{
position:absolute;
right:0px;
bottom:0px;
}

.formpopup .titreformpopup{
background-color:#afbdd4;

border-bottom:1px solid;
border-color:#0084b4;
padding:0.2em 0.5em 0.2em 0.5em;
margin-top:0.2em;
margin-bottom:0.2em;
font-weight:bold;
}


.formpopup .demandeformpopup{
background-color:#0084b4;
color:white;
border-bottom:1px solid;
border-color:#0084b4;
padding:0.2em 0.5em 0.2em 0.5em;
margin-top:0.2em;
margin-bottom:0.2em;
font-weight:bold;
}

.boutonspopup{
text-align:right;
padding-right:2em;
}

.infopopup{
background-color:white;
margin-top:1em;
margin-bottom:0.5em;
border:1px solid;
border-color:#0084b4;
}

div.contenudossierparcoursautoportedoc{
margin-left:0;
padding-left:0.5em;
}

div.titredossierparcoursautoportedoc{
cursor:pointer;
text-align:left;
}

div.titredossierparcoursautoportedoc:hover{
background-color:#afbdd4;
}

div.titredossierparcoursautoportedocselected{
background-color:#6d84b4;
text-align:left;
cursor:pointer;
}

.containerdossierautoportedoc{
max-height:300px;
overflow:auto;
}

.grandformpopup .containerdossierautoportedoc{
display:inline-block;
text-align:left;
width:50%;


}


.normalinfo{
margin-top:0.5em;
border-top:1px solid;
border-bottom:1px solid;
padding-top:0.5em;
padding-bottom:0.5em;
margin-bottom:0.5em;
background-color:#afbdd4;
}

.smallinfo{
font-style:italic;
font-size:small;
margin-top:0.5em;
border-top:1px solid;
border-bottom:1px solid;
padding-top:0.5em;
padding-bottom:0.5em;
margin-bottom:0.5em;
background-color:#afbdd4;
}

.tinyinfo{
font-style:italic;
font-size:x-small;
margin-top:0.2em;
border-top:1px solid;
border-bottom:1px solid;
padding-top:0.2em;
padding-bottom:0.2em;
margin-bottom:0.2em;
background-color:#afbdd4;
}

.smallinfo span{
box-sizing: border-box;
}

.insider{
width:95%;
margin-right:auto;
margin-left:auto;
}

.entetemodule{
width:95%;
margin-right:auto;
margin-left:auto;
margin-bottom:1em;
}


.videos
{
text-align:center;
}

.unchanged{
color:lightgrey;

}

.justifie
{
text-align:justify;
}

.center{
text-align:center;
}

.center img{
float:none;
}

.right{
text-align:right;
}

.left{
text-align:left;
}

.petit{
font-size:x-small;
}

.plusgrand{
font-size:larger;
}

.pluspetit{
font-size:smaller;
}

.big{
color:grey;
font-size:600%;
}

.full{
width:95%;
}

.indente{
padding-left:2%;
}

.barre{
text-decoration:line-through;
}

.fondjaune{
background-color:lightyellow;
}

.coinronds{

border-radius:6px;
}

.ascenseur{
overflow-y:auto;
}

.ascenseurX{
overflow-x:auto;
}

.fullwidth{
width:100%;
box-sizing: border-box;
}

.halfwidth{
width:50%;
box-sizing: border-box;
}

.thirdwidth{
width:30%;
box-sizing: border-box;
}

.IB{
display:inline-block;
}

tr.aligntop{
vertical-align:top;
}

.mobilesubmit{
position:fixed;
top:90%;
right:calc(50% - 540px);
}

.mobilesubmitmilieu{
position:fixed;
top:50%;
right:calc(50% - 540px);
}


._container_pd{
/*overflow: auto;*/
overflow:visible;
}

.listedossiers{
width:30%;
display:inline-block;
border-top:solid 1px;
border-color:#afbdd4;
max-height:50vh;
margin-top:1em;
}




.listedossiers span{
width:100%;
vertical-align:middle;


}

div.titredossier{
background-position: left center;
cursor:pointer;
width:auto;
font-weight:bold;

border-bottom: solid 1px;

border-color:#afbdd4;
padding-left:0.5em;
padding-top:1em;
padding-bottom:1em;
color:#47525d;
margin-top:2px;

}

div.titredossier:hover{

background-color:#e6f3fd;
border-color:#6d84b4;
}

div.titredossierselected, div.barroutilsinfo{
background-position: left center;
cursor:pointer;
width:auto;
border-bottom: solid 1px;
padding-left:0.5em;
padding-top:1em;
padding-bottom:1em;
font-weight:bold;
color:#47525d;
background-color:#e6f3fd;
border-color:#6d84b4;
margin-top:2px;

border-radius:4px;
}

div.barroutilsinfo
{
cursor:default;
font-style:italic;
margin-top:1em;
border-top:solid 1px;
border-radius:0;
background-color:#e6f3fd;
}


.titresurvol{
padding-left:2em;
font-style:italic;
font-size:small;
margin-top:0.5em;
border-top:1px solid;
border-bottom:1px solid;
padding-top:0.5em;
padding-bottom:0.5em;
margin-bottom:0.5em;
background-color:#afbdd4;
}

.titresurvol span{
box-sizing: border-box;
}



div.lignesurvol{
border-bottom: solid 1px;
border-color:#afbdd4;
padding-top:1em;
padding-bottom:1em;
cursor:pointer;
padding-left:2em;
}

div.lignesurvol.sans{
cursor:default;
}

.lignesurvol.sans:hover{
background-color:inherit;
border-color:#afbdd4;
cursor:default;
}



div.lignesurvol.sousligne{
padding-top:0.4em;
padding-bottom:0.4em;
}

div.lignesurvol.sousligne span:first-child{
padding-left:3em;

}




div.lignesurvol.sousligne span{
padding-left:3em;
font-weight:normal;
}

div.lignesurvol.souslignepetit{
padding-top:0.2em;
padding-bottom:0.2em;
}

div.lignesurvol.souslignepetit span{
font-weight:normal;
padding-right:0em;
}

div.lignesurvol.souslignepetit.petittitre span{
font-weight:bold;
padding-right:0em;
}

div.lignesurvol.souslignepetit.petittitre{
background-color:#eef3fd;
}

div.lignesurvol.souslignepetit span.gras{
font-weight:bold;
}
div.lignesurvol.souslignepetit span:first-child, div.titresurvol.souslignepetit span:first-child{
padding-left:3em;

}

div.lignesurvol.souslignepetit.sanspadd span:first-child, div.titresurvol.souslignepetit.sanspad span:first-child{
padding-left:0em;

}

div.lignesurvol.lignepetit{
padding-top:0.2em;
padding-bottom:0.2em;
}

div.lignesurvol.lignepetit span{
font-weight:normal;
padding-right:0em;
}

.lignesurvol:hover{
background-color:#e6f3fd;
border-color:#6d84b4;
}

.lignesurvol.fondbleu1b:hover{
border-color:#cad8e8;
}

.lignesurvol.titre{
background-color:#afbdd4;
border-color:#47525d;
}

.lignesurvol.titre:hover{
background-color:#afbdd4;
border-color:#47525d;
}



.lignesurvol img{
vertical-align:middle;
margin-right:0.5em;
}

.lignesurvol input{

vertical-align:middle;
}
.lignesurvol.boutons{
padding-bottom:0.5em;
padding-top:0.5em;
}
.lignesurvol span{
display:inline-block;
vertical-align:middle;
width:90%;
font-weight:bold;
cursor: pointer;
color:#47525d;
box-sizing: border-box;
}

.lignesurvol span span{
display:inline;
}

.lignesurvol span.light{
color:lightgrey;
}

.lignesurvol span.contenuligne{
width:60%;
}

.lignesurvol span.contenuligne span.suite{
display:inline;
}

.lignesurvol span.contenuligne div.infoligne{
padding-left:50%;
font-style:italic;
font-weight:normal;
}

.lignesurvol.sansclic{
cursor:default;
}



.lignesurvol.sansclic span{
cursor:default;
}

.lignesurvol.sansclic span.fauxbouton{
cursor:pointer;
}


div.lignecontenu {
border: solid 1px;
border-radius:6px;
border-color:#afbdd4;
padding-top:1em;
padding-bottom:1em;
margin-bottom:1em;
cursor:pointer;
padding-left:2em;
padding-right:2em;
}

.lignecontenu:hover{
background-color:#e6f3fd;
border-color:#6d84b4;
}



.lignecontenu div{
padding:0;
padding-left:1.5em;
height:9.3em;
display:block;
overflow-y:auto;
text-overflow:ellipsis;
text-align:justify;
}


.lignecontenu div:first-child{
display:inline-block;
background-color:#afbdd4;
height:auto;
width:100%;
padding-left:1em;
font-weight:bold;
}

.lignecontenu div div:first-child{
background-color:inherit;
display:block;
width:100%;
box-sizing:border-box;
border-top:1px solid;
border-color:#e6f3fd;
margin-top:0.5em;
}

.lignecontenu div.infofinale{
display:inline-block;
background-color:#afbdd4;
height:auto;
width:100%;
padding-left:1em;
font-weight:bold;
}

.lignecontenu .expand{
height:auto;
}

.lignecontenu .expand div{
height:auto;
}


span.fauxbouton{
width:15%;
box-sizing: border-box;
display:inline-block;
margin-right:0.5em;
padding:0.5em;
padding-right:2em;
background-color:#e6f3fd;
border-radius:8px;
vertical-align:middle;
font-weight:bold;
color:#0084b4;
cursor:pointer;
border:1px solid;
border-color:#6d84b4;
}

.fauxbouton.grand{
width:30%;
}

span.ligne{
padding:0.2em;
padding-right:2em;
width:70%;
}

span.fauxbouton:hover{
background-color:#afbdd4;
}

.titreliste{
font-weight:bold;
padding-top:1em;
padding-bottom:1em;
border-bottom:1px solid;
border-color:#afbdd4;
}

.contenucat{
padding-left:4em;
}

.nomfichier{
vertical-align:middle;
}

img.milieu{
vertical-align:middle;
cursor:pointer;
}

.titredossier img{
vertical-align:middle;
cursor:pointer;
}

.contenudossier
{
padding-left:1em;
}

.listefichiers{
width:65%;
display:inline-block;
margin-right:1%;
margin-left:4%;
max-height:50vh;

}

.listefichiersupload{
text-align:left;
margin-top:1em;
margin-bottom:1em;
border:1px solid;
border-color:#afbdd4;
border-radius:3px;
}

.listefichiersupload span.nomfichier2{

max-width:70%;
text-overflow: ellipsis; 
white-space: nowrap;
margin-left:2em;

}

.listefichiersupload span{
display:inline-block;
font-weight:bold;
overflow:hidden;


}

table.petitform{
width:95%;
}

.petitform select{
width:7em;
margin:0;
min-width:0;
}


.petitform tr{
vertical-align:top;
}

.petitform td{
text-align:left;
width:50%;


}

.petitform input[type=text]
	{
	width:7em;
	}

.petitform td.tobig input[type=text]{
width:100%;
}

.petitform td.tobig select{
width:100%;
}

.barreoutilsinterne{
width:100%;
margin-top:1em;
border-top:1px solid;
border-bottom:1px solid;
border-color:#afbdd4;

}

.barreoutilsinterne img{
vertical-align:middle;
margin-right:0.5em;
}

.barreoutilsinterne  span{
box-sizing: border-box;
display:inline-block;
margin-right:2em;
padding:0.5em;
padding-right:1em;
background-color:#e6f3fd;
border-radius:8px;
vertical-align:middle;
margin-top:0.5em;
margin-bottom:0.5em;
font-weight:bold;
color:#0084b4;
cursor:pointer;
}

.barreoutilsinterne  span:hover{
background-color:#afbdd4;
}

.barreoutilsinterne span.selectionne{
cursor:default;
background-color:#afbdd4;
}

.barreoutilsinterne span.selectionne2{
cursor:default;
background-color:inherit;
border-color:#0084b4;
}

.barreoutilsinterne  span.cache{
display:none; 
}

.desclasseur{
background-color:#0084b4;
color:#e6f3fd;
vertical-align:baseline;
font-style:italic;
}


.descpochette{
padding-left:1em;
padding-top:0.5em;
}

.descpochette a{
margin-left:1em;
}

div.titrebarreoutils{

color:#e6f3fd;
background-color:#0084b4;
padding-top:1em;
padding-bottom:1em;
border-color:#afbdd4;
font-weight:bold;
font-style:italic;
padding-left:2em;

}

.barreoutilsinterne div.titrebarreoutils .infotitre{
margin-left:1em;
font-size:x-small;
display:inline;

}

.menumobile{
display:none;
padding:0;
max-height:50%;
overflow:auto;
background-color:white;
border:none;
}




.lignemenumobile{
width:auto;
padding-top:3px;
padding-bottom:3px;
cursor:pointer;
padding-left:0.5em;
padding-right:2em;
border-bottom: solid 1px;
border-color:#afbdd4;
color:#0084b4;
font-weight:bold;
}

.lignemenumobile a:hover{
text-decoration:none;
}

.lignemenumobile:hover{

background-color:#afbdd4;

}

.menumobilefirstitem{
margin-top:5px;
border-top:solid 1px;
border-color:#afbdd4;
}

.calendriermobile, .phonetiquemobile{
display:none;
padding:5px;
max-height:50%;
overflow:auto;
background-color:white;
border:1px solid;
min-width:200px;


}

.couleursmobile{
display:none;
padding:5px;
max-height:50%;
overflow:auto;
background-color:white;
border:1px solid;
}

.cliquable{
cursor:pointer;
}

.horloge{
display:none;
background-color:white;
border:1px solid;
z-index:11000;
}

.horloge>div{
display:block;
position:relative;

}

.horlogetick{
cursor:pointer;
border-radius:12px;
position:absolute;
font-size:125%;
height:24px;
width:24px;
text-align:center;


}

.horlogetick:hover{
background-color:#e6f3fd;
}

.horlogetitre{
font-size:400%;
text-align:center;
}

.ligneformpopup{
border-bottom:solid 1px;
border-color:#afbdd4;
padding-top:0.5em;
padding-bottom:0.5em;
vertical-align:middle;

box-sizing:border-box;

}

.ligneformpopup:hover{
background-color:#afbdd4;
}

.ligneformpopup img
{
float:none;
cursor:default;
vertical-align:middle;
margin-right:0.5em;
}

.ligneformpopup .spancheckbox{
float:right;
vertical-align:middle;
}
.ligneformpopup .spancheckbox input[type=checkbox]+label::before{
vertical-align:middle;
}

img.imagemini{
margin-right:auto;
margin-left:auto;
cursor:pointer;
max-width:560px;
}

div.container_imagemini{
cursor:pointer;
max-width:560px;
display:inline-block;
}

.diaporama{
display:block;
position:fixed;
width:50vw;
height:80vh;
left:25vw;
top:100px;
margin:auto;
z-index:10000;
}



.diaporama img{
position:absolute;
top:0;
right:0;
}

.diaporama img.imageinterne{
position:static;
display:block;
margin-left:auto;
margin-right:auto;
max-width:100%;
max-height:100%;
}

.indicateurupload{
padding-top:0.5em;
font-style:italic;

text-align:center;
}

.indicateurupload img{
float:none;
}

.raccourcisedition{
display:table;
border-collapse:separate;
border-spacing:0.3em;
}

.ligneraccourcis{
display:table-row;
}

.boutonedition{
display:table-cell;
min-width:24px;
height:24px;

background-color:#e6f3fd;
border-radius:3px;
vertical-align:middle;
text-align:center;
cursor:pointer;
}

.boutonedition img
{
vertical-align:middle;

}

.boutonedition:hover{
background-color:#6d84b4;
color:#e6f3fd;

}

.boutonedition div{
max-height:24px;
overflow: hidden;
line-height:24px;
}

.separateuredition{
display:table-cell;
height:24px;
vertical-align:middle;
text-align:center;
border-left:1px solid;
border-right:1px solid;
border-color:#6d84b4;
width:2px;

}

.elementlistecliquable{
cursor:pointer;
border:1px solid;
border-radius:3px;
border-color:#0084b4;
margin-bottom:2px;



}

.elementlistecliquable:hover{
background-color:#eef3fd;

}



.elementlistecliquableselectionne, .survol.selectionne{
cursor:pointer;
border:1px solid;
border-radius:3px;
border-color:#0084b4;
margin-bottom:2px;
background-color:#afbdd4;

}

.elementlistecliquableselectionne:hover, .survol.selectionne{
border-color:#eef3fd;
}

.listemembres{
min-height:6.99em;
max-height:7em;
overflow:auto;
border:1px solid;
border-radius:5px;
border-color:#CCCCCC;
background-color:white;
cursor:pointer;
text-align:left;
}

.listemembres span{
display:inline-block;
font-size:small;
cursor:pointer;
border:1px solid;
border-radius:3px;
border-color:#0084b4;
background-color:#e6f3fd;
margin:1px 2px 1px 2px;
padding-left:0.5em;
padding-right:0.5em;
padding-top:1px;
padding-bottom:1px;
max-width:80%;
overflow:hidden;
text-overflow: ellipsis; 
white-space: nowrap;
}




.listedestinataires{
min-height:6.99em;
max-height:7em;
overflow:auto;
border:1px solid;
border-radius:5px;
border-color:#CCCCCC;
}



.listedestinataires span, .listepj div{
display:inline-block;
font-size:small;
cursor:pointer;
border:1px solid;
border-radius:3px;
border-color:#0084b4;
background-color:#e6f3fd;
margin:2px 2px 2px 2px;
padding-left:0.5em;
padding-right:0.5em;
padding-top:2px;
padding-bottom:2px;
max-width:80%;
overflow:hidden;
text-overflow: ellipsis; 
white-space: nowrap;
}


.actiondestinataires span, .boutonajoutpj, .boutonajoutboite, .boutonvert{
display:inline-block;
font-size:small;
cursor:pointer;
border-radius:3px;
background-color: #4CAF50;
color: white;
margin:2px 2px 2px 2px;
padding-left:0.5em;
padding-right:0.5em;
padding-top:2px;
padding-bottom:2px;
font-weight:bold;
overflow:hidden;


}

.boutonvert.selected{
border-color:#4CAF50;
border:1px solid;
background-color: white;
color: #4CAF50;
cursor:default;
}

.boutoncommande{
display:inline-block;
font-size:small;
cursor:pointer;
border:1px solid;
border-radius:3px;
border-color:#0084b4;
background-color:#e6f3fd;
margin:2px 2px 2px 2px;
padding-left:0.5em;
padding-right:0.5em;
padding-top:2px;
padding-bottom:2px;
}

.boutoncommande.selected, .boutoncommande.selected:hover{
background-color: white;
color: #0084b4;
cursor:default;
}


.listedestinataires span:hover, .listepj div:hover, .boutoncommande:hover{
background-color:#afbdd4;
}





.container_type1{
border:1px solid;
border-radius:3px;
border-color:#0084b4;
padding:0.5em;
margin-top:2em;
margin-bottom:2em;
}

.container_type1 input[type=text]{
margin-top:0.5em;
margin-bottom:1em;
}

.container_type1 textarea{
height:20em;
}

input[type=text].virgin, textarea.virgin {
font-style:italic;
color:#BBBBBB;
}

input[type=text].virginsimple, textarea.virginsimple, td.virginsimple,th.virginsimple,select.virginsimple,tr.virginsimple td,tr.virginsimple select  {
/*
color:#BBBBBB; 
*/
color:#888888;
}

.virginsimple.plus{
color:#888888;
}

.container_type1 input[type=submit]
{
width:100%;
}


.cadre_14{
display:inline-block;
width:24%;
height:80vh;
padding-top:1em;
overflow-y:auto;
}



.cadre_34{
display:inline-block;
width:74%;
height:80vh;
padding-top:1em;
}

.max600{
height:600px;
}


.max50v{
max-height:50vh;
}
.dossiercourrier{
padding-top:0.5em;
padding-bottom:0.5em;
padding-left:1em;
border-bottom:1px solid;
border-color:#0084b4;
margin-left:2%;
margin-right:2%;
cursor:pointer;
font-size:small;
overflow:hidden;
text-overflow: ellipsis; 
white-space: nowrap;
}

.dossiercourrier:hover{
background-color:#e6f3fd;
}

.dossiercourrier:first-child{
border-top:1px solid;
border-color:#0084b4;
}

.dossiercourrierselected{
padding-top:0.5em;
padding-bottom:0.5em;
padding-left:1em;
border-bottom:1px solid;
border-color:#0084b4;
margin-left:2%;
margin-right:2%;
font-size:small;
overflow:hidden;
text-overflow: ellipsis; 
white-space: nowrap;
background-color:#e6f3fd;
}

.containerentete{
width:100%;
margin:0;
padding:0;
}

.dossiercourrierselected:first-child{
border-top:1px solid;
border-color:#0084b4;
}

.containerentete:hover{
background-color:#afbdd4;
}

.containerenteteerreur{
width:100%;
margin-left:2%;
font-size:small;
font-style:italic;
}

.containerenteteselected{
width:100%;
margin:0;
padding:0;
background-color:#e6f3fd;
}
.containerenteteselected:hover{
background-color:#afbdd4;
}

.entetemessage{
padding-top:0.5em;
padding-bottom:0.5em;
margin-left:2%;
margin-right:2%;
cursor:pointer;
font-size:small;
display:inline-block;
width:50%;
overflow:hidden;
text-overflow: ellipsis; 
white-space: nowrap;

}

.listeentetes{
height:15em;
overflow-y:scroll;
border-bottom:1px solid;
border-color:#0084b4;
}

.nonlu{
font-weight:bold;
}
.contenumessage{
max-height:calc(80vh - 15em);
overflow-y:auto;
}

.datemessage{
padding-top:0.5em;
padding-bottom:0.5em;
cursor:pointer;
font-size:small;
display:inline-block;
width:20%;
overflow:hidden;
text-overflow: ellipsis; 
white-space: nowrap;
}

.expmessage{
padding-top:0.5em;
padding-bottom:0.5em;
cursor:pointer;
font-size:small;
display:inline-block;
width:25%;
overflow:hidden;
text-overflow: ellipsis; 
white-space: nowrap;
}

.listeenvoyes {
background-color:#e6f3fd;
font-size:x-small;
font-style:italic;
max-height:6em;
overflow-y:auto;
border-bottom:1px solid;
border-color:#0084b4;
padding:0.5em;
margin-bottom:1em;


}

.infomessage{
background-color:#e6f3fd;
font-size:smaller;
padding:0.5em;
}

.listeenvoyes .maillu{
color:#4CAF50;
}

.listeenvoyes .mailnonlu{
color:#be2a1a;
}

.textemessage{
padding-left:1em;
padding-right:1em;
overflow-y:auto;
}



.pjmessage{
padding-left:1em;
padding-right:1em;
border-top:1px solid;
border-color:#afbdd4;
margin-top:1em;
padding-top:0.5em;
font-size:smaller;
font-style:italic;
}


.boutontransfert{ 
display:inline-block;
font-size:small;
cursor:pointer;
border:1px solid;
border-radius:3px;
border-color:#0084b4;
background-color:#e6f3fd;
margin:2px 2px 2px 2px;
padding-left:0.5em;
padding-right:0.5em;
padding-top:2px;
padding-bottom:2px;
max-width:20%;
overflow:hidden;
text-overflow: ellipsis; 
white-space: nowrap;
}


.important{
color:#be2a1a;
}

.banderecherche{
width:100%;
background-color:#e6f3fd;
}

.banderecherche input[type=text]{
display:inline-block;
width:30em;
vertical-align:middle;
}

.boutonrecherche{
display:inline-block;
font-size:small;
cursor:pointer;
border-radius:3px;
background-color: #4CAF50;
color: white;
font-weight:bold;
padding-left:0.5em;
padding-right:0.5em;
padding-top:2px;
padding-bottom:2px;
}



.lignesurvol span.min{
width:auto;
padding-left:0.5em;
}

.lignesurvol span.max10, .max10{
display:inline-block;
width:10%;
overflow:hidden;
text-overflow: ellipsis; 
white-space: nowrap;
border-right:solid 1px;
border-color:#afbdd4;
text-align:center;
padding-right:0.5em;
}

.lignesurvol span.max15, .max15{
display:inline-block;
width:15%;
overflow:hidden;
text-overflow: ellipsis; 
white-space: nowrap;
border-right:solid 1px;
padding-right:0.5em;
border-color:#afbdd4;
}

.lignesurvol span.max20, .max20{
display:inline-block;
width:20%;
overflow:hidden;
text-overflow: ellipsis; 
white-space: nowrap;
border-right:solid 1px;
padding-right:0.5em;
border-color:#afbdd4;
}

.lignesurvol span.max25, .max25{
display:inline-block;
width:25%;
overflow:hidden;
text-overflow: ellipsis; 
white-space: nowrap;
border-right:solid 1px;
padding-right:0.5em;
border-color:#afbdd4;
}

.lignesurvol span.max30, .max30{
display:inline-block;
width:30%;
overflow:hidden;
text-overflow: ellipsis; 
white-space: nowrap;
border-right:solid 1px;
padding-right:0.5em;
border-color:#afbdd4;
}



.lignesurvol span.max40, .max40{
display:inline-block;
width:40%;
overflow:hidden;
text-overflow: ellipsis; 
white-space: nowrap;
border-right:solid 1px;
padding-right:0.5em;
border-color:#afbdd4;
}


.lignesurvol span.max50, .max50{
display:inline-block;
width:50%;
overflow:hidden;
text-overflow: ellipsis; 
white-space: nowrap;
border-right:solid 1px;
padding-right:0.5em;
border-color:#afbdd4;
}

.lignesurvol span.max60, .max60{
display:inline-block;
width:60%;
overflow:hidden;
text-overflow: ellipsis; 
white-space: nowrap;
border-right:solid 1px;
padding-right:0.5em;
border-color:#afbdd4;
}

.lignesurvol span.max70, .max70{
display:inline-block;
width:70%;
overflow:hidden;
text-overflow: ellipsis; 
white-space: nowrap;
border-right:solid 1px;
padding-right:0.5em;
border-color:#afbdd4;
}

.lignesurvol span.lieninfo{
width:auto;
vertical-align:bottom;
font-size:small;
font-style:italic;
}

.lignesurvol span.lieninfo span{
display:inline;
}

.lignesurvol img{
vertical-align:middle;
}

.lignesurvol span.policebleu4{
color:#0084b4;
}

.lignesurvol div.information span{
font-size:x-small;
font-style:italic;
display:inline;
margin-right:1em;

}

table.calendrier{
width:100%;
text-align:center;
}

table.calendrier th{
background-color:#afbdd4;
}

table.calendrier th.lignejour{
font-weight:normal;
}

th.pluslarge{
padding-top:0.5em;
padding-bottom:0.5em;
}



table.calendrier tr{

}
.margehaute1{
margin-top:1em;
}

.margehaute2{
margin-top:2em;
}

div.div33{
width:33%;
display:inline-block;
border-color:#afbdd4;
padding-left:0.2em;
box-sizing: border-box;
}

div.div66{
width:66%;
display:inline-block;
border-color:#afbdd4;
padding-left:0.2em;
box-sizing: border-box;
}


table.notescolles{
border:1px solid #e6f3fd;
table-layout: fixed;
width:100%;
}

table.entetecolles{
width:50%;
margin-left:0;
margin:0.5em;
border:none;
display:inline-table;
}

input.notepetit{
width:5em;
font-size:x-small;
}

.containercolle{
max-height:70vh;
overflow:auto;
}

.colledeclaree{
opacity:0.5;
}

.fillu:before{

}

.filnonlu{

}

.forum{
box-sizing: border-box;
}

.forum.message.container{
border-top:1px solid;
border-bottom:1px solid;
margin-bottom:0.5em;
background-color:#eef3fd;

}

.forum.titrefil{
background-color:#0084b4;
margin-bottom:0.5em;
}

.forum.titrefil.contenu{
color:#FFFFFF;
font-size:x-large;
font-weight:bold;
display:inline-block;
width:75%;
padding-left:40px;
margin-bottom:0;
}

.forum.titrefil.auteur{
color:#e6f3fd;
font-style:italic;
font-size:x-small;
display:inline-block;
width:75%;
padding-left:40px;
}

.forum.message.titremessage{
background-color:#e6f3fd;
color:#0084b4;
}

.forum.message.auteur{
font-weight:bold;
display:inline-block;
vertical-align:middle;
width:15%;
overflow-x:hidden;
padding:0.5em;
font-size:small;
}



.forum.message.date{
font-style:italic;
display:inline-block;
width:85%;
overflow-x:hidden;
padding:0.5em;
font-size:x-small;
vertical-align:middle;
}

.forum.message.contenumessageforum{
background-color:#e6f3fd;
text-align:justify;

}

.forum.message.auteur.infos{
min-height:200px;
display:inline-block;
padding:0.5em;

color:#0084b4;
font-size:small;
}

.forum.message.contenu{

background-color:#eef3fd;
display:inline-block;
width:85%;
padding:1em;
min-height:200px;
font-size:110%;
line-height:1.5;
}

.forum.message.contenu div.quote{
width:95%;
border:1px solid;
border-color:#0084b4;
border-radius:4px;
background-color:#FFFFFF;
color:#afbdd4;
font-size:small;
font-style:italic;
padding:0.5em;
margin-left:1em;
line-height:1;
}

.forum.message.contenu div.quote div.titlequote{
font-style:normal;
text-decoration:underline;
padding-bottom:0.2em;
}


.forum.message.container .barreoutils{
width:100%;
border-top:1px solid;
border-bottom:1px solid;
border-color:#afbdd4;
font-size:x-small;
text-align:right;

}


.forum.message.container .barreoutils  span{
box-sizing: border-box;
display:inline-block;
margin-right:1em;
padding:0.5em;
padding-right:1em;
background-color:#e6f3fd;
border-radius:8px;
vertical-align:middle;
margin-top:0.1em;
margin-bottom:0.1em;
font-weight:bold;
color:#0084b4;
cursor:pointer;
}

.forum.message.container .barreoutils  span:hover{
background-color:#afbdd4;
}

.inerte:hover{
background-color:inherit;
cursor:default;
}


.accueilcategorie{
font-size:x-large;
padding-left:1em;
margin-top:2em;
margin-bottom:0.5em;
font-weight:bold;
background-color:#eef3fd;
padding-top:0.3em;
padding-bottom:0.3em;
}

.accueilcategorie:first-child{
margin-top:0em;
}

.accueilinfo{
margin-left:1em;
font-style:italic;
font-weight:bold;
padding-top:1em;
padding-bottom:0.5em;
font-size:larger;
opacity:0.5;

}

.accueilevent{
border:1px solid;
border-color:#afbdd4;

min-height:2em;


margin-left:1em;
margin-bottom:0.3em;
background-color:inherit;

box-shadow:0 0 0 1px rgba(0,0,0,0.04);
transition: box-shadow .3s ease-in-out, background-color .3s ease-in-out;
}

.accueilevent:hover{
box-shadow:0 1px 3px 0 rgba(0,0,0,0.16);
background-color:rgba(238,243,253,0.5);
}

.peutediteraccueil .accueilevent:hover{
cursor:pointer;
}

.accueiltitre{
font-weight:bold;

padding:0;
font-size:larger;
background-color:rgba(238,243,253,0.5);
padding-top:0.5em;
padding-left:0.5em;
transition: background-color .3s ease-in-out;
}


.accueildate{
font-style:italic;
font-size:smaller;
color:#afbdd4;
border-bottom:1px solid;

background-color:rgba(238,243,253,0.5);
padding-left:0.5em;
padding-bottom:0.5em;
transition: background-color .3s ease-in-out;
}

.accueildate:last-child{
border-bottom:0;
}

.accueilevent:hover .accueiltitre{
background-color:#eef3fd;
}

.accueilevent:hover .accueildate{
background-color:#eef3fd;
}

.accueilcontenu{
min-height:10em;
overflow:hidden;
padding-top:1em;
margin-left:1em;
margin-right:1em;
padding-top:0.5em;
padding-bottom:1em;

}



.accueilcontenu img{
max-height:10em;
}

.accueilcontenu .container_imagemini{
display:inline-block;
margin-right:1em;
}

.contenu_accueil{
border:1px solid;
border-color:#0084b4;
padding-right:2em;
padding-left:2em;
padding-top:1em;
padding-bottom:1em;
background-color:#eef3fd;

}

.contenu_accueil h3{
text-decoration:none;
margin-bottom:0.4em;
margin-top:0.2em;
color:#0084b4;
text-align:center;
font-size:larger;
}

.contenu_accueil .container_imagemini{
display:inline-block;
margin-right:1em;
}

.sommairepage{
border:1px solid;
border-color:#afbdd4;
min-width:70%;
display:inline-block;
margin-bottom:0.5em;
}

.titresommairecarnet{
padding-left:1em;
padding-top:0.5em;
padding-bottom:0.1em;



}

.contenusommairecarnet{
font-size:smaller;
padding-left:2em;

}

.contenusommairecarnet:first-child{
border-top:1px solid;
border-color:#afbdd4;
padding-top:0.5em;
}

.container_module_vide{
margin:0;
padding:0;
}

.container_module_pour_android{
margin:0;
padding:0;
-webkit-touch-callout: none;
-webkit-user-select: none;
 }

table.planning{
margin-bottom:2em;
}

table.planning td{
cursor:pointer;
min-height:5em;
border:1px solid;
border-collapse:collapse;
border-color:#CCCCCC;
}

table.planning td.contenu{
width:15%;
}

table.planning td:hover
{
background-color:#6d84b4;
}

table.planning td.sans
{
cursor:default;
}

table.planning td.sans:hover
{
background-color:inherit;
}

table.planning td.samedi{
background-color:gray;
cursor:inherit;
}

table.planning td.selectionne{

background-color:#0084b4;
}

table.planning td.selectionne:hover{
background-color:#afbdd4;
}

table.collapse
	{
border-collapse:collapse;
	}

tr.lignedessous{ 
border-bottom:1pt solid #6d84b4;
}

div.lignedessous{
border-bottom:1pt solid #6d84b4;
}

tr.lignedessus{ 
border-top:1pt solid #6d84b4;
}

.listereservations{
display:inline-block;
border:1px solid;
margin:0.2em;
padding:0.2em;
font-size:x-small;
}

td.max80{
max-width:80%;
overflow-x:ellipsis;
}

td.relevenotes, th.relevenotes{

overflow:hidden;
text-overflow:ellipsis;
text-align:center;
}

td.nomrelevenotes{
overflow-x:hidden;
text-overflow:ellipsis;
white-space:nowrap;
width:150px;
}

.autoWidth{
width:auto;
}

table.relevenotes{
margin-left:5%;
}

table.relevenotes tr.alerte td, tr.alerte td, div.alerte{
border-top:1px solid red;
border-bottom:1px solid red;
}

table.relevenotes tr.alerte td:first-child, tr.alerte td:first-child{
border-left:1px solid red;

}

table.relevenotes tr.alerte td:last-child, tr.alerte td:last-child{
border-right:1px solid red;

}

table.agenda{

margin-top:2em;

}

table.agenda td{
height:25em;
 border-width:0.5px; 
 border-style:solid;
 border-color:#CCCCCC;
width:calc(100% / 6);
font-size:x-small;
text-align:left;

}

table.agenda tr{
vertical-align:top;

}

table.agenda td div.devoir{
 border-width:0.5px; 
 border-style:solid;
 border-color:#0084b4;
border-radius:0.4em;
margin:0.5em;
padding:0.2em;
background-color:#eef3fd;
}

table.agenda td div.devoir div.devoirtitre{
border-bottom:1px solid #0084b4;
}

table.agenda td.vacances{
background-color:gray; 
}

.infostats{
border:1px solid #0084b4;
border-radius:6px;
margin-top:1em;
padding:0.2em;

}

.barresuivantprecedent
{
border-top:1px solid #0084b4;
border-bottom:1px solid #0084b4;
padding-top:0.5em;
padding-bottom:0.5em;
}

.barresuivantprecedent .suivant{
display:inline-block;
float:right;
padding-right:2em;

}

.barresuivantprecedent .precedent{
display:inline-block;
padding-left:2em;
}

.barresuivantprecedent .central{
display:inline-block;


}

.barresuivantprecedent2
{
border-top:1px solid #0084b4;
border-bottom:1px solid #0084b4;
padding-top:0.5em;
padding-bottom:0.5em;
text-align:center;
}


.barresuivantprecedent2 .suivant{
display:inline-block;
float:right;
padding-right:2em;

}

.barresuivantprecedent2 .precedent{
display:inline-block;
padding-left:2em;
float:left;
}

.barresuivantprecedent2 .central{
display:inline-block;


}

.container_fullscreen{
position:fixed;
 width:100%;
 height:100%;
 background-color:#d8dfea;
opacity:1;
z-index:15000;
left:0px;
top:0px;
overflow-y:hidden;

}
.container_fullscreen .alerte
{
background-color:#be2a1a;
color:white;
width:100%;
text-align:center;
margin-bottom:1em;
padding:0em 0em 0em 0em;
}

.petitpopupglobal{
z-index:16000;
width:400px;

overflow:auto;
display:none;
border:1px solid;
background-color:#e6f3fd;
padding:0.5em;

}

.container_fullscreen .contenu_global {
width:90vw;
height:calc(100vh - 36px);
margin-top:36px;

margin-left:auto;
margin-right:auto;
border:1px solid;
background-color:#FFFFFF;
}

.lienfermerglobal{
float:right;
margin:2px;
margin-right:calc(50% - 548px);
box-sizing: border-box;
display:inline-block;
padding:0.5em;
padding-right:1em;
border-radius:8px;
vertical-align:bottom;
font-weight:bold;
color:#FFFFFF;
cursor:pointer;

height:31px;

}

.titreglobal{
padding-top:0.5em;
padding-bottom:0.5em;
font-size:2em;
font-weight:bold;
background-color:#e6f3fd;
border-color:#e6f3fd;
padding-left:1em;
color:#0084b4;
}


.lienfermerglobal:hover
{
background-color:#6d84b4;
text-decoration:none;
}


.container_fullscreen .barrenavigation
{
height:36px;
width:100%;
background-color: #0084b4;
z-index:15001;
margin-right:auto;
margin-left:auto;
position:absolute;
left:0;
right:0;
top:0;
color:#e6f3fd;
}

.container_fullscreen .contenu_global .bloclateral{
display:inline-block;
width:50%;
box-sizing: border-box;
max-height:calc(100vh - (36px + 10em));
overflow-y:auto;

padding:3em;
padding-top:1em;
padding-bottom:0em;

}

.container_fullscreen .contenu_global .bloclateral.graphe{
padding-left:0em;
padding-right:0em;
padding-top:1em;
padding-bottom:0em;

}

table.tbulletin{
width:100%;
}

table.tbulletin td
 {
border:1px solid;
}

.attente
{
box-sizing: border-box;
padding:2em;
width:100%;
text-align:center;
font-style:italic;
}

.appreciation{
padding-left:1em;
margin-top:0.5em;
margin-bottom:0.5em;
box-sizing: border-box;

}

.petitdetail{
margin-right:0.5em;
}

.petitdetail:hover{
background-color:#eef3fd;
}

.infomobile{
display:none;
padding:1em 1em 2em 1em;
border:solid 1px #47525d;
border-radius:4px;
/*background-color:#ffffe0;*/
background-color:#e6f3fd;
min-width:499px;
max-width:500px;
position:fixed;
top:20%;
left:50%;
max-height:50vh;
font-size:smaller;


margin-top:auto;
margin-bottom:auto;
z-index:10000;
}