/**
 * Fichier : global.css
 * Description : Défini les styles UIMM du site
 * Auteur : Anthony Stéphan - astephan[at]nealite.fr
 * Copyright : nealite.fr
 * Version : 1.0.0
 ************************************************************/
 
 /* Import de la CSS Reset */
 @import url(reset.css);
 
 /* ================================
 * SOMMAIRE
 *  
 *	- Global
 *	- Générique
  *	- Squelette
  
 *	- Entete
 * 		- Logo
 *		- Navigation
 *	- Corps
 * 		- Colonne 1
 *	    - Actualité 
 *	    - Autres Actualités
 *	    - Remontées 
 *		- Droite
 *		  - Colonne 2
 *		  - Colonne 3
 *		  - Colonne 4
 *	- Pied
 *	  
 * ================================*/
 
 /* ===============================================
 * Global
 * ===============================================*/

body
{
 	background: #fff;
	text-align: center;
}

#global
{
	margin: 0 auto;
	width: 980px;
}
 
 /* ===============================================
 * Générique
 * ===============================================*/
 
td
{
	margin: 0;
	padding: 0;
	vertical-align: top;
}

p
{
  color: #1a1a1a;
  font-size: 12px;
}

iframe
{
  border: 0;
	height: 500px;
  margin: 0;
	padding: 0;
}


  /* ===============================================
 * Squelette
 * ===============================================*/

#gauche
{
  width: 214px;
  height: 600px;
}

#contenu
{
  width: 760px;
}


  /* ===============================================
 * Entête
 * ===============================================*/
 
#entete
{
	background: url(../images/fonds/entete.jpg) no-repeat;
	height: 168px;
	width: 980px;
}

/**
 * Logo
 */

#logo
{
  text-align: left;
  height: 120px;
}

#logo h1,
#logo h1 a
{
  display: block;
  height: 120px;
  margin: 0;
  padding: 0;
  width: 195px;
}

#logo h1 a span
{
  display: none;
}

/**
 * Navigation
 */
 
#navigation
{
	text-align: left;
} 

#navigation ul
{
  list-style: none;
  float: left;
  margin: 18px 3px 0;
  padding: 0;
}

#navigation ul li
{
  display: inline;
  float: left;
  margin: 0 2px 0 0;
  position: relative;
  text-align: center;
}

#navigation ul li ul
{
  background: #fff;
  border: 1px solid #d0d6dd;
  left: 0;
  margin: 6px 0 0;
  //margin: 2px 0 0;
  position: absolute;
  visibility: hidden;
  width: auto;
}

#navigation ul li ul li
{
  background: url(../images/puces/fleche_grise.png) 8px 11px no-repeat;
  border-bottom: 1px solid #d0d6dd;
  padding: 5px 10px 5px 20px;
  text-align: left;
}

#navigation ul li a
{
	color: #717171;
	display: block;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0;
	//padding: 3px 0 7px;
	text-decoration: none;
	text-transform: uppercase;
}

#navigation ul li ul li a
{ 
  font-size: 11px;
  font-weight: normal;
  padding: 0;
  text-transform: none;
  width: auto;
}

#navigation ul li.selection a
{
  color: #ef7f19;
}

#navigation ul li.selection ul li a
{
  color: #717171;
}

#navigation ul li ul li.selection
{
  background: #f1f5f8 url(../images/puces/fleche_orange.png) 8px 11px no-repeat;
}

#navigation ul li ul li.selection a
{ 
  color: #ef7f19;
}

#navigation ul li#nav-accueil
{
  width: 104px;
}

#navigation ul li#nav-action
{
  width: 151px;
}

#navigation ul li#nav-action ul li
{ 
  width: 220px;
}

#navigation ul li#nav-publications
{
  width: 177px;
}

#navigation ul li#nav-publications ul li
{ 
  width: 250px;
}

#navigation ul li#nav-reseau
{
  width: 152px;
}

#navigation ul li#nav-reseau ul li
{ 
  width: 300px;
}

#navigation ul li#nav-textes
{
  width: 224px;
}

#navigation ul li#nav-textes ul li
{ 
  width: 250px;
}

#navigation ul li#nav-presse
{
  margin: 0;
  width: 155px;
}

#navigation ul li#nav-presse ul li
{ 
  width: 120px;
}

/* ===============================================
 * Corps
 * ===============================================*/
 
#corps,
#corps_2
{
  text-align: left;
  width: 100%;
}

#corps
{
  background: url(../images/fonds/corps.png) 2px 0 no-repeat;

}

#corps_2
{
  background: url(../images/fonds/corps_2.png) bottom left no-repeat;
}

#corps td
{
  padding: 30px 0 0;
}

#corps_2 td
{
  padding: 0 0 50px;
}


/**
 * Pied
 */
 
#pied
{
  background: url(../images/fonds/trame_pied.png) bottom left repeat-x;
  height: 50px;
  width: 100%;
}

#pied ul
{
  list-style: none;
  margin: 8px 0 0 171px;
}

#pied ul li
{
  float: left;
  margin: 0 2px 0 0;
  text-align: center;
}

#pied ul li#mentions_legales
{
  width: 160px;
}

#pied ul li#contenu_illicite
{
  width: 184px;
}

#pied ul li#credits
{
  width: 165px;
}

#pied ul li#plan
{
  width: 190px;
}

#pied ul li#contact
{
  width: 110px;
}

#pied ul li a
{
  color: #8e8e8e;
  font-size: 11px;
  text-decoration: none;
}