/*  CSS  UTOPIALES 2005 par DA-CODE.COM */
/* TO DO :
Voir pour IE MAC CLASSIC OS (version < 1.1.7)
15/oct./2005 10:49
*/
* {padding:0;margin:0;font-size:100.01%; }
  
html, body {margin:auto;text-align:center;}
body, h1, h2, h3, h4, h5, h6  {font-family: Verdana, Arial, Sans-serif ;color:#333333;}

a:link,a:visited {color:#000000}
a:hover,a:active {text-decoration:none;color:blue}

body  {margin:auto;text-align: left;background-color:#000000;}
#utopiales {background-color:#000000;height: 100%;overflow: hidden; position: relative; overflow: visible;width:800px;margin:auto;}
#utopiales[id] {display: table; position: static;}
		
#milieu {position: absolute; top: 50%;}
#milieu[id] {display: table-cell; vertical-align: middle; position: static;}
		
#fond {position: relative;top: -50%;background-repeat:no-repeat;} 
			
#menulang {float:left;_float:none;_position:absolute; margin-left:6px;_margin-left:-362px;margin-top:6px}

#menuson {float:left;_float:none;_position:absolute; margin-left:2px;_margin-left:-37px;margin-top:5px}
				
#menu {width:110px;float:left;_float:none;_position:absolute;margin-top:365px;margin-left:-78px;_margin-left:-362px;}

.menurect { margin-bottom: 4px;_margin-bottom:2px; }
				
 #texte {background-color:#ffffff;margin-left:368px;/*IE5 MAC CLASSIC*//*width:410px;*/width:410px;height:540px;text-align:justify;overflow:auto;padding-left:15px;padding-right:15px;margin-right:5px;font-family:'Trebuchet MS','AG Schoolbook Regular',helvetica,monospace;font-size:85%;}
  
p {width:380px;text-align:justify;font-size:85%;line-height:145%;margin-bottom:35px;}

p .ssmenu {background-color:#ffffff;border-top-style:dashed;border-top-color:#cecece;border-top-width:thin }
p .ssmenu a:link, p .ssmenu a:visited {text-decoration:underline }
p .ssmenu a:hover, p .ssmenu a:active {text-decoration:none;background-color::#cecece;color:#ffffff;}
p .actif {color:#000000;background-color:#cecece }

h1, h2, h3, h4, h5, h6 {text-transform:uppercase;font-size:130%; text-align:left}
/*h2 {font-size:115%;}
h1,h3 {text-transform:uppercase}*/
b, em {font-weight:bolder}

.jours {background-color:#d6c8b4;width:382px;display:block;text-align:right;padding:0.2em;margin-top:8px;margin-bottom:8px }
.heures { color:#cd853f;margin-right:8px;}
.maj { text-transform: uppercase }
ul li {text-align:left;color:#666666;list-style-type: square;width:300px;font-weight:bold;font-size:85%}
ul li strong {font-size:95%;color:#000000;}
ul li em {color:#333333;}

.long { background-image:url(fondmenu.jpg);}
.lang {font-size:70%}

a.dacode {font-size:70%;margin-left:16%}

/* IE5 MAC OS9 AIME PAS ,  ***   ,   APPLIQUES ICI POUR LES AUTRES \*/
html,body  {width:100%;height:100%;overflow:hidden;}
#texte {margin-left:220px;_margin-left:368px;}
/* end hack */

input { background-image: url(ombr.gif) }