@import "zonePubs.css";
@import "menu.css";
@import "accueil.css";
@import "recherche.css";

*
 {margin: 0; padding: 0; border: 0;}
		
body
 {background-color: #4f4b4a; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; padding-bottom: 60px; background-image:url(../img/fond.jpg); margin-top:23px; font-size:11px}
		
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

img
 {display:block; font-size:1px; line-height:1px}

a
 {text-decoration:none}
a:hover
 {text-decoration:underline}

div
 {display:block; position:relative}

ul
 {margin:4px 0 4px 58px; clear:both}
	li
	 {list-style:none; background-image:url(../img/liste_puce.gif); background-repeat:no-repeat; background-position: 0 4px; padding:0 0 10px 16px}


/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

h1
 {font-family:Impact, "Arial Black", Arial; font-size:29px; color:#FFFFFF; text-transform:uppercase; font-weight:normal; padding:6px 2px 0px 2px; margin:0}

h2
 {font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; padding: 0 2px 1px 2px; margin:-2px 0 10px 0}

	h2 .suite
	 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal}

h3
 {font-family:Impact, "Arial Black", Arial; font-size:16px; color:#ffffff; font-weight:normal; padding: 0 2px 4px 2px; margin:0 0 13px 0}

div#conteneur
 {background-position:center; background-repeat:repeat-y; margin:0 auto 0 auto; width:970px; text-align:left}
 
 	div#header
	 {height:140px; background-repeat:no-repeat; background-position:center}

	div#contenu
	 {padding:6px 25px 50px 25px; min-height:600px}

div#footer
 {background-position:top center; background-repeat:no-repeat; margin:0 auto 100px auto; width:970px; text-align:center; padding-top:12px; color:#333344}

	div#footer a, div#footer a:visited
	 {color:#333344}


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

div#header span.texteFormRecherche
 {display:block; position:absolute; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; }

div#header input#ajaxSearch_input
 {position:absolute; height:14px; width:197px; padding:1px 0 2px 2px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;}

div#header input#ajaxSearch_submit
 {position:absolute; height:17px; width:27px; padding:0; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-transform:uppercase}

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

div#listeVideos
 {margin-right:-30px; margin-top:-7px; width:950px}

	div#listeVideos a.encartVideo
	 {display:block; position:relative; width:290px; height:130px; float:left; background-repeat:no-repeat; margin:10px 21px 10px 2px; text-decoration:none; cursor:pointer}
	
		div#listeVideos a:hover
		 {text-decoration:none; background-position:0 -130px}
	
	div#listeVideos img
	 {position:absolute; left:13px; top:11px}
	
	div#listeVideos .premier
	 {margin-top:8px}
	
	div#listeVideos .titre
	 {display:block; position:relative; margin-left:138px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; margin-bottom:-1px}
	
		div#listeVideos .titre:first-child
		 {margin-top:8px}
	
	div#listeVideos .valeur
	 {display:block; position:relative; margin-left:138px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; margin-bottom:3px}
	
	div#listeVideos .libelle
	 {display:block; position:relative; position:absolute; top:112px; left:6px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px}
	
	div#listeVideos .navigation
	 {clear:both; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding:0 2px 0 0; text-align:right; width:918px; margin: 0}


/*-------------------------------------------------------------------------------------------------------*/
/*--- BreadCrumbs ---------------------------------------------------------------------------------------*/

span.B_crumbBox
 {display:block; color:#999; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9px; padding-bottom:14px}

	span.B_crumbBox a
	 {color:#999}
	
	span.B_crumbBox a:hover
	 {color:#CCC}

	span.B_crumbBox .B_firstCrumb
	 {font-weight:bold}

	span.B_crumbBox .B_lastCrumb
	 {color:#555}


/*-------------------------------------------------------------------------------------------------------*/
/*--- Zone de texte -------------------------------------------------------------------------------------*/

div#textes
 {margin: 0px 0px 20px 0px; background-color:#132833; color:#FFFFFF; padding:12px 190px 16px 130px}

	div#textes a
	 {color:#FFFFFF; text-decoration:underline}
	
	div#textes p
	 {margin-bottom:8px}
	
	div#textes img
	 {border:3px solid #ffffff; float:left; margin:0 6px 10px 0}


/*-------------------------------------------------------------------------------------------------------*/
/*--- Zone de pages -------------------------------------------------------------------------------------*/

div#page h3
 {font-family:Tahoma, Georgia, Arial; font-size:12px; font-weight:bold; color:#e0e3e5; border-bottom:0px solid #e0e3e5; padding:0px; margin:30px 0 10px 0px; text-decoration:underline}

div#page p
 {margin:6px 0 6px 10px; color:#b1b8bc }

div#page a, div#page a:visited, div#page a:hover
 {color:#b1b8bc; text-decoration:underline}

div#page a:hover
 {font-style:italic}


/*-------------------------------------------------------------------------------------------------------*/
/*--- Zone de rss ---------------------------------------------------------------------------------------*/

div#fluxs a, div#fluxs a:visited
 {color:#FFFFFF; text-decoration:none}

div#fluxs a:hover
 {text-decoration:underline; font-style:normal}


/*-------------------------------------------------------------------------------------------------------*/
/*--- Zone de bas de page -------------------------------------------------------------------------------*/

div#basDePage
 {margin:0 10px 0 10px; padding:20px 10px 8px 10px; text-align:right}

	div#basDePage img
	 {float:none; display:inline; margin-bottom:-2px}
	
	div#basDePage a, div#basDePage a:hover
	 {color:#FFFFFF; text-decoration:none}


/*-----------------------------------------------------------------------------------------------------*/
/*--- Formulaires de contact --------------------------------------------------------------------------*/

div#page label
 {float:left; display:block; width:130px}




/* Divers */
div.affichageArray
 {background-color:#FFF;margin:10px 0}
div.affichageArray ul li
 {margin-left:26px; line-height:15px}
div.affichageArray ul li .cle
 {color:#00C}
div.affichageArray ul li .marqueurs
 {color:#630}
div.affichageArray ul li.deco
 {margin-left:0px}
div.affichageArray ul ul
 {margin-left: 26px}
div.affichageVariable
 {background-color:#FFF;margin:10px 0}
div.affichageVariable b
 {color:#EA7601; text-decoration:underline}
div.affichageVariables
 {background-color:#FFF;margin:10px 0}
div.affichageVariables div.affichageVariable, div.affichageVariables div.affichageArray
 {margin-left:16px}


/*############################################################################
Pages générales
############################################################################*/

div#header
 {background-image:url(../img/header-tous.jpg); z-index:50}

div#page
 {background-color:#132833; color:#FFFFFF; margin:0px 0px 20px; padding:12px 30px 16px 50px;}

div#page .arbre ul
 {margin:25px 0 20px 20px}

	div#page .arbre ul a
	 {display:block; line-height:20px; color:#01abec; border-bottom:2px solid #01abec; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none}
	
		div#page .arbre ul ul
		 {margin:10px 0 5px 20px}
		
			div#page .arbre ul ul a
			 {border-bottom:none; }
			
			div#page .arbre ul ul ul
			 {margin:0 0 4px 15px}
			
				div#page .arbre ul ul ul li
				 {padding:0 0 1px 3px}
				
				div#page .arbre ul ul ul a
				 {border-bottom:none; font-weight:normal; font-size:11px}
				
					div#page .arbre ul ul ul ul a
					 {border-bottom:none; font-weight:normal; font-size:11px; font-style:italic}