/*
<link rel="stylesheet" type="text/css"    media="print, handheld" href="/css/w3m.css">

*/
@media print, handheld {
	a.menuche{
		font-style:italic;
	}
}
/*
<LINK HREF="/css/css3.css" REL="stylesheet" TYPE="text/css"> <!-- css 3 non compatible css2.1 -->
*/

/* ne passe pas le validateur!
	http://jigsaw.w3.org/css-validator/
	 Mozilla 
 	http://webkit.org/blog/138/css-animation/
*/
	.yamoliencontact {
		font-stretch:expanded;
	}
/*
Mozilla
*/
	::-moz-selection, a::-moz-selection {
		background:#AF0078;
		color:#fff;
		outline:#AF0078;
	}  
	/* _CSS3_ */
	::selection, a::selection{
		background:#AF0078;
		color:#fff;
		outline:#AF0078;
	}

	/*
	 La propriété text-shadow n'existe pas en CSS niveau 2.1. mais existe en [css2, css3] 

	a:visited{
		text-shadow: 0.2em 0.2em;
	}
	Bogue Seamonkey 2.0 et certaines versions d'opéra

	http://www.w3.org/TR/CSS2/text.html
	*/
	a:visited.menu, a:visited.menucache{ 
	    color: white;
	    text-shadow: black 0px 0px 5px;
	}
/*
<LINK HREF="/css/bogue_safari.css" REL="stylesheet" TYPE="text/css">
*/
@media handheld, screen, tv {
	html, body{   	
		background-color: #666699;  
		vertical-align:middle;
		text-align:center;
		font-family:verdana,arial,helvetica,sans-serif;
		white-space:nowrap;
	}
	/*supprimé :
	             
		padding: 0.5em; 
		margin: 0.5em; 
		font-size :1 em;
		*/
	#body2, .yamoliencontact_smallIE{
		background-color: #ffffbb;  
		color:#6969b1
	}
	
}
/*
<LINK HREF="/css/compressor3.9.css" REL="stylesheet" TYPE="text/css" media="handheld, screen, tv">
*/

@media handheld, screen, tv {

	a:link{
		font-weight:bold
	}

	      
body,.body_accueil_popup_famille2,hr.yamocontact,.hryamocontact,.body_accueil_table,a.menucache_mozilla:link,a.menucache:link,input.petit,input.petit:hover,input.bleu,textarea, 
li.bookmark a, #bookmark li a {
		background:#669
	}


	body,.yamoliencontact {
		color:#000
	}

	body {
		font-family:"luxi serif regular",Georgia,'Times New Roman',serif
	}

	fieldset {
		white-space:nowrap
	}

	
.body_accueil_popup_famille2,a.yamoliencontact_smallIE,a.yamoliencontact_smallIE:link,a.yamoliencontact_smallIE:hover,a.yamoliencontact,a.yamoliencontact:link,a.yamoliencontact:hover,a,a:link,a:hover,a.menu,a.menu:link,a.menu:hover 
{
		font:14px "luxi sans regular",verdana,arial,helvetica,sans-serif;white-space:nowrap;
	}

	.body_accueil_popup_famille2 {
		color:#ffb;
		text-align: center;
		vertical-align : middle;
	}

	.yamoliencontact_smallIE,input.petit,input.petit:hover,input.bleu,textarea {
		font:12px "luxi sans regular",verdana,arial,helvetica,sans-serif
	}

	.yamoliencontact_smallIE,a.menucache_mozilla, #ephemeride{
		color:#669
	}

	
.yamoliencontact_smallIE,a.yamoliencontact_smallIE,a.yamoliencontact_smallIE:link,a.yamoliencontact_smallIE:hover,.yamoliencontact,a.yamoliencontact,a.yamoliencontact:link,a.yamoliencontact:hover,a.menucache_mozilla,a.menucache_mozilla:link,a.menucache_mozilla:hover,a,a:link,a:hover,a.menu,a.menu:link,a.menu:hover,a:visited 
{
		margin:1px
	}

	
.yamoliencontact_smallIE,a.yamoliencontact_smallIE,a.yamoliencontact_smallIE:link,a.yamoliencontact_smallIE:hover,.yamoliencontact,a.yamoliencontact,a.yamoliencontact:link,a.yamoliencontact:hover,.body_accueil_table,a.menucache_mozilla,a.menucache_mozilla:link,a.menucache_mozilla:hover,a.menucache,a.menucache:link,a.menucache:hover,input.petit,input.petit:hover,a,a:link,a:hover,a.menu,a.menu:link,a.menu:hover,a:visited 
{
		padding:1px; white-space:nowrap;
	}
	a.yamoliencontact_smallIE,a.yamoliencontact,hr.yamocontact,a {
		color:#6969b1
	}

	a.yamoliencontact_smallIE,a.yamoliencontact,a,a:active,a.menu:hover {
		text-decoration:underline
	}

	a.yamoliencontact_smallIE:hover,a.yamoliencontact:hover,a:hover {
		color:#f00
	}

	
a.yamoliencontact_smallIE:hover,a.yamoliencontact:hover,.yamocontact,a.menucache_mozilla,a.menucache_mozilla:hover,a.menucache,a.menucache:hover,.yamo,.yamomail,TD.yamomail,a:hover,a.menu 
{
		text-decoration:none
	}
	.yamoliencontact{
		font:16px verdana,arial,helvetica,sans-serif bold;
	}

	.yamoliencontact,.yamocontact,.body_accueil_table,input.petit,input.petit:hover,.yamo,.yamo2,.yamomail,TD.yamomail {
		text-align:center
	}

	.yamoliencontact,.body_accueil_table {
		vertical-align:text-top
	}

	.yamocontact,hr.yamocontact,input.bleu,div.page,page,.imgbox2,.imgboxcr,div.box,.yamo {
		padding:5px
	}

	.yamocontact,div.page,page,.imgbox2,.imgboxcr,div.box,#body2,.yamo,.yamomail {
		margin:5px
	}

	.yamocontact,.yamo,.yamo2,.yamomail,TD.yamomail {
		vertical-align:middle
	}

	.yamocontact,.yamo,.yamomail,TD.yamomail {
		font-family:"luxi sans regular",Verdana,Arial,Helvetica,sans-serif;
		font-weight:bold
	}


	hr.yamocontact {
		height:2px
	}

	hr.yamocontact,.body_accueil_table,input.bleu,textarea,.cr {
		border:0
	}

	.hryamocontact {
		height:1px
	}

	a.menucache,div.menucache:hover, div.boite6:hover , div.boite7:hover, #ephemeride:hover {
		color:#fcffc9
	}
	.hryamocontact,a.menucache_mozilla:hover,a.menucache:hover,input.petit,input.bleu,textarea,a.menu:hover, a.menu:visited {
		color:#c9dbff
	}
	 


	.hryamocontact,page,#body2 {
		border:1px solid black
	}

	.body_accueil_table,.yamo2,.yamomail {
		padding:10px
	}

	.body_accueil_table {
		letter-spacing:1px;
		color:#db5b5b
	}
	a.menucache_mozilla,a.menucache_mozilla:link,a.menucache_mozilla:hover,a.menucache,a.menucache:link,a.menucache:hover {
		font:14px comic sans ms,arial,cursive
	}

	a.menucache_mozilla,a.menucache_mozilla:link,a.menucache,a.menucache:link,a.menu,a.menu:link, li.bookmark a, #bookmark li a {
		border:0.1em solid #669
	}
	div.menucache, div.boite6, div.boite7, #ephemeride{
		display:block;
		border:0.1em solid gray;
		color:#fad184;
		background:#1a1a1a
	}
	a.menucache_mozilla:hover,a.menucache:hover,a.menu:hover,div.menucache:hover, li.bookmark a:hover,#bookmark li a:hover, div.boite6:hover, 
div.boite6 a.menu:hover, div.boite7:hover, div.boite7 a.menu:hover {
		background:#6969b1;
		border:0.1em solid gray
	}

	a.menucache,a.menucache:link,a.menucache:hover {
		margin-bottom:7pt
	}

	.imgboxcenter,#body2 {
		background:#ffb
	}

	.imgboxcenter {
		margin:1pt 1pt 2pt 7pt;
		padding-right:5pt;
		padding-left:5pt;
		padding-bottom:1pt
	}

	.imgboxcenter,.imgbox2,.imgboxcr {
		float:left;
	}


	input.petit:hover,a.menu, li.bookmark a,#bookmark li a {
		color:#43fbfb
	}



	input.bleu,textarea,.cr,TD.yamomail {
		padding:0
	}

	textarea {
		padding:0 5px 5px
	}

	.cr {
		width:580px;
		padding:20px;
		margin:20px
	}

	.signature {
		color:#808080
	}

	div.page,page {
		background:white
	}


	div.box {
		border:1px solid #669
	}

	li {
		border:0 solid black;
		margin:2px;
		padding:2px
	}

	#body2 {
		width:98%;
		text-align:center
	}

	.spacer {
		clear:both
	}

	.yamo2,TD.yamomail {
		margin:0
	}
	a:active {
		background:transparent;
		color:#900
	}
	a:focus { 
		outline-color:#AF0078;
		outline-width:0.3em;
		outline-style:solid;
	}
	td{
		text-align:center
	}
	td.yamoliencontact{
		vertical-align:middle
	}
	#body2 table.yamoliencontact{
		border-color:#669;
		border-collapse:collapse
	}
	.bas, .bas .menucache, .bas .menucache:hover, .atitre_map {
		padding:0.2em;
		padding-bottom:1em;
		margin:0.2em;
		margin-bottom:0.5em;
		font-size :1em;
		line-height: 1.5em;
		font-family:"luxi sans regular",verdana,arial,helvetica,sans-serif;
	}
	.bas, .bas .menucache, .atitre_map{
		color:#c9dbff
	}
	
/* texte de l infobulle */


	.atitre_map 	{
		position: relative;  
		text-decoration: none;
		}

	.atitre_map:hover 	{
		background: none; 		
		z-index: 500; 
		}


	.novisible		{
		display: none;
		}

	a:hover .novisible 	{
		display: inline;
		position: absolute;
		z-index: 500;
		top: 1.5em;
		left: 2em;
		background: InfoBackground;
		font-family: verdana;
		font-size: 0.9em;
		color: #000000;
		font-weight:normal;
		text-align: center;
		padding: 2px;
		border:1px solid #000; 
		}
	a{
		font-style: normal		
	}

  div.menucache a.menu, div.boite6 a.menu, div.boite7 a.menu, #ephemeride a{
    padding:0px;margin: 0px;
		border:0px;display: block;
  }
	
	li.bookmark a:hover, #bookmark li a:hover{color:#fff}
	div.seamonkey, iframe.seamonkey{
		width:700px
	}
	h1.bookmark, #bookmark h1{color:#fff}
	div.boite6 , div.boite7{	
	text-align:center;
	position:relative;
	width:140px;
	height:120px;
	float:left;
	vertical-align:middle
}
div.boite7{
	width:140px;
	height:140px;
}
  div.boite6:hover, div.boite7:hover{
  border-color:#f00
  }

}
/*
<LINK HREF="/css/taille.css" REL="stylesheet" TYPE="text/css">
*/
	@media  screen {
		img.accueil{
			width:400px
		}
		pre.cr {
			width:580px;
			padding:20px;
			margin:20px
		}
		hr.yamocontact,.hryamocontact {
			width:500px
		}
		.imgboxcenter,.imgbox2,.imgboxcr {
			height:100px
		}
		input.petit,input.petit:hover {
			width:160px
		}

		input.bleu,textarea {
			width:400px
		}

		input.bleu {
			height:30px
		}

		.thumb{
			height:80px
		}
		.NC99{
			width:220px
		}
		iframe{
			width:980px;
			height:600px
		}

		iframe.bookmark{
			width:600px;
			height:700px
		}

		iframe.class1024{
			width:600px;
			height:400px
		}
		iframe.meteo, iframe.meteo2{
			border:0;
			border-width:0px;
			margin:0px;padding:0px;
		}
		iframe.meteo{
			width:50%;
			height:250px;
		}
		iframe.meteo2{
			width:100%;
			height:200px;
			overflow: hidden;
			margin:0px
		}
		#meteo-paris{
			width:600px!important;
			height:180px!important;
		}

		.cr {
			width:580px;
			padding:20px;
			margin:20px
		}

		textarea {
			padding:0 5px 5px
		}

		.imgboxcenter {
			margin:1pt 1pt 2pt 7pt;
			padding-right:5pt;
			padding-left:5pt;
			padding-bottom:1pt
		}

		div.box {
			border:1px solid #669
		}

		li {
			border:0 solid black;
			margin:2px;
			padding:2px
		}

		a.menucache, a.menucache:link, a.menucache:hover {
			margin-bottom:7pt
		}

		hr.yamocontact {
			height:2px
		}

		.yamocontact, hr.yamocontact, input.bleu, div.page, page, .imgbox2, .imgboxcr, div.box, .yamo {
			padding:5px
		}

		.yamocontact, div.page, page, .imgbox2, .imgboxcr, div.box, #body2, .yamo, .yamomail {
			margin:5px
		}

	/**tooltip **/
		.dtitre_map	{
			text-align: center;
			width: 800px;
			margin: auto;
			font-family: verdana;
			font-size: 1.1em;
			color: rgb(102, 0, 0);
			clear: both;
			}
		pre.menucache, #ephemeride{
			max-width: 800px
		}
		#body_accueil {
		   	background-color: #666699;               
			padding: 10px; 
			margin: 10px  
	  	}   
	}
/*
<LINK HREF="/css/css_2009_03_12_01.css" REL="stylesheet" TYPE="text/css">
*/
	@media handheld, screen, tv {
	#bookmark{
	text-align:left;
	}
		.tableau0{
			text-align:center;
			border-width:1px;
			padding:0px;
			border-spacing:1px
		}
		.tableau0 tr td, .tableau0  td{
			text-align:center;
			vertical-align:top
		}
		.tableau1{
			text-align:center;
			border:1px;
			padding:0px;
			border-spacing:1px
		}
		.tableaumenu{
			 width:20%;
			 padding:5px 
		}
		.yamoliencontact_smallIE{
			white-space:nowrap
		}
		div.body2{
			text-align:center
		}
		.yamoliencontact, yamoliencontact_smallIE{
			text-align:center;
			vertical-align:top
		} 
		div.div2{ 
			text-align:center;
			vertical-align:middle
		}
		.droite{
			text-align:right
		}
		.gauche{
			text-align:left
		}
		.serierowthumb img{
			background:#2e2e2e;
			padding:0px;
			border:0px;
		}
		.serierowthumb img:hover{
			background:#f9f9f9;
		}
		.class1024, a.class1024{font-size: x-small}
		.yamoliencontact2{font-size: small}
		ul{
	    background-color: #669;
	    position:relative;
	    display:block;
	    margin-left:0em;
	    color:#fff;
	    padding:0em;
	    }
	    ul li{
	    background-color: #669;
	    position:relative;
	    display:block;
	    margin-left:1em;
	    color:#fff;
	    padding:0.1em;
	    }
	    li a img{
	    border:0px;
	    border-bottom:0.1em;
	    text-decoration:underline
	    }
	   tr.playlist
		, tr.playlist td.yamoliencontact2
		, tr.playlist td.yamoliencontact
		, tr.playlist td.yamoliencontact_smallIE
		, tr.playlist h3{
			vertical-align:middle
	    }
		tr.playlist{
		height:2.5em
		}
		tr.playlist  td{
		white-space:normal
		}
	   table.tableau0 tr.playlist:hover, table.tableau0 tr.playlist:hover td small, table.tableau0 tr.playlist:hover td a,
		 table.tableau0 tr.playlist:hover td.yamoliencontact_smallIE{
	   	 background-color: #669;
	    	color:#fff;
		white-space:normal
	    }
		table.yamoliencontact{
		border:1px
		}
		li.bookmark a,li.bookmark a:hover,#bookmark li a,#bookmark li a:hover{
		white-space:normal
		}
	div.div_justifier{ text-align:justify }
	}
/*
<link rel="stylesheet" href="/css/lightbox.css" type="text/css" media="screen" >
*/
	@media screen {
		#lightbox{
			position: absolute;
			left: 0; width: 100%;
			z-index: 100; text-align: center; line-height: 0;
		}
		#lightbox img{ width: auto; height: auto;}
		#lightbox a img{ border: none; }

		#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
		#imageContainer{ padding: 10px; }

		#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
		#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
		#imageContainer>#hoverNav{ left: 0;}
		#hoverNav a{ outline: none;}

		#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ 
			display: block; 
		}
		#prevLink { left: 0; float: left;}
		#nextLink { right: 0; float: right;}
		#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
		#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

		#imageDataContainer{ 
			font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; 
			overflow: auto; width: 100%;
		}

		#imageData{	padding:0 10px; color: #666; }
		#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
		#imageData #caption{ font-weight: bold;	}
		#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
		#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

		#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/*meteo-lille : compressor 3.1.css*/

	#ephemeride{
		text-align:left;
		line-height:2em;
		padding:1em
	}
}