* {	margin: 0;	padding: 0;	outline:none;}

body {margin: 0;padding:0;color:#000;font-family: Arial, Helvetica, Sans-Serif;	background:#81AE37 url() no-repeat;	font-size:0.8em;}
.fond-body-sommaire {background:#25558b url(../images/headerTop.jpg) top left repeat-x;}
.fond-body-chaines {background:#25558b url(../images/headerTop_chaines.jpg) top left repeat-x;}
img {border: 0 none;}
h1 {font-size: 1.5em;color: #333333;}
h2 {font-size: 1.2em;color: #218BC7;font-weight: bold;text-transform:uppercase;}
h3 {font-size: 0.9em;font-weight: bold;color: #3E617B;font-weight:bold; }
h4 {font-size: .9em;font-weight: bold;color:#333333;}
p {text-align: left;}
a:link, a:hover, a:active, a:visited  {text-decoration: none;color:#000000;cursor:pointer;}
a:hover {text-decoration: underline;outline:none;}
ul, li, dl, dt, dd {margin: 0;padding: 0;list-style-type: none;}
abbr, acronym {border-bottom: 1px dotted #6B6251;cursor:help;}
hr { display:none}
.myhr {clear:both; visibility:hidden; overflow:hidden; height:0px; display:block}
a, input, p{position: relative;z-index: 1;}


div#container{width:955px; margin:0 auto;}
	div#container div#header{height:27px;}
		div#container div#header h1 a {background:url(../images/headerTitle.jpg) 30px 5px no-repeat;height:19px;width:393px;text-indent:-9999em;float:left;}
		div#container div#header div#search {float:right;color:#FFFFFF;margin:4px 26px 0 0;}
			div#container div#header div#search .myLabel{float:left;margin:0 6px 0 0;}
			div#container div#header div#search .myInput{background:#0f2d45;border:1px solid #4c80a7;width:108px;height:16px;color:#FFFFFF;margin:0px;float:left;}
			div#container div#header div#search .mySubmit{background:#0f2d45;border:1px solid #4c80a7;width:22px;height:18px;color:#FFFFFF;margin:0px;float:left;margin:0 0 0 -1px; font-size:0.7em;}
	
	div#container div#filtre {height:72px;}
		div#container div#filtre h2 a {float:left;background:url(../images/logoESC.jpg) left top no-repeat;text-indent:-9999em;width:247px;height:60px;margin:10px 0 0 15px;display:block;}
		div#container div#filtre ul#blocs { list-style: none; float: right; padding:15px 15px 0 0;}
			div#container div#filtre ul#blocs li { border:1px solid #FFFFFF; padding: 5px; height: 30px; margin:5px; float: left; display: block; }
			
	div#container div#chaines-sommaire {height:380px;width:430px; margin-top:10px;padding:25px;}
		div#container div#chaines-sommaire div#zapping {float:left; width:480px;}
		div#container div#chaines-sommaire .titre-chaines {color:#ffffff; font-size:2.5em;font-weight:bold;}
		div#container div#chaines-sommaire div#zapping ul{list-style: none; display:inline;}
		div#container div#chaines-sommaire div#zapping li{display:block;float:left; margin:10px 38px 38px 0; font-weight:bold; font-size:1.2em;font-weight:bold;}
		div#container div#chaines-sommaire div#zapping li span{display:block; padding-left:20px;padding-top:77px;}
		div#container div#chaines-sommaire div#zapping li a{padding:0px 0px 0px 0px; display:block;width:200px;height:100px;color:#267bbb;border:1px solid #2379be;}
		div#container div#chaines-sommaire div#zapping li a:hover{padding:0px 0px 0px 0px;color:#0f2d45;border:1px solid #ffffff;text-decoration:none;}
		
		div#container div#chaines-sommaire div#zapping li a.chaineEnseignement{background-image:url(../images/bgBtonB_enseignement.jpg);background-repeat: no-repeat;background-position: top right;}
		div#container div#chaines-sommaire div#zapping li a.chaineEnseignement:hover{background-position: bottom right;}
		
		div#container div#chaines-sommaire div#zapping li a.chaineEtudiants{background-image:url(../images/bgBtonB_etudiants.jpg);background-repeat: no-repeat;background-position: top right;}
		div#container div#chaines-sommaire div#zapping li a.chaineEtudiants:hover{background-position: bottom right;}
		
		div#container div#chaines-sommaire div#zapping li a.chaineEvenementiel{background-image:url(../images/bgBtonB_evenementiel.jpg);background-repeat: no-repeat;background-position: top right;}
		div#container div#chaines-sommaire div#zapping li a.chaineEvenementiel:hover{background-position: bottom right;}
		
		div#container div#chaines-sommaire div#zapping li a.chaineFormationsSportives{background-image:url(../images/bgBtonB_formations-sportives.jpg);background-repeat: no-repeat;background-position: top right;}
		div#container div#chaines-sommaire div#zapping li a.chaineFormationsSportives:hover{background-position: bottom right;}
		
		div#container div#chaines-sommaire div#zapping li a.chaineFormationContinue{background-image:url(../images/bgBtonB_formation-continue.jpg);background-repeat: no-repeat;background-position: top right;}
		div#container div#chaines-sommaire div#zapping li a.chaineFormationContinue:hover{background-position: bottom right;}
		
		div#container div#chaines-sommaire div#zapping li a.chaine1Institutionnel{background-image:url(../images/bgBtonB_institutionnel.jpg);background-repeat: no-repeat;background-position: top right;}
		div#container div#chaines-sommaire div#zapping li a.chaine1Institutionnel:hover{background-position: bottom right;}
			
	div#container div#video-du-moment {height:440px;float:right; width:420px;margin-top:10px;padding:25px 0px;}
		div#container div#video-du-moment .titre {color:#ffffff; font-size:2.4em;font-weight:bold;width:400px;}
		div#container div#video-du-moment #sommaire-video {width:400px; height:400px;border:1px solid #ffffff; margin-top:10px;background-color:#d1ecfa;}
		div#container div#video-du-moment #sommaire-video #description{width:380px; background-color:#d1ecfa; padding:10px;float:left;font-size:0.85em}
		div#container div#video-du-moment #sommaire-video #description h4{color:#237cbe;font-size:1.7em;}
		div#container div#video-du-moment #sommaire-video div#playerVideo2{width:400px;height:330px;/*margin:35px 26px 19px 31px*/;float:left;}
		div#video2{width:400px;height:330px;background:#dddddd; border-color:#3673a9;}
			
	div#container div#chaines {height:109px;margin-top:10px;padding:15px;}
		div#container div#chaines ul#les-plus {float:left; padding:0px 15px 0px 15px; width:275px;}
		div#container div#chaines ul#les-plus li {background:#ffffff;width:272px;height:50px;margin-bottom:8px;border:1px solid #2379bf;}
		div#container div#chaines ul#les-plus li a{color:#267bbb;font-weight:bold;font-size:0.9em;padding:10px 30px 0 50px;display:block}
		div#container div#chaines ul#les-plus li a span{color:#0f2d47;}
		div#container div#chaines ul#les-plus li .plus-vues{background-image:url(../images/plus-vues.gif);background-repeat: no-repeat;}
		div#container div#chaines ul#les-plus li .plus-recentes{background-image:url(../images/plus-recentes.png);background-repeat: no-repeat;}
		div#container div#chaines div#zapping {float:left; width:550px;}
		div#container div#chaines .titre-chaines {color:#277bbb; font-size:1.3em;font-weight:bold;}
		div#container div#chaines div#zapping ul{list-style: none; display:inline;}
		div#container div#chaines div#zapping li{display:block;float:left; margin:0 10px 8px 0; font-weight:bold;font-size:0.9em;font-weight:bold;}
		div#container div#chaines div#zapping li span{display:block; padding-left:15px;padding-top:22px;}
		div#container div#chaines div#zapping li a{padding:0px 0px 0px 0px; display:block;width:145px;height:40px;color:#267bbb;border:1px solid #2379be;}
		div#container div#chaines div#zapping li a:hover{padding:0px 0px 0px 0px;color:#0f2d45;border:1px solid #ffffff;text-decoration:none;}
		
		div#container div#chaines div#zapping li a.chaineEnseignement{background-image:url(../images/bgBtonS_enseignement.jpg);background-repeat: no-repeat;background-position: top right;}
		div#container div#chaines div#zapping li a.chaineEnseignement:hover{background-position: bottom right;}
		
		div#container div#chaines div#zapping li a.chaineEtudiants{background-image:url(../images/bgBtonS_etudiants.jpg);background-repeat: no-repeat;background-position: top right;}
		div#container div#chaines div#zapping li a.chaineEtudiants:hover{background-position: bottom right;}
		
		div#container div#chaines div#zapping li a.chaineEvenementiel{background-image:url(../images/bgBtonS_evenementiel.jpg);background-repeat: no-repeat;background-position: top right;}
		div#container div#chaines div#zapping li a.chaineEvenementiel:hover{background-position: bottom right;}
		
		div#container div#chaines div#zapping li a.chaineFormationsSportives{background-image:url(../images/bgBtonS_formations-sportives.jpg);background-repeat: no-repeat;background-position: top right;}
		div#container div#chaines div#zapping li a.chaineFormationsSportives:hover{background-position: bottom right;}
		
		div#container div#chaines div#zapping li a.chaineFormationContinue{background-image:url(../images/bgBtonS_formation-continue.jpg);background-repeat: no-repeat;background-position: top right;}
		div#container div#chaines div#zapping li a.chaineFormationContinue:hover{background-position: bottom right;}
		
		div#container div#chaines div#zapping li a.chaine1Institutionnel{background-image:url(../images/bgBtonS_institutionnel.jpg);background-repeat: no-repeat;background-position: top right;}
		div#container div#chaines div#zapping li a.chaine1Institutionnel:hover{background-position: bottom right;}
		

	/*********************************************
	 ********************************************* VIGNETTES
	 *********************************************/
	div#container div#contenu {
		padding:0 0 0 25px; margin:0;
	}
	div#container div#contenu div.video{
		width:132px; height:190px;
		float:left; display:block; z-index:1;
		padding:5px;   margin: 4px;
		background:#d9ecf8; border:1px solid #a2b6c4;
		font-size:0.8em; cursor:pointer; overflow:hidden;
	}
	div#container div#contenu div.video img {
	  margin:5px;
		border:1px solid #6193bd;
	}
	div#container div#contenu div.video a {
		margin:0;padding:0px 5px;
		color:#277bbb; text-decoration:underline; font-size:1.1em; font-weight:bold;
	}
	div#container div#contenu div.video p {
	  height: 64px;
		margin:0;padding:5px;
		color:#616161;font-size:1.1em;
		overflow: hidden;
	}

	/*********************************************
	 ********************************************* HOVER
	 *********************************************/
	div#container div.videoHover {
		width:132px; height:auto; min-height: 190px;
		position:absolute; left:0px; top:0px; z-index:7000;
		padding:13px; margin:0; display: none;
		background:#0F2D45; cursor: pointer;
	}
	* html div#container div.videoHover {
		height: 190px;
	}
	div#container div.videoHover img, div#container div.videoHover .flash{
	  margin:5px;
		cursor: pointer;
		border:1px solid #6193BD;
		background-color: #6193BD;
	}
	div#container div.videoHover div.txt {
		margin:0;padding:5px;
		color:#616161;font-size:0.8em;
	}
	div#container div.videoHover a{
		margin:0; padding:0;
		color:#277bbb; text-decoration:none; font-size:1.2em;	font-weight:bold;
	}
	div#container div.videoHover a:hover {
		text-decoration:underline;
	}
	div#container div.videoHover p{
		color:#ffffff;font-size:1.1em;
	}


	/***************
	 *************** CONTENT
	 ***************/
	div#container div#content { background-color: #C6DCF1; width: 867px; margin:20px auto; padding: 20px;}
	
	div#container div#content h3 { margin-bottom:10px;}
	
	div#container div#content dl {float:left; background-color: #D9ECF8; width:150px; height:190px; border:1px solid #A2B6C4; font-size:0.9em; cursor:pointer; padding:10px; 
	margin-right:10px;}
	div#container div#content dl dd {padding:2px;}
	div#container div#content dl dd .spip_logos{border:1px solid #A2B6C4;}
	div#container div#content .fragment dl dd a.image {color:#277BBB; font-size:0.95em; font-weight:bold; margin:0; padding-left:10px; text-decoration:underline;}
	div#container div#content .fragment dl dd a.titre {color:#277BBB; font-size:0.95em; font-weight:bold; margin:0; padding:0; text-decoration:underline;}
	div#container div#content .fragment dl dd a.descriptif {color:#616161; font-size:0.95em; margin-top:6px;}
	

	div#container div#filtres { height:95px; background-color: #C6DCF1; width: 907px; margin:20px auto; font-size:0.85em; }
	div#container div#filtres input {font-size:12px;}
		div#container div#filtres .filtreTitle {margin: 0 0 3px 0;display:block;color:#277cbb;font-size:0.9em;font-weight:bold;border-bottom:1px solid #FFFFFF; }
			div#container div#filtres div.col {display:block;height:60px;float:left;margin:22px 1px 0px 50px;}
				div#container div#filtres div.col .myCheck {margin:0 5px 0 0;}
				div#container div#filtres div.col div.themeGauche {float:left;width:195px;font-size:0.9em;}
				div#container div#filtres div.col div.themeDroite {float:left;width:195px;font-size:0.9em;}
				div#container div#filtres div.col div.origine {float:left; font-size:0.9em; width:278px;}
				div#container div#filtres div.colDroite { width: 325px;}

	div#container div#footer{clear:both;padding:8px 0 0 25px;color:#FFFFFF;font-size:0.8em;}
		div#container div#footer a {color:#FFFFFF;}

/*ThickBox*/

body.TB{ background-color: #FFFFFF; background-image: none !important;}
	body.TB #actions {clear:both; float:left; height:30px; width:709px; padding:0 0 0 31px;}
		body.TB #actions .precedent_suivant {display:inline; width:150px; font-size:0.85em; margin-right:470px;}
			body.TB #actions .precedent_suivant a {color:#126caa;}
		body.TB #actions .fermer {display:inline; width:319px;height:22px; font-size:0.85em; float: right; width: 131px !important;}
			body.TB #actions .fermer a{color:#1a70b0;}

div#TB_window{display:block; margin-left:-375px; margin-top:-245px; width:750px; border:1px solid #a2a0a1;}
div#TBheader{background:#0F2B43 url(../images/headerTitle.jpg) 16px 5px no-repeat;width:750px;text-indent:-9999em;height:27px; margin:0; padding:0;}

#TB_iframeContent {height:473px; width:749px; border:medium none; clear:both; margin-bottom:-1px; margin-top:1px;}

div#playerVideo{width:400px;height:330px;background:#3673a9;margin:35px 26px 19px 31px;float:left; border:1px solid #3773a7;}
div#video{width:400px;height:330px;background:#dddddd; border-color:#3673a9;}
div#TB_window{filter : alpha(opacity=80); -moz-opacity : 0.8; -khtml-opacity: 0.8; opacity : 0.8; }
div.videoDescription{float:left;margin:31px 0 0 0;width:240px;height:330px;font-size:0.8em;color:#4c4c4c;}
	div.videoDescription h4{color:#1671B4; font-size:1.9em; font-weight:bold; margin:0 0 10px 0; width:265px;}
	div.videoDescription p{font-size:1.1em;margin:10px 0 5px 0;}
		div.videoDescription p a{}
			div.videoDescription p a.more{color:#126caa; margin-top:10px; display:block; width:255px;}
			div.videoDescription p a:hover {}

div.TBDownload {background:url(../images/TBDownload.jpg) left top no-repeat;width:319px;height:22px;clear:both;text-indent:-9999em;margin:0 0 17px 31px}
	div.TBDownload a {display:block;width:319px;height:22px;}

div.nav{margin:16px 0 0 31px;font-size:0.9em;float:left;}
div.nav a, div.TBexit a{color:#1a70b0;}
div.TBexit{float:right;margin:16px 31px 0 0}