@import "http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700,300";
body{background-color:#f0f4f5;color:#5b727d;font-family:'Open Sans',sans-serif;font-size:14px;}
.container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:940px;}
p{font-family:'Open Sans',sans-serif;font-size:14px;line-height:22px;margin:0 0 1em 0;}
p+h1{margin-top:28px;}
h1,h2{font-weight:300;margin:0 0 26px 0;font-size:36px;}
h2{margin-bottom:20px;}
#page{background:url(../images/bg_body.jpg) no-repeat center top;}
header{margin:0 auto;width:980px;}

section.banner {
  width: 940px; /* largeur Bootstrap 2.2 */
  margin: 0 auto 20px auto;

  background: #00aeef;
  border-radius: 4px;

  padding: 40px 20px;
  color: #fff;

  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
}

/* Colonnes */
.banner .col {
  flex: 1;
  min-width: 0;
  padding: 0 15px;
  position: relative;
  text-align: left; /* tout le texte aligné à gauche */
}

/* Séparateur vertical */
.banner .col:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 10%;
  height: 80%;
  width: 1px;
  background: rgba(255,255,255,0.4);
}

/* Ligne titre + icône (titre à gauche, icône à droite) */
.banner .title-line {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}

/* Titre */
.banner .title-line h3 {
  font-size: 20px;
  font-weight: bold;
  margin: 0;
  text-transform: uppercase;
  color: #fff;
  text-align: left;
}

/* Icône */
.banner .title-line i {
  font-size: 24px;
  color: #fff;
}

/* Texte */
.banner p {
  font-size: 13px;
  line-height: 16px;
  margin: 0;
  color: #fff;
}

.banner a {
  color: #fff !important;
  text-decoration: none;
}

.banner a:hover {
  color: #e6e6e6 !important;
  text-decoration: underline;
}

#content{background-color:white;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;margin:0 auto;width:980px;}
#content .container{margin:0 auto;padding:23px 0;}
footer{background-color:black;color:white;margin:70px 0 0 0;padding:30px 0 30px 0;}
footer .container{margin:0 auto;width:940px;}
div.content{margin:0 auto;width:980px;}
footer.sticky{position:absolute;bottom:0;width:100%;}
#content .container{margin:0 auto;}
footer .p1{color:#00aeef;line-height:28px;margin:-3px 0 0 0;font-size:24px;}
footer dl{margin:0;padding:0;}
footer .p3 dt{float:left;width:120px;}
footer .p3 dl{float:left;width:150px;}
footer a,footer a:hover{color:white;text-decoration:none;}