/* 
	DEFAULT STYLESHEET
	All pages inherrit from this stylesheet, so anything reusable, 
	site-wide or generic goes here.
*/

/* ------------------------------------------------------------------------
	HTML BODY tag and Page div
------------------------------------------------------------------------ */

body
{
	color:#000;
	margin:0;
  	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	background:#fff;
}

#container
{
	width:984px;
	margin:0 auto;
	text-align:left;
	border:1px solid #000;
	background:#F5DFA6;
}

/* ----------------------------
   Globals
---------------------------- */

h1
{
	font-size:1.4em;
	margin:0;
	color:#000;
}

h2
{
	font-size:1.2em;
	margin:0;
	padding:0;
	color:#000;
}

h3
{
	font-size:1.1em;
	margin:0;
	padding:0 0 15px 0;
	color:#000;
}

p
{
	font-size:1em;
	color:#000;
	margin:0;
	padding:0;
}

input, select
{font-family: Arial, Helvetica, sans-serif;}

.gras
{font-weight:bold;}

.italic
{font-style:italic;}

/* --------------------------------------------------------------- */
/* ---- Corps ---------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/* ------------ zone contenu ------------------------------------------------- */

/* ------------------------------------------------------------ */
/* --- entête ------------------------------------------------- */

#entete
{
	width:984px;
	background:url(images/bg_entete.jpg) no-repeat top left;
	padding:2px 0 0 0;
}

/* ------------------------------- */
/* --- logo ---------------------- */

div#logoCompagnie
{
	width:261px;
	margin:0 0 0 362px;
}

div#logoCompagnie img.logo
{display:block;}

#logoPrint
{display: none;}

/* ------------------------------------------------ */
/* ----------- Menu Principal --------------------- */

#menuTop
{
	width:984px;
	background:#E6571F;
}

#menuTop ul
{
	list-style:none;
	margin:0 0 0 138px;	
}

#menuTop ul li
{
	float:left;	
	margin:0;
	padding:0;
	font-size:0.9em;
	border-right:1px solid #FFF9C2;
	font-family:Arial, Helvetica, sans-serif;
}

.bordureGau{border-left:1px solid #FFF9C2;}

#menuTop a
{
	display: block ;
	float:left;	
	padding:4px 16px 4px 16px;
	color:#fff;
	text-decoration:none;
}


/* Commented Backslash Hack
hides rule from IE5-Mac \*/
#menuTop a{float:none;}
/* End IE5-Mac hack */

#menuTop a:hover, #menuTop a.abonnezVous:hover
{
	color:#fff;
	background:#FF9B05;
	padding:4px 16px 4px 16px;
}


#menuTop a.selected
{
	color:#fff;	
	background:#FF9B05;
	padding:4px 16px 4px 16px;
}

#menuTop a.abonnezVous
{
	font-weight:bold;
	background:#0B8B00;
}

/* ---------------------------------------------- */
/* --- Sous-menu du menu principal -------------- */

#smenu-mprincipal
{
    text-align: left;
	display: block;
    left: 0;
    top: 0;
	z-index: 100;
	font-size:0.9em;	
}

#smenu-mprincipal div 
{
	display:none;
	position: absolute;
	left: 0;
	top:0;
	z-index: 200;
	cursor: pointer;
}

#smenu-mprincipal div div {
	position: relative;
	display: block;
	width: 100%;
	white-space: nowrap;
	background: none;
	border-bottom:1px solid #AFAFAF;
	border-left:1px solid #AFAFAF;
}

#smenu-mprincipal div div.last {border-bottom:none;}

#smenu-mprincipal a {
	display: block;
	height: 1%;
	padding: 5px 10px 5px 15px;
	color: #fff;
	text-decoration: none;
	background: #E6571F;
}
#smenu-mprincipal a:hover 
{background:#FF9B05;}

/* largeur des zones de sous-menu fr */
#smenu-mprincipal #MboutiqueMenu
{width: 132px;}
#smenu-mprincipal #MliensMenu
{width: 132px;}

/* ----------------------------------------------------- */
/* -- images pubs -------------------------------------- */

.pubEntete_728x90
{
	display:block;
	/* margin:25px 0 25px 120px; iclic*/
	/* Forcer le centrage de la banniere*/
	/*
	margin-left:auto;
	margin-right:auto;
	text-align:center;*/
	
	/*PatB sept 2011 */
	margin-top:25px;
	margin-bottom:25px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:728px;
}

.pub_250x250
{margin:0 0 5px 0;}

.pub_160x600
{margin:0 0 5px 0;}
/* ------------------------------------------------------------------------ */
/* -- Zone de contenu ----------------------------------------------------- */

/* -------------------------------------------- */
/* --- menu Zone vidéo ------------------------ */
#bgMenu
{
	width:900px;
	margin:0 0 0 41px;
	background:#FF9B05 url(images/menu_coinTG.gif) no-repeat top left;
}

#menu
{width:900px; background:url(images/menu_coinTD.gif) no-repeat top right;}

#menu ul
{
	list-style:none;
	margin:0 0 0 91px;	
}

#menu ul li
{
	float:left;	
	margin:0;
	padding:0;
	font-size:1em;
	font-weight:bold;
}

.bordureDr{border-right:1px solid #fff;}

#menu a
{
	display: block ;
	float:left;	
	padding:10px 16px 8px 16px;
	color:#000;
	font-weight:bold;
	text-decoration:none;
}


/* Commented Backslash Hack
hides rule from IE5-Mac \*/
#menu a{float:none;}
/* End IE5-Mac hack */

#menu a:hover
{
	color:#fff;
	background:#FF9B05;
	padding:10px 16px 8px 16px;
}

#menu ul li.zoneRecherche
{
	margin:0;
	padding:0;
}

#menu ul li input.irechercher
{
	width:174px;
	margin:2px 4px 2px 4px !important;
	padding:0;
	vertical-align:middle;
}

#menu ul li label
{
	margin:2px 4px 2px 4px;
	vertical-align:middle;
}

#menu ul li input.ibRechercher
{vertical-align:middle;}


/* ------------------------------------------------------------------------------------- */
/* --- sous-menu Zone vidéo une fois l'usager logué sur le site ------------------------ */
#sousmenu
{
	width:900px;
	margin:0 0 0 41px;
	padding:4px 0 3px 0;
	background:#FEB342;
	border-top:1px solid #A26203;
}

#sousmenu ul
{
	list-style:none;
	margin:0 0 0 102px;
	padding:0;
}

#sousmenu ul li
{
	float:left;
	margin:0;
	padding:0 5px;
}

#sousmenu ul li.noVideo
{
	float:right;
	margin:0;
	padding:0 280px 0 0;
}

#sousmenu ul li a:link, #sousmenu ul li a:visited, #sousmenu ul li a:active
{
	color:#000;
	text-decoration:none;
}

#sousmenu ul li a:hover
{text-decoration:underline;}

/* -------------------------------------------- */
/* --- boîte de contenu ----------------------- */

#zoneContenu
{
	width:898px;
	margin:0 0 11px 41px;
	padding:25px 0 10px 0;
	background:#FFF7D7 url(images/bg_zcontenu.gif) repeat-x top left;
	border-bottom:1px solid #454544;
	border-top:1px solid #454544;
	border-left:1px solid #A27024;
	border-right:1px solid #A27024;
}

/* -- patch de width pour IE 5 --- */
#zoneContenuInt
{width:898px;}

#colGau
{
    float:left;
    margin:0 5px 0 0;
    width:623px;
}

#colDr
{
    background:#FFFFFF none repeat scroll 0 0;
    border:1px solid #F6E1A9;
    float:left;
    padding:6px 0;
    text-align:center;
    width:258px;
}

/* ------------------------------------------------------------------------ */
/* -- Éléments de la Colonne de Gauche ------------------------------------ */

.boxBlanche
{
	width:611px;
	background:#fff;
	border:1px solid #F5DFA6;
	margin:0 0 15px 10px;
	padding:13px 0 7px 0;
}

.boxBlancheRecentVideo
{
	width:611px;
	background:#fff;
	border:1px solid #F5DFA6;
	margin:0 0 15px 10px;
	padding:33px 0 7px 0;
}

.boxBlanche_expend
{
	width:611px;
	background:#fff;
	border:1px solid #F5DFA6;
	margin:0 0 15px 10px;
	padding:13px 0 7px 0;
}

#entete_h1
{
	float:left;
	width:350px;
}

.boxBlanche h1
{
	margin:0 0 0 35px;
	padding:0 0 15px 0;
	color:#000;
	font-size:1.4em;
}

.boxBlanche h2, .boxBlanche_expend h2
{
	margin:0 0 8px 33px;
	padding:0 0 8px 15px;
	background:url(images/filet_titre.gif) no-repeat 0 13px;
}

.contenu
{padding:0 33px 0 47px;}

.contenu p a:link, .contenu p a:active, .contenu p a:visited, .box_txtListe a:link,  .box_txtListe a:visited,  .box_txtListe a:active
{
	color:#E6571E;
	text-decoration:underline;
}

.contenu p a:hover, .box_txtListe p a:hover
{text-decoration:none;}

.boxBlanche p
{
	padding:0 0 15px 0;
}

.retour
{
	float:right;
	padding:0 37px 0 0;
}

.retour a:link, .retour a:visited, .retour a:active
{
	color:#000;
	font-weight:bold;
	text-decoration:none;
}

.retour a:hover
{text-decoration:underline;}

/* -- Boîtes de sélection de video --------------- */

.blocChoixVideo
{
	width:582px;
	margin:0 0 0 17px;
}

.blocVideoChoixThumb
{
	float:left;
	width:184px;
	margin: 0 15px 0 0;
	padding:0;
}

.blocVideoChoixThumbLast
{
	float:left;
	width:184px;
	margin:0;
	padding:0;
}

.photoVideo
{margin:0;}

.nomVideo
{
	font-size:1.1em;
	padding:12px 0 4px 0;
	overflow: hidden;
	text-align:center;
}

.nomVideo a:link, .nomVideo a:visited, .nomVideo a:active
{
	color:#000;
	font-weight:bold;
	text-decoration:none;
	font-size:1em;
}

.nomVideo a:hover
{text-decoration:underline;}

/* -- Boîtes de sélection de Mes Video --------------- */

.blocMesVideo
{
	width:582px;
	margin:0 0 20px 17px;
}

.blocMesVideoThumb
{
	float:left;
	width:120px;
	margin: 0 30px 0 0;
	padding:0;
}

.blocMesVideoThumbLast
{
	float:left;
	width:120px;
	margin:0;
	padding:0;
}

.nomMesVideo
{
	font-size:0.9em;
	padding:4px 0 4px 0;
	overflow: hidden;
	text-align:center;
}

.nomMesVideo a:link, .nomMesVideo a:visited, .nomMesVideo a:active
{
	color:#000;
	text-decoration:none;
}

.nomMesVideo a:hover
{text-decoration:underline;}

/* --- Mes vidéos détaillés ----------------- */

.blocMesVideoDetaille
{
	width:611px;
	padding:0 0 20px 0;
}

.zonePhotoMesVideos
{
	float:left;
	width:400px;
}

.zonePhotoMesVideos img
{margin:0 4px 0 0;}

.infosMesVideos
{
	float:left;
	width:200px;
}

.infosMesVideos p
{
	font-size:0.9em;
	padding:0 0 4px 0;
}	

.infosMesVideos a:link, .infosMesVideos a:visited, .infosMesVideos a:active
{
	text-decoration:none;
	color:#E6571E;
}

.infosMesVideos a:hover
{text-decoration:underline;}

/* ----------------------------------------------- */
/* -- Boîtes de sélection de video --------------- */

#zoneCategoriesChasse
{
	width:631px;
	background:url(images/bg_categ_chasse.jpg) no-repeat top left;
	padding:20px 0 16px 0;
	margin:0;
}


#zoneCategoriesPeche
{
	width:631px;
	background:url(images/bg_categ_peche.jpg) no-repeat top left;
	padding:22px 0 22px 0;
}

#zoneCategoriesMagazine
{
	width:631px;
	background:url(images/bg_categ_mag.jpg) no-repeat top left;
	padding:38px 0 52px 0;
}

#zoneCategoriesDivers
{
	width:631px;
	background:url(images/bg_categ_divers.jpg) no-repeat top left;
	padding:38px 0 50px 0;
	margin:0 0 18px 0;
}

#zoneCategoriesCapsules

{
	width:631px;
	background:url(images/bg_categ_capsules.jpg) no-repeat top left;
	padding:22px 0 22px 0;
}

#zoneCategoriesCapsules_1

{
	width:631px;
	background:url(images/bg_categ_capsules_2.jpg) no-repeat top left;
	padding:22px 0 22px 0;

}

#zoneCategoriesCapsules_new4lines

{
	width:631px;
	background:url(images/bg_categ_capsules_ori.jpg) no-repeat center left;
	padding:22px 0 22px 0;

}


.ligneCategorie
{
	margin:0 0 7px 180px;
}




/* ----------------------------------------------- */
/* -- Page Liste de vidéos ----------------------- */


.box_txtListe
{
	float:left;
	width:412px;
	margin:0 0 15px 0;
}

.box_txtListe h3
{
	font-size:0.9em;
	padding:0;
}

.box_txtListe h3 a:link, .box_txtListe h3 a:active, .box_txtListe h3 a:visited
{
	color:#000;
	text-decoration:none;
}

.box_txtListe h3 a:hover
{text-decoration:underline;}

.box_txtListe p
{
	font-size:0.9em;
	padding:0 0 15px 0;
}

.box_suiteVideo p
{
	text-align:right;
	font-size:0.9em;
	padding:0;
}

.box_suiteVideo p a:link, .box_suiteVideo p a:active, .box_suiteVideo p a:visited
{
	color:#000;
	font-weight:bold;
	text-decoration:none;
}

.box_suiteVideo p a:hover
{text-decoration:underline;}

/* -- Pagination des vidéos ----------------- */

#pagination
{   	
	width:100%;
	text-align:center;	
}

#pagination ul
{
	list-style:none;	
	padding:0;
	display:inline-block 
}

#pagination ul li
{
	float:left;
	margin:0;
	padding:4px 6px 0 0;
	display:inline-block 
}

#pagination ul li a:link, #pagination ul li a:visited, #pagination ul li a:active
{
	color:#000;
	text-decoration:none;
	display:inline-block 
}

#pagination a:link, #pagination a:visited, #pagination a:active
{
	color:#000;
	text-decoration:none;
	display:inline-block 
}

#pagination a:hover
{
	color:#E6571E;
	font-weight:bold;
	text-decoration:underline;
	display:inline-block 
}

#pagination ul li a:hover
{
	color:#E6571E;
	font-weight:bold;
	text-decoration:underline;
	display:inline-block 
}

.pagingnav
{
    color:#E6571E;
    text-decoration:underline;
}

/* ----------------------------------------------- */
/* -- Page Détail d'une vidéo -------------------- */

#donneesVideos
{
	width:540px;
	margin:0 0 25px 34px;
	padding:10px 0 6px 0;
	border:1px solid #333333;
}

#duree
{
	width:220px;
	float:left;
}

#duree p
{padding:0 0 0 13px;}

#favoris
{
	float:right;
	width:175px;
	text-align:right;
	padding:0 31px 0 0;
}

#favoris a:link, #favoris a:visited, #favoris a:active
{
	color:#000;
	font-size:0.9em;
	text-decoration:none;
}

#favoris a:hover
{text-decoration:underline;}

/* --------------------------------------------------- */
/* -- Page Inscription ------------------------------- */

#formLogin
{
	margin:10px 0 10px 0;
}

.lesChamps
{margin-bottom:8px !important;}

.lesChamps label
{
	width:180px;
	font-size:1em;
	color:#203846;
	float:left;
	text-align:right;
}

.lesChamps input
{
	width:226px;
	float:right;
	margin:0 110px 0 0;
}

#formLogin input.ibinscription
{
	width:116px;
	float:left;
	margin:0 0 0 12px;
}

.lesChamps ul
{
	list-style:none;
	margin:0;
	padding:4px 0 0 0;
}

.lesChamps ul li
{
	font-size:0.9em;
	margin:0 0 0 192px;
	padding:0 0 5px 13px;
	color:#888888;
	background:url(images/bullet.gif) no-repeat 0 4px;
}

/* --------------------------------------------------- */
/* -- Page Mot de passe oublié ----------------------- */

#formMotPasse
{
	margin:20px 0 20px 47px;
}


.champsMotPasse
{margin-bottom:15px;}

.champsMotPasse label
{
	font-size:1em;
	color:#000;
}

.champsMotPasse input
{width:200px;}

/* ------------------------------------------------------------------------ */
/* -- Éléments de la Colonne de Droite ------------------------------------ */

#zConnexion
{
	width:250px;
	height:210px;
	background:#F5DFA6;
	margin:14px 0 14px 3px;
	padding:11px 0 7px 0;
}

#zConnexion h3
{
	background:url(images/bg_h3_zconnexion.gif) no-repeat 12px 15px;
	padding:0 0 7px 0;
	margin:0 0 8px 0;
}

#zConnexion p
{
	color:#E6571E;
	padding:0 0 5px 0;
}

#zConnexion a:link, #zConnexion a:visited, #zConnexion a:active
{
	color:#E6571E;
	text-decoration:underline;
}

#zConnexion a:hover
{
	text-decoration:none;
}

#pub_160x200
{
	margin-top:14px; margin-bottom:14px;
	
}


/* -- Formulaire de connexion -------------------- */

#formConnexion
{
	margin:0 0 10px 0;
}

.champsConnexion
{margin-bottom:15px;}

.champsConnexion label
{
	font-size:1em;
	color:#E6571E;
	font-weight:bold;
}

.champsConnexion input
{
	width:178px;
	margin:4px 0 0 0;
}

#bEnvoyer
{margin-left:355px;}

/* -- Formulaire de Profil -------------------- */

#form
{margin:20px 0 10px 0;}

#form p
{
	font-size:0.9em;
	padding:0 0 15px 0;
}

.blocForm
{margin:0 0 20px 0;}

.blocForm h3
{color:#DD8604}

.champs
{margin-bottom:8px !important;}

.champs label
{
	width:180px;
	font-size:0.9em;
	color:#203846;
	float:left;
	text-align:right;
}

.champs input
{
	width:226px;
	float:right;
	margin:0 100px 0 0;
}

.champs select#liste
{
	width:80px;
	float:right;
	margin:0 250px 0 0;
}

.champs select.liste
{
	width:140px;
	float:right;
	margin:0 190px 0 0;
}

.champs input.iavatar, .champs input.ifichier
{
	width:145px;
	margin:0 5px 0 5px;
}

.champs input.ibparcourir
{
	width:80px;
	margin:0 96px 0 0;
}

.champs input.myprofilecheckbox
{
	width:15px;
	margin:0 315px 0 0;
}

.pictAvatar
{margin:5px 0 0 200px;}

.champs select#myprofilemonth, .champs select#genre, .champs select#etatCivil, .champs select#pays
{margin:0 0 0 20px;}

.champs textarea
{
	width:250px;
	margin:0 0 0 20px;
}

.champs p.txtCodePostal
{
	padding:0 0 0 200px;
	font-size:0.9em;
}

.blocForm input.ibMettreAJour
{margin:15px 0 0 200px;}

/* -- Formulaire d'Ajout de vidéos -------------------- */

#blocCasesCoches
{margin:0 0 0 185px;}

#blocCasesCoches div
{margin:0 0 5px 0;}

.champs input.icanaux
{
	width:15px;
	float:none;
	margin:0 10px 0 20px;
	padding:0;
}

.champs label.ajout
{
	float:none;
	text-align:left;
	font-size:0.9em;
	margin:0 0 5px 0;
	padding:0;
}

#form input.ibSoumettre
{margin:10px 0 15px 200px;}

#form input.ibReinitialiser
{margin:0 30px 0 0;}

.champs input.idureeMin
{
	float:none;
	width:40px;
	margin:0 0 0 21px;
}

.champs input.idureeSec
{
	float:none;
	width:40px;
	margin:0;
}

/* -- Zone nouvelle en CSS PBOUCHER - 2010-05-04 -------------------- */

#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
	background: #f6e1a9;
	font-family:geneva,verdana,sans-serif;
	text-decoration: underline ;
	list-style-type:square;
	/*padding-left:0px;*/
	color:#000000;

	
	}
	
	#navigation li a {
	display: block ;
	background: #fff7d7;
	color: blue ;
	font-size: 12px;
	font-family:geneva,verdana,sans-serif;
	line-height: 1em ;
	text-decoration: none ;
	padding: 4px 0 ;
	list-style-type:square;
	color:#000000;
	

	
	}
	
	#navigation {

	list-style-type:square;
	
	}