html { font-size: 100%; }

body {
  color: black;
  background-color: white;
  font-family: "Coda", Verdana, "Bitstream Vera Sans", "Lucida Grande", "Arial", sans-serif;
  margin:0;
}

img {border:none; max-width:100%; height:auto !important; }

a { text-decoration:none; color:#1E83E6; }
a:hover{text-decoration:none;}
/* a:visited { color:red; } */
a img { border: 2px solid #888888; }
a img:hover {border: 2px solid #44dd44; }

h1, h2, h3, h4, h5, h6 { font-weight:bold; }
h1, .h1inline {
  font-size: 2em;
  color:#444444; margin-top:0;
  margin-bottom:1.1em;
  margin-top:0;
  padding-top:0;
}
h2, .h2inline { font-size: 1.4em; color:#444444; margin-top:1.5em; margin-bottom:0.8em; margin-left: 20px; width:580px; text-align: justify;}
h3, .h3inline { font-size: 1.2em; color:#444422; margin-top:1.5em; margin-bottom:0.6em; margin-left: 40px; }
h4, .h4inline { font-size: 1.1em; color:#444422; margin-top:1.5em; margin-bottom:0.6em; margin-left: 60px; }
h5, .h5inline { font-size:   1em; color:#222222; margin-top:1.3em; margin-bottom:0.4em; margin-left: 80px; }

.h1inline, .h2inline, .h3inline, .h4inline, .h5inline { display: inline; }

/* p { padding-left:1.5em; } */
p, li {
  max-width: 800px;
  line-height:1.5em;
  text-align:justify;
}
/*ul.n1, p.n1 { margin-left: 20px; max-width:600px; }
ul.n2, p.n2 { margin-left: 40px; max-width:580px; }
ul.n3, p.n3 { margin-left: 60px; max-width:560px; }
ul.n4, p.n4 { margin-left: 80px; max-width:540px; }
ul.n5, p.n5 { margin-left:100px; max-width:520px; }*/
ul.n1, p.n1 { margin-left: 0px; max-width:600px; }
ul.n2, p.n2 { margin-left:20px; max-width:580px; }
ul.n3, p.n3 { margin-left:40px; max-width:560px; }
ul.n4, p.n4 { margin-left:60px; max-width:540px; }
ul.n5, p.n5 { margin-left:80px; max-width:520px; }
ul.n1 { padding-left:40px; max-width:560px; }
ul.n2 { padding-left:40px; max-width:540px; }
ul.n3 { padding-left:40px; max-width:520px; }
ul.n4 { padding-left:40px; max-width:500px; }
ul.n5 { padding-left:40px; max-width:480px; }

.separation { clear:both; }

.nostyle, .nostyle > img {
  border:none;
  text-decoration:none;
}
.nostyle:hover, .nostyle:hover > img {
  border:none;
  text-decoration:none;
}

#multisites {background:#E3E3E3; text-align:center; color:#595959;}
#multisites a {color: #CE0909;}
#multisites a[href="/contact"] {display:block;float:right; margin-right:20px;}
.all-inner {margin:0 20px;}
#banniere { display:block; position:absolute; top:0;left:0px; width:100%; max-width:700px; height:245px; }
img.banniere { border:none; }
img.banniere:hover { border:none; }
img.cadre { border:2px black solid; }

#gauche {
  position: fixed;
  width: 210px;
  top: 26px;
  left: 25px;
}

#gauche ul {
  list-style-type:none;
  list-style-position:inside;
  padding:0;
  margin:0;
}
#gauche ul li { margin-bottom:5px; font-size:110%; text-align:left;border-bottom:2px dotted #fff;}
#gauche ul li a { color:#333; text-transform:uppercase; }
#gauche ul li.first { /*background-color:#ddddff;*/ }
#gauche ul li.selected, #gauche ul li.selected:hover {border-bottom-color:#dd0000;}
#gauche ul li.selected a { color:#dd0000; }
#gauche ul li:hover {border-bottom-color:#333;}
#gauche ul li.afterselected { }


#flags {position:absolute; top:20px; right:20px; margin:10px 20px; text-align:right;}
#flags img {
  border: 2px solid #fff;
  display:inline-block;
  margin:0 0 0 6px;
  padding: 1px;
  width:40px;
  height:25px;
}
#flags img:hover {border-color:#5786e7;}
#flags img.flag-selected {border-color:#17c832;}

/* #resume { color:#999955; } */
#resume { color:#888844; }

#contenu {margin: 70px 0 20px 260px;}
#contenu a { border-bottom:1px dotted #000088; }
#contenu a:hover {color:#0000aa; border-bottom:1px solid #0000aa; }
#contenu .image {border:none;}
#contenu .image:hover { border:none; }
#contenu .nostyle {
  border:none;
  text-decoration:none;
}
#contenu .nostyle:hover {
  border:none;
  text-decoration:none;
}

#signature { text-align:right; font-style:italic; }

#references {
  margin-top:3.5em;
  padding-top:0.7em;
  border-top: 1px solid #999;
  color:#666;
  font-size:0.85em;
}

a#journeeabo {
  border:none;
  text-decoration:none;
  display:block;
  background-image: url('imgs/fond-bleu-arrondi.gif');
  background-position:top right;
  background-repeat: no-repeat;
/*   background-color:#495498; */
  color:white;
/*   text-align:center; */
  padding:20px 28px 20px 28px;
/*   margin:1em 2em 1em 34px; */
  margin:1.2em 0.9em 1em 0;
}
a#journeeabo:hover {
  border:none;
  text-decoration:none;
  background-image: url('imgs/fond-bleu-arrondi-hover.gif');
/*   background-color:#6974b8; */
}
a#journeeabo .date {
 color:#ffff00;
}

@media all and (max-width: 990px) {
  #gauche {
    position:absolute;
    width: 15%;
    left: 15px;
  }
  #contenu {margin-top:50px;margin-left:18%;}
  #gauche ul li {font-size: 100%; margin-bottom:0;}
}

@media all and (max-width: 620px) {
  #gauche {
    position:static;
    width: 100%;
  }
  #logo {float:left; margin:0 10px 10px 0;}
  #gauche ul {padding-top:10px;}
  #gauche li {display:block;}
  #gauche img { width:150px; height:150px;}
  #contenu {margin-top:10px;margin-left:0;}
}