﻿
body
{
    
       background-repeat: no-repeat;

	background-color: black;
}
body a:link {color: #ffffff; text-decoration: none;} 
body a:active { color: #ffffff;text-decoration: none;}
body a:visited { color: #ffffff;text-decoration: none;}
body a:hover {color: #ffffff;text-decoration: underline;  font-weight: bolder ;}
body.whitebackground
{
    
       

	background-color: white;
} 
.img
{
padding: 10px 10px 10px 20px;
float: right;

}

.logo
{
position: absolute;
   top: 10px;
   left: 10px;

}

li
{
list-style:circle;
}
#ici
{
    font-family: Arial,sans-serif;
    color: #2E0854;
    font-weight: bold;
    
}
.menu
{ 
height: 22px;
/* for IE */
filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
background: url("/image/Menu.jpg") repeat-x;
    background-color: #000000;
    color: white;
 font-family: arial,sans-serif;
text-transform: uppercase;
    font-weight: lighter;
font-size: 13px;
text-align: right;
letter-spacing:4px;
line-height: 1.5em;
}

.menu a:link {color: #ffffff; text-decoration: none;} 
.menu a:active { color: #ffffff;text-decoration: none;}
.menu a:visited { color: #ffffff;text-decoration: none;}
.menu a:hover {color: #ffffff;text-decoration: underline;}

.milieupage
{
    
    height: 580px; 
    
}
.milieupageshort
{
    
    height: 425px; 
    
}
.black
{
    color: #000000;
 font-family: verdana,arial,helvetica,sans-serif;
font-size: 13px;

}
.red
{
    color: #990000;
 font-size: 17px;

}
.white
{
    color: #ffffff;
 font-family: verdana,arial,helvetica,sans-serif;
font-size: 13px;

}
.thirtyfiveblack
{
   color: #000000;
font-size: 25px;
 font-family: verdana,arial,helvetica,sans-serif;
letter-spacing:4px;
}
.thirtyfive
{
   color: #ffffff;
font-size: 25px;
 font-family: verdana,arial,helvetica,sans-serif;
letter-spacing:4px;
}
.left
{
    /* flotte a gauche*/
width: 400px; 
    float: left;
}
.leftside
{
    /* flotte a gauche*/
width: 400px; 
    float: left;
padding: 10px 20px 10px 20px;
}
h4
{

font-size: 18px;
 font-family: arial,verdana,helvetica,sans-serif;
letter-spacing:2px;
}

i
{font-style:italic;}

b 
{
 font-weight:bold;
 
}

h3
{
 color: #ffffff;
font-size: 30px;
 font-family: verdana,arial,helvetica,sans-serif;
letter-spacing:2px;
}

.cotedroit
{
    /* boite flottant a droit */
width: 400px; 
/* for IE */
filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;

background-color: #006699;
    color: #ffffff;
font-family: "courier new";
    font-weight: normal;
    font-size: 16px;
padding: 10px 20px 10px 20px;
    float: right;
}

.cotedroitbig
{
    /* boite flottant a droit */
width: 500px; 
/* for IE */
filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;

background-color: #990000;
    color: #ffffff;
font-family: "courier new";
    font-weight: normal;
    font-size: 13px;
padding: 10px 20px 10px 20px;
    float: right;
}
.cotedroitbigbleu
{
    /* boite flottant a droit */
width: 500px; 
/* for IE */
filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;

background-color: #333399;
    color: #ffffff;
font-family: "courier new";
    font-weight: normal;
    font-size: 13px;
padding: 10px 20px 10px 20px;
    float: right;
}
.cotedroitmediumbleu
{
    /* boite flottant a droit */
width: 300px; 
/* for IE */
filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;

background-color: #333399;
    color: #ffffff;
font-family: "courier new";
    font-weight: normal;
    font-size: 13px;
padding: 10px 20px 10px 20px;
    float: right;
}
.centredroitverybig
{
    
width: 665px; 
/* for IE */
filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;

background-color: #990000;
    color: #ffffff;
font-family: "courier new";
    font-weight: normal;
    font-size: 13px;
padding: 10px 20px 10px 20px;
position: absolute;
   left: 175px;
 /* MAP BOX DONT CHANGE THIS */

}
.centredroitbig
{
    /* MAP BOX DONT CHANGE THIS */
width: 445px; 
/* for IE */
filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;

background-color: #990000;
    color: #ffffff;
font-family: "courier new";
    font-weight: normal;
    font-size: 13px;
padding: 10px 20px 10px 20px;
position: absolute;
   left: 435px;
 /* MAP BOX DONT CHANGE THIS */

}
.centredroitbigblue
{
    /* boite flottant a droit */
width: 645px; 
/* for IE */
filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;

background-color: #333399;
    color: #ffffff;
font-family: "courier new";
    font-weight: normal;
    font-size: 13px;
padding: 10px 20px 10px 20px;
position: absolute;
   left: 350px;
}
.centredroitbigred0
{
    /* boite flottant a droit */
width: 645px; 
/* for IE */
filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
    color: #ffffff;
font-family: "courier new";
    font-weight: normal;
    font-size: 13px;
padding: 10px 20px 10px 20px;
position: absolute;
   left: 350px;
}
.centredroitbigred
{
    /* boite flottant a droit */
width: 445px; 
/* for IE */
filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;

background-color: #990000;
    color: #ffffff;
font-family: "courier new";
    font-weight: normal;
    font-size: 13px;
padding: 10px 20px 10px 20px;
position: absolute;
   left: 380px;
}

.whitebox
{
font-family: arial,sans-serif;
text-transform: uppercase;
    font-weight: lighter;
font-size: 13px;
text-align: right;
letter-spacing:4px;
line-height: 1.5em;
background-color: #ffffff;
color: #000000;
font-weight: normal;
font-size: 13px;
padding: 10px 10px 10px 10px;
}
h1.whitebox
{
font-size: 16px;
letter-spacing:-1px;
}
.contenu
{
    text-indent:4px;
    padding: 0px 20px 0px 20px;
	font-family: Arial;
    font-size: 12px;
	color: #ffffff;
    padding: 0px;
	margin: 0px;
}
.emptybox
{
height: 140px; 
}
.emptyboxsmall
{
height: 50px; 
}
.marquee
{
    font-family: verdana, arial,sans-serif,helvetica;
    color: red;
    font-weight: lighter;
font-size: 22px;
text-transform: uppercase;

    font-weight: 100; 
letter-spacing:4px;
line-height: 1.5em;
}
.grille td
{
width: 165px;
text-align: right;
    font-family: arial,sans-serif,helvetica;

    font-weight: lighter;
font-size: 75px;
text-transform: uppercase;

    font-weight: 100; 
letter-spacing:4px;
line-height: 1.5em;
background-color: black;
}
.grille td a:link {color: #ffffff; text-decoration: none;} 
.grille td a:active { color: #ffffff;text-decoration: none;}
.grille td a:visited { color: #ffffff;text-decoration: none;}
.grille td a:hover {color: #ffffff;text-decoration: none; font-size: 105px;}
.grille2 h1
{
text-transform: uppercase;
letter-spacing:4px;
}
table.grille2 
{
overflow:visible;
}
.grille2 td
{
width: 250px;
text-align: left;
    font-family: arial,sans-serif,helvetica;

    font-weight: lighter;
font-size: 13px;
color: #ffffff;
    font-weight: 100; 

line-height: 1.5em;
background-color: black;

overflow:visible;
padding: 10px 20px 10px 20px;
}
.grille2 td a:link {color: #ffffff; text-decoration: none;font-size: 13px;font-style: capital;} 
.grille2 td a:active { color: #ffffff;text-decoration: none;font-size: 13px;font-style: capital;}
.grille2 td a:visited { color: #ffffff;text-decoration: none;font-size: 13px;font-style: capital;}
.grille2 td a:hover {color: #ffffff;text-decoration: underline; font-size: 13px;font-style: capital;}

.grille3 td
{
width: 450px;
text-align: left;
    font-family: arial,sans-serif,helvetica;

    font-weight: lighter;
font-size: 13px;
color: #ffffff;
    font-weight: 100; 

line-height: 1.5em;
background-color: black;

overflow:visible;
padding: 10px 20px 10px 20px;
}
.grille3 td a:link {color: #ffffff; text-decoration: none;font-size: 13px;font-style: capital;} 
.grille3 td a:active { color: #ffffff;text-decoration: none;font-size: 13px;font-style: capital;}
.grille3 td a:visited { color: #ffffff;text-decoration: none;font-size: 13px;font-style: capital;}
.grille3 td a:hover {color: #ffffff;text-decoration: underline; font-size: 13px;font-style: capital;}

.grille4 td
{
width: 350px;
text-align: left;
    font-family: arial,sans-serif,helvetica;

    font-weight: lighter;
font-size: 13px;
color: #ffffff;
    font-weight: 100; 

line-height: 1.5em;
background-color: black;

overflow:visible;
padding: 10px 20px 10px 20px;
}
.grille4 td a:link {color: #ffffff; text-decoration: none;font-size: 13px;font-style: capital;} 
.grille4 td a:active { color: #ffffff;text-decoration: none;font-size: 13px;font-style: capital;}
.grille4 td a:visited { color: #ffffff;text-decoration: none;font-size: 13px;font-style: capital;}
.grille4 td a:hover {color: #ffffff;text-decoration: underline; font-size: 13px;font-style: capital;}

.holiday 
{color:red; font size:300%;}

