body {  margin:0; background-image: url("medias/bg.jpg"); display:block; }
img  { border : 0; margin : 0; }
form { margin: 0; }


#fixation-conteneur { position: relative; width:900px; height:600px; margin:auto;  border : 0px solid #FFFFFF; } 
#fixation-logo { float:left;  margin-left:32px; margin-top:19px; width:142px; height: 40px; border : 0px solid #000000;} 
#fixation-pub { float:right;  margin-right:30px; margin-top:10px; width:505px; height:60px;  border : 0px solid #000000;} 
#fixation-menu { float:left;  margin-left:17px; -margin-left:14px;  margin-top:18px; width:850px; -width:864px; padding-left:14px; -padding-left:5px;   background-image: url("medias/bgmenu.gif"); border : 0px solid #000000;} 
#fixation-banniere { float:left;  margin-left:10px; margin-top:0px; width:880px; height: 220px; background-image: url("medias/bgbanniere.gif"); border : 0px solid #000000;} 
#fixation-bgbas { float:left;  margin-left:10px; margin-top:10px; border : 0px solid #000000;} 
#fixation-bgauth{ float:left; margin-top:0px; margin-bottom:0px; border : 0px solid #000000;} 
#auth{ float:left;  margin-left:10px; width:185px; margin-top:10px;  border : 0px solid #800000;} 
#fixation-banniere3{ float:left;  margin-left:35px; -margin-left:18px; margin-top:24px; width:140px; height: 182px; border : 0px solid #000000;} 

#fixation-banniere2 { float:left;  margin-left:10px; margin-top:0px; width:880px; height: 77px; background-image: url("medias/bgbanniere2.gif"); border : 0px solid #000000;} 

#fixation-colonneg{ float:left;  margin-left:16px; margin-top:4px; width:232px; margin-bottom:10px; border : 0px solid #000000;} 
#fixation-colonned{ float:right; margin-right:16px; -margin-right:-25px; margin-top:5px; width:634px; border :0px solid #000000;} 
#fixation-txt{ float:left;   margin-left:30px;  -margin-left:10px; margin-top:1px; *+margin-top:10px;  -margin-top:10px; -margin-bottom:6px; height:102px; -height:90px; *+height:95px;  width:585px; border : 1px solid #FFFFFF;} 

html:not([lang*=""]) #fixation-txt{margin-bottom:10px;}

#fixation-bgauth2{ float:left;  margin-left:16px; margin-top:5px; width:192px; height: 200px; background-color: #000000; border : 0px solid #FFFFFF;} 
#auth2{ float:left;  margin-left:10px; width:185px;  margin-top:0px;  border : 0px solid #800000;} 
#space1{ line-height:18px; }

.form { font-family: Arial; font-size: 12px; border: 1px solid #FFFFFF; background-color: #FFFFFF; width: 80px; height : 14px; padding-left: 4px; }
.form1 { font-family: Arial; font-size: 12px; border: 1px solid #FFFFFF; background-color: #FFFFFF; }
.form8 { font-family: Arial; font-size: 12px; border: 0px solid #FFFFFF; background-color: #FFFFFF; padding-left: 4px; }

#cession{ float:left;  margin-left:5px; -margin-left:1px; margin-top:3px; -margin-top:3px; width:633px; background : url('medias/bgannonces.gif') no-repeat;  border :0px solid #000000;} 
#cession2{ float:left;  margin-left:12px; -margin-left:2px; margin-top:10px;  border : 0px solid #000000;} 

#cession-eel{ float:left;  margin-left:5px; -margin-left:-6px; margin-top:3px;  -margin-top:3px; width:633px; background : url('medias/bgannonces.gif') no-repeat;  border : 0px solid #000000; } 
#cession-eel2{ float:left;  margin-left:12px; margin-top:10px;  border : 0px solid #000000;} 


#partenaires{ float:left; margin-top:1px; width:232px; background-image: url("medias/bgpartenaires.gif");  border : 0px solid #000000;} 
#partenaires2{ float:left;  margin-left:12px; margin-top:10px; display:inline; border : 0px solid #000000;} 

#map{ float:left; margin-top:1px; width:232px; background-image: url("medias/bgpartenaires2.gif");  border : 0px solid #000000;} 
#map2{ float:left;  margin-left:35px; margin-top:10px; display:inline; border : 0px solid #000000;} 

#centre{ float:left;  margin-left:0px; margin-top:0px; width:100%; border : 0px solid #800000;}

#footer{ float:left;  margin-left:22px; margin-top:15px; width:863px; height:59px; background-image: url("medias/bgfooter.jpg"); border : 0px solid #000000;} 
#footer2{ float:left;  margin-left:25px; -margin-left:14px; margin-top:35px; -margin-top:28px;  border : 0px solid #000000;} 


#fixation-img1 { float:left;  margin-left:35px; -margin-left:18px; margin-top:18px; width:140px; height: 182px; border : 0px solid #000000;} 
#fixation-img2 { float:left;  margin-left:25px; margin-top:18px; width:140px; height: 182px; border : 0px solid #000000;} 
#fixation-img3 { float:left;  margin-left:25px; margin-top:18px; width:140px; height: 182px; border : 0px solid #000000;} 
#fixation-img4 { float:left;  margin-left:25px; margin-top:18px; width:140px; height: 182px; border : 0px solid #000000;} 
#fixation-img5 { float:left;  margin-left:25px; margin-top:18px; width:140px; height: 182px; border : 0px solid #000000;} 

div#bouton1 a { display : block; width : 140px; height : 169px; border : 0px; background-position : 0 0; }
div#bouton1 a:hover { background-position : 0 -169px; }
div#bouton1 a { background-image : url('medias/cedants.jpg');}

div#bouton2 a { display : block; width : 140px; height : 169px; border : 0px; background-position : 0 0; }
div#bouton2 a:hover { background-position : 0 -169px; }
div#bouton2 a { background-image : url('medias/repreneurs.jpg');}
 

div#bouton3 a { display : block; width : 140px; height : 169px; border : 0px; background-position : 0 0; }
div#bouton3 a:hover { background-position : 0 -169px; }
div#bouton3 a { background-image : url('medias/professionnels.jpg');}

div#bouton4 a { display : block; width : 140px; height : 169px; border : 0px; background-position : 0 0; }
div#bouton4 a:hover { background-position : 0 -169px; }
div#bouton4 a { background-image : url('medias/documentation.jpg');}

div#bouton5 a { display : block; width : 140px; height : 169px; border : 0px; background-position : 0 0; }
div#bouton5 a:hover { background-position : 0 -169px; }
div#bouton5 a { background-image : url('medias/recherche.jpg');}


#fixation-img1b { float:left;  margin-left:35px; -margin-left:18px; margin-top:18px; width:140px; height: 36px; border : 0px solid #000000;} 
#fixation-img2b { float:left;  margin-left:25px; margin-top:18px; width:140px; height: 108px; border : 0px solid #000000;} 
#fixation-img3b { float:left;  margin-left:25px; margin-top:18px; width:140px; height: 108px; border : 0px solid #000000;} 
#fixation-img4b { float:left;  margin-left:25px; margin-top:18px; width:140px; height: 108px; border : 0px solid #000000;} 
#fixation-img5b { float:left;  margin-left:25px; margin-top:18px; width:140px; height: 108px; border : 0px solid #000000;} 

div#bouton1b a { display : block; width : 140px; height : 30px; border : 0px; background-position : 0 0; }
div#bouton1b a:hover { background-position : 0 -60px; }
div#bouton1b a { background-image : url('medias/cedantsb.jpg');}

div#bouton2b a { display : block; width : 140px; height : 30px; border : 0px; background-position : 0 0; }
div#bouton2b a:hover { background-position : 0 -60px; }
div#bouton2b a { background-image : url('medias/repreneursb.jpg');}
 
div#bouton3b a { display : block; width : 140px; height : 30px; border : 0px; background-position : 0 0; }
div#bouton3b a:hover { background-position : 0 -169px; }
div#bouton3b a { background-image : url('medias/professionnelsb.jpg');}

div#bouton4b a { display : block; width : 140px; height : 30px; border : 0px; background-position : 0 0; }
div#bouton4b a:hover { background-position : 0 -169px; }
div#bouton4b a { background-image : url('medias/documentationb.jpg');}

div#bouton5b a { display : block; width : 140px; height : 30px; border : 0px; background-position : 0 0; }
div#bouton5b a:hover { background-position : 0 -169px; }
div#bouton5b a { background-image : url('medias/recherche.jpg');}

#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-family : Verdana; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 11px; /* 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 : #000; /* 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 : 137px; /* 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: 144px; /* 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 : 0px 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 : 0px 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: #FC6C00; /* ... 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 */
		
}

a: { text-decoration: underline; color: #000000; }
a:link, a:active, a:visited { text-decoration: none; color: #000000; }
a:hover { text-decoration:none; color: #000000;}
.formulaire { font-family: Verdana; font-size: 8pt; border : 1px solid #FF6400; background-color : #FBCBAB; }
.formulaire1 { font-family : Arial; font-size : 12px; border : 0px solid #E86624; background-color : #E86624; }

.saut { font-family: Verdana; font-size: 13pt; color: #FFFFFF;}
.saut a: { text-decoration: underline; color: #FFFFFF; }
.saut a:link, a:active, a:visited { text-decoration: underline; color: #FFFFFF; }
.saut  a:hover { text-decoration:underline; color: #F16C1E;}


.taille0 { font-family: Verdana; font-size: 8pt; color: #FFFFFF;}
.taille0 a: { text-decoration: underline; color: #FFFFFF; }
.taille0 a:link { text-decoration: none; color: #FFFFFF; }
.taille0  a:active { text-decoration: none; color: #FFFFFF; }
.taille0  a:visited { text-decoration: none; color: #FFFFFF; }
.taille0  a:hover { text-decoration:none; color: #FD6A00;}

.taille00 { font-family: Verdana; font-size: 8pt; color: #000000;}
.taille00 a: { text-decoration: underline; color: #000000; }
.taille00 a:link { text-decoration: none; color: #000000; }
.taille00  a:active { text-decoration: none; color: #000000; }
.taille00  a:visited { text-decoration: none; color: #000000; }
.taille00  a:hover { text-decoration:underline; color: #000000;}

.taille001 { font-family: Verdana; font-size: 8pt; color: #FD6A00;}
.taille001 a: { text-decoration: underline; color: #FD6A00; }
.taille001 a:link { text-decoration: none; color: #FD6A00; }
.taille001 a:active { text-decoration: none; color: #FD6A00; }
.taille001  a:visited { text-decoration: none; color: #FD6A00; }
.taille001  a:hover { text-decoration:underline; color: #FD6A00;}

.taille002 { font-family: Verdana; font-size: 8pt; color: #FD6A00;}
.taille002 a: { text-decoration: underline; color: #FD6A00; }
.taille002 a:link { text-decoration: none; color: #FD6A00; }
.taille002 a:active { text-decoration: none; color: #FD6A00; }
.taille002  a:visited { text-decoration: none; color: #FD6A00; }
.taille002  a:hover { text-decoration:underline; color: #FD6A00;}
