*
{
  margin:0;
  padding:0;
}
img 
{
  border-width: 0;
  border-style: none;
}

body
{
  font-family:Arial;
  font-size:12px;
}

/* En-tête */
div#wrap_header
{
  font-family:'trebuchet ms';
  margin:0 auto;
  width:940px;
  z-index:2;
  position:relative;
}

/* Logo */
#logo 
{
  left:30px;
  position:absolute;
  top:19px;
  z-index:9999;
}

/* Menu horizontal */
div#tabs 
{
  float:right;
  margin:45px 0 45px 0;
}
div#tabs div 
{
  display:none;
}
div#tabs ul 
{
  float:left;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
}
div#tabs li 
{
  display:inline;
  float:left;
  line-height:23px;
  margin:0;
  padding:0;
  position:relative;
}
div#tabs li img 
{
  left:10px;
  position:absolute;
  top:-3px;
}
div#tabs a.passive
{
  background:transparent url(images/top_left.png) no-repeat scroll left top;
  color:black;
  display:inline;
  float:left;
  font-family:'trebuchet ms';
  font-size:18px;
  margin-left:12px;
  padding:0 0 0 2px;
  text-decoration:none;
}
div#tabs a.passive span 
{
  background:transparent url(images/top_right.png) no-repeat scroll right top;
  cursor:pointer;
  display:block;
  padding:5px 15px 4px 13px;
}
div#tabs a.passive span 
{
  float:none;
}
div#tabs a.passive:hover 
{
  background-position:0 -32px;
}
div#tabs a.passive:hover span 
{
  background-position:100% -32px;
  color:white;
}
div#tabs a.active
{
  background:transparent url(images/top_left.png) no-repeat scroll 0 -32px;
  color:white;
  display:inline;
  float:left;
  font-family:'trebuchet ms';
  font-size:18px;
  margin-left:12px;
  padding:0 0 0 2px;
  text-decoration:none;
}
div#tabs a.active span 
{
  float:none;
  background:transparent url(images/top_right.png) no-repeat scroll 100% -32px;
  cursor:pointer;
  display:block;
  padding:5px 15px 4px 13px;
}

/* Fil d'ariane */
#filAriane
{
  list-style-type:none;
  border:2px solid #ffa500;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  margin-bottom:15px;
  height:23px;
  padding-left:5px;
}
#filAriane li
{
  display:inline;
  float:left;
  padding:4px 10px 0 5px;
  height:23px;
}
#filAriane li a
{
  color:black;
  text-decoration:none;
}
#filAriane li a:hover
{
  color:#ffa500;
}
#filAriane li.separateur
{
  background:transparent url(images/breadcrumb.png) no-repeat scroll 0 0;
  float:left;
  height:0;
  margin:-2px 0 0 0;
  overflow:hidden;
  padding-top:34px;
  position:relative;
  width:4px;
}


/* Lien du site Web */
#lien
{
  clear:right;
  float:right;
  width:50px;
  height:428px;
  margin-bottom:10px;
}
#lien a
{
  cursor:default;
}
#lien span
{
  display:block;
  width:50px;
}

#lien #dixsept-r { background:transparent url(images/telecampus_vertical.png) no-repeat scroll -50px 0; height:20px; }
#lien #dixsept-r:hover { background:transparent url(images/telecampus_vertical.png) no-repeat scroll 0 0; }

#lien #seize-f { background:transparent url(images/telecampus_vertical.png) no-repeat scroll -50px -20px; height:17px; }
#lien #seize-f:hover { background:transparent url(images/telecampus_vertical.png) no-repeat scroll 0 -20px; }

#lien #quinze-point { background:transparent url(images/telecampus_vertical.png) no-repeat scroll -50px -37px; height:10px; }
#lien #quinze-point:hover { background:transparent url(images/telecampus_vertical.png) no-repeat scroll 0 -37px; }

#lien #quatorze-s { background:transparent url(images/telecampus_vertical.png) no-repeat scroll -50px -47px; height:25px; }
#lien #quatorze-s:hover { background:transparent url(images/telecampus_vertical.png) no-repeat scroll 0 -47px; }

#lien #treize-u { background:transparent url(images/telecampus_vertical.png) no-repeat scroll -50px -72px; height:28px; }
#lien #treize-u:hover { background:transparent url(images/telecampus_vertical.png) no-repeat scroll 0 -72px; }

#lien #douze-p { background:transparent url(images/telecampus_vertical.png) no-repeat scroll -50px -100px; height:28px; }
#lien #douze-p:hover { background:transparent url(images/telecampus_vertical.png) no-repeat scroll 0 -100px; }

#lien #onze-m { background:transparent url(images/telecampus_vertical.png) no-repeat scroll -50px -128px; height:42px; }
#lien #onze-m:hover { background:transparent url(images/telecampus_vertical.png) no-repeat scroll 0 -128px; }

#lien #dix-a { background:transparent url(images/telecampus_vertical.png) no-repeat scroll -50px -170px; height:27px; }
#lien #dix-a:hover { background:transparent url(images/telecampus_vertical.png) no-repeat scroll 0 -170px; }

#lien #neuf-c { background:transparent url(images/telecampus_vertical.png) no-repeat scroll -50px -197px; height:26px; }
#lien #neuf-c:hover { background:transparent url(images/telecampus_vertical.png) no-repeat scroll 0 -197px; }

#lien #huit-e { background:transparent url(images/telecampus_vertical.png) no-repeat scroll -50px -223px; height:28px; }
#lien #huit-e:hover { background:transparent url(images/telecampus_vertical.png) no-repeat scroll 0 -223px; }

#lien #sept-l { background:transparent url(images/telecampus_vertical.png) no-repeat scroll -50px -251px; height:14px; }
#lien #sept-l:hover { background:transparent url(images/telecampus_vertical.png) no-repeat scroll 0 -251px; }

#lien #six-e { background:transparent url(images/telecampus_vertical.png) no-repeat scroll -50px -265px; height:27px; }
#lien #six-e:hover { background:transparent url(images/telecampus_vertical.png) no-repeat scroll 0 -265px; }

#lien #cinq-t { background:transparent url(images/telecampus_vertical.png) no-repeat scroll -50px -292px; height:18px; }
#lien #cinq-t:hover { background:transparent url(images/telecampus_vertical.png) no-repeat scroll 0 -292px; }

#lien #quatre-point { background:transparent url(images/telecampus_vertical.png) no-repeat scroll -50px -310px; height:10px; }
#lien #quatre-point:hover { background:transparent url(images/telecampus_vertical.png) no-repeat scroll 0 -310px; }

#lien #trois-w { background:transparent url(images/telecampus_vertical.png) no-repeat scroll -50px -320px; height:36px; }
#lien #trois-w:hover { background:transparent url(images/telecampus_vertical.png) no-repeat scroll 0 -320px; }

#lien #deux-w { background:transparent url(images/telecampus_vertical.png) no-repeat scroll -50px -356px; height:36px; }
#lien #deux-w:hover { background:transparent url(images/telecampus_vertical.png) no-repeat scroll 0 -356px; }

#lien #un-w { background:transparent url(images/telecampus_vertical.png) no-repeat scroll -50px -392px; height:36px; }
#lien #un-w:hover { background:transparent url(images/telecampus_vertical.png) no-repeat scroll 0 -392px; }

/* Une des vidéos */
#uneVideos, .uneVideos
{
  width:480px;
  height:245px;
  float:left;
  background-color:white;
  padding:2px 2px;
  border:2px solid #F2AA3B;
  color:white;
  margin:0 15px 0 0;
}
#uneVideos h5, .uneVideos h5
{
  font-family:Arial;
  font-size:30px;
  font-weight:normal;
  line-height:30px;
  margin:0;
  background:transparent;
}
#uneVideos h5 a, .uneVideos h5 a
{
  display:block;
  color:white;
  padding:152px 0 5px 10px;
  text-decoration:none;
}
#uneVideos p, .uneVideos p
{
  font-family:"Trebuchet MS";
  font-size:12px;
  padding:4px;
  width:52%;
}
#uneVideos p a, .uneVideos p a
{
  display:block;
  color:white;
  text-decoration:none;
  padding-left:5px;
}

.thumbsContent
{
  background:transparent url(images/o.png) repeat left top;
  height:60px;
  margin:0;
}
.thumbsContent div
{
  float:right;
  margin:12px 10px 0 0;
}
.showCptPicsTn
{
  width:64px;
  height:36px;
  margin-left:2px;
}
.showCptPicsTn img
{
  width:64px;
  height:36px;
}
.showCptPicsTn img.actif
{
  border:1px solid orange;
  width:62px;
  height:34px;
}

/* Zone actus */
#zoneActualites
{
  border:2px solid #F2AA3B;
  width:380px;
  height:239px;
  float:left;
  padding:5px;
  overflow:hidden;
  margin-bottom:15px;
}
#zoneActualites div
{
  border:1px solid #F2AA3B;
  margin-bottom:5px;
}
#zoneActualites h5 a
{
  display:block;
  font-family:'trebuchet ms';
  font-size:18px;
  line-height:25px;
  padding-left:5px;
  text-decoration:none;
}
#zoneActualites .complet h5 a
{
  background-color:#F2AA3B;
  color:white;
  cursor:text;
}
#zoneActualites .complet span
{
  float:right;
  color:white;
  font-style:italic;
  margin:-20px 5px 0 0;
}
#zoneActualites .complet p
{
  background-color:#FDD2A2;
  padding:5px;
  height:138px;
  overflow-y:auto;
}
#zoneActualites .reduit h5 a
{
  color:#F2AA3B;
  background:#FDD2A2 url(images/add.png) no-repeat 350px center;
}
#zoneActualites .reduit span, #zoneActualites .reduit p
{
  display:none;
}

/* Zone bande-annonce */
#zoneBandeAnnonce
{
  border:2px solid #F2AA3B;
  float:left;
  width:474px;
  height:140px;
  margin:0 15px 0 0;
  padding:5px;
  background:transparent url(images/bande_annonce_airsoft.jpg) no-repeat 2px 2px;
}
#zoneBandeAnnonce h4
{
  display:inline;
  font-family:'trebuchet ms';
  font-size:18px;
  line-height:25px;
  padding:0 5px 0 5px;
  background-color:#F2AA3B;
  color:white;
}
#zoneBandeAnnonce a
{
  display:block;
  width:480px;
  height:146px;
  margin:-28px 0 0 -3px;
  background-color:transparent;
}

/* Zone partenaires */
#zonePartenaires
{
  border:2px solid #F2AA3B;
  width:380px;
  height:140px;
  float:left;
  padding:5px;
  overflow:hidden;
  margin:0 12px 15px 0;
}
#zonePartenaires h4, #zonePartenaires h5
{
  display:block;
  font-family:'trebuchet ms';
  font-size:18px;
  line-height:25px;
  padding-left:5px;
  text-decoration:none;
}
#zonePartenaires h4
{
  background-color:#F2AA3B;
  color:white;
}
#zonePartenaires h5
{
  text-align:center;
}
#zonePartenaires h5 a
{
  text-decoration:none;
  color:black;
}
#zonePartenaires h5 a:hover
{
  color:red;
}
#zonePartenaires #bandeauPartenaires
{
  margin:5px 0 0 0;
  text-align:center;
}
#zonePartenaires #bandeauPartenaires img
{
  height:60px;
}


/* Contenu */
#contenu
{
  margin:0 auto;
  width:960px;
  min-height:400px;
  clear:right;
}
#contenu #zoneCalendrier
{
  border:1px solid black;
  width:250px;
  height:170px;
  float:left;
}
#contenu #zoneCalendrier h2
{
  font-family:'trebuchet ms';
  font-size:14px;
}
#contenu #zoneCalendrier #calendrier
{
  float:left;
}

/* Cadre informatif */
#cadreNoir
{
  background:url(images/o.png) top left;
  width:100%;
  height:715px;
  z-index:10;
  position:absolute;
  top:0;
  left:0;
}
#cadreInformations
{
  width:350px;
  min-height:150px;
  border:1px solid black;
  background-color:white;
  padding:10px;
  z-index:10;
  position:absolute;
  top:150px;
  left:30%; /* left:305px; */
  font-family:"Arial";
  font-size:12px;
}
#cadreInformations h5
{
  font-size:40px;
  font-family:"Impact";
  font-weight:normal;
}
#cadreInformations p span
{
  display:block;
  text-align:right;
  font-style:italic;
}
#cadreInformations a
{
  float:right;
}

/* Bandes-annonces */
#cadreBandeAnnonce
{
  width:600px;
  min-height:150px;
  z-index:10;
  position:absolute;
  top:30px;
  background-color:transparent;
  left:20%; /* left:305px; */
  font-family:"Arial";
  font-size:12px;
  text-align:center;
}
#cadreBandeAnnonce a
{
  text-decoration:none;
  color:black;
  font-size:11px;
}
#cadreBandeAnnonce a:hover
{
  text-decoration:underline;
}


/* LIVE ZONE */
#liveZone
{
  width:893px;
  min-height:345px;
  border:2px solid #F2AA3B;
  clear:left;
  margin:15px 0 0 0;
}
#liveZone .player
{
  float:left;
  border:2px solid #F2AA3B;
  width:400px;
  height:320px;
  margin:10px 0 10px 10px;
}
#liveZone .description
{
  margin-left:410px;
  margin-top:10px;
  margin-right:10px;
}
#liveZone .description h2
{
  -moz-border-radius:2px 2px 2px 2px;
  background-color:#FFA500;
  color:white;
  font-family:'trebuchet ms';
  font-size:18px;
  line-height:25px;
  padding-left:10px;
}
#liveZone .description p
{
  font-style:italic;
  margin:10px 0 0 10px;
}
#liveZone .description h3
{
  margin:10px 0 0 10px;
}
#liveZone .description ul
{
  margin:10px 0 0 50px;
  list-style-type:square;
}
#liveZone .description ul li
{
  color:orange;
  font-weight:bold;
  padding:5px 0 5px 0;
}
#liveZone .description ul li span
{
  color:black;
  font-weight:normal;
  font-style:italic;
}
#liveZone .description ul li.done
{
  color:grey;
}
#liveZone .description ul li.done span
{
  color:grey;
}

/* Pied de page */
#pied_de_page
{
  clear:both;
  width:960px;
  height:140px;
  color:black;
  font-family:"Arial";
  font-size:12px;
  margin:15px auto 0 auto;
  padding-left:30px;
  padding-top:15px;
  border-top:1px solid #f29400;
}
#pied_de_page ul
{
  float:left;
  margin-right:40px;
}
#pied_de_page ul li 
{
  list-style-type:none;
  margin-left:20px;
}
#pied_de_page ul li a
{
  color:black;
  font-size:12px;
  font-weight:normal;
  text-decoration:none;
}
#pied_de_page ul li.t1, #pied_de_page ul li.t1 a
{
  color:#f29400;
  font-size:18px;
  font-weight:bold;
  list-style-type:none;
  text-decoration:none;
  margin:0 0 5px;
}

#pied_de_page #zoneDroite
{
  float:right;
  margin-right:80px;
  padding-top:5px;
}
#pied_de_page #adresse p
{
  color:black;
  padding-left:15px;
  border-left:1px solid #f29400;
}
#pied_de_page #adresse p span 
{
  color:#f29400;
  font-weight:bold;
}

#pied_de_page #facebook
{
	background-image:url(images/facebook.jpg);
	background-position:15px 0;
	background-repeat:no-repeat;
	float:left;
	height:35px;
	padding-left:15px;
	margin-top:17px;
	padding-left:31px;
	text-align:center;	
	padding-top:3px;
	width:150px;
	border-left:1px solid #3B5998;
}
#pied_de_page #facebook a
{
	color:#3B5998;
	font-size:12px;
	text-decoration:none;
}