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

  ELS

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

 @fichier  : structure.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

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




/**-----------------
*  Corps de la page
---------------------------------------------------------------------------------------------------------------------------*/

#corps {
position: relative;
margin: 0 auto;
padding: 0;
width: 768px;
}






/**-------
*  Entête
  -> complété dans les fichiers particuliers
---------------------------------------------------------------------------------------------------------------------------*/

#entete {
position: relative;
margin: 0;
padding: 0;
width: 768px;
height: 100px;
}

#entete h1 {
margin: 0;
padding: 0;
width: 768px;
height: 100px;
}

a#logo_home {
margin: 0;
padding: 0;
width: 250px;
height: 100px;
display: block;
}

a#bout_fr {
position: absolute;
margin: 0;
padding: 0;
top: 70px;
left: 510px;
width: 44px;
height: 14px;
display: block;
border: 0;
background: transparent url(../img/picto_en.png) no-repeat 0 0;
}

a:hover#bout_fr {
background-position: 0 -14px;
}

a#bout_en {
position: absolute;
margin: 0;
padding: 0;
top: 70px;
left: 510px;
width: 44px;
height: 14px;
display: block;
border: 0;
background: transparent url(../img/picto_fr.png) no-repeat 0 0;
}

a:hover#bout_en {
background-position: 0 -14px;
}

a#bout_home {
position: absolute;
margin: 0;
padding: 0;
top: 65px;
left: 570px;
width: 80px;
height: 21px;
display: block;
border: 0;
background-position: 0 0;
}

a:hover#bout_home {
background-position: 0 -21px;
}

a#bout_contact {
position: absolute;
margin: 0;
padding: 0;
top: 65px;
left: 660px;
width: 83px;
height: 21px;
display: block;
border: 0;
background-position: 0 0;
}

a:hover#bout_contact {
background-position: 0 -21px;
}

#logo_g {
position: absolute;
margin: 0;
padding: 0;
top: 24px;
left: 704px;
width: 39px;
height: 37px;
background: transparent url(../img/picto_logo_g.gif) 0 0;
}

#logo_g a {
display: block;
margin: 0;
padding: 0;
width: 39px;
height: 37px;
}


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

#menu-principal {
margin: 10px 0 0 0;
padding: 0;
width: 768px;
height: 25px;
}


/**-------
*  Bandeau
  -> complété dans les fichiers particuliers
---------------------------------------------------------------------------------------------------------------------------*/

#bandeau {
position: relative;
margin: 0;
padding: 0;
width: 768px;
height: 248px;
}



/**-------
*  Brèves
---------------------------------------------------------------------------------------------------------------------------*/

#breves {
position: absolute;
margin: 0;
padding: 0;
top: 76px;
left: 23px;
width: 199px;
height: 140px;
}


/**-------
*  Menu 2
---------------------------------------------------------------------------------------------------------------------------*/

#menu-secondaire {
position: absolute;
margin: 0;
padding: 0;
top: 30px;
left: 15px;
width: 200px;
}



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

#bandeau_image {
position: absolute;
margin: 0;
padding: 0;
top: 18px;
left: 256px;
width: 512px;
height: 212px;
}






/**-----------------
*  Coeur de la page
---------------------------------------------------------------------------------------------------------------------------*/

/* permet la mise en page en 2 colonnes */
#sub_coeur {
margin: 0;
padding: 0;
width: 768px;
background: transparent url("../img/fond_marge.jpg") repeat-y bottom left;
}

#coeur {
float: right;
margin: 15px 0 0 0;
padding: 0;
width: 504px;
}






/**-------------
*  Pied de page
---------------------------------------------------------------------------------------------------------------------------*/

#pied {
margin: 0 0 0 256px;
padding: 0;
width: 514px;
height: 1.5em;
line-height: 1.5em;
color: #9a9a9e;
background: #dfe0e6;
}

#pied p {
margin: 0;
padding: 0;
font-size: .95em;
}

#pied p.left {
padding: 0 0 0 10px;
float: left;
}

#pied p.right {
padding: 0 10px 0 0;
float: right;
}

#pied a {
color: #9a9a9e;
background-color: transparent;
text-decoration: none;
}

#pied a:hover {
color: #000;
background-color: transparent;
text-decoration: underline;
}