/*
	~ layout.css ~
	
	- By BeliG
	- Styles de mise en page.
	- Dernière màj : 12-01-10 
*/

body { color:#666; background:transparent url(../img/body_fond.png) repeat-x center top; font:100%/1.3 Arial, Verdana, sans-serif; }
div#global { width:820px; margin:0 auto; }
div#entete { position:relative; width:100%; height:162px; }
div#conteneur_centre { padding-top:20px; width:100%; }
div.conteneur_colonnes { clear:both; padding-top:20px; }
div.overflow_hidden { overflow:hidden; }

div#colonne_gauche { float:left; width:610px; } /* Largeur dispo pour la div.texte : 590px */
div#colonne_droite { margin-left:630px; width:190px; }

/***** Boites *****/

div#colonne_droite div.boite { margin-bottom:20px; }
div.boite { padding-top:2px; background:#F0F0F0; }

div.size_190 { position:relative; line-height:1.2; font-size:95%; width:190px; height:240px; }
div.size_400 { width:400px; height:240px; }
div.margin_left_420 { margin-left:420px; }
div.float_left { float:left; }
div.texte { position:relative; z-index:2; padding:10px; font-size:75%; overflow:hidden; }

div#boite_accueil { height:500px; }
div#boites_190_accueil div.boite { float:left; margin-right:20px; }
div#boites_190_accueil div.boite_derniere { margin-right:0; }

	/* Boites 190 */

div.boite div.boite_haut { font-weight:bold; padding-left:75px; height:70px; /*75*/ padding-top:5px; }
div.boite div.boite_bas { letter-spacing:1px; }

div#agences { position:relative; background-image:url(../img/boites/agences_tmp.png); background-repeat:no-repeat; background-position:center 32px; }
div#agences ul li a { position:absolute; z-index:10; display:block; width:5px; height:5px; text-indent:-9999px; }
div#agences ul li.paris_ouest a { left:135px; top:82px; }
div#agences ul li.dijon a { left:150px; top:105px; }
div#agences ul li.mulhouse a { left:168px; top:100px; }
div#agences ul li.aix a { left:145px; top:144px; }
div#agences ul li.madrid a { left:55px; top:167px; }
div#agences ul li.grenoble a { left:150px; top:129px; }
div#agences ul li.lyon a { left:144px; top:120px; }

div#actualites div.boite_haut { background:#f0f0f0 url(../img/boites/icone_actu.png) no-repeat; }
div#temoignages div.boite_haut { background:#f0f0f0 url(../img/boites/icone_temoignages.png) no-repeat; }
div#contact div.boite_haut { background:#f0f0f0 url(../img/boites/icone_contact.png) no-repeat; }
div#contact div.boite_bas { text-align:center; }
div#contact div.boite_bas p.mef_tel { padding-top:10px; }
div#contact div.boite_bas p span.tel { color:#95C632; font-size:200%; }
div#recrutement div.boite_haut { background:#f0f0f0 url(../img/boites/icone_recrutement.png) no-repeat; }

div#realisations div.rea_cd_cycle { margin:0 auto; margin-top:10px; overflow:hidden; width:170px; height:160px; background:transparent url(../img/vignette_170.png) no-repeat; }
div#realisations div.rea_cd_cycle img { margin-top:8px; margin-left:8px; }

p.lien_bas { font-size:65%; text-transform:uppercase; text-align:center; position:absolute; bottom:1px; left:1px; z-index:1; width:188px; height:33px; line-height:40px; background:transparent url(../img/boites/boite_degrade_bas.png) repeat-x; }
p.lien_bas a { display:block; text-decoration:none; }
p.lien_bas a:hover { text-decoration:underline; }

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

	/* Titre <h1> */

h1 { position:absolute; top:10px; left:0; text-indent:-9999px; width:223px; height:90px; background:transparent url(../img/entete_logo.png) no-repeat; }
h1 a { display:block; width:100%; height:100%; }

	/* Slogan */

div#slogan { line-height:1.5; text-align:center; width:250px; margin:0 auto; padding-top:35px; }
div#slogan p cite { color:#999; font-style:normal; }

	/* Imnalys Security Box */

	
div#security_box {  width:130px; height:53px; position:absolute; top:20px; right:5px; }

	/* Accès rapide */

div#acces_rapide { color:#999; font-size:70%; height:20px; line-height:20px; position:absolute; top:88px; right:3px; }	
div#acces_rapide ul li.plan_site, 
div#acces_rapide ul li.actualites { margin-right:5px; padding-right:10px; background:transparent url(../img/entete_acces_rapide_sepa.png) no-repeat right center; }	
div#acces_rapide ul li,
div#acces_rapide ul li.langues ul { display:inline; }
div#acces_rapide ul li a:hover { text-decoration:none; }
div#acces_rapide ul li.langues ul li img { position:relative; top:-2px; vertical-align:middle; }
div#acces_rapide ul li.langues ul li { padding-left:3px; }

	/* Menu principal */

div#menu_main { position:absolute; bottom:0; left:0; width:100%; height:50px; }
div#menu_main ul { overflow:hidden; padding-left:2px; background:transparent url(../img/sepa_vertical.png) repeat-y left center; }
div#menu_main ul li { float:left; padding-right:2px; background:transparent url(../img/sepa_vertical.png) repeat-y right center; }
div#menu_main ul li a { overflow:hidden; color:#888; text-decoration:none; display:block; height:45px; text-align:center; line-height:50px; letter-spacing:2px; border-bottom:5px solid #999; }
div#menu_main ul li a:hover, div#menu_main ul li a.courant { color:#fff; }
div#menu_main ul li a:hover span, div#menu_main ul li a.courant span { display:block; margin:1px; background:transparent url(../img/menu/menu_item_hover.png) repeat-x center top; }
div#menu_main ul li.accueil a { width:105px; border-color:#95C632; }
div#menu_main ul li.societe a { width:158px; border-color:#FF9900; }
div#menu_main ul li.prestations a { width:141px; border-color:#FF6600; }
div#menu_main ul li.references a { width:140px; border-color:#CC0000; }
div#menu_main ul li.recrutement a { width:152px; border-color:#0166CB; }
div#menu_main ul li.contact a { width:110px; border-color:#009898; }
div#menu_main ul li.accueil a:hover, div#menu_main ul li.accueil a.courant { background:transparent url(../img/menu/menu_item_accueil.png) repeat-x;  }
div#menu_main ul li.societe a:hover, div#menu_main ul li.societe a.courant { background:transparent url(../img/menu/menu_item_societe.png) repeat-x; }
div#menu_main ul li.prestations a:hover, div#menu_main ul li.prestations a.courant { background:transparent url(../img/menu/menu_item_prestations.png) repeat-x; }
div#menu_main ul li.references a:hover, div#menu_main ul li.references a.courant { background:transparent url(../img/menu/menu_item_references.png) repeat-x; }
div#menu_main ul li.recrutement a:hover, div#menu_main ul li.recrutement a.courant { background:transparent url(../img/menu/menu_item_recrutement.png) repeat-x; }
div#menu_main ul li.contact a:hover, div#menu_main ul li.contact a.courant { background:transparent url(../img/menu/menu_item_contact.png) repeat-x; }

/***** Pied *****/

div.page div#pied { width:620px; padding-top:20px; }
div#pied { clear:both; padding-bottom:20px; width:100%; }
div#pied ul { font-size:65%; text-align:center; }
div#pied ul li a { margin:0 2px; text-decoration:none; }
div#pied ul li { display:inline; }
div#pied p.copy { padding-top:5px; text-align:center; font-size:65%; }