@charset "utf-8";
@import url("color.css");
@import url("menu.css");
@import url("footer.css");
/* CSS Document */
body {
  background:white;
  font-family:Calibri, Arial, Helvetica, Sans-Serif, "Open Sans", "Helvetica Neue";
  line-height:20px;
  color:black;
  font-size:18px;
}
.clearfloat{clear:both;}
h1 { font-size:24px;
  color:var(--texte_titre_page);
  font-family:Calibri, Arial, Helvetica, Sans-Serif, "Open Sans", "Helvetica Neue";
  text-transform: uppercase;
}
h2 { font-size:20px; color:var(--texte_titre_page);}
h3 { color:#000}
h4 { color:#06C}
a { text-decoration:none; color:#06F;}

p{
  color:black;
  text-align: justify;
}

.divContenuPage{
  z-index: 999;
  width: 100%;
  position: relative;
  bottom: 0%;
  top:0%;
  text-align: justify;
}

.majuscules{
  text-transform: uppercase;
}

#content {width:1100px; margin:0 auto; background-color: var(--fond_contenu);z-index: 999;}
.content_left { float:left; width:800px; }
.content_text {float:left; width:500px; color:black;padding:20px;}
.content_img {float:left; width:200px; padding:20px;}
.content_right{ float:left; width:260px; padding:20px;}

.img_atouts {width:200px; padding:20px;}

.content_center { float:left; width:99%; padding:20px;}
.content_left_contact { float:left; width:500px;color:black; }
.content_right_contact{ margin-left: 30px;float: left;padding:10px;}

.content_right_contact .titre_contact{ font-size:20px; font-weight: bold;color:var(--bleu_politech);}
.content_right_contact .texte_contact{ font-size:18px; color:black;}

.lien_texte_image b{text-decoration: none;color: black;}


.box { float:left; width:234px; background-color: #F90; margin:10px; padding:10px; height:100px; text-align:center}
.box a{ color:#FFF; font-size:19px}

#projet {background-color: #F0F0F0; height:auto; width:1100px; margin:0 auto;}
.projet_box { float:left; width:543px; background-color: #FFF; border:solid 0px}