/*MISE EN PAGE GENERALE*/
body {
   width: 100%;
   margin: auto;
   margin-top: 0px;
   background-color: black;
}

#en_tete
{
	z-index:20;
	width: 100%;
	height: 170px;
	background-color: black;
	background-image: url("bandeau_cord.png");
	background-repeat: no-repeat;
	position: fixed;
	left: 0px;
	top: 0px;
}

#en_tete_mini
{
	z-index:20;
	width: 100%;
	height: 100px;
	background-color: black;
	background-image: url("bandeau_cord_mini.jpg");
	background-repeat: no-repeat;
	position: fixed;
	left: 0px;
	top: 0px;
}

#menu
{
   float: left; /* Le menu flottera à gauche */
   width: 155px; /* Très important : donner une taille au menu */
   background-color: black;
   background-image: url("bandeau_gauche.png");
   background-repeat: no-repeat;
   position: fixed;
   left: 0px;
   top: 170px;
   height: 1600px;
}

.element_menu
a
{
   text-align: center; /* Pour centrer le titre */
   font-size: 1em; /* Ecrit légèrement plus gros que la normale */
   font-family: "Comic Sans MS", georgia, verdana, serif;
   background-image: url("bouton1.png");
   position: fixed;
   left: 10px;
   width: 135px;
   height: 28px;
}

.element_menu a:link {
	text-decoration: none;
	color: black;
}

.element_menu a:visited {
	text-decoration: none;
	color: black;
}

.element_menu a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
   color: #17e964; /* Le lien sera écrit en blanc quand on pointera dessus */
}

#body_mini
{
	margin: auto;
    background-color: black; /* Une couleur de fond pour le corps */
    margin-left: 0px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
    margin-top: 100px; /* Ca c'est pour éviter que le corps colle au haut de page */
}

/*TABLEAU LICENCES*/

.sortable
{
	border:1px solid #ccc;
	border-bottom:none;
}

.sortable th
{
	border:2px solid gray;
	padding:1px 1px 1px;
	background:silver;
	color:#fff;
	text-align:center;
	color:black;
}

.sortable td
{
	padding:1px 1px 1px;
	background:#fff;
	border-bottom:1px solid #ccc;
}

.sortable .head
{
	background-image: url("bg.jpg");
	background-repeat: repeat-x;
	font-size: 15px;
}

.sortable .asc, .sortable .desc
{
	background-image: url("bg2.gif");
	background-repeat: repeat-x;
	font-size: 15px;
}

.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover
{
	color:#17e964;
}

.sortable .even td
{
	background:#f2f2f2;
	font-size: 12px;
}

.sortable .odd td
{
	background:#fff;
	font-size: 12px;
}

/* Le corps de la page */
#corps_intranet
{
   
   margin-left: 0px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-top: 170px; /* Ca c'est pour éviter que le corps colle au haut de page */
   margin-bottom: 0px;
   font-family: "Comic Sans MS", georgia, verdana, serif;
   background-image: url("bg.jpg");
   background-repeat: repeat-x;
}

.element_intranet a:link {
	text-decoration: none;
	color: silver;
}

.element_intranet a:visited {
	text-decoration: none;
	color: gray;
}

.element_intranet a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
   color: green; /* Le lien sera écrit en blanc quand on pointera dessus */
}

#corps
{
   
   margin-left: 155px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-top: 170px; /* Ca c'est pour éviter que le corps colle au haut de page */
   margin-bottom: 0px;
   font-family: "Comic Sans MS", georgia, verdana, serif;
   background-image: url("bg.jpg");
   background-repeat: repeat-x;
   color: black;
}
.contact
{
	font-family: "Comic Sans MS", georgia, verdana, serif;
	color: #17e964;
	text-align: center;
}

.contact_cadre
{
	color: #17e964;
	border: 6px groove gray;
	margin: auto;
	width: 95%;
}

.contact h3
{
	font-family: "Comic Sans MS", georgia, verdana, serif;
	text-decoration: underline;
	color: #17e964;
}

.resultats table
{
	border: 6px groove gray;
	border-collapse: collapse;
}

.resultats th
{
	height: 60px;
	text-align: center;
	font-family: Verdana, georgia, trebuchet, serif;
	font-style: italic;
	background-image: url("bg.jpg");
	background-repeat: repeat-x;
}

.resultats td
{
	border: 2px solid gray;
	text-align: center;
	font-style: italic;
}

.tableau table
{
	margin-bottom: 20px;
	border: 6px groove gray;
	border-collapse: collapse;
}

.tableau th
{
	height: 60px;
	width: 900px;
	text-align: center;
	font-family: Verdana, georgia, trebuchet, serif;
	font-size: 1.7em;
	font-style: italic;
	background-image: url("bg.jpg");
	background-repeat: repeat-x;
}

.tableau td
{
	border: 2px solid #17e964;
	text-align: center;
	font-style: italic;
	padding: 5px 5px 5px 5px;
}

.fond
{
	background-image: url("fond.jpg");
	
}

.annuaire
{
	text-align: center;
}

.liste
{
	height: 60px;
	margin-bottom: 15px;
	font-size: 18px;
	text-align: center;
	padding-top: 5px;
	background-image: url("bg.jpg");
	background-repeat: repeat-x;
 }
 
 .big_lien
{
	height: 60px;
	margin-bottom: 15px;
	font-size: 30px;
	text-align: center;
	padding-top: 5px;
	background-image: url("bg.jpg");
	background-repeat: repeat-x;
 }
   
a:link {
	text-decoration: none;
 	color: black;
}

a:visited {
	text-decoration: none;
	color: black;
}

a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
   color: #17e964; /* Le lien sera écrit en blanc quand on pointera dessus */
}

h1
{
   text-align: center; /* Pour centrer le titre */
   font-family: Verdana, georgia, trebuchet, serif; /* Un titre en Arial Black c'est mieux :o;) */
   font-style: italic;
   padding-top: 7px;
   height: 60px;
   margin-bottom: 0px;
   color: black;
}

h2
{
   margin-left: 30px;
   font-family: Verdana, georgia, trebuchet, serif; /* Un titre en Arial Black c'est mieux :o;) */
   text-decoration: underline;
   font-style: italic;
}

h3
{
   margin-left: 30px;
   font-family: Verdana, georgia, trebuchet, serif; /* Un titre en Arial Black c'est mieux :o;) */
   font-style: italic;
   padding-top: 10px;
}

h4
{
   text-align: center; /* Pour centrer le titre */
   font-family: Verdana, georgia, trebuchet, serif; /* Un titre en Arial Black c'est mieux :o;) */
   font-style: italic;
   padding-top: 0px;
   margin-bottom: 0px;
}

p
{
   text-indent: 30px; /* Les paragraphes commenceront 30 pixels sur la droite */
   text-align: left; /* Ils seront allignés à gauche */
   font-style: italic;
   padding: 0px 40px 0px 30px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
}

p:first-letter
{
	font-weight: bold;
	font-size: 1.3em;
}

#left 
{
	float: left;
    width: 190px;
	border: 1px solid #17e964;
    background-color: black;
	text-align: center;
	color: #17e964;
	padding: 10px;
}

/*MINI CALENDRIER*/
/* NOM DU MOIS */
 td.nom_mois
 {
	font-size:1em;
	font-style:normal;
	font-weight:normal;
	color: navy;
	background-image: url("bg_2.gif");
	background-repeat: repeat-x;
 }

 /* FLECHES */
 td.fleches
 {
	font-size:14pt;
	font-style:normal;
	font-weight:normal;
	background-image: url("bg_2.gif");
	background-repeat: repeat-x;
}

 /* NOMS DES JOURS*/
 tr.noms_jours 
 {
	width:25px;
	height:25px;
	font-size:8pt;
	color: black;
	background-color:#ccd0d1;
}

 /*DATES*/
 td.jours 
 {
	width:5px;
	height:5px;
	border-color:#33CCCC;
	border-width:1px;
	border-style:solid;
	font-size:8pt;
	color: black;
	background-color:#c2c190;
	padding: 4px;
}

 /* AUJOURD'HUI */
 td.aujourdhui 
 {
	width:5px;
	height:5px;
	border-color:#000000;
	border-width:1px;
	border-style:solid;
	font-size:10pt;
	font-weight: bold;
	background-color:red;
	color: black;
 }

 /* CASES DES MOIS PRECEDENTS ET SUIVANTS*/
 td.cases_vides
 {
	width:5px;
	height:5px;
	border-color:#33CCCC;
	border-width:1px;
	border-style:solid;
	font-size:8pt;
	color:#C0C0C0;
	background-color: #CCFFFF;
}
  
#right 
{
    float: right;
    width: 150px;
	border: 1px solid #17e964;
    background-color: black;
	text-align: center;
	color: #17e964;
	font-size: 14px;
}

#middle 
{
    padding: 0px 150px 5px 210px;
	margin-top: 0px;
    background-color: black;
	text-align: left;
	color: #17e964;
}

.image_du_jour
{
	text-align: center;
}

.news  h5
        {
            background-color: gray;
            color:#17e964;
            font-size:0.8em;
            margin-bottom:0px;
			margin-top: 0px;
        }

.news p
        {
            background-color:green;
            margin-top:0px;
			color: black;
			font-size: 14px;
        }
        
.news
        {
            width:80%;
            margin:auto;
			
        }

#pied_de_page
{
   width: 100%;
   height: 122px;
   background-color: black;
   background-image: url("bandeau_bas.png");
   background-repeat: no-repeat;
   text-align: left;
}
	
.admin a
{
	margin-left: 200px;
   text-decoration: none;
   color: #17e964;
   font-family: "Comic Sans MS", georgia, verdana, serif;
}

#pied_de_page_mini
{
   width: 100%;
   height: 100px;
   background-image: url("bandeau_bas_mini.jpg");
   background-repeat: no-repeat;
}

/*CALENDRIER*/
.titre_cal{
	text-align: center;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	font-size: 25px;
	width: 71%;
	font-weight: bold;
}

.prefs {
 padding: 0px;
 margin: 0px;
 width: 100%;
 text-align: center;
}

.pref img {
 border: 1px solid #17e964;
}

.pref:hover img {
 border: 1px solid black;
}

input:focus {
 background-color: #E0E0E0;
 color: black;
}

.toolbar {
 padding-left: 10px;
}

.day-elist {
 border: 1px solid black;
 width: 180px;
 margin-right: auto;
 margin-left: auto;
 margin-top: 5px;
 overflow: auto;
 height: 65px;
}

.day-elist a:link {
 display: block;
 color: #520D0D;
 background-color: #17e964;
 margin: 1px;
 text-decoration: none;
}

.day-elist a:visited {
 display: block;
 color: #520D0D;
 background-color: #17e964;
 margin: 1px;
 text-decoration: none;
}

.day-elist a:hover {
 display: block;
 color: black;
 background-color: #E2E2E2;
 margin: 1px;
}

.day-editevent {
 border-top: 1px solid black;
}

.day-crack {
 height: 10px;
}

.day-ebottom {
 height: 20px;
 background-image: url("day_ebg.png");
 margin-bottom: 15px;
 background-repeat: repeat-x;
}

.day-event {
 background-image: url("day-ebg-clr2.png");
 border-top: 0px;
 background-repeat: repeat-x;
 text-align: center;
 padding-top: 10px;
 }

.day-etitle {
 color: #040D3B;
 padding: 3px;
 font-weight: bold;
 font-size: 16px;
}

.day-event span {
 font-size: 14px;
 font-family: Verdana;
 padding-left: 5px;
}

.day-login {
 text-align: center;
 font-style: italic;
 margin-top: 50px;
 height: 450px;
}

.day-bar {
 height: 2px;
 background-image: url("bar.png");
}

.day-sidebar {
 width: 200px;
 float: right;
 margin-top: 0px;
 padding-left: 1px;
}

.day-title {
 color: black;
 padding-top: 8px;
}

.day-title a:visited {
 color: black;
 text-decoration: none;
}

.day-title a:link {
 color: black;
 text-decoration: none;
}

.day-title a:hover {
 color: #17e964;
 text-decoration: none;
}

.link {
 background-image: url("link.png");
}

ul.list li {
 margin: 1px;
 padding: 1px;
 border: 2px groove black;
 list-style-type: none;
 background-color: #0D288C;
 color: #17e964;
 display: inline;
}

ul.list li>a {
 color: #17e964;
 text-decoration: none;
}

ul.list li>a:hover {
 background-color: black;
}

.e-title {
 text-align: center;
}

.e-head {
 width: 160px;
}

.embeded {
 width: 160px;
}

.editevent {
 margin-left: 140px;
}

.eventlist {
 overflow: auto;
 height: 100px;
}

.zero {
 color: #E4E4E4;
}

.jump {
 text-align: center;
 border-bottom: 1px solid #CCCCCC;
}

.footer {
 width: 98%;
 margin-right: auto;
 margin-left: auto;
 border-top: 0px;
 border-right: 1px solid #CCCCCC;
 border-left: 1px solid #CCCCCC;
 border-bottom: 1px solid #CCCCCC;
 background-image: url("abg.png");
}

.multiday {
 background: url("mevent.png");
 font-size: 13px;
 margin-left: 0px;
 margin-right: 0px;
 border-top: 1px outset #1F2189;
 border-bottom: 1px outset #1F2189;
 margin-top: 3px;
 margin-bottom: 3px;
}

.multiday span {
 display: block;
 background-color: #B5C8E6;
 clear: right;
}

.event {
 background: url("event_bg.png");
 border: 1px outset #1F2189;
 font-size: 13px;
 margin-bottom: 3px;
}

.event span>img {
 display: block;
 float: right;
 margin-right: 0px;
 clear: right;
}

.event span {
 display: block;
 background-color: #B5C8E6;
 clear: right;
}

table.calendar {
 color: black;
 margin-right: auto;
 margin-left: auto;
 width: 98%;
 border: 1px solid #CDCDCD;
}

table.header {
 width: 98%;
 margin-right: auto;
 margin-left: auto;
 margin-top:0px;
}

.back {
 text-align: left;
 border-top: 0px;
 border-right: 0px;
 border-left: 0px;
}

.next {
 text-align: right;
 border-top: 0px;
 border-right: 0px;
 border-left: 0px;
}

.fback {
 text-align: left;
 border-bottom: 0px;
 border-right: 0px;
 border-left: 0px;
 vertical-align: top;
}

.fnext {
 text-align: right;
 border-bottom: 1px solid #CCCCCC;
 border-right: 1px solid #CCCCCC;
 border-left: 0px;
 vertical-align: top;
}

.weekday {
 text-align: center;
 width: 14%;
 border: 1px solid #CCCCCC;
 font-style: oblique;
 background: url("wd_bg.png");
}

.day {
 border: 1px solid #CCCCCC;
 width: 14%;
 height: 115px;
 vertical-align: top;
 background-image: url("ebg.png");
}

#now {
 background: #17e964;
}

.panel {
 width: 550px;
 margin-right: auto;
 margin-left: auto;
 border: 2px outset #AAAAAA;
 margin-bottom: 0px;
 padding-right: 5px;
 padding-left: 5px;
 padding-top: 0px;
 padding-bottom: 0px;
 background-color: #17e964;
}

.paneltwo {
 width: 300px;
 margin-right: auto;
 margin-left: auto;
 border: 2px outset #AAAAAA;
 margin-bottom: 10px;
 padding-right: 5px;
 padding-left: 5px;
 padding-top: 0px;
 padding-bottom: 0px;
 background-color: #17e964;
}

.panel h2 {
 color: #666666;
 border-bottom: 1px solid black;
}

.paneltwo h2 {
 color: #666666;
 border-bottom: 1px solid black;
}

img {
 border: 0px none;
}

/*ALBUM PHOTOS*/

.dirname a:link {
	text-decoration: none;
 	color: #17e964;
}

.dirname a:visited {
	text-decoration: none;
	color: #17e964;
}

.dirname a:hover {
	text-decoration: none;
	color: lime;
}

.current {
	font-weight: bold;
 	color: #BBBBFF;
	background-color: #666688;
}

.cthumb {
	background-color: #888888;
	border: 0px;
}

.thumb {
	background-color: #555555;
	border: 0px;
}

.image { border: 1px solid #aaaaaa;}
a:link .image {  border-color: #aaaaaa;}
a:visited .image {  border-color: #aaaaaa;}
a:hover .image { border-color: #ffffff;}

.mthumb { border: 1px solid #aaaaaa;}
a:link .mthumb {  border-color: #aaaaaa;}
a:visited .mthumb {  border-color: #aaaaaa;}
a:hover .mthumb { border-color: #ffffff;}

.slideImage { border-width: 8px; border: 8px solid; border-color: #ffffff;}
a:link .slideImage { border-color: #ffffff;}
a:visited .slideImage { border-color: #ffffff;}

.title {
	font-size: 120%;
	font-weight: bold;
	color: #000000;
}

.title a:link {
	text-decoration: none;
	color: #000000;
}

.title a:visited {
	text-decoration: none;
	color: #000000;
}

.title a:hover {
	text-decoration: none;
	color: #ffffff;
}

.infotable {
	border: 1px solid #444444;
	border-collapse: collapse;
}

.infotable td {
	border: 1px solid #444444;
}

.infotable table {
	border-collapse: separate;
}

.infotable table td {
	border: 0px;
}

.dirname {
	font-size: 100%;
	font-weight: bold;
	color: #AAAAAA;
}

.comment {
	color: #CCCCCC;
	font-weight: bold;
	font-size: 100%;
}

.smalltxt {
	color: #888888;
	font-size: 90%;
}

.xsmalltxt {
	color: #888888;
	font-size: 80%;
}

.newlabel {
	font-size: 70%;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #6666AA;
}

#body
{
   background-color: black; /* Une couleur de fond pour le corps */
   background-image: url(bg.gif); 
   background-repeat: repeat-x;
   margin-left: 155px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-top: 170px; /* Ca c'est pour éviter que le corps colle au haut de page */
}