@charset "UTF-8";
/* *** RESET ***************************************************************************************************************************************** */
* { margin:0; padding:0; }
abbr,acronym { border:0;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
a:focus{ outline: none;}
b,strong{ font-weight: bold; }
caption,th { text-align:left; }
fieldset,img { border:0; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
ol,ul { list-style:none; }
q:before,q:after { content:''; }
table { border-collapse:collapse; border-spacing:0; }
.clear{ clear: both; }
.strong{ font-weight:bold; }
.floatleft{ float:left; }
.floatright{ float:right; }
.paddingb16{ padding-bottom:16px; }
.paddingt16{ padding-top:16px; }
a{ outline: none; }
a img{ border: 0; }
/* **************************************************************************************************************************************************** */
/* *** GENERAL **************************************************************************************************************************************** */

body{ background: #ffffff; color: #4c4c4c; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight:normal; }
#container{ margin: 0 auto; padding: 0; width: 940px; }

#header,#contain, #footer{ clear: both; display: block; }

.lead-demande{ float:right; padding:50px 0 0 16px; }
.lead-demande img{ position:relative; top:1px; }
.lead-demande a{ color:#4c4c4c; font-size:11px; text-decoration:none; }
.lead-demande a:hover{ color:#000; font-size:11px; text-decoration:none; }

/* *** HEADER ****************************************************************************************************************************************** */
#header{ padding: 35px 0 0 0; }
#header #logo{ float: left; }
#header #menu{ float: right; padding: 0 35px 0 0; }
#header #menu img.separateur{ }
#header #menu a{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 0 12px; position: relative; top: -9px; text-transform: uppercase; }
#header #menu a:link, #header #menu a:visited{ color: #7f7f7f; text-decoration: none; }
#header #menu a:hover{ color: #000000; text-decoration: line-through; }
#header #menu a.current{ color: #000000; text-decoration: line-through; font-weight: bold; }
#header-line{ background: url('../images/design/header-line.jpg') no-repeat; clear: both; display: block; height: 4px; margin: 16px 0 0 0; width: 940px; }
/* ***************************************************************************************************************************************************** */
/* *** CONTAIN ***************************************************************************************************************************************** */
#contain{ padding: 6px 0; }
 /* *** HOME ******************************************************************************************************************************************* */
   #contain #contain-header{ padding: 4px 0 0 0;}
   #contain #contain-baseline{ margin: 10px 0 0 0; }
   #contain #contain-baseline #baseline-top{ background: url('../images/design/header-contain-baseline-line-top.jpg') no-repeat; height: 4px; width: 940px; }
   #contain #contain-baseline img{ position: relative; top: -10px; }
   #contain #contain-baseline #baseline-bottom{ background: url('../images/design/header-contain-baseline-line-bottom.jpg') no-repeat; height: 4px; width: 940px; }
   #contain #contain-baseline h5{ color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 34px; padding: 20px 0; text-align: center; }

   #contain #contain-home{ padding: 21px 0; width: 940px; }
   
   #contain #contain-home .left{  float: left; line-height: 18px; width: 290px; padding: 3px 20px 0 0; }
   #contain #contain-home .left p{ color: #4c4c4c; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0 0 10px 0; }
   #contain #contain-home .left strong{ font-weight: normal; }
   #contain #contain-home .left h6{ font-size: 24px; padding: 6px 0 0 0; }
   #contain #contain-home .left h6 a:link, #contain #contain-home .left h6 a:visited{ color: #000000; text-decoration: none; }
   #contain #contain-home .left h6 a:hover{ color: #7f7f7f; text-decoration: none; }

   #contain #contain-home .middle{  float: left; width: 290px; padding: 3px 15px 0 15px; }
   #contain #contain-home .middle h2,#contain #contain-home .middle h3, #contain #contain-home .middle h4
   { font-family: Arial, Helvetica, sans-serif; font-size: 22px; font-style: normal; font-weight: bold;  text-indent: -0.8px; }
   #contain #contain-home .middle h2 a,#contain #contain-home .middle h3 a,#contain #contain-home .middle h4 a{ padding: 0 10px; }
   #contain #contain-home .middle h2 a:link, #contain #contain-home .middle h2 a:visited, 
   #contain #contain-home .middle h3 a:link, #contain #contain-home .middle h3 a:visited, 
   #contain #contain-home .middle h4 a:link, #contain #contain-home .middle h4 a:visited{background: #000000; color: #ffffff; text-decoration: none;}
   #contain #contain-home .middle h2 a:hover, #contain #contain-home .middle h3 a:hover,#contain #contain-home .middle h4 a:hover{background: #ffffff; color: #000000; text-decoration: none;}
   #contain #contain-home .middle p{ color: #4c4c4c; font-size: 12px; line-height: 16px; margin: 5px 0 23px 0; }

   #contain #contain-home .right{  float: right; padding: 0 0 0 15px; width: 290px; }
   #contain #contain-home .right h6{ color: #000000; font-size: 24px; }
   #contain #contain-home .right #block-blog-home ul{ padding: 10px 0 0 0; }
   #contain #contain-home .right #block-blog-home ul li{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; padding: 0 0 15px 0; }
   #contain #contain-home .right #block-blog-home ul li a:link, #contain #contain-home .right #block-blog-home ul li a:visited{ color: #4c4c4c; text-decoration: none; }
   #contain #contain-home .right #block-blog-home ul li a:hover{ color: #7f7f7f; text-decoration: none; }
   
 /* *************************************************************************************************************************************************** */
 /* *** AGENCE **************************************************************************************************************************************** */
   #contain #contain-agence{ padding: 15px 0; }
   #header #agence-header h6{ color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 34px; padding: 33px 0 9px 0;}
   
   #contain #contain-agence .left{ float: left; width: 220px; }
   #contain #contain-agence .left h6{ color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 64px; line-height: 56px; font-weight: normal; font-style: normal; }
   
   #contain #contain-agence .middle{ float: left; width: 460px; }
   #contain #contain-agence h3, #contain #contain-agence h4{ color: #000000; font-size: 28px; padding: 10px 0 5px 0; }
   #contain #contain-agence p{ color: #4c4c4c; font-size: 12px; line-height: 18px; padding: 0 0 17px 0; }
   
   #contain #contain-agence .right{ float: right; width: 220px; }
   #contain #contain-agence .right h6{ color: #000000; font-size: 14px; font-weight: bold; line-height: 18px; padding: 4px 0 1px 0; }
   #contain #contain-agence .right ul{ line-height: 18px; padding: 0 0 21px 0; }
   #contain #contain-agence .right ul li{ color: #4c4c4c; font-size: 12px; }
   #contain #contain-agence .right ul li a:link, #contain #contain-agence .right ul li a:visited{ color: #4c4c4c; text-decoration: none; }
   #contain #contain-agence .right ul li a:hover{ color: #4c4c4c; font-weight: bold; text-decoration: none; }
   
   #contain #contain-agence .right #equipe{  width: 220px; }
   #contain #contain-agence .right #equipe div.employe{ float: left; width: 220px; }
   #contain #contain-agence .right .demandemploye.lemSelected{ color: #000000; font-weight:bold; }
   #contain #contain-agence .right #equipe div.employe p.employe-info{ line-height: 14px; padding: 5px 0 10px 0; }
   #contain #contain-agence .right #equipe div.employe span{ display: block; }
   #contain #contain-agence .right #equipe div.employe span.employe-nom{ color: #4c4c4c; font-size: 14px; font-weight: bold; }
   #contain #contain-agence .right #equipe div.employe span.employe-poste{ color: #7f7f7f; font-size: 12px; font-style: italic; }
   #contain #contain-agence .right #equipe div.employe p.description{ color: #7f7f7f; font-size: 11px; line-height: 14px; padding: 0; }
   
   #contain #contain-agence .right #equipe .employe-navigation{ clear: both; padding: 9px 0 0 0; }
   #contain #contain-agence .right #equipe .employe-navigation .prev{ padding: 0 10px 0 0; }
   
   #contain #contain-agence .bottom{ clear: both; display: block; }
   #contain #contain-agence .bottom #bottom-line{ background: url('../images/design/header-line.jpg') no-repeat; height: 4px; margin: 25px 0 0 0; width: 940px; }
   #contain #contain-agence .bottom #appliquer-emploi{ margin: -15px 0 0 40px; }
   
/* *************************************************************************************************************************************************** */
/* *** SERVICES ************************************************************************************************************************************** */
   #header #services-header h6{ color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 34px; padding: 33px 0 9px 0; }
   #contain #contain-services{ padding: 15px 0; }
   
   #contain #contain-services #services-themes .left{ float: left; width: 280px; }
   #contain #contain-services #services-themes .left h5{ color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 64px; }
   
   #contain #contain-services #services-themes .right{ float: right; width: 660px; line-height: 18px; }
   #contain #contain-services #services-themes .right h2,#contain #contain-services #services-themes .right h3,#contain #contain-services #services-themes .right h4,
   #contain #contain-services #services-themes .right h5{ color: #000000; font-size: 14px; font-weight: bold;}
   #contain #contain-services #services-themes .right div{ float: left; width: 220px; }
   #contain #contain-services #services-themes .right ul li{ font-size: 12px; }
   #contain #contain-services #services-themes .right ul li a.demandservice.lemSelected{ color: #000000; font-weight: bold; }
   #contain #contain-services #services-themes .right ul li a:link, #contain #contain-services #services-themes .right ul li a:visited{ color: #4c4c4c; text-decoration: none; }
   #contain #contain-services #services-themes .right ul li a:hover{ color: #4c4c4c; font-weight: bold; text-decoration: none; }
   #contain #contain-services #services-themes #services-themes-line{ background: url('../images/design/services-themes-line.jpg') no-repeat; height: 4px; width: 940px; margin: 30px 0 0 0;}
   
   #contain #contain-services #services-slide{ height: 281px; }
   #contain #contain-services #services-slide-line{ background: url('../images/design/services-slide-line.jpg') no-repeat; height: 4px; width: 940px; margin: 0 0 14px 0;}
   #contain #contain-services #services-slide #services h6{ background: #000000; color: #ffffff; display: inline;  font-size: 16px; font-style: normal; font-weight: bold; margin: 23px 0 0 0; padding: 4px 5px 1px 5px; position: absolute; z-index: 1; }
   
   #contain #contain-services #services-slide #services #allservice .service{ float: left; width: 940px; padding: 0 40px 0 0; }
   #contain #contain-services #services-slide #services #allservice .service .left{ float: left; padding: 46px 0 0 0; width: 493px; }
   #contain #contain-services #services-slide #services #allservice .service .left p.type{ color: #000000; font-size: 28px; margin: 22px 0 14px 0; }
   #contain #contain-services #services-slide #services #allservice .service .left p{ font-size: 12px; line-height: 18px; padding: 0 33px 0 0; }
   
   #contain #contain-services #services-slide #services #allservice .service .left p.slide-navigation{ position: relative; margin: 23px 0 0 0; }
   #contain #contain-services #services-slide #services #allservice .service .left p.slide-navigation a.prev, #contain #contain-services #services-slide #services #allservice .service .left p.slide-navigation a.prev-first{ padding: 0 10px 0 0; }
   
   #contain #contain-services #services-slide #services #allservice .service .right{ float: right; position: relative; top: -10px; }
   #contain #contain-services #services-slide #services #allservice .service .right img{ height: 287px; position: relative; top: 5px; width: 447px;}

   #contain #contain-services #services-partners{clear: both; display: block;}
   #contain #contain-services #services-partners .left{ float: left; padding: 17px 0 0 0; width: 380px; }
   #contain #contain-services #services-partners .middle{ float: left; height: 176px; padding: 0 9px 0 11px; width: 169px; }
   #contain #contain-services #services-partners .right{ float: right; padding: 17px 0 0 0; width: 370px; }
   #contain #contain-services #services-partners h6{ color: #000000; font-size: 28px; line-height: 26px; margin: 0 0 9px 0; }
   #contain #contain-services #services-partners p{ color: #4c4c4c; font-size: 12px; line-height: 18px; }
/* ***************************************************************************************************************************************************** */
/* *** REALISATIONS ************************************************************************************************************************************ */
   #contain #contain-travaux{ padding: 0 0 15px 0; }
   #header #travaux-header h6{ color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 34px; padding: 33px 0 9px 0;} 
   
   #contain #contain-travaux #travaux { overflow: hidden; width:940px; }
   #contain #contain-travaux #travaux #nav-projets { padding:0 0 10px 0; }
   #contain #contain-travaux #travaux #nav-projets .prev { float:left; }
   #contain #contain-travaux #travaux #nav-projets .next { float:right; }
   #contain #contain-travaux #travaux #nav-projets .clear-both { clear:both; }
   #contain #contain-travaux #travaux .holder{ width:960px; }
   #contain #contain-travaux #travaux .projet{ border-bottom: 1px dotted #bfbfbf; float: left; width: 220px; margin: 0 20px 18px 0; padding: 0 0 8px 0; }
   #contain #contain-travaux #travaux .projet a img{ background: #000000; /*height: 103px;*/ }
   /*#contain #contain-travaux #travaux .projet.middle-1{ margin: 0 10px auto 20px; }
   #contain #contain-travaux #travaux .projet.middle-2{ margin: 0 20px auto 10px; }*/
   #contain #contain-travaux #travaux .projet p.projet-client{ color: #000000; font-size: 14px; font-weight: bold; line-height: 18px; padding: 3px 0 0 0; }
   #contain #contain-travaux #travaux .projet p.projet-description{ color: #4c4c4c; font-size: 12px; font-weight: normal; font-style: normal; line-height: 16px; }
   
   #contain #contain-travaux #clients{ clear: both; }
   #contain #contain-travaux #clients .left{ float: left; width: 300px; }
   #contain #contain-travaux #clients .left h6{ color: #4c4c4c; font-size: 32px; line-height: 32px; }
   
   #contain #contain-travaux #clients .right{ float: right; width: 640px;}
   #contain #contain-travaux #clients .right ul{ float: left; width: 155px; padding: 5px 0 0 0; }
   #contain #contain-travaux #clients .right ul li{ color: #4c4c4c; font-size: 12px; line-height: normal; margin: 0 0 5px 0px; }
/* *************************************************************************************************************************************************** */
/* *** PROJET **************************************************************************************************************************************** */
   #contain #contain-projet{ padding: 5px 0; }
   #header #projet-header h6{ color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 34px; padding: 33px 0 9px 0;}
   
   #contain #contain-projet{}
   #contain #contain-projet .projets{ }
   #contain #contain-projet .projets #allprojet{}
   
   #contain #contain-projet .projet{ float: left; width: 940px; }
   #contain #contain-projet .projet .left{ float: left; width: 335px; margin: 5px 10px 0 0; }
   #contain #contain-projet .projet .left h2{ color: #4c4c4c; font-family: Arial, Helvetica, sans-serif; font-size: 32px; font-weight: normal; line-height: 32px; margin-bottom:10px; }
   #contain #contain-projet .projet .left p.address{ color: #7f7f7f; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; }
   #contain #contain-projet .projet .left p.address a{ color: #7f7f7f; text-decoration:none; }
   #contain #contain-projet .projet .left p.address a:hover{ color: #4c4c4c;}
   
   #contain #contain-projet .projet .left div.share p{ color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; margin: 15px 0 0 0; }
   #contain #contain-projet .projet .left div.share a span{ display: none; }
   #contain #contain-projet .projet .left div.share a{ border: 0; display: inline-block; height: 16px; margin: 10px 0 0 0; padding: 0 0 0 5px; width: 16px;}
   
   #contain #contain-projet .projet .left div.share a.btn-twitter:link, #contain #contain-projet .projet .left div.share a.btn-twitter:visited{ background: url('../images/social-media/twitter.png') no-repeat;  }
   #contain #contain-projet .projet .left div.share a.btn-twitter:hover{ background: url('../images/social-media/twitter-hover.png') no-repeat;  }

   #contain #contain-projet .projet .left div.share a.btn-delicious:link, #contain #contain-projet .projet .left div.share a.btn-delicious:visited{ background: url('../images/social-media/delicious.png') no-repeat;  }
   #contain #contain-projet .projet .left div.share a.btn-delicious:hover{ background: url('../images/social-media/delicious-hover.png') no-repeat;  }

   #contain #contain-projet .projet .left div.share a.btn-digg:link, #contain #contain-projet .projet .left div.share a.btn-digg:visited{ background: url('../images/social-media/digg.png') no-repeat;  }
   #contain #contain-projet .projet .left div.share a.btn-digg:hover{ background: url('../images/social-media/digg-hover.png') no-repeat;  }

   #contain #contain-projet .projet .left div.share a.btn-facebook:link, #contain #contain-projet .projet .left div.share a.btn-facebook:visited{ background: url('../images/social-media/facebook.png') no-repeat;  }
   #contain #contain-projet .projet .left div.share a.btn-facebook:hover{ background: url('../images/social-media/facebook-hover.png') no-repeat;  }

   #contain #contain-projet .projet .middle{ float: left; width: 290px; margin: 5px 0 0 0; }
   #contain #contain-projet .projet .middle p{ color: #4c4c4c; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; }
   
   #contain #contain-projet .projet .right{ float: right; width: 290px; margin: 5px 0 0 0; }
   #contain #contain-projet .projet .right p{ color: #4c4c4c; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; }

   #contain #contain-projet .projet .middle a, #contain #contain-projet .projet .right a { color: #4c4c4c; font-weight: bold; text-decoration: none; }
   #contain #contain-projet .projet .middle a:hover, #contain #contain-projet .projet .right a:hover { color: #7f7f7f; }
   
   #contain #contain-projet .projet .right .links{ padding: 33px 0 0 0; }
   #contain #contain-projet .projet .right .links .right-links{ float: right;  }
   #contain #contain-projet .projet .right .links .right-links #projet-navigation{  }
   
   #contain #contain-projet .projet .right .links .left-links{ float: left;}
   #contain #contain-projet .projet .right .links .left-links #block-comments{  }
   #contain #contain-projet .projet .right .links .left-links #block-comments a:link, #contain #contain-projet .projet .right .links .left-links #block-comments a:visited{ color: #4c4c4c; text-decoration: none; }
   #contain #contain-projet .projet .right .links .left-links #block-comments a:hover{ color: #7f7f7f; text-decoration: none; }
   
	#contain #contain-projet .projet .projet-images-nav{ color:#979797; font-family: Arial, Helvetica, sans-serif; font-size: 13px; padding:6px 0px; }
	#contain #contain-projet .projet .projet-images-nav-left{ float:left; width:200px; }
	#contain #contain-projet .projet .projet-images-nav-left a{ color:#000; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; }
	#contain #contain-projet .projet .projet-images-nav-left a span{ position:relative; top:-4px; }
	#contain #contain-projet .projet .projet-images-nav-right{ float:right; text-align:right; width:100px; }
   #contain #contain-projet .projet #windowprojetimages{ height:510px; overflow:hidden; position:relative; width:940px;}
   #contain #contain-projet .projet #windowprojetimages #allprojetimage{ position:relative; right:0px; width:40000px; }
	#contain #contain-projet .projet #windowprojetimages #allprojetimage .unprojetimage { float:left; position:relative; top:0px; }
   
   #contain #contain-projet .projet #projet-bottom-line{ background: url('../images/design/projet-bottom-line.jpg') no-repeat; height: 4px; width: 940px; margin: 3px 0 0 0;}
   #contain #contain-projet .projet #projet-comment-top-line{ background: url('../images/design/projet-comment-top-line.jpg') no-repeat; height: 4px; width: 940px; }
   
   #contain #contain-projet .projet .projet-post-comment{ clear: both; display: block; width: 940px; }
   #contain #contain-projet .projet .projet-post-comment .left{ background: url('../images/design/bg-comment-left.jpg'); float: left; height: 136px; width: 297px; margin: 0; padding: 0;}
   #contain #contain-projet .projet .projet-post-comment .right{ padding: 24px 0 0 0; width: 620px; }
   #contain #contain-projet .projet .projet-post-comment .right h6{ color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 24px; line-height: 22px; }
   #contain #contain-projet .projet .projet-post-comment .right p{ color: #4c4c4c; font-size: 12px; line-height: 18px; }
   #contain #contain-projet .projet .projet-post-comment .right form.formCommentProject{ color: #4c4c4c; padding: 10px 0 0 0; width: 610px; }
   #contain #contain-projet .projet .projet-post-comment .right form.formCommentProject div{ margin: 0 0 20px 0; }
   #contain #contain-projet .projet .projet-post-comment .right form.formCommentProject div.petitbloc{ float:left; margin: 0 4px 20px 0; width: 200px; }
   #contain #contain-projet .projet .projet-post-comment .right form.formCommentProject div.description{ color:#808080; font-size: 10px; font-style:italic; padding: 12px 0 0 0; }
   #contain #contain-projet .projet .projet-post-comment .right form.formCommentProject label{ color: #4c4c4c; font-weight: bold; }
   #contain #contain-projet .projet .projet-post-comment .right form.formCommentProject label em{ color: #F00; }
   #contain #contain-projet .projet .projet-post-comment .right form.formCommentProject textarea{ 
      background:#333; 
	  border:none; 
	  color: #fff; 
	  font-family:Arial, Helvetica, sans-serif; 
	  font-size: 12px; 
	  height: 81px; 
	  line-height: 18px; 
	  padding: 10px; 
	  width:600px; 
	  -moz-border-radius: 6px; /* Firefox */
     -webkit-border-radius: 6px; /* Safari and Chrome */
     border-radius: 6px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
     behavior: url(css/ie-css3.htc); 
   }
   #contain #contain-projet .projet .projet-post-comment .right form.formCommentProject input{ 
     background:#333; 
	 border:none; 
	 color: #fff; 
	 display: block; 
	 font-family:Arial, Helvetica, sans-serif; 
	 padding: 4px; 
	 width:180px; 
	 -moz-border-radius: 6px; /* Firefox */
     -webkit-border-radius: 6px; /* Safari and Chrome */
     border-radius: 6px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
     behavior: url(css/ie-css3.htc); 
   }
   #contain #contain-projet .projet .projet-post-comment .right form.formCommentProject input#btnCommenter
   { 
     background: #000000; border: 0; cursor: pointer; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 10px 5px 0 0; padding: 5px; width:auto;
   	 -moz-border-radius: 0; /* Firefox */
     -webkit-border-radius: 0px; /* Safari and Chrome */
     border-radius: 0px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
     behavior: url(css/ie-css3.htc); 
   }
   #contain #contain-projet .projet .projet-post-comment .right form.formCommentProject .messages.error{ background: #ffcccc; border: 1px solid #dd7777; }
   #contain #contain-projet .projet .projet-post-comment .right form.formCommentProject .messages{  font-size: 12px; }
   #contain #contain-projet .projet .projet-post-comment .right form.formCommentProject .messages ul{ padding: 5px; }
   #contain #contain-projet .projet .projet-post-comment .right form.formCommentProject input#hidden{ border: 0; display:none; }
   #contain #contain-projet .projet .projet-post-comment .right form.formCommentProject .messages.valid{ background: #ddffdd; border: 1px solid #bbeebb; }
      
/* *************************************************************************************************************************************************** */
/* *** CONTACT *************************************************************************************************************************************** */
   #header #contact-header{  }
   #header #contact-header h6{ color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 34px; padding: 33px 0 9px 0;}
   #contain #contain-contact{ padding: 15px 0; }
   #contain #contain-contact .left{ float: left; }
   #contain #contain-contact .left h2{ color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 28px; padding: 0 0 24px 0; }
   #contain #contain-contact .left h2 a:link,#contain #contain-contact .left h2 a:visited{ color: #000000; text-decoration: none; }
   #contain #contain-contact .left h2 a:hover{ color: #7f7f7f; text-decoration: none; }
   #contain #contain-contact .left p{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 0 0 20px 0; }
   #contain #contain-contact .left p.loadinfo{ font-size: 11px; line-height: 16px; }
   #contain #contain-contact .left #contact-twitter{ margin: 35px 0 0 0; }
   #contain #contain-contact .left #contact-twitter a:link,#contain #contain-contact .left #contact-twitter a:visited{ color: #7f7f7f; text-decoration: none;}
   #contain #contain-contact .left #contact-twitter a:hover{ color: #000000; text-decoration: none; }
   #contain #contain-contact .left #contact-twitter img{ float: left; }
   #contain #contain-contact .left #contact-twitter p{ font-size: 11px; position: relative; line-height: 16.82px; left: -15px; top: 40px; }
   #contain #contain-contact .left .loadinfo a:link, #contain #contain-contact .left .loadinfo a:visited{  color: #7f7f7f; text-decoration: none; }
   #contain #contain-contact .left .loadinfo a:hover{  color: #4c4c4c; text-decoration: none; }
   
   #contain #contain-contact .right{ float: right; padding: 0 40px 0 0; }
   
   #contain #contain-contact #bottom{ clear: both; }
   #contain #contain-contact #bottom #formContact{ padding: 30px 0 0 0; width: 640px; }
   #contain #contain-contact #bottom #formContact tr{ margin: 0 0 5px 0; }
   #contain #contain-contact #bottom #formContact td{ white-space: nowrap; }
   #contain #contain-contact #bottom #formContact input{ background: #ffffff; border: 1px solid #7f7f7f; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin: 0 0 5px 0; padding: 3px 0 3px 5px; width: 285px; }
   #contain #contain-contact #bottom #formContact input#btn-submit{ width: 115px; }
   #contain #contain-contact #bottom #formContact label{ display: block; float:left; margin:4px 8px 0 0; }
   #contain #contain-contact #bottom #formContact label em{ color: #C00; }
   #contain #contain-contact #bottom #formContact textarea{ background: #ffffff; border: 1px solid #7f7f7f; color: #4c4c4c; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; width: 410px; }

/* ***************************************************************************************************************************************************** */
/* *** DEMANDE DE RENCONTRE **************************************************************************************************************************** */
   #header #lead-header h6{ color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 34px; padding: 33px 0 9px 0;}

   #contain #contain-lead{ padding: 15px 0; }
   
   #contain #contain-lead .left{ float: left; width: 500px; }
   #contain #contain-lead .right{ float: right; width: 460px; }
   #contain #contain-lead .bottom{ float: left; clear: both; display: block; }
   
   #contain #contain-lead #form-planifier-rencontre, #contain #contain-lead #form-demande-portfolio, #contain #contain-lead #form-demande-emploi{ width: 960px; }
   #contain #contain-lead h6{ color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 34px; padding: 0 0 9px 0;} 
   #contain #contain-lead p{ color: #4c4c4c; font-size: 12px; line-height: 18px; padding: 0 0 17px 0; }
   #contain #contain-lead p label em{ color: #F00; font-style: italic; }
   #contain #contain-lead p label span{ color: #4c4c4c; clear: both; display: block; font-weight: bold; margin:4px 8px 0 0; }
   #contain #contain-lead div.selector{ margin-bottom: 0; padding-bottom: 0; }	
   #contain #contain-lead #btnEnvoyerLead{
       background: #000000; 
	   border: 0; 
	   cursor: pointer; 
	   color: #ffffff; 
	   float: right;
	   font-family: Arial, Helvetica, sans-serif; 
	   font-size: 16px;
	   font-weight: bold;
	   margin: 10px 5px 0 0; 
	   padding: 5px; 
	   width: auto;
   	   -moz-border-radius: 0; /* Firefox */
       -webkit-border-radius: 0px; /* Safari and Chrome */
       border-radius: 0px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
       behavior: url(css/ie-css3.htc);     
	}

    #contain #contain-lead .focusField{
       background: #fff;
	   border: 1px solid #ccc;
	   -moz-border-radius: 6px; 
       -webkit-border-radius: 6px; 
       border-radius: 6px; 
       behavior: url(css/ie-css3.htc); 
       color: #333; 
	   font-family:Arial, Helvetica, sans-serif; 
	   font-size: 12px; 
	   line-height: 18px;
	   padding: 5px;
	   width: 430px;
    }
	
    #contain #contain-lead .idleField{
       background: #333;
	   border: 1px solid #000;
	   -moz-border-radius: 6px; 
       -webkit-border-radius: 6px; 
       border-radius: 6px; 
       behavior: url(css/ie-css3.htc); 
       color: #fff; 
	   font-family:Arial, Helvetica, sans-serif; 
	   font-size: 12px; 
	   line-height: 18px;
	   padding: 5px;
	   width: 430px;
    }

  #contain #contain-lead .messages.error{ background: #ffcccc; border: 1px solid #dd7777; }
  #contain #contain-lead .messages{  font-size: 12px; }
  #contain #contain-lead .messages ul{ padding: 5px; }
  #contain #contain-lead input#hidden{ border: 0; display:none; }
  #contain #contain-lead .messages.valid{ background: #ddffdd; border: 1px solid #bbeebb; }
  
  input.input-text{ outline:none; }

/* ***************************************************************************************************************************************************** */
/* *** FOOTER ****************************************************************************************************************************************** */

#footer{ background: url('../images/design/bg-footer.jpg') repeat-x; height: 219px; margin: 50px 0 0 0; }
#footer #footer-content{ margin: 0 auto; padding: 25px 0 0 0; width: 940px; }

#footer #footer-middle{ clear: both; display: block; }
#footer #footer-middle .vcard .url, #footer #footer-middle .vcard .org, #footer #footer-middle .vcard .country-name,
#footer #footer-middle .vcard .tags,#footer #footer-middle .vcard .geo,#footer #footer-middle .vcard .note{ margin-left: -9999px; overflow: hidden; display: inline; }

#footer #footer-middle .vcard{ background: url('../images/misc/footer-separateur.jpg') no-repeat right; color: #7f7f7f; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; height: 141px; line-height: 18px; margin: 0 25px 0 0; padding: 0 25px 0 0; width: 205px;}
#footer #footer-middle .vcard img{ padding: 10px 0 5px 0; }
#footer #footer-middle .vcard .tel{ color: #b2b2b2; float: left; padding: 0 5px 0 0; }
#footer #footer-middle .vcard a:link,#footer #footer-middle .vcard a:visited{ color: #b2b2b2; text-decoration: none; }
#footer #footer-middle .vcard a:hover{ color: #7f7f7f; text-decoration: none; }

#footer #footer-middle #footer-menu{ background: url('../images/misc/footer-separateur.jpg') no-repeat right; color: #7f7f7f; float: left; height: 141px; margin: 0 25px 0 0; padding: 0 25px 0 0; width: 145px; }
#footer #footer-middle #footer-menu ul{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; line-height: 18px; padding: 10px 0 10px 0; }
#footer #footer-middle #footer-menu a:link,#footer #footer-middle #footer-menu a:visited{ color: #b2b2b2; text-decoration: none; }
#footer #footer-middle #footer-menu a:hover{ color: #7f7f7f; text-decoration: none; }

#footer #footer-middle #mantra{ float: right; font-size: 12px; line-height: 18px; padding: 10px 0 0 0; width: 490px; }
#footer #footer-middle #mantra h6{ color: #b2b2b2; font-style: normal; font-weight: normal; }
#footer #footer-middle #mantra p{ color: #7f7f7f; }
#footer #footer-middle #mantra strong{ font-weight: normal;  }

#footer #footer-bottom{ clear: both;}
#footer #footer-bottom #socialmedia{ float: right; }
#footer #footer-bottom #socialmedia p{ color: #7f7f7f; font-size: 10px; text-transform: uppercase;}
#footer #footer-bottom #socialmedia #sm-name{ color: #b2b2b2; font-size: 10px; text-align: right; text-transform: uppercase; padding: 0 5px 3px 0; }

#footer #footer-bottom #socialmedia a span{ display: none; }
#footer #footer-bottom #socialmedia a{ border: 0; display: inline-block; height: 16px; padding: 0 0 0 5px; width: 16px;}

#footer #footer-bottom #socialmedia a.btn-twitter:link, #footer #footer-bottom #socialmedia a.btn-twitter:visited{ background: url('../images/social-media/twitter.png') no-repeat;  }
#footer #footer-bottom #socialmedia a.btn-twitter:hover{ background: url('../images/social-media/twitter-hover.png') no-repeat;  }

#footer #footer-bottom #socialmedia a.btn-delicious:link, #footer #footer-bottom #socialmedia a.btn-delicious:visited{ background: url('../images/social-media/delicious.png') no-repeat;  }
#footer #footer-bottom #socialmedia a.btn-delicious:hover{ background: url('../images/social-media/delicious-hover.png') no-repeat;  }

#footer #footer-bottom #socialmedia a.btn-rss:link, #footer #footer-bottom #socialmedia a.btn-rss:visited{ background: url('../images/social-media/rss.png') no-repeat;  }
#footer #footer-bottom #socialmedia a.btn-rss:hover{ background: url('../images/social-media/rss-hover.png') no-repeat;  }

#footer #footer-bottom #socialmedia a.btn-digg:link, #footer #footer-bottom #socialmedia a.btn-digg:visited{ background: url('../images/social-media/digg.png') no-repeat;  }
#footer #footer-bottom #socialmedia a.btn-digg:hover{ background: url('../images/social-media/digg-hover.png') no-repeat;  }

#footer #footer-bottom #socialmedia a.btn-flickr:link, #footer #footer-bottom #socialmedia a.btn-flickr:visited{ background: url('../images/social-media/reddit.png') no-repeat;  }
#footer #footer-bottom #socialmedia a.btn-flickr:hover{ background: url('../images/social-media/reddit-hover.png') no-repeat;  }

#footer #footer-bottom #socialmedia a.btn-facebook:link, #footer #footer-bottom #socialmedia a.btn-facebook:visited{ background: url('../images/social-media/facebook.png') no-repeat;  }
#footer #footer-bottom #socialmedia a.btn-facebook:hover{ background: url('../images/social-media/facebook-hover.png') no-repeat;  }

#footer #footer-bottom #socialmedia a.btn-youtube:link, #footer #footer-bottom #socialmedia a.btn-youtube:visited{ background: url('../images/social-media/youtube.png') no-repeat;  }
#footer #footer-bottom #socialmedia a.btn-youtube:hover{ background: url('../images/social-media/youtube-hover.png') no-repeat;  }
/* ***************************************************************************************************************************************************** */


/* *** CONTAINER EMPLOI ******************************************************************************************************************************** */

#container-emploi{ background: #f9f793 url(../images/emploi/bg-container.gif) bottom right no-repeat; padding:40px 47px; width:700px; }
#container-emploi h1{ color:#000; font-size:32px; }
#container-emploi h2{ color:#9f9f9f; font-size:16px; margin:-2px 0 24px 0; }
#container-emploi #coldroite{ background:#305; float:right; width:340px; }
#container-emploi #colgauche{ background:#f92; float:left; width:340px; }
/* ***************************************************************************************************************************************************** */