/**
 * @file
 * Positioning for responsive layout .
 *
 * Define CSS classes to create a table-free, 3-column, 2-column, or single
 * column layout depending on whether blocks are enabled in the left or right
 * columns.
 *
 * This layout uses the Zen Grids plugin for Compass: http://zengrids.com
 */

a:link,
a:visited
{
	color:#006b7d;
	text-decoration:none;
}
a:hover
{
	color:#ed1e26;
}
/*
 * Center the page.
 */

#page,
.region-bottom {
  /* For screen sizes larger than 1200px, prevent excessively long lines of text
     by setting a max-width. */
  margin-left: auto;
  margin-right: auto;
  position:relative;
}

/*
 * Apply the shared properties of grid items in a single, efficient ruleset.
 */
#map-canvas
	{
		width: 100%;
height: 400px;
	}
#header,
#content,
#navigation,
.region-sidebar-first,
.region-sidebar-second,
#footer {
  padding-left: 10px;
  padding-right: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
  *behavior: url("/path/to/boxsizing.htc");
  _display: inline;
  _overflow: hidden;
  _overflow-y: visible;
}

/*
 * Containers for grid items and flow items.
 */

#header,
#main,
#footer {
  *position: relative;
  *zoom: 1;
}

#header:before,
#header:after,
#main:before,
#main:after,
#footer:before,
#footer:after {
  content: "";
  display: table;
}

#header:after,
#main:after,
#footer:after {
  clear: both;
}

#block-menu-block-1
{
  position: absolute;
  top:54px;
  
  width:100%;
}
#block-locale-language
{
	position: fixed;
    top: 128px;
    right: 0px;
	z-index:999;
}
#block-menu-block-1 ul.menu
{
    padding:0;
}
#block-menu-block-1 ul.menu li
{
    background: #333333;
    list-style: none;
    padding:2px 10px;
    margin-left:1px;
    float:left;  
}
#block-menu-block-1 ul
{
     margin:0px;
}
#block-menu-block-1 ul.menu li a:link,
#block-menu-block-1 ul.menu li a:visited
{
	color:white;
	font-size:12px;
	font-weight:700;
}
#block-menu-block-1 ul.menu li.menu-mlid-589
{
	background:url(../images/bg_nav.jpg) repeat-x;
}

#block-locale-language li
{
	list-style: none;
    padding:8px 10px;
    margin-bottom:1px;
	background:url(../images/bg_grey.jpg) repeat-x #8f9194;
	box-shadow:1px 1px 10px grey;
}

#block-locale-language li.active
{
	background:url(../images/bg_nav.jpg) repeat-x;
}
#block-locale-language ul li a:link,
#block-locale-language ul li a:visited
{
	color:white;
	font-size:13px;
}
#block-menu-block-1 ul.menu li:hover,
#block-locale-language li:hover
{
	background:url(../images/bg_nav_over.jpg) repeat-x -1px 0;
}
#logo
{
	margin:90px 0 20px;
}

input
{
-moz-border-radius: 5px; /* Firefox */  
  -webkit-border-radius: 5px; /* Safari, Chrome */  
  border-radius: 5px; /* CSS3 */  
  border:1px solid #CCCCCC;
  padding:5px 10px;
}
input.form-submit
{
	background:url(../images/bg_grey.jpg) repeat-x #8f9194;
	color:white;
	font-weight:200;
}
#block-views-header-slideshow-block
{
	margin-bottom:1px;
}
.front .breadcrumb,
.front h1#page-title
{
	display:none;
}
#block-menu-block-5 ul.menu
{
	margin:0;
	padding:0;
}
#block-menu-block-5  ul.menu li
{
    list-style: none;
    font-size:16px;
	font-weight:300;
	background:url(../images/bg_nav.jpg) repeat-x;
	width:100%;
}

#block-menu-block-5  ul.menu li a
{
	height: 31px;
	display:block;
    padding:9px 16px 0;
	color:white;
	margin-bottom: 1px;
}
#block-menu-block-5  ul.menu li:hover,
#block-menu-block-5  ul.menu li a:hover,
#block-menu-block-5 ul.menu li.active-trail
{
	background:url(../images/bg_nav_over.jpg) repeat-x  -1px 0;
}
#block-menu-block-5  ul.menu li ul.menu 
{
	margin-left:20px;
}
#block-menu-block-5  ul.menu li ul.menu li
{
	margin-bottom:1px;
}
#block-menu-block-5  ul.menu li.active-trail ul.menu li
{
	margin-bottom:1px;
	border-right: 0px; 
	float:none;
	background:#bb0307;
	background:rgba(187,3,7,0.9);
	margin-right:0;
}
#block-menu-block-5  ul.menu li ul.menu li a
{
	 height:auto;
	 padding:5px 17px;
	 font-size:12px;
}

#block-menu-block-5  ul.menu li:hover > ul li
{
	background:rgba(187,3,7,0.9);
}

#content h2.block-title
{
	background:#006b7d;
	color:white;
	font-size:16px;
	font-weight:300;
	padding: 5px 15px;
	
	margin-top:0;
	margin-bottom:0;
}

#block-views-r-f-rences-block  h2.block-title
{
	background: url(../images/icon_ref.gif) no-repeat #006b7d 10px 8px;
	padding: 5px 50px;
}
#block-views-r-f-rences-block  .views-field-field-ref-photos a
{
	display:block;
}
#block-views-r-f-rences-block  .views-field-field-ref-photos .field-content
{
	line-height:0;
	overflow:hidden;
	-moz-border-radius:0 0 5px 5px; /* Firefox */  
   -webkit-border-radius: 0 0 5px 5px; /* Safari, Chrome */  
	border-radius:0 0 5px 5px;
}
#block-block-10  h2.block-title
{
	background: url(../images/icon_services.gif) no-repeat #006b7d 10px 8px;
	padding: 5px 50px;
}
#block-block-9  h2.block-title
{
	background: url(../images/icon_contact.gif) no-repeat #006b7d 10px 8px;
	padding: 5px 50px;
}
#block-block-8  h2.block-title
{
	background: url(../images/icon_access.gif) no-repeat #006b7d 10px 8px;
	padding: 5px 50px;
}
#block-block-8  p
{
	margin:0;
}

#content
{
	padding-bottom:20px;
}
.front #content
{
	
	padding-bottom:0px;
}
#content .block
{
	background:#ececec;
	margin-bottom:6px;
	-moz-border-radius:0 0 5px 5px; /* Firefox */  
   -webkit-border-radius: 0 0 5px 5px; /* Safari, Chrome */  
	border-radius:0 0 5px 5px;
}
#content .block table
{
	margin:0;
	width:100%;
	border:none;
}
#content .block table tr,
#content .block table td
{
	border:none;
}
#content 
{
	margin-bottom:20px;
}
.container
{
	padding:15px;
}
#block-menu-block-5
{
	margin:-6px 0 15px 0 ;
}
#block-block-8 p
{
	margin:0;
}
#footer
{
	background: #ececec;
	-moz-border-radius: 5px 5px 0 0 ;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	padding:20px 25px 50px 20px;
	margin:10px 10px 0;
	position:relative;
}
#block-service-links-service-links,
#block-service-links-service-links-not-node
{
	float:right;
}

#block-block-7,
#block-block-5
{
	font-size:10px;
}
#block-block-5
{
	right:25px;
}
.node
{
	margin-bottom: 15px;
}
#footer ul.menu
{
	margin:0;
	padding:0 0 0 12px;
	display:table;
}
#footer ul.menu li
{
	list-style:url(../images/arrow_list.jpg);
}
.not-front #content 
{
	background: #ececec;
	margin-bottom: 6px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	margin:15px 10px 15px;
	padding: 10px 0;
}
.not-front #block-block-9,
.not-front #block-block-8
{
	margin-top:25px;
}
#page-title
{
	font-weight:300;
	color:#ea0005;
	margin-bottom: 1em;
}
h3
{
	font-weight: 500;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.5em;
	margin: 0;
}
.field-name-body ul
{
	 list-style: none;
    padding:0;
    margin: 0.7em 0 1em;
}
.field-name-body li { 
    padding-left: 1.2em; 
    text-indent: -.7em;
}
.field-name-body li:before {
    content: "•   ";
    color: #ea0005; /* or whatever color you prefer */
}
.not-front #block-block-9,
.not-front #block-block-8
  {
	  margin-top:20px;
  }
.view-personnes-de-contact
{
	margin-bottom:15px;
}
.view-personnes-de-contact h3
{
	margin-top:15px;
	font-size:1.5em;
	color:#ea0005;
	font-weight:300;
	
}
.view-personnes-de-contact h2.field-content
{
	margin-top:0px;
	font-size:1.2em;
	color:black;
	margin:0;
	font-weight:300;
	line-height:1.4em
	
	
}
#navigation .links li, #navigation .menu li
{
	padding:0 !important;
}
#block-views-header-slideshow-block
  {
	  display:none;
  }
  .breadcrumb,
	#page-title,
	.node.view-mode-full,
	.contact-form,
	.not-front #content .view,
	.profile,
	ul.tabs-primary,
	#content .search-form,
	.search-results,
	.links,
	.webform-confirmation,
	.messages
	{
		padding:0 15px 0 15px;
	}
	
.view-r-f-rences table.views-table
{
	width:100%;
}
.view-r-f-rences th.views-field
{
	text-align:left;
	font-weight:300;
}
.view-r-f-rences  .views-field-field-ref-photos ul
{
	margin:0;
	padding:0;
	list-style:none;
	height:100px;
	overflow:hidden;
}
.view-r-f-rences  .views-field-field-ref-photos ul li
{
	margin:0;
	padding:0;
	list-style:none;
	display:none;
}
.view-r-f-rences  .views-field-field-ref-photos ul li.first
{
	display:block;
}
.view-r-f-rences thead tr
{
	background:#006b7d;
	color:white;
	font-size:16px;
	font-weight:300;
}
.view-r-f-rences th.views-field-field-ref-photos
{
	background: url(../images/icon_ref.gif) no-repeat #006b7d 13px 8px;
    height: 39px;
}
tr.even, tr.odd, thead tr {
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.view-r-f-rences .views-field-field-ann-es-de-construction,
.view-r-f-rences .views-field-field-ref-client,
	.view-r-f-rences .views-field-field-localit-
{
	display:none;
}
.field-name-field-page-photos 
{
	padding: 15px 0;
}
.field-name-field-page-photos .field-item
{
	float:left;
	margin-right:5px;
}
.inline li.translation_fr, .inline li.translation_de
{
	display:none;
}
.view-personnes-de-contact .views-row,
.view-personnes-de-contact h3
{
	clear:both;
}
.views-field-field-photo
{
	float:left;
	margin:0 15px 5px 0;
}
.view-footer
{
	clear:both;
}
.views-field-field-specialites
{
	font-size:10px;
}
.view-personnes-de-contact .views-field-field-photo
{
	width:100px;
	height:100px;
	background:#006b7d;
}
.page-search #content h2
{
	display:none;
}
.page-search #content h2.block--title
{
	display:block;
}
#block-views-header-slideshow-block
{
	min-height:357px;
}
  #block-block-11
  {
	  display:block;
	  position:fixed;
	  top:0;
	  left:0;
	  color:white;
	  font-size:18px;
	  background:#006b7d;
	  z-index:25;
	  width:100%;
	  text-align:center;
	  padding:0 10px;
  }
    #content .block
  {
       	  max-width:467px;
		  margin-left:auto;
		   margin-right:auto;
  }
 #search-block-form input
  {
	  max-width:none;
}
#block-block-20{
    position: absolute;
    top: 36px;
    right: 10px;
}
#block-block-22
{
	float:left;
	width:250px;
	margin-right:20px;
}
#block-block-22 h2,
#block-block-22 strong
{
	font-size:12px;
	margin:0 0 5px;
	line-height:1em;
	font-weight:normal;
}
.front ul.links
{
	display:none;
}
#content #block-views-jobs-block
{
	max-width:none;
	float:none;
}
#content #block-views-jobs-block h2.block-title
{
	background:none;
	color:black;
}
/*
 * Navigation bar
 */

@media all and (min-width: 480px) {
  

  
}

/*
 * Use 3 grid columns for smaller screens.
 */

@media all and (max-width: 959px) {
  /*
   * The layout when there is only one sidebar, the left one.
   */
  .sidebar-first #content { /* Span 2 columns, starting in 2nd column from left. */
    float: left;
    width: 66.66667%;
    margin-left: 33.33333%;
    margin-right: -100%;
  }

  .sidebar-first .region-sidebar-first { /* Span 1 column, starting in 1st column from left. */
    float: left;
    width: 33.33333%;
    margin-left: 0%;
    margin-right: -33.33333%;
  }

  /*
   * The layout when there is only one sidebar, the right one.
   */
  .sidebar-second #content { /* Span 2 columns, starting in 1st column from left. */
    float: left;
    width: 66.66667%;
    margin-left: 0%;
    margin-right: -66.66667%;
  }

  .sidebar-second .region-sidebar-second { /* Span 1 column, starting in 3rd column from left. */
    float: left;
    width: 33.33333%;
    margin-left: 66.66667%;
    margin-right: -100%;
  }

  /*
   * The layout when there are two sidebars.
   */
  .two-sidebars #content { /* Span 2 columns, starting in 2nd column from left. */
    float: left;
    width: 66.66667%;
    margin-left: 33.33333%;
    margin-right: -100%;
  }
  .two-sidebars .region-sidebar-first { /* Span 1 column, starting in 1st column from left. */
    float: left;
    width: 33.33333%;
    margin-left: 0%;
    margin-right: -33.33333%;
  }

  .two-sidebars .region-sidebar-second { /* Start a new row and span all 3 columns. */
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
    padding-left: 0;
    padding-right: 0;
    clear: left;
  }

  .two-sidebars .region-sidebar-second .block {
    padding-left: 10px;
    padding-right: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    *behavior: url("/path/to/boxsizing.htc");
    _display: inline;
    _overflow: hidden;
    _overflow-y: visible;
  }

  .two-sidebars .region-sidebar-second .block:nth-child(3n+1) { /* Span 1 column, starting in the 1st column from left. */
    float: left;
    width: 33.33333%;
    margin-left: 0%;
    margin-right: -33.33333%;
    clear: left;
  }

  .two-sidebars .region-sidebar-second .block:nth-child(3n+2) { /* Span 1 column, starting in the 2nd column from left. */
    float: left;
    width: 33.33333%;
    margin-left: 33.33333%;
    margin-right: -66.66667%;
  }

  .two-sidebars .region-sidebar-second .block:nth-child(3n) { /* Span 1 column, starting in the 3rd column from left. */
    float: left;
    width: 33.33333%;
    margin-left: 66.66667%;
    margin-right: -100%;
  }
  #block-menu-block-5
  {
	  position:absolute;
	  top:0;
	  z-index:999;
	  min-height:36px;
	  background:#006b7d;
	  width: 100%;
  }
  #navigation .block-menu-block .block--title
  {
	  height:auto !important;
	  width:100% !important;
	  color:white;
	  font-size:18px;
	  z-index:25;
	  width:100%;
	  text-align:center;
	  padding:0 10px;
	  position:relative !important;
	  clip:auto !important;
	  font-weight:300;
	  padding:5px 0 0;
  }
  .menu-block-5
  {
	margin-top: 43px;  
  }
  .menu-block-5 ul.menu
  {
	display:none;
  }
}

/*
 * Use 5 grid columns for larger screens.
 */

@media all and (min-width: 960px) {
	
  
  #block-menu-block-6
  {
	  margin-left:0;
	  float:left;
  }
  #main {
    padding-top: 0px;
    position: relative;
    padding-top: 2.5em;
  }

  #navigation {
    position: absolute;
    top: 0; /* Move the navbar up inside #main's padding. */
    width: 100%;
	left:0;
  }
 
  #block-block-11:hover > #block-menu-block-5 
 {
	display:block;
	position:absolute;
	z-index:999;
 }
 #block-menu-block-5 
 {
	display:none;
 }
  /*
   * The layout when there is only one sidebar, the left one.
   */
  #page
  {
	  
	  width:960px; 
  }
  #navigation 
  {
	 width:940px;  
	 padding:0;
	 margin-left:10px;
   }
  
  .sidebar-first #content { /* Span 4 columns, starting in 2nd column from left. */
    float: left;
    width: 80%;
    margin-left: 20%;
    margin-right: -100%;
  }

  .sidebar-first .region-sidebar-first { /* Span 1 column, starting in 1st column from left. */
    float: left;
    width: 20%;
    margin-left: 0%;
    margin-right: -20%;
  }

  /*
   * The layout when there is only one sidebar, the right one.
   */
  .sidebar-second #content { /* Span 4 columns, starting in 1st column from left. */
    float: left;
    width: 80%;
    margin-left: 0%;
    margin-right: -80%;
  }

  .sidebar-second .region-sidebar-second { /* Span 1 column, starting in 5th column from left. */
    float: left;
    width: 20%;
    margin-left: 80%;
    margin-right: -100%;
  }
  .webform-client-form input
  {
	float:right;  
	width:50%;	
	 }

  /*
   * The layout when there are two sidebars.
   */
  .two-sidebars #content { /* Span 3 columns, starting in 2nd column from left. */
    float: left;
    width: 60%;
    margin-left: 20%;
    margin-right: -80%;
  }

  .two-sidebars .region-sidebar-first { /* Span 1 column, starting in 1st column from left. */
    float: left;
    width: 20%;
    margin-left: 0%;
    margin-right: -20%;
  }

  .two-sidebars .region-sidebar-second { /* Span 1 column, starting in 5th column from left. */
    float: left;
    width: 20%;
    margin-left: 80%;
    margin-right: -100%;
  }
  #content .block
  {
       	  width:467px;
		  float:left;
  }
  #content #block-views-jobs-block
{
	width:auto;
	float:none;
	min-height:0;
}
  
  #block-views-header-slideshow-block
  {
	  display:block;
  }
  #block-search-form
	{
		position: absolute;
		top: 109px;
		right: 10px;
	}
	#block-search-form .form-type-textfield input
	{
		width:300px;
	}
	#logo
	{
		margin-top:35px;
		display:block;
	}
	#block-menu-block-1
	{
	  right:10px;
	  width:auto;
	}
	#content .block
	{
		
		min-height:295px;
	}
	.breadcrumb,
	#page-title,
	.node.view-mode-full,
	.contact-form,
	.not-front #content .view,
	.profile,
	ul.tabs-primary,
	#content .search-form,
	.search-results,
	.links,
	.webform-confirmation,
	.messages,
	#user-login,
	#content #block-views-jobs-block h2.block-title
	{
		padding:0 15px 0 295px;
	}
	.page-references .breadcrumb,
	.page-references #page-title,
	.page-references #content .view
	{
		padding:0 15px ;
	}
	#block-views-r-f-rences-block
	{
		height: 295px;
	    overflow: hidden;
	}
	#block-block-8
	{
		line-height:0;
		overflow:hidden;
		height: 295px;
	}
	#block-menu-block-1 ul.menu li
	{
		padding:5px 17px;
	}
	#block-menu-block-7
	{
		float:left;
		margin-right:35px;
	}
	#block-block-7,
	#block-block-5
	{
		position:absolute;
		bottom:15px;
	}
	#content .block.odd
  {
	    margin-right: 0px;
	    margin-bottom: 6px;
  }
  #content .block.even
  {
	  margin-right: 6px;
	    margin-bottom: 6px;
  }
  #block-menu-block-5 ul.menu
	{
		background:url(../images/bg_nav.jpg) repeat-x;
		margin:0;
		padding:0;
		height:40px;
		width:auto;
	}
	#block-menu-block-5  ul.menu li
	{
		float:left; 
		border-right:1px white solid;
		width:auto;
	}
	#block-menu-block-5  ul.menu li ul.menu
	{
		display:none;
		position:absolute;
		z-index:999;
		height:auto;
		background:none;
		margin-left:0;
		
	}
	#block-menu-block-5  ul.menu li ul.menu li
	{
		width:inherit;
		float:none;
	}
	#block-menu-block-5  ul.menu li:hover > ul
	{
		display:block;
	}
	#block-menu-block-5 
	{
		display:block;
	}
	.view-r-f-rences .views-field-field-ann-es-de-construction,
	.view-r-f-rences .views-field-field-ref-client,
	.view-r-f-rences .views-field-field-localit-
	{
		display:table-cell;
	}
	#block-block-11
	{
		display:none;
	}
	#logo
	{
		margin:35px 0 20px;
	}
	#block-menu-block-1
	{
	  top:0;
	}
}