/* feuille de style avec less */
/* rgb(70,53,35); *//* #463523  */
/* rgb(35,56,75); *//* #23384b */
/* #463523  */
/* #23384b */
/* #463523  */
/* #838b7c */
/* classes body */
body {
  /* background:@base-marron-clair; */
  /* marron #800000; */

  font-family: Arial, "Time new roman", Georgia;
  color: #010080;
  /* bleu */

  font-weight: normal;
  font-size: 18px;
  /* line-height:1.4; */

}
h1 {
  color: #800000;
  /* darken(@base-marron, 5%); */

  font-size: 20px;
  font-style: italic;
  font-weight: bold;
  text-align: center;
}
h2 {
  text-align: center;
  font-size: 22px;
}
h3 {
  color: #800000;
  /* darken(@base-marron, 5%); */

  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  display: inline-block;
  /* centrage vertcal du text */

  line-height: 40px;
  text-align: center;
}
.p4 {
  font-size: 16px;
}
/* lien IMAGE : logo et icone PDF (pour enlever les encadrements li�s aux liens*/
img {
  border: 0px;
}
/* liste */
dl,
dt,
dd,
ul,
li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#nav li {
  display: inline;
  list-style: none;
  /* necessaire pour IE7 */

}
#deco {
  list-style-type: square;
  margin: 1%;
}
/* mise en page du paragraphe "Innovation / R&D" */
.p1 {
  color: #800000;
  font-size: 15px;
  font-style: italic;
  font-weight: bold;
  text-align: center;
}
/* mise en page des paragraphr de qui.html */
.p2 {
  text-indent: 1cm;
  text-align: justify;
}
p.p3:first-letter {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 18px;
  font-family: Georgia, "Time new roman";
}
.ajout {
  position: relative;
  float: left;
  width: 100%;
}
/* classe tableau li�e � expertise.html et prestations.html*/.table1 {
  float: left;
  border: 4px solid #800000;
  width: 96%;
  margin: 2%;
  margin-bottom: 5%;
}
.td1 {
  float: left;
  border-top: 4px solid #800000;
  /* darken(@base-marron, 5%); */

  width: 98%;
  padding: 1%;
}
.tr4td2 {
  float: left;
  border-top: 1px solid #800000;
  /* darken(@base-marron, 5%); */

  text-align: center;
  color: #010080;
  /* darken(@base-marron, 5%); */

  font-size: 16px;
  font-weight: normal;
  width: 98%;
  padding: 1%;
}
.td3 {
  border-right: 1px solid;
  border-right-color: #800000;
  /* darken(@base-marron, 5%); */

}
.td2td3_left, .td2td3_left_pres {
  /*	border-top:1px solid @base-marron; */

  /*	border-right:1px solid @base-marron; */

  width: 45%;
  display: block;
  float: left;
  padding-left: 5%;
}
.td2td3_left_pres {
  border-right: 1px solid #800000;
}
.td2td3_right, .td2td3_right_pres {
  /*	border-top:1px solid @base-marron; */

  border-left: 1px solid #800000;
  /* width: 45%; */

  display: block;
  float: left;
  padding-left: 5%;
  width: 44%;
}
.td2td3_right_pres {
  border-left: none;
}
.tr1 {
  text-align: center;
  color: #800000;
  /* darken(@base-marron, 5%); */

  font-size: 20px;
}
.tr2 {
  text-align: center;
  color: #800000;
  /* darken(@base-marron, 5%); */

  font-size: 16px;
  font-weight: normal;
}
.tr3 {
  text-align: center;
  color: #010080;
  /* darken(@base-marron, 5%); */

  font-size: 22px;
  font-weight: bold;
}
.td3_50_left, .td3_50_left_bot, .td3_50_left_bis {
  border-right: 1px solid #800000;
  float: left;
  padding: 2%;
  /* 2 + 46 + 2 = 50 */

  width: 46%;
}
.td3_50_right, .td3_50_right_bot, .td3_50_right_bis {
  /* border-left:1px solid @base-marron; */

  float: left;
  padding: 2%;
  width: 45%;
}
.td3_50_right_bis {
  border-left: 1px solid #800000;
}
.td3_50_left_bis {
  border-right: none;
}
.td3_50_left_bot, .td3_50_right_bot {
  /*	border-top:4px solid @base-marron; */

}
.tr4 {
  /*	border-top:4px solid @base-marron; */

  float: left;
  text-align: center;
  color: #010080;
  /* darken(@base-marron, 5%); */

  font-size: 16px;
  font-weight: normal;
  width: 96%;
  margin: 1%;
}
.tr5, .tr5_bis {
  /* display:inline-block; */

  float: left;
  text-align: center;
  color: #800000;
  /* darken(@base-marron, 5%); */

  font-size: 16px;
  font-weight: bold;
  width: 100%;
  border-bottom: 2px solid #800000;
}
.tr5_bis {
  border-top: 4px solid #800000;
}
.tr6 {
  text-align: left;
  color: #010080;
  /* darken(@base-bleu-clair,25%); */

  font-size: 18px;
  font-weight: normal;
  width: 96%;
}
.tr7 {
  text-align: center;
  color: #800000;
  font-size: 16px;
  font-weight: normal;
}
.tr8 {
  text-align: center;
  color: #010080;
  /* darken(@base-bleu-clair,25%); */

  font-size: 16px;
  font-weight: bold;
}
/* Partie DIV */
* {
  padding: 0;
  margin: 0;
}
#zepage {
  position: relative;
  margin: 10px auto;
  width: 1050px;
  height: 630px;
  /* background:@base-marron-clair; */
}
#bandegauche {
  position: relative;
  float: left;
  width: 100%;
  /* 240px; */

  margin: 0 auto;
}
#logo {
  position: relative;
  /* float:left; */

  /*top:0px;
	left:0px; */

  /* width:96%; */

  height: 170px;
  padding: 5px 2%;
  padding-bottom: 10px;
  width: 232px;
  margin: 0px auto;
  border-bottom: 1px solid #e9dede;
}
/*
#nav{
	position:relative;
	float:left;
	width:96%; 
	height:200px; 
	background:white;
	padding:30px 2%;
	-moz-border-radius: 1em 1em;
}
*/
#nav {
  /* float:left; */

  height: 60px;
  padding: 0;
  margin: 0;
  margin-top: 5px;
  text-align: center;
  width: 600px;
  margin: 0px auto;
}
#nav a {
  display: inline-block;
  /* margin: 0px 1%; */

}
#drapeaubas {
  /* display: inline-block; */

  width: 300px;
  text-align: center;
  padding-top: 10px;
  border-top: 1px solid #e9dede;
  margin: 0px auto;
}
#basdepage {
  position: relative;
  float: left;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
}
#bandedroite {
  position: relative;
  float: left;
  /* width:800px; */

}
#banner {
  position: relative;
  float: left;
  width: 700px;
  height: 100px;
  padding-top: 10px;
  padding-left: 2%;
  padding-right: 2%;
  z-index: 100;
  background: white;
  /* background:#cbc7c7; */

  /* background:#010080; */

  /* background-image:url(images/jauneBIS.png); */

  /* background:white; */

  /* background:#800000; */

  -moz-border-radius: 2em;
}
#banner_l1 {
  position: relative;
  height: 40px;
  padding-top: 10px;
  z-index: 100;
}
#banner_l2 {
  position: relative;
  height: 40px;
  padding-top: 10px;
  z-index: 100;
}
#contenu {
  position: relative;
  width: 70%;
  background: white;
  padding: 10px 15%;
  overflow: auto;
  -moz-border-radius: 2em;
}
#contenu_accueil {
  position: relative;
  width: 70%;
  /* height:465px; */

  background: white;
  padding: 10px 15%;
  overflow: auto;
  -moz-border-radius: 2em;
}
#contact {
  position: relatif;
  width: 80%;
  height: 240px;
  background: white;
  padding-left: 80px;
  padding-right: 0px;
  padding-top: 0px;
  overflow: auto;
  -moz-border-radius: 2em;
}
#courriel {
  position: relatif;
  float: left;
  width: 160px;
  height: 60px;
  background: white;
  padding: 10px;
  margin: 20px;
  overflow: auto;
  /*	border:double; */

  /*	border-color:@base-marron; darken(@base-marron, 5%) */

}
#courrier {
  position: relatif;
  float: left;
  width: 320px;
  height: 160px;
  background: white;
  padding: 10px;
  margin: 20px;
  overflow: auto;
  /*	border:double; */

  /*	border-color:@base-marron; //darken(@base-marron, 5%) */

}
#bouton {
  font-size: 22px;
  position: relative;
  float: left;
  padding-right: 10px;
  padding-left: 10px;
  top: 5px;
  right: 5px;
  left: 35px;
  width: 120px;
  height: 40px;
  text-align: left;
  /* text-shadow: 2px 2px 1px white; */

  display: inline-block;
  /* centrage vertcal du text */

  line-height: 40px;
  font-weight: bold;
  /* .mon-degrade; */

  border: 0px solid #800000;
  /* lighten(@base-marron, 10%);; */

  border-bottom: 3px solid #800000;
  /* lighten(@base-marron, 10%);; */

  border: none;
  color: #800000;
  /* lighten(@base-marron, 10%);; */

  background: white;
  /* .rounded-corners(30px 30px 30px 30px); */

  cursor: pointer;
  /* -moz-border-radius: 1em 1em; */

  text-decoration: none;
}
#bouton:active {
  cursor: pointer;
}
#bouton:hover {
  text-shadow: 2px 2px 1px #d5bfbf;
  border-bottom: 3px solid #d5bfbf;
  /* lighten(@base-marron, 10%);; */

}
#bouton_active {
  font-size: 22px;
  position: relative;
  float: left;
  padding-right: 10px;
  padding-left: 10px;
  top: 5px;
  right: 5px;
  left: 35px;
  width: 120px;
  height: 40px;
  text-align: left;
  /* text-shadow: 2px 2px 1px white; */

  display: inline-block;
  /* centrage vertcal du text */

  line-height: 40px;
  font-weight: bold;
  /* BOLD */

  /* .mon-degrade; */

  border: 0px solid #010080;
  border-bottom: 3px solid #010080;
  color: #010080;
  background: white ;
  /* lighten(@base-bleu-clair, 10%); */

  /* .rounded-corners(30px 30px 30px 30px); */

  cursor: pointer;
  /* -moz-border-radius: 1em 1em; */

  text-decoration: none;
}
#bouton_active:active {
  border: 0px solid #010080;
  border-bottom: 3px solid #010080;
  color: #010080;
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
  #zepage {
    width: 80%;
  }
  #nav {
    height: 60px;
    padding: 0;
    margin: 0;
    margin-top: 5px;
    text-align: center;
    width: 100%;
  }
  #nav li {
    display: inline;
    list-style: none;
  }
  #nav a {
    display: inline-block;
    margin: 0px 1%;
  }
  .p4 {
    text-align: center;
  }
  #courriel, #courrier {
    margin: 5px;
    padding: 5px;
  }
  #bandedroite {
    width: 100%;
  }
  #bouton, #bouton_active {
    font-size: 18px;
    width: auto;
    margin: 1px;
    float: none;
  }
  #contenu, #contenu_accueil {
    width: 90%;
    padding: 10px 5%;
    /* text-align:center; */
  
  }
  /*
  h2{
  	 font-size:18px;
  }
  
  .tr3{
  	font-size:18px;
  }
  
  h1{
  	font-size:16px;
  }
  
  .tr1{
  	font-size:16px;
  }
  
  p.p3:first-letter {
    font-size:16px;
  }
  
  .tr6{
  	font-size:16px;
  }
  
  body{
  	font-size:16px;
  }
  
  .tr7,.tr8,.tr5,.tr5_bis,.tr4,.tr2,.tr4td2{
  	font-size:14px;
  }
  
  h3,.p4{
  	font-size:14px;
  }
  
  .p1{
  	font-size:14px;
  }
  */
}
@media only screen and (min-width: 200px) and (max-width: 600px) {
  #zepage {
    width: 98%;
  }
  #nav {
    height: 100px;
    padding: 0;
    margin: 0;
    margin-top: 5px;
    text-align: center;
    width: 80%;
  }
  #nav li {
    display: inline;
    list-style: none;
  }
  #nav a {
    display: inline-block;
    margin: 0px 1%;
  }
  .p4 {
    text-align: center;
  }
  #courriel, #courrier {
    margin: 5px;
    padding: 5px;
  }
  #bandedroite {
    width: 100%;
  }
  #bouton, #bouton_active {
    font-size: 18px;
    width: auto;
    margin: 1px;
    float: none;
  }
  #contenu, #contenu_accueil {
    width: 90%;
    padding: 10px 5%;
    /* text-align:center; */
  
  }
  /*
  h2{
  	 font-size:18px;
  }
  
  .tr3{
  	font-size:18px;
  }
  
  h1{
  	font-size:16px;
  }
  
  .tr1{
  	font-size:16px;
  }
  
  p.p3:first-letter {
    font-size:16px;
  }
  
  .tr6{
  	font-size:16px;
  }
  
  body{
  	font-size:16px;
  }
  
  .tr7,.tr8,.tr5,.tr5_bis,.tr4,.tr2,.tr4td2{
  	font-size:14px;
  }
  
  h3,.p4{
  	font-size:14px;
  }
  
  .p1{
  	font-size:14px;
  }
  */
}