* { margin: 0; padding: 0; }
body { background: #000000; width: 1024px; margin: 0px; padding: 0px; margin-left: auto; margin-right: auto; }
img { border: 0px; margin: 0px; padding: 0px; }
a { color: white; text-decoration: none }
a:hover { color: white; text-decoration: none }
a:active { color: white; text-decoration: none }

#header { 
	width: 1024px;
	height: 118px;
}
#headerLeft {
	background: url(imgs/headerLeft.png) no-repeat; 
	width: 593px;
	height: 118px;
	float: left;
}
#headerRight {
	background: url(imgs/headerRight.gif) no-repeat; 
	width: 431px;
	height: 118px;
	float: left;
}
#footer { margin: 0px; padding: 0px; }
#footerLeft {
	display: block;
	float: left;
	height: 207px;
}
#footerTopLeft { 
	background: url(imgs/footerTopLeft.png) no-repeat; 
	width: 530px;
	height: 122px;
	margin: 0px; padding: 0px;
}
#sousMenu {	margin: 0px; padding: 0px; width: 520px; }
#sousMenu ul { margin: 0px; margin-left: 65px; padding: 0px; list-style-type:none; }
#sousMenu li { margin: 0px; margin-top: 25px; padding: 0px; float:left; width: 111px; height: 95px; }
#sousMenu li a {
	margin: 0px; padding: 0px 15px 0px 0px;
	display: block;
	color: #000000;
	border: 0px;
}
#sousMenu li a img {	
	border: 0px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
}
#sousMenu li a img:hover {	
	border: 0px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-opacity: 0.7;
}

#footerBottomLeft { 
	background: url(imgs/footerBottomLeft.png) no-repeat; 
	width: 530px; height: 84px;
	margin: 0px; padding: 0px;
}
#menu {	margin: 0px; padding: 10px 0px 0px 65px; }
#menu ul { list-style-type:none;	margin: 0px; margin-top: 5px; padding: 0px; }
#menu li { float:left; margin: 0px; padding: 0px; }
#menu li a {
	display: block;
	color: #ffffff;
}
#menu ul li a {
	width: 112px; height: 50px;
}
#menu ul li#A1 a, #menu ul li#A2 a,#menu ul li#A3 a,#menu ul li#A4 a { 
	background: url(imgs/Bouton-1.png) no-repeat; 
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1; }
#menu ul li#A1 a:hover, #menu ul li#A2 a:hover, #menu ul li#A3 a:hover, #menu ul li#A4 a:hover {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); 
	-moz-opacity: 0.7; }

/*
#menu ul li#A1 a { background: url(imgs/Bouton-1.png) no-repeat; }
#menu ul li#A2 a { background: url(imgs/Bouton-2.png) no-repeat; }
#menu ul li#A3 a { background: url(imgs/Bouton-3.png) no-repeat; }
#menu ul li#A4 a { background: url(imgs/Bouton-4.png) no-repeat; }
*/
#menu ul li#A1 a { background: url(imgs/Bouton-web-1.png) no-repeat; }
#menu ul li#A2 a { background: url(imgs/Bouton-web-2.png) no-repeat; }
#menu ul li#A3 a { background: url(imgs/Bouton-web-3.png) no-repeat; }
#menu ul li#A4 a { background: url(imgs/Bouton-web-4.png) no-repeat; }



#footerRight { 
	background: url(imgs/porteDocument.png) no-repeat;
	width: 494px;
	height: 207px;	
	margin: 0px; padding: 0px;
	float: right;
	display: block;
}
#controle {
	height: 70px;
	margin: 40px 0px 0px 220px; padding: 0px;
}
#controle a img {
	margin: 0px; padding: 0px; padding-left: 8px;
}


#main {
	position:relative; display:block;
	width: 1024px;
	height: 276px;
	margin: 0px; padding: 0px;
	
	background: url(imgs/main.png) no-repeat;
}
#menuLeft {
	background: url(imgs/menuVideo.png) no-repeat;
	float: left;
	width: 110px;
	height: 257px;
	margin: 0px; margin-top: 10px; padding: 0px;
	
	display: block;
}
#menuLeft #picVideo1 {
	float: right; clear: both;
	margin: 28px 0px 0px 0px; padding: 0px;
}
#menuLeft #picVideo2 {
	float: right; clear: both;
	margin: 70px 0px 0px 0px; padding: 0px;
}
#texte {
	background: url(imgs/texte.jpg) no-repeat;
	color: white;
	border: 1px solid #0099cc;	
	
	width: 706px;
	height: 247px;
	margin: 0px 0px 0px 25px; padding: 5px;

	position: relative;	left: 5px; top: 15px;
	overflow: auto;
	font-family: arial;
}

#texte h2, #texte h3 {
	margin: 20px 3px 3px 3px;
}
#texte p {
	margin: 2px;
}
#texte .center {
	text-align: center; 
}
#texte ul li {
	list-style-type: disc;
}
#calendrierOLD {
	width: 960px;
	height: 385px;
	margin: 0px; padding: 5px; padding-left: 50px;
	position: relative;	left: 5px; top: -30px;
}
#video {
	width: 960px;
	height: 385px;
	margin: 0px; padding: 5px; padding-left: 30px;
	position: relative;	left: 5px; top: -30px;
}
#bigDocument {
	width: 760px;
	height: 385px;
	margin: 0px; padding: 20px 0px 0px 30px;
	position: relative;	left: 5px; top: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#bigDocument fieldset { color: white; }
#bigDocument legend {font-weight:bold;font-size:14px;}
#bigDocument .categorie1, #bigDocument .categorie2, #bigDocument .categorie3, #bigDocument .categorie4 { float: left; width: 340px; margin: 3px; padding: 5px; border:1px solid #ffffff;}
#bigDocument .categorie3 { clear: both; }

#bigDocument .catergorie1 ul {
	float: left;
}

#bigDocument ul { list-style-type:none; margin: 0px; padding: 0px; }
#bigDocument ul li { list-style-type:none; height: 22px; margin: 0px; padding: 0px; }
#bigDocument ul li img { vertical-align: middle; }




#video #player {
	margin: 50px 0px 0px 0px;	
}
#video #player table tr td {
	vertical-align: top;
}
#video #player table tr td img.titre {
	margin: 230px 0px 0px 120px;
}

/* Bouton fermer Windows Style */
#bigDocument .close, #calendrier .close {
	color: white;
	margin: 0px; padding: 0px 15px 0px 0px;
	float: right;
}



#porteDocument { margin: 22px 0px 0px 45px; padding: 0px; }
#porteDocument img {	float: left; }
#porteDocument ul { 
	list-style-type:none;
	margin: 0px; padding: 0px;
	display: inline;
	float: left;
	height: 30px;
	width: 185px;
}
#porteDocument ul li {	margin: 0px; padding: 0px; height: 30px; }
#porteDocument ul li img { vertical-align: middle; }





#mainCalendrier {
	width: 1024px;
	height: 600px;
	margin: 0 auto 0 auto;
	background: url(imgs/bg_calendrier.png) no-repeat;
}
#mainCalendrier #calendrier {
	width: 1014px;
	height: 540px;
	margin: 45px 0px 0px 0px;
	padding: 45px 5px 0px 5px;
	overflow: auto;
}
#mainCalendrier #closeCalendrier {
	float: right;
	padding: 5px 15px 0px 0px;
}
#calendrier {
	clear: both;
}

/***** VIDEOS GESIM ****/
#videoslinks{
	position:absolute; 
	right:5px; top:20px;
	background:url(imgs/video.gif) no-repeat top left;
	/*height:40px;*/ width:125px;
	padding-left:55px;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
}
#videoslinks h2{font-size:14px; text-transform:uppercase;margin-bottom:5px;}
#videoslinks a{display:block;font-size:12px; background:url(imgs/puce_blanche.gif) no-repeat center left; padding-left:12px;}
#videoslinks a:hover{text-decoration:underline;}