body, html {
  background: #34656a url(images/bg_global.png) 0 0 repeat-x;
  margin: 0;
  padding: 0;
}

body {
  background: transparent url(images/bg_html.png) center 0 no-repeat;
  padding-bottom: 20px;
}

div#global
{
  margin:   0 0 50px;
  padding:  0;
  position: relative;
  width:    950px;
  margin:   0 auto;
  min-height: 500px;
  background: url('images/header/bg_header.jpg') 0 0 no-repeat;
}

div#contenair
{
  position: relative;
  width:    950px;
}

div#header
{
  width:      100%;
  height:     298px;
  background: url('images/header/bg_header.jpg') -37px 0 no-repeat;
  position:   relative;
}

  #mainTitle, #tagline {
    margin:     0;
    height:     1px;
    text-indent: -99999px;
  }

ul#mainMenu
{
  height:     31px;
  margin:     0;
  padding:    0 0 2px;
  background: url(images/menu/bg_main_menu.png) bottom left repeat-x;
  list-style: none;

}

ul#mainMenu li {
  float:      left;
  padding:    0 1px 0 0;
  background: url(images/menu/bg_menu_li.png) 0 0 repeat-x;
}

ul#mainMenu li.last {
  float:      right;
  font-size:  11px;
  background: none;
  padding:    0 10px 0 0;
}

ul#mainMenu li a
{
  display:      block;
  float: left;
  padding:      0 10px;
  height:       31px;
  line-height:  31px;
  background:   #0d335b url(images/menu/bg_main_menu.png) top left repeat-x;
  text-decoration: none;
  color:        #fff;
}

ul#mainMenu li.last a {
  color:        #00ebff;
  display:      inline;
  background:   none;
  padding:      0 3px;
}

ul#mainMenu li a:hover, ul#mainMenu li a:focus, ul#mainMenu li a:active
{
  background: #0d335b;
}

ul#mainMenu li.last a:hover, ul#mainMenu li.last a:focus, ul#mainMenu li.last a:active {
  background:   none;
  text-decoration: underline;
}


div.breadcrumb
{
  padding:      0 14px;
  background-color: #468789;
  margin-top:   5px;
  line-height:  24px;
  font-size:    10px;
  color:        #fff;

}

div.breadcrumb a
{
  color:        #fff;
  margin:       0 4px;
}

div#content{
  background: #f6f6f6 url('../images/bg_gradient.jpg') top left repeat-x;
  padding:    5px 20px 20px;
}

  div#content h2 {
    color:    #465870;
    line-height: 1;
    margin:   22px 0 30px;
    text-decoration: underline;
  }

div.content{
  background: #f6f6f6 url('../images/bg_gradient.jpg') -50px -50px repeat-x;
  padding:    5px 20px;
}

div.gradient{
  min-height: 300px;
  background: url('../images/bg_gradient.jpg') top left repeat-x;

}

hr.split{
  border: none;
  border-top: 1px solid #bdbdbd;
}

div#footer
{
  width: 100%;
}

  #offices {
    background: #F9FAFA url(images/contact/bg_contact.png) 0 bottom no-repeat;
    border-top: 1px solid #788492;
    overflow:   hidden;
    min-height: 297px;
  }

  #praxity {
    background: #F9FAFA url(images/praxity/praxity.jpg) 20px 20px no-repeat;
    font-size:  10px;
    padding:    35px 20px 35px 120px;
    text-align: justify;
    border-bottom: 1px solid #6d6f6f;
    border-right: 1px solid #a1a1a1;
  }

  #praxity .content-zone {
    -moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap:20px;
    column-count:3;
    column-gap: 20px;
    overflow: visible;
  }

  #praxity h2 {
    display: none;
  }

  #praxity h3 {
    margin: 0 0 1.25em;
    padding:  0;
    line-height: 1;
  }

  #praxity p {
    margin: 0;
  }

  #praxity p.align-right {
    text-align: right;
  }

/* Content Zone */
.white-bg {
  background-color: #fff;
  }

div.content-zone
{
  overflow: hidden;
  margin-left: 35px;

}

img.image-news{ float: left; margin: 5px 15px 5px 0; border: 1px solid #1E324B; }
.image-news-right{ float: right; margin: 5px 0 5px 15px; border: 1px solid #1E324B; }

div.item-news,div.item-lien
{
	padding: 10px 15px 10px 0;
	border-top: 1px solid #ccc;
}
div.item-news.first,div.item-lien.first
{
	border-top: none;
}

div.item-news h2
{
	border: none;
	text-decoration: underline;
	font-size: 15px;
}


div.content-news,div.content-lien
{
	margin-left: 35px;
}

div.content {
    border-top: 1px solid #bdbdbd;

}

div.news-block {
  overflow: hidden;
}

div.news-block-item {
  width:        27%;
  padding:      3%;
  float:        left;
}

div.news-block-item h3 {
  margin:     0;
  padding:    0;
  font-size:  12px;
}

div.news-block-item p.intro{
  margin-left:  25px;
  font-size:    11px;
  text-align:   justify;
}

p.news-more-link,p.liens-visit-link{
  text-align:   right;
}

div.paginationControl{
  margin:       5px auto;
  text-align:   center;
}

div.paginationControl img {
  position:     relative;
  top:          5px;

}

p.news-date{
  font-size:  10px;
  text-align: right;
  font-weight: bold;
  color: #023f80;
}


div.content-news-read
{
  margin-left: 35px;
  margin-bottom: 30px;
}

/* Main Menu Main Menu Main Menu */


div.office-layout{
	margin-left: 10px;
	padding: 5px;
	float: left;
}

div.office-layout.last{
        padding-left: 0px;
}

div.office-layout p {
	margin: 0 0 2px;
}

div.office-layout p.mail {}

div#office_0 {
margin-right:5px;
width:150px;
}
div#office_1 {
width:180px;
margin-left:10px;
}
div#office_2 {
width:190px;
margin-left:5px;
}
div#office_3 {
width:150px;
margin-left:10px;
}
div#office_4 {
width:180px;
margin-left:10px;
}

/* Newsletter */

div#newsletter-block
{

	width: 239px;
	padding: 10px 25px 10px 10px;
	background: #e8e8e8 url('../images/top_newsletter.jpg') top left no-repeat;
	margin-left: 10px;

}

div#newsletter-block p.formline label{
	display: block;
	float: left;
	width: 85px;
	text-align: left;
	color: #455974;
}

div#newsletter-block p.formline input{
	display: block;
	float: left;
	width: 110px;
	text-align: right;
	padding-right: 5px;
	color: #455974;
}

div#newsletter-block p.formline{ clear: both; padding: 15px 0; }

/* Columns */

div.column-left{ float: left; }
div.column-right{ float: left; }

div.percent30{ width: 30%; }
div.percent40{ width: 40%; }
div.percent50{ width: 50%; }
div.percent60{ width: 60%; }
div.percent70{ width: 70%; }

/* Services */

div.image-service{
     float: left;
     width: 270px;
     text-align: center;
}
div.image-service img{
     border: 1px solid #1E324B;
}

div.side-service{
     float: right;
     width: 300px;
     background: url('../images/top_side_service.jpg') top left no-repeat;

}
div.side-service-item{
     margin-left: 30px;
     background-color: #e8e8e8;
     padding: 7px 0;
     padding-left: 10px;
     border-bottom: double white;
}
div.side-service-item img{
     float: left;
     border: 1px solid #1E324B;
     margin: 0 5px 5px 0;
}
div.side-service-item h4{
     text-decoration: underline;
     }

div.contact_formline {
  padding:          .5em 0;
  overflow:         hidden;
}


div.contact_formline .errors {
  list-style: none;
  color:      #c00;
  font-weight: bold;
}

#contact_form_office {
  float:      left;
  margin-right: 30px;
  width:      143px;
}

  #contact_form_office input {
    margin-right: 5px;
    vertical-align: -1px;
  }

#contact_form_coordonnees {
  float:      left;
  margin-right: 30px;
  width:      243px;
}

  #contact_form_coordonnees input, #contact_form_message textarea {
    box-sizing:   border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
  }

#contact_form_message {
  overflow:   hidden;
}

#contactForm p.clear {
  clear:      both;
  text-align: center;
}

  div.contact_formline li {
    padding-bottom: 3px;
    border-bottom:  1px solid #ddd;
  }

  div.side-service-item h4 a {
    color:           #56959C;
    text-decoration: underline;
  }
  div.side-service .current {
    color:    #B6B6B6;
  }

  div.side-service .current h4 a {
    color:    #B6B6B6;
  }