/* Page level styles */
body {
  font-family : Arial, "times new roman";
  font-size   : 90%;
}

 #page_container {
  width         : 727px;
  margin-left   : auto;
  margin-right  : auto;
 }

#contentContainer {
  display:block;
  width:100%;
  margin:0;
  padding:0;
}

#content {
  float:left;
  clear:both;
}
 
 /* menu styles */
 #menu_container_left {
  float : left;
  width : 275px;
 }
 
 #menu_container_right {
  float : right;
  width : 220px;
 }
 
 #menu_container {
  margin-bottom : 12px;
  position      : relative;
 }

 #menu_logo {
  background-image  : url(../images/logo.jpg);
  background-repeat : no-repeat;
  background-color  : #009ccf;
  float             : left;
  width             : 275px;
  height            : 199px;
  margin-bottom     : 12px;
 }

 #menu_logo a {
  display:block;
  height:100%;
  width:100%;
 }
  
 #menu_contextual_left {
  background-image    : url(../images/marteau.jpg);
  background-repeat   : no-repeat;
  background-color    : #70a8cb;
  background-position : top left;
  float               : left;
  width               : 275px;
  height              : 101px;
 }
 
 #menu_contextual_left div {
  color        : #fff;
  text-align   : justify;
  margin-left  : 115px;
  margin-top   : 30px;
  margin-right : 5px;
  font-size    : .75em;
 }
 
 #menu_contextual_right {
  background-image  : url(../images/droit_balance.jpg);
  background-repeat : no-repeat;
  background-color  : #d49a3c;
  float             : right;
  width             : 220px;
  height            : 78px;
 }

 #menu_photos {
  width         : 208px;
  height        : 312px;
  margin-left   : 287px;
  margin-right  : 232px;
 }

* html #menu_photos {
  width         : 208px;
  height        : 312px;
  margin-left   : 283px;
  margin-right  : 228px;
}
 
 #menu_actions {
  width             : 220px;
  height            : 222px;
  float             : right;
  background-color  : #7c7c7c;
  margin-bottom     : 12px;
 }

 #menu, #menu_bottom {
  margin          : 0;
  padding         : 0;
  list-style-type : none;
 }
 
 #menu li {
  height            : 32px;
  width             : 220px;
 }
 
 #menu a {
  text-align      : left;
  display         : block;
  height          : 100%;
  color           : #fff;
  font-size       : 80%;
  font-weight     : bold;
  padding-left    : 40px;
  padding-top     : 7px;
 }

* html  #menu a {
  padding-top     : 0;
}
 
 #menu a:link, #menu a:visited {
  text-decoration   : none;
  background-image  : url(../images/menu_action_item.gif);
  background-repeat : no-repeat;
 }
 
  #menu a:active, #menu a:hover {
  color             : #c0de5b;
  background-image  : url(../images/menu_action_item_hover.gif);
  background-repeat : no-repeat;
 }

 #menu_bottom {
  padding-top : 5px;
 }
 
 #menu_bottom li {
  display:inline;
  border-right : solid 1px #47636d;
  margin: 0;
  padding : 0 5px 0 5px;
 }

 #menu_bottom li.last {
  border-right : solid 1px transparent;
 }

 #footer a:link, #footer a:visited {
  color : #47636d;
 }
 
 /* footer styles */
 #footer {
  display : block;
  margin  : 0 0 0 0;
  padding : 12px 0 0 0;
  clear:both;
  font-size : 80%;
 }
 
 #footer_left {
  float               : left;
  width               : 275px;
  height              : 90px;
  background-color    : #e1e1d5;
  background-image    : url(../images/email.gif);
  background-repeat   : no-repeat;
  background-position : 5px 20px;
 }
 
 #contact_info {
  background-image    : url(../images/nous_joindre.gif);
  background-repeat   : no-repeat;
  background-position : 0 0;
  margin-left         : 60px;
  padding-top         : 35px;
 }
 
 #footer_right {
  margin-left       : 287px;
  text-align        : center;
  width             : 440px;
  height            : 90px;
  background-color  : #DAE2E5;
  padding : 0;
 }

* html #footer_right {
  margin-left       : 283px;
}
 
#copyright {
  text-align:right;
  padding : 15px 5px 0 5px;
}


/* General styles */
.floatRight {
  float:right;
}

 .show {
  visibility:visible;
  display:block;
 }
 
 .hide {
  visibility:hidden;
  display:none;
  }

 .vertical_spacer {
  margin-bottom : 15px;
 }
 
 p {
  line-height : 150%;
  text-align : justify;
 }