/* global */
body {
  margin:0; /* pour éviter les marges */
  text-align:center; /* pour corriger le bug de centrage IE */
  padding:0;
  background-color:#FFFFFF;
}
* {
  font-family:verdana;
  font-size:11px;
  border:none;
}
a {color:#9E2020;}
a:hover {color:#FC1B1B;}
.nofloat{clear:both;}
h1 {
  font-size:18px;
  font-weight:bold;
  padding:0;
  margin:0;
}
h2 {
  font-size:15px;
  font-weight:bold;
  padding:0;
  margin:0;
}
h3 {
  font-size:13px;
  font-weight:bold;
  padding:0;
  margin:0;
}
.txtheight14 {
  line-height:16px;
}
.rouge {
  color:#911A1A;
}
.rouge2 {
  color:red;
}
.txtG {
  font-size:18px;
  color:#911A1A;
}


/* images */
.imgOmbre1{
  margin:0 auto;
  position:relative;
  background:url(../imglf/d.gif) repeat-y right;
  padding-right:18px;
}
.imgOmbre2{
  margin:0 auto;
  position:relative;
  background:url(../imglf/g.gif) repeat-y left;
  padding:0 5px;
}
.imgcontent{
  background:white url(../imglf/b.gif) repeat-x bottom;
  padding: 0px 0px 8px 0px;
}
.imgbg{
  width:10px;
  height:8px;
  background:url(../imglf/bg.gif) no-repeat bottom left;
  position:absolute;
  bottom:-3px;
  left:0px;
}
.imgbd{
  width:10px;
  height:8px;
  background:url(../imglf/bd.gif) no-repeat bottom right;
  position:absolute;
  bottom:-3px;
  right:8px;
}
.imghg{
  width:5px;
  height:8px;
  background:url(../imglf/hg.gif) no-repeat top left;
  position:absolute;
  top:0px;
  left:0px;
}
/* apercu */
.apercu{
	position:absolute;
	z-index:1;
	visibility: hidden;
	width:350px;
}
.apercu img{
  border:1px solid black;
}



/* header */
.header{
  width:100%;
  height:86px;
  background:url(../imglf/header-fond.jpg) repeat-x;
}
.header .logo{
  position:absolute;
  left:8px;
  top:13px;
}
.header .medaillon{
  position:absolute;
  right:3px;
  top:3px;
}
.header img{
  border:none;
}
.header .ombre{
  margin-left: auto;
  margin-right: auto;
  width:1020px;
  height:86px;
  background:url(../imglf/trait-verti-ht.gif) 174px 80px no-repeat;
}



/* contenu */
.contenu {
  width:1020px;
  text-align:left; /* on rétablit l'alignement normal du texte */
}
.global {
  margin-left: auto;
  margin-right: auto;
  width:1020px;
  background:url(../imglf/trait-verti.gif) 174px repeat-y;
}
/* image presentation */
.presentation {
  width:500px;
  text-align:left;
}
/* legende des images */
.legende{
  padding-top:5px;
  text-align:center;
}
.legende p{
  padding-top:0;
  margin-top:0;
  margin-bottom:2px;
}
.legende-makingof{
  padding-top:5px;
  text-align:left;
}
.legende-makingof p{
  padding:0 10px 0 10px;
  margin-top:0;
  margin-bottom:2px;
}
.txtFondRouge {
  color:#911A1A;
}

/* colonne de gauche */
.col-gauche {
  width:193px;
  float:left;
}
.col-gauche .langues {
  margin-left:132px;
  height:15px;
}
.col-gauche .langues img{
  border:none;
}


/* menu */
.col-gauche div.menuNav {
  clear:both;
  width:170px;
  margin-left:23px;
}
.col-gauche div.menuNav ul {
  margin:0;
  padding:0;
}
.col-gauche div.menuNav li {
  background: url(../imglf/gmenu.jpg) no-repeat;
  background-position:-340px 0;
  display:block;
  font-family:tahoma;
  font-size: 100%;
  font-weight:bold;
  color:#911A1A;
  line-height:2.23em;
  overflow:hidden;
  height:25px;
}
.col-gauche div.menuNav li a,
.col-gauche div.menuNav li strong {
  text-decoration:none;
  font-family:tahoma;
  font-size:13px;
  font-weight:bold;
  color:#911A1A;
  padding:3px 110px 4px 44px; /*pour lien accessible en dehors du texte*/
  overflow:hidden; /* evite les liens texte de déborder à droite */
}
.col-gauche div.menuNav li.active,
.col-gauche div.menuNav li.activesm:hover,
.col-gauche div.menuNav li:hover {
  background: url(../imglf/gmenu.jpg) no-repeat;
  background-position:-170px 0;
  height:25px;
}
.col-gauche div.menuNav li.activesm {
  background: url(../imglf/gmenu.jpg) no-repeat;
  background-position:0 0;
  height:25px;
}
.col-gauche div.menuNav li:active strong,
.col-gauche div.menuNav li:active a,
.col-gauche div.menuNav li:hover a {
}

/* sous-menu */
.col-gauche div.menuNav li.petit {
  background: url(../imglf/pmenu.jpg) no-repeat;
  background-position:-170px 0;
  display:block;
  font-family:tahoma;
  font-size: 100%;
  font-weight:normal;
  color:#911A1A;
  line-height:1.9em; /* tester avec 24 */
  overflow:hidden;
  height:21px;
}
.col-gauche div.menuNav li.petit a,
.col-gauche div.menuNav li.petit strong{
  text-decoration:none;
  font-family:tahoma;
  font-size:11px;
  font-weight:normal;
  color:#911A1A;
  padding:3px 110px 4px 55px; /*pour lien accessible en dehors du texte*/
  overflow:hidden;
}
.col-gauche div.menuNav li.petit:active,
.col-gauche div.menuNav li.petit.active,
.col-gauche div.menuNav li.petit:hover {
  background: url(../imglf/pmenu.jpg) no-repeat;
  background-position:0 0;
}
.col-gauche div.menuNav li.petit:active strong,
.col-gauche div.menuNav li.petit:active a,
.col-gauche div.menuNav li.petit:hover a {
}




/* colonne de droite */
.col-droite {
  width:677px;
  padding-top:10px;
  padding-left:35px;
  float:left;
}
.col-droite h1{
  background:url(../imglf/trait.jpg) no-repeat bottom;
  padding-bottom:20px;
}

/* form */
.formFond {
  border:1px solid black;
  color:white;
  background-image:url(../imglf/form-fond.jpg);
}
.formP {
  font-size:10px;
}

/* contenu colonne droite en div */
.makingof-line {
  margin:15px 0 25px 0;
  width:705px;
  clear:both;
}
.makingof-box3 {
  width:233px;
  float:left;
  text-align:center;
}
.makingof-box2 {
  width:349px;
  float:left;
  text-align:center;
}
.makingof-box img, .makingof-box2 img, .makingof-box3 img{
  border:1px solid #808080;
}


/* actualite */
.actu {
}
.actu .header {
  background:url(../imglf/actu-header.gif) no-repeat;
  width:668px;
  height:29px;
}
.actu .content {
  background:url(../imglf/actu-side.gif) repeat-y;
  width:668px;
}
.actu .text {
  padding:5px 15px 5px 15px;
}
.actu .separateur {
  background:url(../imglf/actu-separateur.gif) no-repeat;
  width:668px;
  height:9px;
  margin-left:6px;
  clear:both;
}
.actu .footer {
  background:url(../imglf/actu-footer.gif) no-repeat;
  width:668px;
  height:9px;
  margin:0px;
}

/* footer */
.footer {
  margin-left: auto;
  margin-right: auto;
  width:1020px;
  font-family:arial;
  font-size:10px;
  background:url(../imglf/footer.jpg) no-repeat;
  height:18px;
  padding-top:1px;
}
.footer a{
  font-size:10px;
}
#cookieconsent{position:fixed;cursor:pointer;overflow:hidden;width:180px;height:auto;text-align:justify;color:#333;font-size:11px;background-color:#eff6f9;right:0;bottom:0;padding:10px;margin:0 5px 5px 0;border:1px solid #A0A0A0;}
#cookieconsentspan{background:#eee;border:1px solid #A0A0A0;color:#000;font-size:10px;padding:1px 2px;margin-left:2px;}
#cookieconsent a{font-size:9px;}


/* pub */
.adsense {
	float:right;
	margin-right:20px;
	margin-top:25px;
}
.pub-adsense {
	text-align:right;
	margin-right:16px;
}