<style>
<!--
html, body {
margin: 0;
padding: 0;
height: 100%
}

body {
margin: 0;
padding: 0;
text-align : left;
font-family : arial;
font-size : 11px;
color : #000;
background : #AFF3F8;

}

.cont {
background-color :#AFF3F8;
text-align : left;
width : 705px ; 
margin-left : auto;
margin-right : auto;
margin-top : 5%;
height:100%;
border : 10px solid #AFF3F8;
}
html>body .cont {height : auto; min-height : 100%;  }

.bodyline1	{ background-color: #FFFFFF; border: 1px #AFF3F8 solid; }
}

.haut {
width : 675px ; 
height : 251px ;
background-color :transparent;
margin-left : auto;
margin-right : auto;
margin-top : 15px;
background-image : url(<br><table width="718" border="0" cellpadding="0" cellspacing="0"><tr><td width="718" height="75" valign="top"><div align="center"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="360" height="67"><param name="movie" value="http://filesearch.free.fr/annuaire_menu/metoweb.swf"><param name="quality" value="high"><embed src="http://filesearch.free.fr/annuaire_menu/metoweb.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="360" height="67"></embed></object></div></td></tr><tr><td height="26" valign="top"><div align="center"><img src="http://filesearch.free.fr/annuaire_menu/rxfxrencement_left.png" width="36" height="26"><a href="javascript:window.external.addfavorite('http://www.g1annuaire.com/metoweb/', 'ANNUAIRE METOWEB')" title="METOWEB en favoris"><img src="http://filesearch.free.fr/annuaire_menu/rxfxrencement_b1.png" width="126" height="26" border="0"></a><a href="#" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.g1annuaire.com/metoweb/');" title="Mettre ce site en page de démarrage"><img src="http://filesearch.free.fr/annuaire_menu/rxfxrencement_b2.png" width="126" height="26" border="0"></a><a href="mailto:metoweb_2004@yahoo.fr"><img src="http://filesearch.free.fr/annuaire_menu/rxfxrencement_b3.png" alt="Mail pour Metoweb" width="126" height="26" border="0"></a><a href="http://rencontres-21.sexy.carasexe.com" target="_blank"><img src="http://filesearch.free.fr/annuaire_menu/rxfxrencement_b4.png" alt="Rencontres sexy dans votre ville" width="126" height="26" border="0"></a><img src="http://filesearch.free.fr/annuaire_menu/rxfxrencement_right.png" width="36" height="26"></div></td> </tr><tr><td height="20" valign="middle" bordercolor="#666666"><div align="center"><img src="http://filesearch.free.fr/annuaire_menu/anuu_gauche.gif" width="20" height="20"><a href="http://filesearch.free.fr/ajout.htm"><img src="http://filesearch.free.fr/annuaire_menu/ajout.gif" width="120" height="20" border="0"></a><a href="http://filesearch.free.fr/meteo.htm" onClick="window.open('','popup','toolbar=0,location=0,status=0,menubar=0,scrollbars=0,width=680,height=405,left=210,screenX=210,top=60,screenY=60')" Target="popup"><img src="http://filesearch.free.fr/annuaire_menu/meteo.gif" width="120" height="20" border="0"></a><a href="http://www.cesoirtv.com/fr/programme.htm" onClick="window.open('','popup','toolbar=0,location=0,status=0,menubar=0,scrollbars=0,width=360,height=460,left=210,screenX=210,top=60,screenY=60')" Target="popup"><img src="http://filesearch.free.fr/annuaire_menu/tv.gif" width="120" height="20" border="0"></a><img src="http://filesearch.free.fr/annuaire_menu/anuu_droit.gif" width="20" height="20"></div></td></tr></table><br><br>);
border-top : 1px solid #fff}
 
 
 .centre {
width : 675px ;
margin-left : auto;
margin-right : auto;
text-align : left; 
background : transparent;
}
 
 
 
 
 .bas {
 width : 705px ; 
height : 40px ;
background : transparent;
overflow : hidden
}
 
 
.gauche {
float : left ;  
background : transparent;
width : 160px;
text-align : left; 
margin-left : 5px ; 
margin-top : 20px ;
padding-bottom : 100px; 
overflow : hidden}
html>body .gauche {   margin-left : 10px ; }
 






.droite {
float : left ;  
background-color : transparent;
width : 480px;
margin-left : 15px;
 margin-top : 10px; 
padding-bottom : 100px}


.haut_droite {
width :352px;
 background-color :transparent; 
 float : left; 
 margin-left : 0; 
 overflow : hidden} 

 

 
 
 
 
 
 
 
  h3 {
margin : 10px 0 0 0 ;
padding : 0 ; 
font-size : 12px; }
 
 
 
 
 h2 {
margin : 10px 0 0 0 ;
padding : 0 0 10px 0; 
font-size : 12px;
background :  url(images/hr2.gif) left bottom repeat-x;
text-transform : uppercase ; }

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



h1 {
font-size : 12px;  
margin : 20px 0 0 0 ;
padding : 0 0 10px 0; 
text-transform : uppercase ;
background :  url(images/hr2.gif) left bottom repeat-x;}
 
h4 {
font-size : 12px;  
margin : 20px 0 0 0 ;
padding : 0 0 10px 0; 
background :  url(images/hr2.gif) left bottom repeat-x;}
 
 /* LISTE */ 
 
 ul, li {
 margin :0;
padding : 0 ; 
list-style : none ;}

 
 
 /* MENU */

.menu {
text-align: left;
 background-color :transparent; 
color :#000 ; 
font-size : 14px ; 
font-weight : bold;
margin-top : 15px;
margin-left :15px;
font-size : 12px; 
overflow : hidden}
html>body .menu { margin-left :15px;  }
 
 
 
 .menu li{
 float : left ;
  margin-left : 0 ;
   padding-top : 0 ;}
  


.menu li a {
color : #AFF3F8 ; 
text-decoration : none ; 
padding-right : 5px ;  
padding-left : 5px ;}


.menu li a:hover {
color : #444; 
text-decoration : none }


li.menuexept a{
text-decoration : none ;  
background : url(images/ul.jpg) right bottom repeat-y;  
 padding-right : 5px ;  
 padding-left : 5px ;}
li.menuexept a:hover { 
text-decoration : none }



.logo {
float : left ; 
margin-top : 20px ; 
margin-right : 10px ;
border : 1px solid #6E2801 }


/* IMAGES A DROITE */

.img_droite {float : right; 
margin-top : 10px ; 
border : 1px solid #6E2801 }






 /* PARAGRAPHES */

p {margin : 3px 15px 0 0 ; padding : 0}

.pboot {
margin : 10px 15px 0 0 ; 
padding : 0 ; 
text-indent : 10px ;   
background :  url(images/pboot.jpg) left top no-repeat;}


.top {margin : 10px 25px 0 5px ; border-bottom : 1px dotted #4B3D40 ; padding-bottom : 5px}
.top2 {margin : 30px 25px 0 5px ;border-bottom : 1px dotted #4B3D40 ;  padding-bottom : 5px}
.notop {margin : 5px 25px 0 5px ;}
.notop2 {margin : 0 25px 0 5px ;}
.couleur {color : #4B3D40; font-weight : bold }




.signature { 
margin :0 0 0 345px; 
color : #000 }
.copy {
border : 0; 
margin-right : 5px}



 /* SEPARATEURS */


.spacer {
clear : both; 
height : 13px ; }




 .barre {text-decoration: line-through ; }




 /* LIENS */




a.class1 {
color : #4B3D40; 
text-decoration : none ; 
text-transform : uppercase ; 
font-size : 11px; font-weight : bold}

a:hover.class1 {
color : #C1460C; 
text-decoration : none ; }

a.class2 {
color : #4B3D40; 
text-decoration : underline ; 
text-transform : uppercase ; 
font-size : 9px ; }

a:hover.class2 {
color : #4B3D40; 
text-decoration :underline }

a.class3{
color : #4B3D40; 
text-decoration : underline ; 
font-size : 9px ;}

a:hover.class3 {
color : #4B3D40; 
text-decoration : underline;  
}


a.class3{
color : #4B3D40; 
text-decoration : none ; 
text-transform : none ;  }

a:hover.class4 {
color : #4B3D40; 
text-decoration : underline;  
}

.c {
color : #AFF3F8; 
text-decoration : none ; 
font-size : 9px; }

.c:hover{
color :#4B3D40; 
text-decoration : none ;}

.d {
color : #AFF3F8; 
text-decoration : underline ; 
font-size : 11px; font-weight : bold;
font-family:arial,sans-serif;}

.d:hover {
color : #AFF3F8; 
text-decoration : underline ; 
font-size : 11px; font-weight : bold;
font-family:arial,sans-serif;}

.e {
color : #AFF3F8; 
text-decoration : none ; 
font-size : 10px;
font-family:sans-serif;}

.e:hover {
color : #AFF3F8; 
text-decoration : none ; 
font-size : 10px;
font-family:sans-serif;}

.g {
color : #AFF3F8; 
text-decoration : none ; 
font-size : 11px; font-weight : bold}

.g:hover {
color : #4B3D40;
text-decoration : none ;}

/* + -----------------------------------------------------
	Styles appliqués au Calendrier
+ ----------------------------------------------------- */

#calendrier li{
	list-style: none;	
}

#libelle {
	width: 210px;
	margin: 0 auto;
	padding: 0;
}
.ligne {
	width: 210px;
	margin: 0 auto;
	padding: 0;
} 
#libelle li {
	float : left;
	width : 21px; 
}
.ligne li {
	color: #000;
	float : left; 
	width : 21px; 
}

.ligne li a:hover{
	list-style: none;
	text-decoration: none;
}

li.itemCurrentItem {
	/* A vous de configurer l'apparence de la date du jour */
}
li.itemSelectedItem {
	/* A vous de configurer l'apparence du jour sélectionné */
}	

#rightcontent {
position: absolute;
right:5px;
top:32px;
width:125px;
background:#ffffff;
border:1px solid #000;}

</style>






