/****************************************************************************************************************************

  ELS

 ****************************************************************************************************************************

 @fichier  : home.css
 @chemin   : /_template/css/
 @auteur   : David COUMANS (http://www.ginko-web.com) et Jérémy SAMOYEAU (http://www.autodidacte.net)
 @creation : 26/07/2006

 ****************************************************************************************************************************

 Utilité : feuille de style pour la structure du site

 ***************************************************************************************************************************/





/**-------
*  Entête
---------------------------------------------------------------------------------------------------------------------------*/

#entete {
background: transparent url("../img/entete_home.jpg") no-repeat top center;
}


a#bout_home {
background-image: url(../img/picto_bout_home_formations-entreprises.png);
}

a#bout_contact {
background-image: url(../img/picto_bout_contact_formations-entreprises.png);
}


/**-------
*  Bandeau
---------------------------------------------------------------------------------------------------------------------------*/

#bandeau {
background: transparent url("../img/bandeau_home.jpg") no-repeat top center;
}


/**--------------
*  Image Bandeau
---------------------------------------------------------------------------------------------------------------------------*/

#bandeau_image {
background: transparent url("../img/bandeau_image_home.jpg") no-repeat top center;
}



/**----------------
*  Sous-titre page
---------------------------------------------------------------------------------------------------------------------------*/

h4 {
margin: 0;
padding: 0;
width: 492px;
height: 24px;
background: transparent url("../img/titre_home.jpg") no-repeat 0 0;
}



/**--------
*  Boutons
---------------------------------------------------------------------------------------------------------------------------*/

ul.boutons {
margin: 15px 0 0 0;
padding: 0;
}

ul.boutons li {
float: left;
margin: 0 10px 10px 0;
padding: 0;
list-style-type: none;
width: 237px;
height: 40px;
}

ul.boutons li a {
display: block;
width: 237px;
height: 40px;
}



ul.boutons li.cours-de-fle-a-paris {
background-image: url("../img/bout_cours-de-fle-a-paris_active.gif");
}

ul.boutons li.cours-langues-els {
background-image: url("../img/bout_cours-langues-els_active.gif");
}

ul.boutons li.formations-entreprises {
background-image: url("../img/bout_formations-entreprises_active.gif");
}

ul.boutons li.stages-immersion {
background-image: url("../img/bout_stages-immersion_active.gif");
}

ul.boutons li.cours-de-fle-a-paris a {
background: transparent url("../img/bout_cours-de-fle-a-paris.gif") no-repeat;
}

ul.boutons li.cours-langues-els a {
background: transparent url("../img/bout_cours-langues-els.gif") no-repeat;
}

ul.boutons li.formations-entreprises a {
background: transparent url("../img/bout_formations-entreprises.gif") no-repeat;
}

ul.boutons li.stages-immersion a {
background: transparent url("../img/bout_stages-immersion.gif") no-repeat;
}

ul.boutons li.cours-de-fle-a-paris a:hover {
background-image: url("../img/bout_cours-de-fle-a-paris_active.gif");
}

ul.boutons li.cours-langues-els a:hover {
background-image: url("../img/bout_cours-langues-els_active.gif");
}

ul.boutons li.formations-entreprises a:hover {
background-image: url("../img/bout_formations-entreprises_active.gif");
}

ul.boutons li.stages-immersion a:hover {
background-image: url("../img/bout_stages-immersion_active.gif");
}




/**-----------
*  Menu 1
---------------------------------------------------------------------------------------------------------------------------*/


#menu-principal li a.stages-immersion {
border: 0;
}



#menu-principal li a.cours-de-fle-a-paris:hover {
color: #73d1f5;
background-color: #fff;
}

#menu-principal li a.cours-de-fle-a-paris_active {
color: #73d1f5;
background-color: #fff;
}



#menu-principal li a.cours-langues-els:hover {
color: #73d1f5;
background-color: #fff;
}

#menu-principal li a.cours-langues-els_active {
color: #73d1f5;
background-color: #fff;
}



#menu-principal li a.formations-entreprises:hover {
color: #73d1f5;
background-color: #fff;
}

#menu-principal li a.formations-entreprises_active {
color: #73d1f5;
background-color: #fff;
}



#menu-principal li a.stages-immersion:hover {
color: #73d1f5;
background-color: #fff;
}

#menu-principal li a.stages-immersion_active {
color: #73d1f5;
background-color: #fff;
border: 0;
}