/**
 * @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;background:#FFFFFF;}

#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:241px;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;}

/* Bloc margeContent */
#margeContent{height:169px;}


/* Bloc menu_int */
#content {clear:both;width:980px;overflow:hidden;	background:#FFFFFF url(../images/fond_content.jpg) no-repeat;}
  #content #left{
    float:left;
    width:174px;
    margin-left:18px;
    padding-top:50px;
  }
#content #left .moduletable{
	font-style : italic;
	font-weight : bold;
	margin-bottom:20px;
	text-align:right;  
  }
    #content #left .textvert{
  color:#6BA901;
  }
  
  #content #message{
    float: left;
	width:746px;
	margin-left:32px;
  }
  
  #content #outils{
    float:left;
    width:692px;
    margin-left:32px;
    overflow:hidden;
    padding-top:20px;
	text-align:right;
  }
  
  #content #contenu{
    float:left;
    width:679px;
    margin-left:18px;
	border:0px solid red;
    overflow:hidden;
    padding-top:5px;
  }
  
  #content #contenu h1{
  font-family:trebuchet MS, helvetica;
  color:#6BA901;
  font-size:24px;
  margin-bottom:30px;
  }
  
  #content #contenu h1 span{
  color:#252F3A;
  }
  
  #content #contenu h2{
  font-family:arial, helvetica;
  color:#6BA901;
  font-size:16px; 
  margin-bottom:5px;
  height:40px;
  }
  #content #contenu p a{ 
  color:#78B214; 
  }
  #content #contenu p a.pdf{ 
  color:#252F3A; 
  font-size:11px;
  font-weight:bold;
  padding-left:21px;  
background:url(../images/pdf.gif) no-repeat left;
padding-bottom 20px;
height:20px;
line-height:20px;
display:block;
padding-top:2px;
float:left;
  } 
#content #contenu p a.video{ 
  color:#252F3A; 
  font-size:11px;
  font-weight:bold;
  padding-left:21px;  
background:url(../images/file_video.gif) no-repeat left;
padding-bottom 20px;
height:20px;
line-height:20px;
display:block;
padding-top:2px;
float:left;
margin-left:20px;;
  } 
 #content #right{
    float:left;
    width:210px;
    margin-left:49px;
    padding-top:50px;
  }
 #content #right h3{
  font-family:trebuchet MS, helvetica;
  color:#6BA901;
  font-size:18px;  
  }
  
  #content #right .moduletable{ 
  margin-bottom:20px;
  }
  
  #content #right .fondgris .moduletabledeco  {
  background:#D0D6DA;
  padding:18px;  
  }
  #content #right .fondgris .moduletabledeco h4  {
  font-family:arial, helvetica;
  color:#252F3A;
  font-size:12px; 
  font-weight:bold;    display:block;
  }
  #content #right .fondgris .moduletabledeco p  {
  font-family:arial, helvetica;
  color:#252F3A;
  font-size:10px;   
  line-height:11px;
  } 
  #content #right .fondgris .moduletabledeco a{
  font-family:arial, helvetica;
  color:#252F3A;
  font-size:10px; 
  font-weight:bold;
  display:block;
  }
  
  #background {position:absolute;z-index:10;}
  #flag {position:absolute;z-index:15;margin:8px 0 0 33px;}
 
  

/* 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;}
#recrutement .infos ul li {list-style:outside disc;font-size:11px;}
#recrutement .infos .voir {float:right;margin-right:10px;font-size:11px;}
#recrutement .infos .voir a {color:#ffffff;}

/* Bloc menu_int */

/* titre */
.logo{
  float:left;
  margin-left:17px;
  margin-top:17px;
}
.titre_menu{
  float:left;
  font-size:22px;
  color:#252F3A;
  margin-left:71px;
  margin-top:29px;
  font-weight:bold;
}


#menu_int .defilement {clear:both;float:left;margin:32px 0 9px 0px;width:635px;height:50px;overflow:hidden;}
#menu_int .defilement .contenu {width:635px;height:50px;overflow:hidden;}
#menu_int .defilement .contenu .scroll {overflow:hidden;}
#menu_int .defilement .contenu .scroll .realisation {float:left;margin-right:1px;width:90px;height:50px;}
#menu_int .defilement .contenu .scroll .realisation.inactive {display:none}
#menu_int .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_int .defilement .contenu .scroll .realisation a {text-decoration:none;}
#menu_int .defilement .navG {position:absolute;width:90px;height:50px;background-color:#DDDDDD;filter : alpha(opacity=50);opacity:0.5;cursor:pointer;}
#menu_int .defilement .navD {position:absolute;margin-left:545px;width:90px;height:50px;background-color:#DDDDDD;filter : alpha(opacity=50);opacity:0.5;cursor:pointer;}

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

#menu_int  {position:absolute;float:left;width:980px;}
#menu_int #menuDeroul{float:left;background:#FFFFFF;width:746px;overflow:auto;}
#menu_int .menu{clear:both;margin-left:20px;overflow:auto;}
#menu_int ul {list-style-position:outside;list-style-type:none;}
#menu_int 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_int ul li a {color:#252f3a;text-decoration:none;}
#menu_int ul li a:hover{color:#6BA901;}
#menu_int ul li ul {border-top:1px solid #7c8289;display:none;}
#menu_int ul li ul li {display:none;float:none;font-size:11px;color:#252f3a;line-height:12px;padding:3px 0;border-bottom:1px solid #d3d5d7;}
#menu_int ul li ul li a {color:#252f3a;text-decoration:none;}
#menu_int ul li ul li a:hover{color:#6BA901;}
#menu_int ul li ul li a.vert {color:#4a9500;}
#menu_int #menuDeroul_bas {clear:both;display:none;}


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

#menu_int #head_droite{float:right;}
#menu_int #head_droite #spacer{height:41px;}
#menu_int #head_droite #photoRub{}
#menu_int #head_droite #titreDroite{height:31px;width:234px;background:url(../images/fond_titre_droite.gif);}
/*#menu_int #head_droite #titreDroite div{color:#252F3A;font-family:Trebuchet MS;font-size:20px;margin-left:20px;line-height:28px;}*/
#menu_int #head_droite #titreDroite div{color:#252F3A;font-family:Trebuchet MS;font-size:14px;margin-left:20px;line-height:28px;font-weight:bold;}
/* Footer */
#footer {clear:both;height:25px;background:#252f3a;overflow:hidden;margin-top:14px;}
#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:hover{color:#ffffff;}

#footer #logoFooter {float:right;}


#emailForm label{margin-top:10px;float:left;padding-top:4px;}
#emailForm input.donnee{margin-top:10px;height:20px;float:right;background:#E8E8E8;border:0px;border-left:1px solid #B4B4B4;border-top:1px solid #B4B4B4;border-bottom:1px solid #E0E0E0;border-right:1px solid #E0E0E0}
#emailForm input.inputbox {width:340px; }
#emailForm select.donnee{margin-top:10px;height:20px;float:right;background:#E8E8E8;border:0px;border-left:1px solid #B4B4B4;border-top:1px solid #B4B4B4;border-bottom:1px solid #E0E0E0;border-right:1px solid #E0E0E0}
#emailForm select.inputbox {width:340px; }
#emailForm textarea.donnee{margin-top:10px;float:right;background:#E8E8E8;border:0px;border-left:1px solid #B4B4B4;border-top:1px solid #B4B4B4;border-bottom:1px solid #E0E0E0;border-right:1px solid #E0E0E0}
#emailForm .clear{clear:both;}
#emailForm .reset{border:0px solid black;background-image:url(../images/bt_annuler.gif); background-repeat:no-repeat; width:86px;height:18px;cursor:pointer; }
#emailForm .validate{border:0px solid black;background:url(../images/bt_envoyer.gif) no-repeat; width:86px;height:18px;cursor:pointer}

#contenu #references{margin-left:19px;}
.reference{float:left;width:301px;height:359px;margin-right:29px;margin-bottom:35px;}
.reference h3{color:#78B214;}
.reference p{line-height:17px;}
.reference img{margin-bottom:14px;}
.pagination {float:right}
.pagination li{float:left;list-style-type:none;margin-right:10px;}
.pagination li a{color:#000000;}

/* Modal */
#sbox-window {padding:5px;}