/**
 * @theme : SITEX - HP
 * @auteur : Hervé FRACKOWIAK
 * @date : 25/11/2009  
 */

*{margin:0;padding:0;}

body {
 		margin:0px;
		padding:0px;		
		font-family:arial, helvetica, sans-serif;
		color:#252F3A;
    height: 100%; 
		font-size:12px;	
		/*background:#FFFFFF url(../images/fond.gif);*/
		background:#E6E7EA;
}

#global {width:980px;margin:0 auto;}

#header {height:27px;background:url(../images/header_bg.gif);position:relative;z-index:15;}
  #navigation {overflow:hidden;float:left;}
  #navigation img {float:left;margin-left:22px;}
  #identification {position:absolute;width:234px;height:68px;right:0;z-index:15;background:url(../images/header_login_bg.png) no-repeat;}
 
  #recrutement {position:absolute;width:238px;height:248px;overflow:hidden;z-index:15;cursor:pointer;margin:61px 0 0 707px;}

#footer {height:25px;background:#252f3a;overflow:hidden;}
#content {width:980px;height:608px;}
  #background {position:absolute;z-index:10;}
  #flag {position:absolute;z-index:15;margin:8px 0 0 33px;}
  #menu {position:absolute;z-index:15;width:934px;height:276px;background:url(../images/menu_bg.png) no-repeat;margin:309px 0 0 23px;}
  

/* Bloc identification */
#identification fieldset {border:0;clear:both;float:left;}
#identification .inputbox {width:78px;height:18px;background:url(../images/header_champs.png) no-repeat;display:inline;border:0;padding:3px 6px 0 6px;font-size:10px;color:#666666;float:left;margin-right:5px;}
#identification div#titre{color:#252F3A;font-family:trebuchet MS;font-size:16px;font-weight:bold;}
#identification .button{cursor:pointer;border:0px;padding:0px;background:url(../images/ident_bouton_submit.gif) no-repeat;width:25px;height:18px;float:left;}
#identification .acces{clear:both;color:#ffffff;font-size:10px;line-height:10px;}
/* Bloc recrutement */
#recrutement .img {border:1px solid #252f3a;border-bottom:0;}
#recrutement .infos {position:absolute;bottom:0px;height:31px;background:#252f3a url(../images/recrutement_infos.gif) no-repeat;color:#ffffff;width:238px;}
#recrutement .infos ul {float:left;margin:44px 10px 10px 30px;width:198px;}
#recrutement .infos ul li {list-style:outside disc;font-size:11px;}
#recrutement .infos ul li a {color:#ffffff;text-decoration:none;}
#recrutement .infos ul li a:hover {text-decoration:underline;}
#recrutement .infos p {float:left;margin:0px 10px 10px 10px;width:218px;}
#recrutement .infos .voir {float:right;margin-right:10px;font-size:11px;}
#recrutement .infos .voir a {color:#ffffff;}

/* Bloc menu */
#menu .logo_sitex { border:0px solid red;display:block;width:158px;margin:12px 0 0 13px;}

#menu .defilement {float:left;margin:11px 0 9px 13px;width:818px;height:50px;overflow:hidden;}
#menu .defilement .contenu {width:818px;height:50px;overflow:hidden;background-color:#E6E7EA;}
#menu .defilement .contenu .scroll {overflow:hidden;}
#menu .defilement .contenu .scroll .realisation {float:left;margin-right:1px;width:90px;height:50px;}
#menu .defilement .contenu .scroll .realisation.inactive {display:none}
#menu .defilement .contenu .scroll .realisation .txt {display:none;background-color:#ffa800;width:70px;height:42px;font-family:Trebuchet MS;font-size:12px;font-weight:bold;color:#ffffff;line-height:14px;padding:4px 10px;}
#menu .defilement .contenu .scroll .realisation a {text-decoration:none;}
#menu .defilement .navG {position:absolute;width:90px;height:50px;background-color:#DDDDDD;filter : alpha(opacity=50);opacity:0.5;cursor:pointer;}
#menu .defilement .navD {position:absolute;margin-left:728px;width:90px;height:50px;background-color:#DDDDDD;filter : alpha(opacity=50);opacity:0.5;cursor:pointer;}

#menu .references {float:left;margin-left:1px;width:74px;height:26px;background-color:#afc27f;margin-top:11px;line-height:13px;padding:12px 8px;}
#menu .references a {font-family:Trebuchet MS;font-size:10px;font-weight:bold;color:#252f3a;}

#menu .navigation {float:left;margin-left:35px;}
#menu .navigation ul {list-style-position:outside;list-style-type:none;}
#menu .navigation ul li {width:124px;float:left;margin-right:10px;font-family:Trebuchet MS;font-size:16px;font-weight:bold;color:#252f3a;line-height:22px;}
#menu .navigation ul li a {color:#252f3a;text-decoration:none;}
#menu .navigation ul li a:hover{color:#6BA901;}
#menu .navigation ul li ul {border-top:1px solid #7c8289;}
#menu .navigation ul li ul li {float:none;font-size:11px;color:#252f3a;line-height:12px;padding:3px 0;border-bottom:1px solid #d3d5d7;}
#menu .navigation ul li ul li a {color:#252f3a;text-decoration:none;}
#menu .navigation ul li ul li a.vert {color:#4a9500;}

#menu .actualites {float:left;width:212px;overflow:hidden;}
#menu .actualites h2 {float:left;margin-left:9px;font-family:Trebuchet MS;font-size:18px;font-weight:bold;color:#989f48;line-height:22px;}
#menu .actualites .tous {float:right;margin-right:5px;font-size:10px;font-weight:bold;line-height:22px;}
#menu .actualites .tous a {color:#252f3a;font-size:11px;}
#menu .actualites .contenu {background-color:#e6e7ea;clear:both;padding:10px;color:#252f3a;font-size:10px;overflow:hidden;}
#menu .actualites .contenu div {font-size:12px;color:inherit;font-weight:bold;}
#menu .actualites .contenu a {float:right;color:#252F3A;font-weight:bold;font-size:11px;}

/* Footer */
#footer ul.menu {float:left;margin-left:30px;}
#footer ul.menu li {display:inline;line-height:25px;}
#footer ul.menu li a{font-family:trebuchet MS,helvetica;font-size:12px;font-weight:bold;color:#ffffff;text-decoration:none;margin-right:20px;}
#footer ul.menu li a:hoover{color:#ffffff;}

#footer .logo {float:right;}