body
{
background-color:#6782A9;								/*#0944E9;#33CCFF;*/
background-image:url(image/fond.jpg);
background-repeat:no-repeat;
font-family:verdana,comic,times,arial;
font-size:12px;                                         /*xx-small x-small small medium large x-large xx-large*/
font-weight:normal;                                     /*normal bold bolder lighter 100,200,300,400,500,600,700,800,900*/
font-stretch:normal;                             		/*wider normal narrower*/
														/*condensed semi-condensed extra-condensed ultra-condensed*/
														/*expanded semi-expanded extra-expanded ultra-expanded */
color:#000;                                            	/*#110022;#725B2F;*/
}

a {color:#EF4D00;text-decoration:none;font-weight:bold;}                 /* lien #110022 */
a:link {color:#EF4D00;text-decoration:none;font-weight:bold;}            /* #ff770d cibles non encore visitées */
a:visited {color:#EF4D00;text-decoration:none;font-weight:bold;}         /* cibles visitées */
a:hover { color:#E70418;text-decoration:none;font-weight:bold;}          /* Liens pour "MouseOver" */
a:active {color:#EF4D00;text-decoration:none;font-weight:bold;}          /* Liens cliqués */
a:focus {color:#EF4D00;text-decoration:none;font-weight:bold;}           /* Liens qui reçoivent la zone de saisie active */

h1 {                                                    /* titre 1 */
   font-family:verdana,comic,times,arial;
   font-size:16px;
   font-weight:bold;
   font-stretch:normal;
   word-spacing:3px;
   letter-spacing:3px;
   color:#83A7D7;
}

h2 {                                                    /* titre 2 */
   font-family:verdana,comic,times,arial;
   font-size:14px;
   font-weight:bold;
   font-stretch:normal;
   word-spacing:2px;
   letter-spacing:1px;
   color:#4D77B3;
}

h3 {                                                    /* titre 3 */
   font-family:verdana,comic,times,arial;
   font-size:12px;
   font-weight:bold;
   font-stretch:normal;
   word-spacing:1px;
   letter-spacing:1px;
   color:#0B4785;
}

.img {
padding:10px;
border:0px solid black;
}

#gauche{

}

#droite{

}

#anim{
position:relative;
top:0px;
left:50px;
height:300px; 
float: right;
text-align:right; 
}

#include
{
width:800px;
}

#alert{
color:red;
font-weight:bold;
}

.img1 {
   float: right;
  width: 100px;
  margin: 0;
}
.text1 {
padding-left:80px;
}
.decal80 {
 margin-left:80px;
}

#arrondi {
		-moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
      }
	  
.arrondi10 {
		-moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
      }

.rightimg, .leftimg, .centreimg img { 
  border:1px solid #AAAAAA; 
  background-color:#E9E9E9; 
  padding:3px; 
  margin:6px; 
} 

.rightimg {float:right;} 

.leftimg {float:left;} 

div.centreimg { 
 text-align:center; 
}
 
#logo
{
position:absolute;
top:0px;
left:0px;
height:100px; 
}

#right
{
position:absolute;
top:50px;
right:30px;
width:200px;
height:120px;
overflow:no;
}

#logoefvl
{
  float: left;
  width: 20%;
}

#logoesf
{
  margin-left: 20%;
}



#meteo
{
position:absolute;
top:10px;
left:780px;
}

#menu
{
position:absolute;
top:220px;
left:30px;
height:20px;
width:700px;
padding:5px;
overflow:no;
background-color:#D3D3D3;
filter:alpha(opacity=80);
opacity:0.8;
border: 2px solid #fff ;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
}

#menu a {
padding-left:20px;
font-family:verdana,comic,times,arial;
font-size:14px;
font-weight:bold;
font-stretch:normal;
word-spacing:2px;
letter-spacing:1px;
color:#EF4D00;
}

#menu a:hover {
padding-left:20px;
font-family:verdana,comic,times,arial;
font-size:14px;
font-weight:bold;
font-stretch:normal;
word-spacing:2px;
letter-spacing:1px;
color:#E70418;
}

#middle
{
position:absolute;
top:350px;
left:30px;
width:900px;
padding:20px;
font-family:verdana,comic,times,arial;
font-size:12px;
font-weight:normal;
font-stretch:normal;
word-spacing:2px;
letter-spacing:1px;
background-color:#D3D3D3;
filter:alpha(opacity=80);
opacity:0.8;
border: 2px solid #fff ;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
color:#000;
}

#video
{
width:340px;
padding:20px;
background-color:#63B6D6;
filter:alpha(opacity=100);
opacity:1;
border: 2px solid #fff ;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

#bottom
{
position:absolute;
bottom:50px;
left:10px;
font-family:verdana,comic,times,arial;
font-size:12px;
font-weight:bold;
font-stretch:semi-expanded;
word-spacing:2px;
letter-spacing:2px;
color: #000;
}

a.bouton:link{
padding-left:30px;
font-family:verdana,comic,times,arial;
font-size:12px;
font-weight:bold;
font-stretch:normal;
word-spacing:1px;
letter-spacing:1px;
color:#FF6600;
vertical-align:text-top;
}

a.bouton:visited{
padding-left:30px;
font-family:verdana,comic,times,arial;
font-size:12px;
font-weight:bold;
font-stretch:normal;
word-spacing:1px;
letter-spacing:1px;
color:#FF6600;
vertical-align:text-top;
}

a.bouton:hover{
padding-left:30px;
font-family:verdana,comic,times,arial;
font-size:12px;
font-weight:bold;
font-stretch:normal;
word-spacing:1px;
letter-spacing:1px;
color:#FF9933;
vertical-align:text-top;
}

.bouton{
vertical-align:text-top;
text-align:left;
padding:5px;
}

li {
list-style-type:none;
background-image:url(image/puce1.png);
background-repeat:no-repeat;
background-position:0% 25%;
padding-left:10px;
padding-bottom: 10px;
line-height:1.2;
vertical-align:baseline;
}

.date{
font-family:verdana,comic,times,arial;
font-size:12px;
font-weight:normal;
font-stretch:normal;
word-spacing:1px;
letter-spacing:0px;
color:#333;
vertical-align:text-top;
text-align:right;
}

.small {
font-family:verdana,comic,times,arial;
font-size:12px;
font-weight:normal;
font-stretch:normal;
word-spacing:1px;
letter-spacing:0px;
color:#000;
vertical-align:text-top;
}