/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*      EASYWEB CONSULTING STYLE SHEET 2007-08-25        */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

body{
  margin: 0; padding: 0;
  font-family: Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
  font-size: 77%;
  line-height: 150%;
  text-align : center;
  color: #000;
  background: #ffffff url(../img/bg_fond.png) repeat-x left top;
}

/* Main Layout Styles
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#x_all_left{
  width: 880px;
  margin: 0 auto 0 auto; padding: 0;
  background: transparent url(../img/bg_deg_gauche.png) repeat-y left top
}
#x_all_right{
  width: 100%;
  margin: 0; padding: 0 ;
  background: transparent  url(../img/bg_deg_droit.png) repeat-y right top;
}
#x_all_top_right{
  width: 10px;height: 400px;
  float: right;
  margin: 0; padding: 0 ;
  background: transparent url(../img/bg_deg_haut_droit.png) no-repeat left top
}
#x_all_top_left{
  width: 10px;height: 400px;
  float: left;
  margin: 0; padding: 0 ;
  background: transparent url(../img/bg_deg_haut_gauche.png) no-repeat left top
}

#all{
  width: 860px;
  float: left;
  margin: 0 ; padding: 0 ;
  background: #ffffff;
}

#header{
  width: 860px; height:125px;
  margin: 0 ;padding: 0;
  background: transparent url(../img/bh_run.png) no-repeat right top;
}

#content_main{
  margin: 0; padding: 6px;
  text-align: left;
  background: transparent
}

#footer{
  width: 840px;
  margin:0; padding:10px;
  text-align: right;
  background: transparent;
  color: #565656;
}

/* Navbar Styles
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#navbar{
  width: 856px; height: 46px;
  margin: 0 1px 0 1px;
  padding: 0;
  border: 1px solid #000000;
  background: transparent url(../img/menu_bg.png) repeat-x left top;
}

#navbar ul, #navbar li {
  height: 46px;
  padding: 0;
  list-style-type: none;
}
#navbar ul{
  width: 762px;
  margin: 0 auto 0 auto;
}
#navbar ul li {
  display: inline;
  margin: 0;
}
#navbar ul li a{
  height: 46px;
  float:left;
  padding: 0; margin: 0;
  background-color: transparent; background-repeat: no-repeat;background-position: left top
}
#navbar ul li a span{ display: none }

#nav_home{ width: 153px; background-image:url(../img/menu_accueil.png) }
#nav_offres{width: 152px; background-image: url(../img/menu_offres.png) }
#nav_reference{width: 152px; background-image: url(../img/menu_references.png) }
#nav_recrut{ width: 152px;background-image: url(../img/menu_recrutement.png) }
#nav_contact{ width: 153px; background-image: url(../img/menu_contact.png) }

#nav_home:hover{ background-position: 0 -46px }
#nav_offres:hover{ background-position: 0 -46px }
#nav_reference:hover{ background-position: 0 -46px }
#nav_recrut:hover{ background-position: 0 -46px }
#nav_contact:hover{ background-position: 0 -46px }


/* Form Styles
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#hd_search_form{
  float: right;
  padding: 0 10px 0 0;
  margin: 96px 0 0 0;
}

#hd_search_input{
  height: 16px; width: 100px;
  margin : 0; padding: 0;
  border: 1px solid #000000;
  background: transparent url(../img/search_txt.png) repeat-x left top 
}
#hd_search_btn{
  width: 18px;
  height: 18px;
  margin : 0; padding: 0;
  border: 0;
  background: transparent url(../img/btn_search.png) no-repeat left top 
}

/* Title Styles
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
h1{ display: none }

h2{
  margin: 0 ; padding: 0;
  border-bottom: 1px dashed #000000;  
  font-size: 1.5em; font-weight: normal;
  white-space: nowrap;
  height: 1.2em;
}

#content_main h2.medium { width: 530px }
#content_main h2.small { width: 230px }

h2 span{ color: #e60003 }

h3{
  margin: 0; padding: 0;
  font-size: 1em;
  font-weight: bold;
}

h3 span{
  font-weight: normal;
  color: #565656;
}

h3.cadre{
  padding: 2px;  
  font-size: 1em;
  background-color: #888888;
  color: #FFFFFF;
  font-weight: bold;
  letter-spacing: 0.2em; word-spacing: 0em;
}

h4{
  font-size: 1em;
  font-weight: bold;
  color: #565656;
  margin: 0;
  padding: 0;
}


/* Paragraph Styles
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
p{
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: justify;
  color: #565656
}

p.text{ text-indent: 3em }

#last_creation p{
  background-color: #210034;
  margin-top: 5px;
  text-align: center;
}

/* Link Styles
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer a {color: #000000; text-decoration: none}
#footer a:hover {text-decoration: underline}

#content_main a {font-weight: normal; color: #e60003; text-decoration: none}
#content_main a:hover{text-decoration: underline}

/* Image Styles
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.img_logo{
  float:left;
  margin: 30px 0 0 30px;
  border: 0
}

img{
  border: 0px;
}

/* Utils Styles
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.clearboth { clear: both }

.al-right { text-align: right }
.al-left { text-align: left }
.al-center { text-align: center }
.ds-block { display: block }
.ds-none { display: none }

.fl-left { float: left }
.fl-right { float: right }

.bold { font-weight: bold }
.xbold { font-weight: 900 }
.underline { text-decoration: underline }
.ita { font-style: italic }
.red { color: #e60003 }
.boldred { color: #e60003; font-weight: bold }