/* -----------------------------------------------------------------------------
          Cascading Style Sheet ou feuille de style - Prociel by jrz 
----------------------------------------------------------------------------- */
* {
 margin:0;
 padding:0;
}

body{
 font-family: "trebuchet MS",times, verdana, sans-serif ;
 font-size:13px;
 background: #06065E url(images/flag-europe.jpg) no-repeat top left;
}

h1, h2, h3{
 color: #1666DF;
 margin-top:10px;
 letter-spacing : 3px;
}

h1{
 font-size: 135%;
}

h2{
 font-size: 120%;
}

h3{
 font-size: 110%;
}

a {
 color: #009900; 
}

p{
 
 text-align: justify;
 line-height:140%;
}

ul{
 margin-left:35px;
}

.milieu{
 text-align:center;
}

#container{
 position: absolute;
 left: 50%;
 top:50%;
 width: 900px;
 height:650px;
 margin: -300px 0 0 -450px;
 background: url(images/flag-ukraine-900x600.png) no-repeat;
 z-index:0;
}

#haut, #bas{
 width: 900px;
 height:100px;
 overflow: hidden;
}

#bas{
 clear:both;
}

#droite, #gauche{
 width:100px;
 height:400px;
 overflow: hidden;
}

#gauche{
 float:left;
}
#droite{
 float:right;
}

#droite *, #gauche *{
 display: none;
}

#content{
 width: 700px;
 height: 400px;
 float:left;
 background: #fff;
 overflow: auto;
 opacity : .9;
	filter : alpha(opacity=90);
}

#content *{
 margin-left : 10px;
 margin-right :10px;
}

#content ul{
 margin-left:35px;
 margin-bottom: 8px;
}

#content p{
 /*color: #B2A429;*/
 margin-bottom: 8px;
}

#content .intro{
 margin-bottom :20px;
}

#content.zero{
 margin-bottom: 0;
}

#flash{
 width:800px;
 height:600px;
 margin: 50px auto 0 auto;
}

#menu{
 position: relative;
 width:900px;
 margin: 0 auto 0 auto;
 height: 30px;
 color:#fff;
}

#menu a{
 color: #fff;
}

#menu p{
 margin-bottom :15px;
}