/* FONTS
======================= */
@font-face {
    font-family: 'OpenSansLight';
    src: url('/font/OpenSans-Light-webfont.eot');
    src: url('/font/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/OpenSans-Light-webfont.woff') format('woff'),
         url('/font/OpenSans-Light-webfont.ttf') format('truetype'),
         url('/font/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: swap;

}



/* obecne odkazy --------------------------------------------------------------- 

html {  overflow-y: scroll; box-sizing: border-box; background: #f5f5f5; }

body {  text-align:left;  padding: 0;  margin:0;   background: #f5f5f5;   font: 0.8em/1.5 "arial",sans-serif;   color: #354146;   }



*/
html {  background: #fff; }

body {  background: #fff;     }


@media print {
	.noprint { display:none; }
}






footer .title { font-size:1.4em;  font-family:'OpenSansLight',sans serif; font-weight:normal;}

div.page_texte a[href$='.pdf'] {background:transparent url(/Assets/Icons/pdf.png) center left no-repeat;display:inline-block;padding-left:20px;line-height:15px;}
div.page_documents a { text-align:center;display:inline-block; vertical-align:top; padding:15px; margin:0 15px 15px 0; border-radius:5px; max-width:200px;  }
div.page_documents a:hover { background-color:#eee;  }





/* LINKS
================== */


a.imagelink:hover img { opacity:.5; } 


.nomdefamille { text-transform:uppercase; }
.prenom { text-transform:capitalize; }



/* INT BOX ACCUEIL GENERIC
==============================*/
.blocsacc-columns {  min-height:200px;  }
.blocacc { z-index:5; padding:0; background-color:white; margin:0 0 15px; border:solid #dddbc6 1px; border-radius:3px; position:relative; }
.blocacc-currentsorting { cursor:move;  }

.blocacc span.actions { display:block; position:absolute; z-index:100; top:0; right:0; }
.blocacc span.actions a { text-decoration:none; color:black; opacity:.3;  padding:5px;  }
.blocacc span.actions a:hover { opacity:1; background-color:white; box-shadow:0 0 5px rgba(0,0,0,0.5); }


.blocacc .titre { padding:3px 7px; font-size:1.2em; background-color: #dddbc6; }
.blocacc .content { padding:7px;  }
.blocacc .icon { vertical-align:middle; }
.blocacc .discret { padding:3px 7px; background-color:#c9c9c9; font-size:0.8em;   }
.blocacc-currentsorting .content { display:none; }
.blocacc-currentsorting .mod { display:none; }
.blocacc-1 {  }
.blocacc-2 { background-color:red;  border:solid red 1px; color:white; }
.blocacc-2 .titre { background-color:#ae0004;  color:white;  }
.blocacc-3 { background-color:#d8f8fa; border:solid #d8f8fa 1px; color:black; }
.blocacc-3 .titre { background-color:#add7f5;  }
.blocacc-4 { background-color:#fcf4dc; border:solid #fcf4dc 1px; color:black; }
.blocacc-4 .titre { background-color:#9D6E06;  color:white; }
.blocacc-5 { background-color:#e4f3e6; border:solid #e4f3e6 1px; color:black; }
.blocacc-5 .titre { background-color:#4F8258;  color:white; }
.blocacc-6 { background-color:#e33584; border:solid #e33584 1px; color:white; }
.blocacc-6 .titre { background-color:#a31655;  color:white; }
.blocacc-7{ background-color:#fff; border:solid #db0414 1px; color:black; }
.blocacc-7 .titre { background-color:#db0414;  color:white; }



div.alpradolinkexternal { text-align:center; }
div.alpradolinkexternal img { width:150px;height:auto; }

div.alpradolinkexternal a { text-decoration:none; color:#000; }
div.alpradolinkexternal a:hover {text-decoration:none; color:#000000; }

div.alpradolinkexternal a img { opacity:.6; }
div.alpradolinkexternal a:hover img { opacity:1; }




/* TYPOGRAPHIE ET TEXTES */
h1, h2, h3, h4, h5  { font-family:'OpenSansLight',sans serif; font-weight:normal;  }




.inbigtext { font-size:20px;font-weight:bold; }


.postmsg { background-color:#dddddd; padding:10px; border-radius:3px; color:#000; margin:10px;  }
.postmsg h2 { margin:0 0 10px; }
.postmsg p:last-child { margin:0; }
.postmsg-1 { background-color:#b60e12;  color:#fff;   }
.postmsg-2 { background-color:#30a220;  color:#fff;   }

.postmsg a { color:#fff;  }


.errorview-box { background-color:red; padding:10px; border-radius:3px; color:white; margin:10px; }
.errorview-box .titre { font--size:20px; margin-bottom:5px; }




/* LAYOUT 
==================================================================*/


a.btn-0 { color:#e78921;  }
a.btn-1 { color:#a9d318; }
a.btn-2 { color:#d61616; }

a.btn.btn-2:hover { background-color:#cfcfcf;  }
a.btn.btn-0:hover { background-color:#f0b97b;  }



a.btn-0.btn-selected { background-color:#e78921; color:white; }
a.btn-1.btn-selected { background-color:#a9d318; color:white; }
a.btn-2.btn-selected { background-color:#d61616; color:white; }

.site-content { background-color:#fff; } /* box-shadow:0 0 30px #aaa; max-width:1100px; margin:0 auto;  */

header.main-header  div.messageelu { border-radius:3px; font-size:11px; overflow:hidden; padding:5px; background-color:#913166; color:white; }
header.main-header  div.messageelu div.titre { border-bottom:dotted white 1px; padding:0 0 2px 0; margin:0 0 2px; }
header.main-header  div.messageelu p { padding:0 ;margin:0;  }

header.main-header a.logo:hover img { opacity:0.5; }

header nav.connected { background-color:#444; color:white; padding:1em; }
header nav.connected a { color:#fff;  }
header nav.connected span { color:#fff;  }


[hidden] { display: none; }
	

.main-nav-bg { }



nav.navbar-scroll .nav-link:hover { color:#1266f1 !important; 
 
}

/* 
nav.main-nav {  font-size:0.95em; }
nav.main-nav .nav-link { color:white !important; }
nav.main-nav .nav-link:hover { background-color:white !important; color:black !important; }
nav.main-nav .nav-item:hover { } 
*/


@media (min-width: 50rem) {
	
}






a.adminlink {  background-color:#df2025;
          display: inline-block; 
          font-size: 13px;
          color: #fff;
          text-decoration: none;
          padding: 3px 12px 0; border-right:dotted #5f5f5f 1px;
          text-align: center; }
		  
a.adminlink:hover { background-color:#710000; }




a.modpageadmlink { transition:all ease 0.5s; display:block; background-color:#fff2e6; color:#e66d00;  border-top:dotted orange 1px; border-bottom:dotted orange 1px; margin:15px 0; padding:15px; text-align:center; font-size:16px; }
a.modpageadmlink:hover { background-color:#d16a03; color:white; }


  




/* NAVIGATION
=============================================================*/




div.c404  { background-color:#676767;  padding:20px; margin:20px; }
div.c404  h2.title { display:block; font-size:60px; color:#9b9b9b;}
div.c404  span.description {display:block;  font-size:20px;color:white; }



div.menubar { background-color:#eaeaea; padding:5px; margin:15px 0;  border-radius:8px;}
div.menubar span.lab { text-align:right; width:150px; display:inline-block; font-size:15px; }
div.menubar a { font-size:15px; text-decoration:none; display:inline-block; border-radius:4px; background-color:#dadada; padding:5px 10px; margin:0 10px 0 0; }
div.menubar a:hover { background-color:#aaa; }
div.menubar a.active  {  background: #d52477; color:white;  position: relative; }

div.menubar a.active:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(213, 36, 119, 0);
	border-top-color: #d52477;
	border-width: 10px;
	margin-left: -10px;
}





#2cols-sidebar { width:191px; float:right; padding:10px; background:#99c; }
#2cols-content { float:left;  width:550px; padding:10px; background:#9c9; }

a#adddate { cursor:pointer; display:block;  padding:5px; margin:5px; }
a#adddate:hover { background-color:#d8f99b;  }
a.addformateurdate { cursor:pointer; }
a.addformateurdate:hover { background-color:#d8f99b; }


div.warning { background-color:red; color:white; font-size:16px; margin:10px 0; padding:12px; }
div.warning p:last-child { margin-bottom:0; }


a.warning { display:block; color:#097685; text-decoration:none; padding:10px 20px 10px 180px; font-size:16px; margin:20px 0 ; background:#c0e3f1 url(/images/user_info.png) no-repeat  3% center;  }
a.warning:hover { background-color:#d5ecf5; }




div.dateblock { clear:both; background-color:#ddd; padding:5px; margin:3px 0; }
div.dateblock div.deletebutton { float:right; }
div.dateblock select.selformateur {  }

.hidbox { display:none; }
#lieuautre { background-color:#e1f9fb; padding:5px; margin:5px; }

div.copypaster { padding:30px; margin:10px 0; background-color:grey; border:solid #999 1px; }


div.form-important { background-color:#f7cccc; border:solid red 1px; -moz-border-radius:7px; padding:5px;margin:5px 0;  }

div.colortitre {  font-size:16px; font-weight:bold; color:#3d4bd3; }

div.mapbox-wrapper { display:none;padding:10px; background-color:#dddddd; border:solid #9e9e9e 1px; margin:15px 0; }









/* LOCATIONS ========================================================= */
.mtabs { list-style-type:none; margin:0; padding:0; font-size:16px;}
.mtabs a { float:left; margin-right:5px; background-color:#c9c9c9; padding:10px; color:#747474; text-decoration:none;  }
.mtabs a:hover { background-color:#c9c9c9; }
.mtabs a.selected { background-color:#efefef;  color:black; }

.mtabs-content { background-color:#efefef; padding:10px; } 
.mtabs-content  .mtabs-pane {  }
.mtabs-content .mtabs-pane:first-child { display:block; }		



a.photo { display:inline-block; margin:0 7px 7px 0; }



#nbnuits { font-weight:bold; }

div.polocetape { background-color:#ffead2; border-radius:10px; margin:0 0 15px 0; padding:10px; }
div.polocetape div.label { font-size:18px; color:#d57000; }

a.appartement-button { margin:0 0 10px; }
a.appartement-button span.titre { display:block; font-size:22px; }
a.appartement-button span.infos { display:block; font-size:13px; font-weight:normal; font-style:italic; }

img.vig-page { float:right; margin-left:10px; }
img.tninsidebutton { float:left; margin-right:10px; }




a#showmap { display:block;  font-weight:bold; padding:2px 5px; }
a#showmap:hover { background-color:#d8e6eb;  }


table p { margin:0; padding:0; }

table.outlined td span.minor { font-size:11px; font-style:italic; }
table.outlined td span.nom { font-size:13px; font-weight:bold; }

table.outlined { border:solid #e6e6e6 1px;  margin:15px 0; }
table.outlined th { text-align:left; }
table.outlined td { border:solid #e6e6e6 1px; padding:5px; }

table.outlined tr.encart td { background-color:#d0d3f4;  }

table.outlined tr.header td { background-color:#699db1; color:white;  }
table.outlined tr.smheader td { font-size:11px; background-color:#78adc1; color:white;  }


.ctcquestion-box { border-radius:6px; background-color:#e1f5ff; padding:8px; margin:0 0 8px 0; border:solid #c1ebff 1px; }
.ctcquestion-box .initiateur { }
.ctcquestion-box .infos { font-size:9px; border-radius:3px; background-color:#f9fdff; padding:3px; margin:0 0 2px 0;}


a.avantage-button { display:block; margin:0 0 10px; }
a.avantage-button span.titre { display:block; font-size:22px; }
a.avantage-button span.infos { display:block; font-size:13px; font-weight:normal; font-style:italic; }


/* FORMULAIRE */


div.valid-inscription { border-radius:15px; padding:15px; color:white; margin:15px; font-size:16px; background-color:green; }
div.valid-inscription h2 { font-size:36px;color:white;  }
div.valid-inscription a { font-weight:bold; color:white; }

div.invalid-inscription { -moz-border-radius:15px; padding:15px; color:white; margin:15px; font-size:16px; background-color:red; }
div.invalid-inscription h2 { font-size:36px;color:white;  }
div.invalid-inscription a { font-weight:bold; color:white; }



















#listeenfants { border-radius:4px; margin:0 0 15px 0; padding:5px; background-color:#dee3e7; }

#containerlinesenfants div { border-radius:4px; margin:0 0 5px 0; padding:5px; background-color:#b8cbda; }
#containerlinesenfants div a.deleter { float:right;  }

#containerlinesenfants div a.enfdeleter { float:right;  }



.date-header {  font-size:20px; padding:10px 20px; border-bottom:solid grey 1px; }


ul.filelist {  margin:0; padding:0; list-style-type:none; }
ul.filelist li {position:relative; }

ul.filelist li a.file { text-decoration:none; display:block; padding:10px 20px;  }
ul.filelist li a.file:hover { background-color:#ddd;  }
ul.filelist li:last-child a.file {margin-bottom:30px; }


ul.filelist a.file span.nom { display:block; font-size:16px; color:#0080ff;  }
ul.filelist a.file span.details { display:block; font-size:13px; font-style:italic; color:#666666;  }

ul.filelist a.file span.odj { float:right; width:50%; }


ul.filelist a.odjplaceholder { border:dotted orange 4px; }




ul.filelist a.deleter { position:absolute; display:none; top:0; right:0;  }
ul.filelist li:hover a.deleter { display:block; }



div.fiche-lieu { padding:5px; margin:6px 0; background-color:#edf0f8; border-radius:7px; }
div.fiche-lieu img.vig { float:right; margin-left:15px; width:200px; height:auto; }
div.fiche-lieu p { margin:0 0 5px 0; }


div.dates-selecteur { font-size:22px; font-weight:bold; text-align:center;  }
div.dates-selecteur input { cursor:pointer; font-size:22px;  background-color:#edf0f8; padding:3px; border:0;   }



div.inputvalid { padding:10px; margin-top:5px; border-top:solid #dae0f1 1px;border-bottom:solid #dae0f1 1px; text-align:center; }




ul.liste-lieux { margin:0;padding:0; list-style-type:none; }
ul.liste-lieux li { clear:both;display:block; padding:5px; margin:6px 0; background-color:#edf0f8; -moz-border-radius:7px; }
ul.liste-lieux li p { margin:0 0 5px 0; }
ul.liste-lieux li .nom { font-size:18px; font-weight:bold; }
ul.liste-lieux li .adresse { font-style:italic; color:#91b5b5; }
ul.liste-lieux li img.vig { float:left; margin-right:10px; width:150px;height:auto; border:solid white 5px; }
ul.liste-lieux li a.bouton-resa, ul.liste-lieux li a.bouton-resa:visited { color: #fff;  float:right; }

ul.liste-lieux-admin { margin:0;padding:0; list-style-type:none; }
ul.liste-lieux-admin li a { clear:both;display:block; padding:5px; margin:6px 0; background-color:#edf0f8; -moz-border-radius:7px; }
ul.liste-lieux-admin li a,ul.liste-lieux-admin li a:visited { text-decoration:none; }
ul.liste-lieux-admin li a:hover,ul.liste-lieux-admin li a:active { background-color:#d6ddef; }


ul.liste-lieux-admin li span { display:block;  }
ul.liste-lieux-admin li span.numbers { float:right; font-size:16px; font-style:italic; }
ul.liste-lieux-admin li span.numbers.attente { font-weight:bold; font-style:normal; }

ul.liste-lieux-admin li .nom { font-size:18px; font-weight:bold; }
ul.liste-lieux-admin li .adresse { font-style:italic; color:#91b5b5; }
ul.liste-lieux-admin li img.vig { float:left; margin-right:10px; width:50px;height:auto; border:solid white 5px; }



ul.liste-resas { margin:0;padding:0; list-style-type:none; }
ul.liste-resas li { clear:both;display:block;  margin:0 0 15px; background-color:#ebebeb; border-radius:3px; }
ul.liste-resas li p { margin:0 0 5px 0; }
ul.liste-resas li span { display:block; }


ul.liste-resas li .content { padding:10px; }
ul.liste-resas li .titre { font-size:16px; padding:10px; border-bottom:dotted grey 1px; }

ul.liste-resas li span.etat{ float:right; font-weight:bold; background-color:#d69316; color:white;font-size:11px; border-radius:3px; padding:3px 7px;  }
ul.liste-resas li span.etat.validee { background-color:#a9d318; color:white; }
ul.liste-resas li span.etat.refusee { background-color:#d61616; color:white; }


ul.liste-resas li .nom { font-size:18px; font-weight:bold; }
ul.liste-resas li .adresse { font-style:italic; color:#91b5b5; }
ul.liste-resas li img.vig { float:left; margin-right:10px; width:50px;height:auto; border:solid white 5px; }


ul.liste-resas li.validee { background-color:#f0f7d5; }
ul.liste-resas li.refusee { background-color:#f5d6d6; }



/* ADMINISTRATION 
==================================================================== */

/* PAGINATION PAR DEFAUT ! */
.pagination {	margin:0 0 15px 0; 	text-align:center; display:inline-block; }

.pagination a, .pagination span { font-size:16px;	margin:0 5px 5px 0 ; padding:5px 10px; display:inline-block;  border-radius:3px;  }
.pagination a {	text-decoration:none; background-color:#e0e0e0; }
.pagination a:hover, div.pagination a:active { background-color:#c6dbfb; }
.pagination a.selected {	background-color:#0d53bd; color:white;}
.pagination span.current {	background-color:#0d53bd; color:white;}
.pagination span.disabled, .pagination a.disabled {	 color:#ddd;}

.pagination-left { text-align:left; }

.admin-edit a.admin-edit-link { text-decoration:none; display:none; float:right; font-size:11px; background-color:#d56009; font-weight:bold; color:white; border-radius:4px; padding:2px 6px; }
.admin-edit a.admin-edit-link:hover { background-color:#a44906;  }
.admin-edit:hover { border:dotted orange 2px; }
.admin-edit:hover a.admin-edit-link  {display:block; }

.simptextdocs { padding:10px 0; margin:10px 0; border-top:dotted grey 1px; border-bottom: dotted grey 1px; }


div.pl-box { background-color:#eaeaea; padding:20px; margin:0 0 20px; }
div.pl-box h3 { margin:0 0 10px; }
div.pl-box p { margin:0 0 10px; }



div.admindashboard div.title { color:#9e9e9e; }
div.admindashboard div.title span.pretitle { font-size:16px; display:block; line-height:0.3em; }
div.admindashboard div.title span.bigtitle { font-size:29px; display:block; line-height:1.3em; }

div.admindashboard ul { margin:0; padding:0; list-style-type:none; }

div.admindashboard ul li a { text-decoration:none;  display:block; margin:0 0 3px; background-color:#e9e9e9; padding:3px; }
div.admindashboard ul li a:hover { background-color:#fccfd7; }
div.admindashboard ul li a span { display:block;  }
div.admindashboard ul li a span.nom { font-size:13px;  }
div.admindashboard ul li a span.date {  color:#858585; font-size:11px;  }



h3.action-need  { color:#e7540e; }
p.soustitre-action-need { color:#a03a0a; padding:0;margin:0 0 5px; }


a.admin-action { display:block; background-color:#ac1341; padding:3px; color:white; text-decoration:none; font-weight:bold; }
a.admin-action:hover {  background-color:#7a0e2f;}

a.comptes-en-attente  {  background-color:#e7540e; color:white;  }
a.comptes-en-attente:hover {  background-color:#a03a0a;}


/* USERS 
============================================ */

div.ua-info { width:270px;float:right; padding:10px; margin:0 0 10px 10px; }
div.ua-state { font-size:20px; font-weight:bold; padding:5px; margin:0; color:white; }
div.ua-state-active {  background-color:#00b300;  }
div.ua-state-enattente {  background-color:#ff8000;  }
div.ua-state-perime {  background-color:#999999;  }

div.ua-state-retraite {  background-color:#8600b3;  }
div.ua-state-cdd {  background-color:#29e7a9;  }
div.ua-state-cdi {  background-color:#008c00;   }

div.ua-state-licencie {  background-color:#444444;  }
div.ua-state-congesanssolde {  background-color:#c6da36;  }

div.ua-state-stagiaire {  background-color:#ff73dc;  }



div.ua-state-sansemail {  color:#737373;   }

div.ua-notice { margin:0; background-color:#dceeef; }
div.ua-notice a {  display:block; padding:3px; margin:0; border-bottom:dotted white 1px; background-color:#c0e0e2; }


table.users td.statut { color:white; }
table.users td.statut div { padding:4px; }


table.users td,table.users th { padding:6px 10px 4px 10px; }
table.users th { background-color:#e5e5e5;  }
table.users th:last-child {  }

table.users tr:hover td { background-color:#e5e5e5; }


div.box-infos-user { background-color:#dffbfd; padding:10px; margin: 0 0 10px; }

div.box-infos-user h2.title  { font-size:20px; color:#8cc8cc; }





div.int-option-barre { border-radius:7px; background-color:#d8d8d8; padding:5px 0 0 5px; margin:5px 5px; }
div.int-option-barre a.button {text-decoration:none; font-weight:bold; display:inline-block; border-radius:4px; background-color:#efefef; padding:4px 7px; margin:0 5px 5px 0; }

div.int-option-barre span.button { text-decoration:none; font-style:italic; color:#bdbdbd; display:inline-block; border-radius:4px; background-color:#e3e3e3; padding:4px 7px; margin:0 5px 5px 0; }

div.int-option-barre span.labelbarre { text-decoration:none;  display:inline-block; border-radius:4px;  padding:4px 7px; margin:0 5px 5px 0; }

div.int-option-barre a.button:hover { background-color:#5c5c5c; color:white;  }
div.int-option-barre a.button-selected { background-color:#3f3f3f; color:white;  }
div.int-option-barre div.right { float:right; }

div.int-option-barre a.inactive { background-color:#dfdfdf; font-style:italic;   }

div.int-ob-1 { background-color:#81c4eb;  }
div.int-ob-1 a.button { background-color:#e1f4fd; color: black; }
div.int-ob-1 a.button:hover { background-color:#ffffff; color:black;  }
div.int-ob-1 a.button-selected { background-color:#1a6d9f;  color:white; }

div.int-ob-small { font-size:11px; border-radius:4px; padding:4px 4px; margin:5px 5px;}
div.int-ob-small a.button { border-radius:3px; padding:2px 6px; margin:0 3px 0 0; }



div.int-ob-1 a.inactive { cursor:auto; background-color:#81c4eb; font-style:italic; color:#abd7f1;  }
div.int-ob-1 a.inactive:hover { background-color:#81c4eb; font-style:italic; color:#abd7f1;    }






div.calendarslocations table { margin:0 0 5px; }

.smallcalnext { border-collapse:collapse; width:100%; border-radius:7px; border:solid #78afb4 1px; background-color:#e2eeef; padding:7px; }
.smallcalnext td { font-size:11px;color: black; padding:5px;  }
.smallcalnext td a { text-decoration:none;  }
.smallcalnext td.titreweek  { color: #23A28E; } 
.smallcalnext td.titreweek2 a { color: #23A28E; }
.smallcalnext td.titreweek2 a:hover { color:#16675A; } 


.smallcalnext .boxresa { cursor:pointer; }
.smallcalnext .boxresausers { cursor:pointer; }
.smallcalnext .resano { background-color:#a8a8a8; }
.smallcalnext .resayes { background-color:#fa0505; }

.label-type { display:inline-block; padding:3px 7px; border-radius:3px; margin:0 0 5px; }
.type-0 { background-color:#fff; color:black; }
.type-1 { background-color:#fa0505; color:white; }
.type-2 { background-color:#deb421; color:white; }


.label-small { font-size:9px; padding:2px 5px; }
.label-medium { font-size:13px; padding:4px 7px; }
.label-big { font-size:16px; padding:10px 15px; }

.pvce-1 { background-color:#c0af89; color:black; }
.pvce-2 { background-color:#cc4a92; color:white; }
.pvce-3{ background-color:#8f0ac9; color:white; }
.pvce-4{ background-color:#28aa76; color:white; }



.smallcalnext  td.planningvalid  { font-weight:bold; color: #00D200; } 
.smallcalnext  td.planningnovalid  { color: #FF994E; } 

td.planningvalid  { font-weight:bold; color: #00D200; } 
td.planningnovalid  { color: #FF994E; } 


.smallcalnext td.titrenum a { color:  black;  }
.smallcalnext td.titrenum a:hover { color:  red;  } 
.smallcalnext td.titrenum2 a { color: #AAAAAA;   }
.smallcalnext td.titrenum2 a:hover { color:  red;  }
.smallcalnext td.titremois  {  font-size: 23px; font-weight: bold; color: #23A28E;  }
.smallcalnext td.titrewend, #smallcalnext td.titrewend2  {  background: #B6CFCD }
.smallcalnext td.titrewend2 a { color: #AAAAAA;   }
.smallcalnext td.titrewend2 a:hover { color:  red;  }

.smallcalnext td.titrevacancesscolaires  {  background: #f9d568; }




.smallcalnext td.titrenow  {  background: #EEA6A9; border:dotted black 1px; }
.smallcalnext td.titretoday { background:white; }



.calendar1 { background-color:white;  margin:10px; border:solid grey 1px; }
.calendar1  table { border-collapse:collapse; width:100%;   } 
.calendar1  td {  font-size:11px;color: black; text-align:center; padding:3px 5px;  } 


.calendar1-nopadding td {  padding:0; }


.calendar1 td.titreweek  { color: #23A28E; } 
.calendar1 td.titreweek2 a { color: #23A28E; }
.calendar1 td.titreweek2 a:hover { color:#16675A; } 

.calendar1 .resano {  }
.calendar1 .resayes { background-color:#fa0505; color:white; }



.calendar1 td.titremois  {  font-size: 16px; color: #000; border-bottom:solid #dbdbdb 1px; }
.calendar1 td.titrejours  {  font-size: 11px; font-style:italic; color: #000; border-bottom:solid #dbdbdb 1px; }
.calendar1 td.day { border-right:solid #dbdbdb 1px; border-bottom:solid #dbdbdb 1px; }
.calendar1 td:last-child { border-right:0; }
.calendar1 tr:last-child td { border-bottom:0; }





/* PROGRESS BARS
================================== */

   .progress-bar {vertical-align:middle; 
		display:inline-block;  text-align:left;
            background-color: #f7f8f8;           
            padding: 1px;
            width: 100%;
           	border:solid #d6d8da 1px;             
			border-radius: 2px;           
			box-shadow: 0 1px 0 #fbfbfb inset;         
        }
        
        .progress-bar span {
			width:0%;
            display: block; 
            height: 10px;
			background-color: #777;
           	border-radius: 1px;
			box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
			-webkit-transition: width .4s ease-in-out;
			-moz-transition: width .4s ease-in-out;
			-ms-transition: width .4s ease-in-out;
			-o-transition: width .4s ease-in-out;
			transition: width .4s ease-in-out;		
        }
		

































