@CHARSET "UTF-8";


body {
	background-color: #000;
	font:1em Georgia, "Times New Roman", Times, serif;
}

/* Scrollbar */

#scrollTest {
	top: 20px;
	left: 60px;
	height: 300px;
	overflow: auto;
	 
	/*background-color: white;
	color: #666;*/
	 
	background-color: #222222;
	color: #AAA;
}

/* Carroussel */

.carrousel-conteneur {
	position:relative;
	margin:0 auto;
	height:768px;
	width:1024px;
	display:none;
}

.carrousel {
	margin:0;
	padding:0;
	height:inherit;
	text-align:center;
	color: #000;
}

.carrousel ul {
	margin:0;
	padding:0;
	height:inherit;
	text-align:center;
}

.carrousel ul li {
	float:left;
	width:1024px;
	height:inherit;
	margin:0;
	padding:0;
	list-style:none;
	color:#FFF;
	font:3em/1.2 Georgia, "Times New Roman", Times, serif;
	background:#000;
}

.carrousel ul li img {
	vertical-align:middle;
}

.carrousel-prev {
	list-style:none;
	position:absolute;
	left:0;
	width:50%;
	height:inherit;
	z-index:10;
	/*border:1px solid #0F0;*/
}

.carrousel-next {
	list-style:none;
	position:absolute;
	right:0;
	width:50%;
	height:inherit;
	z-index:10;
	/*border:1px solid #00F;*/
}




#mcs5_container{position:absolute; left:0px; bottom:0px; margin:0; width:98%; padding:10px; border:0px;border:0px solid #000;}
#mcs5_container .customScrollBox{position:relative; width:100%; overflow:hidden;}
#mcs5_container .customScrollBox .horWrapper{position:relative; left:0;}
#mcs5_container .customScrollBox .container{position:relative; left:0; display:inline-block; *display:inline;}
#mcs5_container .customScrollBox .content{clear:both;}
#mcs5_container .customScrollBox .content p{padding:5px; margin:0 5px;}
#mcs5_container .customScrollBox .content p img{margin-right:5px;}

#mcs5_container .dragger_container{position:relative; height:0px; width:200px; margin:20px 0 10px 0; border-top:1px dashed #444; cursor:pointer;}
#mcs5_container .dragger{position:absolute; width:9px; height:9px; background:#AAA; margin-top:-5px; text-align:center; overflow:hidden; cursor:pointer; -moz-border-radius:18px; -khtml-border-radius:18px; -webkit-border-radius:18px; border-radius:18px;}
#mcs5_container .dragger_pressed{position:absolute; width:9px; height:9px; background:#777; overflow:hidden; cursor:pointer;}
#mcs5_container .scrollUpBtn,#mcs5_container .scrollDownBtn{position:absolute; top:0; display:inline-block; font-family:Arial,Helvetica,sans-serif; font-size:large; font-weight:normal; color:#C30; margin:8px 5px 0 10px; text-decoration:none;}
#mcs5_container .scrollDownBtn{right:10px;}
#mcs5_container .scrollUpBtn{right:50px;}
#mcs5_container .scrollUpBtn:hover,#mcs5_container .scrollDownBtn:hover{color:#fff;}


div#mcs5_container {
	z-index:50;
}

.test-container {
	float:left;
	margin:0;
	padding:0;
}

.annee {
	float:left;
	margin:0;
	padding:0;
}
.anneeText {
	color:#FFF;
	font:3em/1.2 Georgia, "Times New Roman", Times, serif;
	margin:0;
	padding:0;

}
.mois {
	padding:0;
	margin:0;
	float:left;
}

.moisText {
	padding:0;
	margin:0;
	color:#FFF;
	font:1em Georgia, "Times New Roman", Times, serif;
	font-weight: bolder;
	margin:0 3px 0 3px;
}

.dayTimeLine:hover {
	cursor:pointer;
}

.test {
	float:left;
	margin:0 50px 0 0;
	padding:0 0 0 0;
}
.test li {
	float:left;
	width:25px;
	height:25px;
	margin:0 3px 0 3px;
	padding:0;
	text-align:center;
	list-style:none;
	color:#FFF;
	font:1em Georgia, "Times New Roman", Times, serif;
	font-weight: bolder;
	text-align:center;
	background:#777;
	border-width:1px; 
	border-color:#777; 
	border-style:solid;
	border-radius:5px;
}

.test li:hover {
	background:#444;
	border-color:#444; 
	-moz-box-shadow:0 0 6px #888;
	-webkit-box-shadow:0 0 6px #888;
}

.tagLineText {
	color: #FFF;
	font:1em Georgia, "Times New Roman", Times, serif;
	font-weight: bolder;
	border-bottom:1px solid #888;
}

.minimize {
	background:url(img/icone/minimize.png) no-repeat;
	background-position:bottom right;
	height:10px;
	position:relative;
	top:3px;
	z-index:90;
	visibility:collapse;
}



.expandMenu{
	background:url(img/icone/expand.png) no-repeat ;
	background-position:right;
	height:13px;
	float:right;
	position:relative;
	bottom:0px;
	visibility:collapse;
	right:8px;
	z-index:90;
}

.expandMenu:hover {
	background:none;
	height:13px;
	float:right;
	position:relative;
	bottom:0px;
	visibility:visible;
	right:8px;
	z-index:90;
}

.expandedMenu {
	visibility:hidden;
}

.download {
	background:url(img/icone/download.png) no-repeat;
	height:13px;
	width:13px;
	float:right;
}

.restore {
	background:url(img/icone/tagline.png) no-repeat;
	height:13px;
	width:15px;
	display:none;
	float:right;
}

.expandedMenu div {
	padding-left:0px;
}

.thumbList div {
	height:160px;
	width:160px;
	/*border:1px solid #0F0;*/
	margin:10px;
	float:left;
	text-align: center;
	color: #000;
}

.thumb:hover {
	cursor:pointer;
}

.sessionKeepAlive {
	color: #00FF00;
	display: none;
	visibility: hidden;
}


.center {text-align:center;}

div#connexion { width:400px; margin:100px auto; padding:25px; border:1px solid #bbb; }

div#connexion fieldset{	margin-bottom: 15px;padding: 0 20px; background: #f2f2f2; border: 0; }
div#connexion legend{ padding: 5px; background: #2193bd; font-weight: bold; color: #fff; }
div#connexion label{ width:150px; display:block; float:left; padding-left: 10px; }
div#connexion input.bouton { cursor:pointer; background:#2193bd 5px 50%; padding:4px 10px; color:#fff; border:none; font-weight:bold; padding-left:20px; }
div#connexion span#erreur {color:#f00; font-weight:bold; font-size:0.8em;}
div#connexion span#confirmMsg {color:#2193bd; font-weight:bold; font-size:0.8em; padding-left:20px; line-height:18px; }