.page 
{
        margin-left: auto;
        margin-right: auto;
}



#menu, #menu ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 21px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu /* Ensemble du menu */
{
        font-weight : bold; /* on met le texte en gras */
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
}

#menu a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        background :  #0099FF; /* couleur de fond */        
        color : #fff; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 120px; /* largeur */
}

#menu li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 120px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}


#menu li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#menu li ul ul 
{
        margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}


#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #FFFFFF; /* On passe le texte en noir... */
        background: #66CCFF; /* ... et au contraire, le fond en blanc */
}


#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}


#menu {
position:absolute;
left:50px;
top:120px;
z-index:9;
}

#corps_gris_top_haut {
position:absolute;
left:30px;
top:100px;
z-index:1;
overflow: hidden;
}

#bandeau_photos_logo {
position:absolute;
left:45px;
top:115px;
z-index:3;
}


#corps_gris_haut {
position:absolute;
left:30px;
top:268px;
z-index:1;
overflow: hidden;
}

#corps_gris_bas {
position:absolute;
left:30px;
top:635px;
z-index:1;
overflow: hidden;
}

#corps_gris_bas2 {
position:absolute;
left:30px;
top:935px;
z-index:2;
overflow: hidden;
}


.news_01_fond {
position:absolute;
left:45px;
top:290px;
z-index:3;
}

.news_01_ecran {
position:absolute;
left:52px;
width:100px;
top:294px;
z-index:4;
}

.news_02_fond {
position:absolute;
left:175px;
top:290px;
z-index:4;
}

.news_02_ecran {
position:absolute;
left:182px;
width:100px;
top:294px;
z-index:5;
}

.news_03_fond {
position:absolute;
left:45px;
top:443px;
z-index:3;
}

.news_03_ecran {
position:absolute;
left:52px;
width:100px;
top:446px;
z-index:4;
}

.news_04_fond {
position:absolute;
left:175px;
top:443px;
z-index:4;
}

.news_04_ecran {
position:absolute;
left:182px;
width:100px;
top:446px;
z-index:5;
}


.news_05_fond {
position:absolute;
left:314px;
top:292px;
z-index:6;
}

.news_05_ecran {
position:absolute;
left:314px;
top:309px;
border-width:2px;
z-index:6;
}

.news_05_rubrique_une {
position:absolute;
top:292px;
left:314px;
width:373px;
z-index:9;
}

.news_05_fond_gris {
	position:absolute;
	left:317px;
	top:440px;
      background-color: #000000;
      filter:alpha(opacity=9);
      -moz-opacity:0.60;
      -khtml-opacity: 0.60;
      opacity: 0.50;       
      width: 365px;
      font-size : 7px;
      -moz-border-radius:10px
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity: .50;
	z-index: 7;
}

.news_05_descrip {
position:absolute;
left:342px;
top:443px;
width:321px;
z-index:8;
}

.promo_darticle_fond {
position:absolute;
left:314px;
top:535px;
z-index:6;
}

.promo_darticle_rubri {
position:absolute;
left:320px;
top:541px;
z-index:6;
}

.promo_darticle_rubri_titre {
position:absolute;
left:320px;
top:580px;
z-index:6;
}

.promo_darticle_logo {
position:absolute;
left:321px;
top:542px;
z-index:6;
}

.promo_darticle_texte {
position:relative;
left:420px;
top:527px;
width:253px;
z-index:6;
}


.notre_pub_presentation {
position:absolute;
left:650px;
top:265px;
z-index:5;
}


.notre_pub {
position:absolute;
left:685px;
top:286px;
z-index:4;
}


.autre_pub {
position:absolute;
left:699px;
top:404px;
z-index:6;
}


.publi_01_fond {
position:absolute;
left:45px;
top:615px;
z-index:6;
}

.publi_01_ecran {
position:absolute;
left:51px;
top:618px;
z-index:7;
}

.publi_01_descrip {
position:absolute;
width:110px;
left:136px;
top:618px;
z-index:8;
}

.publi_02_fond {
position:absolute;
left:265px;
top:615px;
z-index:6;
}

.publi_02_ecran {
position:absolute;
left:272px;
top:618px;
z-index:7;
}

.publi_02_descrip {
position:absolute;
width:110px;
left:356px;
top:618px;
z-index:8;
}

.publi_03_fond {
position:absolute;
left:485px;
top:615px;
z-index:6;
}

.publi_03_ecran {
position:absolute;
left:491px;
top:618px;
z-index:7;
}

.publi_03_descrip {
position:absolute;
width:110px;
left:576px;
top:618px;
z-index:8;
}

.publi_04_fond {
position:absolute;
left:702px;
top:615px;
z-index:6;
}

.publi_04_ecran {
position:absolute;
left:708px;
top:618px;
z-index:7;
}

.publi_04_descrip {
position:absolute;
width:110px;
left:793px;
top:618px;
z-index:8;
}


.news_08_fond {
position:absolute;
left:52px;
top:680px;
z-index:3;
}

.news_08_ecran {
position:absolute;
left:59px;
top:709px;
z-index:4;
}

.news_08_descrip {
position:absolute;
width:430px;
left:150px;
top:689px;
z-index:5;
}

.news_09_fond {
position:absolute;
left:52px;
top:770px;
z-index:3;
}

.news_09_ecran {
position:absolute;
left:59px;
top:799px;
z-index:4;
}

.news_09_descrip {
position:absolute;
width:430px;
left:150px;
top:779px;
z-index:5;
}

.news_10_fond {
position:absolute;
left:52px;
top:860px;
z-index:3;
}

.news_10_ecran {
position:absolute;
left:59px;
top:889px;
z-index:4;
}

.news_10_descrip {
position:absolute;
width:430px;
left:150px;
top:869px;
z-index:5;
}

.news_11_fond {
position:absolute;
left:52px;
top:950px;
z-index:3;
}

.news_11_ecran {
position:absolute;
left:59px;
top:979px;
z-index:4;
}

.news_11_descrip {
position:absolute;
width:430px;
left:150px;
top:955px;
z-index:5;
}

.cadre_bleu_haut {
position:absolute;
left:312px;
top:290px;
z-index:6;
}

.cadre_bleu_bas {
position:absolute;
left:312px;
top:520px;
z-index:6;
}

.cadre_bleu_gauche {
position:absolute;
left:312px;
top:290px;
z-index:6;
}

.cadre_bleu_droite {
position:absolute;
left:686px;
top:290px;
z-index:6;
}



.telephone {
position:absolute;
left:270px;
top:165px;
width:400px;
text-align: center ;
z-index:5; 
}

.reference_lepost {
position:absolute;
left:614px;
top:695px;
text-align: center ;
z-index:5; 
}

.touteslesvideos_une {
position:absolute;
left:825px;
top:692px;
z-index:5; 
}




.noir1 {
        color : black; /* couleur du texte */
        text-align: center; 
        font-weight : bold; /* on met le texte en gras */
        font-family : Trebuchet MS, Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 22px; /* hauteur du texte : 22 pixels */
}

.noir2 {
        color : black; /* couleur du texte */
        text-align: left; 
        font-weight : bold; /* on met le texte en gras */
        font-family : Trebuchet MS, Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 18px; /* hauteur du texte : 22 pixels */
}

.noir2b {
        color : black; /* couleur du texte */
        text-align: left; 
        font-weight : bold; /* on met le texte en gras */
        font-family : Trebuchet MS, Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 16px; /* hauteur du texte : 22 pixels */
}



.noir3 {
        color : black; /* couleur du texte */
	  line-height: 1;
        text-align: left; 
        font-family : Trebuchet MS, Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 11px; /* hauteur du texte : 22 pixels */
        font-weight : normal; /* on met le texte en normal */
}

.noir4 {
        color : black; /* couleur du texte */
	  line-height: 1,3;
        text-align: left; 
        font-weight : bold; /* on met le texte en gras */
        font-family : Trebuchet MS, Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 11px; /* hauteur du texte : 22 pixels */
}


.noir5 {
        color : black; /* couleur du texte */
	  line-height: 1;
        text-align: left; 
        font-weight : bold; /* on met le texte en gras */
        font-family : Trebuchet MS, Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 11px; /* hauteur du texte : 22 pixels */
}


.bleuciel1 {
        text-align: center; 
        color : #0099FF; /* couleur du texte */
        font-weight : bold; /* on met le texte en gras */
        font-family : Trebuchet MS, Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 22px; /* hauteur du texte : 22 pixels */
}

.bleuciel1b {
        text-align: center; 
        color : #0099FF; /* couleur du texte */
	  line-height: 1;
        font-weight : bold; /* on met le texte en gras */
        font-family : Trebuchet MS, Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 20px; /* hauteur du texte : 22 pixels */
}


.bleuciel2 {
        text-align: left; 
        color : #0099FF; /* couleur du texte */
        font-weight : bold; /* on met le texte en gras */
        font-family : Trebuchet MS, Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 18px; /* hauteur du texte : 22 pixels */
}

.bleuciel3 {
        text-align: left; 
        color : #0099FF; 
        font-family : Trebuchet MS, Arial;
        font-size : 11px; 
        text-decoration : none; 
}

.bleuciel4 {
        text-align: left; 
        color : #0099FF; /* couleur du texte */
	  line-height: 1;
        font-weight : bold; 
        font-family : Trebuchet MS, Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 11px; /* hauteur du texte : 22 pixels */
        text-decoration : none; 
}


.bleuciel5 {
        text-align: left; 
        color : #0099FF; /* couleur du texte */
        font-weight : bold; /* on met le texte en gras */
        font-family : Trebuchet MS, Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 14px; /* hauteur du texte : 22 pixels */
}

.bleuciel5b {
	  text-align: center ;
        color : #0099FF; /* couleur du texte */
        font-weight : bold; /* on met le texte en gras */
        font-family : Trebuchet MS, Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 14px; /* hauteur du texte : 22 pixels */
}



.blanc1 {
        text-align: left; 
        color : #FFFFFF; /* couleur du texte */
	  line-height: 1;
        font-family : Trebuchet MS, Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 11px; /* hauteur du texte : 22 pixels */
        text-decoration : none; 
}

.blanc2 {
        text-align: left; 
        color : #FFFFFF; /* couleur du texte */
        font-weight : bold; 
        font-family : Trebuchet MS, Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 11px; /* hauteur du texte : 22 pixels */
        text-decoration : none; 
}




h1, h2, h3, h4, h5, h6 {
    margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */
    line-height: 1.2;
    font-weight: bold; /* Valeur par défaut. (6) */
    font-style: normal;
}
h1 {
    font-size: 1.75em;
}
h2 {
    font-size: 1.5em;
}
h3 {
    font-size: 1.25em;
}
h4 {
    font-size: 1em;
}

a img {

	border: 1;
	color: white;
}