body
{
  margin: 0px;
  padding: 0px;
  /* Fond jaune */
  background-color: #FDCE5E;
  /* Bande rouge à gauche */
  background-image: url("images/back_rouge.gif");
  background-repeat: repeat-y;
}

/* Texte */
body/*, table*/
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000;
}

body#noRedBorder
{
  /* Enlève la bande rouge à gauche */
  background-image: none;
}

/*
  MENU:
*/
div.menu
{
  width: 189px;
}

div#langue
{
  text-align: center;
  font-weight: bold;
  /*background-color: #900;*/
  margin: 4px 0px;
  padding: 4px;
}

div#bandePhoto
{
  /*margin: 4px 0px;
  padding: 4px 0px;*/
}

ul.menuList
{
  margin-bottom: 0px;
  font-size: 12px;
  font-weight: bold;
  position: relative;
  left: -15px;
}

ul.menuList li
{
  padding-top: 4px;
  padding-bottom: 4px;
}

ul.menuList li span.fake
{
  color: #FFCE31;
}

ul.menuList li span.selected
{
  color: #000;
}

ul.menuList li ul
{
  font-size: 9px;
  list-style-type: none;
  margin: 0px; /* IE: Enleve l'espace de la puce */
	padding: 0px; /* Mozilla: Enleve l'espace de la puce */
}
/* FIN: MENU */

/*
  LIENS:
    link="#990000" vlink="#CC3333" alink="#990000"
*/

a:link
{
  color: #900;
}

a:visited
{
  color: #C33;
}

a:active
{
  color: #900;
}

div.menu a:link
{
  text-decoration: none;
  color: #FFCE31;
}

div.menu a:visited
{
  text-decoration: none;
  color: #FFCE31;
}

div.menu a:hover
{
  text-decoration: none;
  color: #000;
}

div.menu a:active
{
  text-decoration: none;
  color: #000;
}

#webmail, #intranet
{
  font-size: 10px;
}

a img
{
  border-style: none;
}
/* FIN LIENS */

/*
  CORPS:
*/
div#corps
{
  margin: 15px;
}

div#corps ul.lousse li
{
  padding-top: 6px;
  padding-bottom: 6px;
}

div#corps ul.serre li
{
  padding-top: 3px;
  padding-bottom: 3px;
}

div#corps ul.photo li
{
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  list-style-image: url("images/negatif.gif");
}

div#corps ul.video li
{
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  list-style-image: url("images/camera.gif");
}
/* FIN: CORPS */

img.menu
{
  border-style: none;
}

div#entete
{
  background-image: url("images/back_entete.jpg");
  background-repeat: repeat-x;
  /*margin: 0px;
  padding: 0px;*/
  /*min-width: 595px; /* CSS2 */
}

img#integrateur
{
  margin: 15px 0px;
  border-color: #900;
}

/* Formulaire "get_video" */
/* FROM: http://www.alistapart.com/articles/practicalcss/ */
div.row
{
  clear: both;
  padding-top: 5px;
}

div.row span.label
{
  float: left;
  width: 178px;
  width: 100px;
  padding-top: 4px;
  text-align: right;
  /*font-size: 12px;*/
  font-weight: bold;
  /*color: #FFCE31;*/
}

div.row span.label span.invalide
{
  color: #f00;
}

span.rougeGras
{
  color: #f00;
  font-weight: bold;
}

div#confirm div.row span.label
{
  width: 160px;
}

div.row span.formw
{
  float: right;
  width: 205px;
  width: 300px;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
} 

div.spacer
{
  clear: both;
}

div.marges
{
  margin: 0px 0px 0px 189px;
  padding: 6px;
}

div.sous_titre, h1
{
  font-size: 16px;
  font-weight: bold;
  color: #900;
  padding-bottom: 5px;
}

div.sous_titre_2, h2
{
  font-size: 14px;
  font-weight: bold;
  /*color: #000;*/
  /*padding-bottom: 5px;*/
}

h1
{
  margin: 2em 0;/**/
/*
      <h2 style="padding: 3px;
                 color: black;
                 border: 1px solid black;
                 border-width: 1px 0;
                 font-size: 10.5pt;
                 font-weight: bold;">NOS CLIENTS</h2>
  font-size: 16px;
  font-weight: bold;
  color: #900;
  padding-bottom: 5px;
  */
}

h2
{
  margin: 1.7em 0;/**/
}

div.footnote
{
  font-size: 10px;
}

div#erreur
{
  /*background-image: url("images/erreur_404.jpg");*/ 
}

/* Images des vidéos (Liquid Layout) */
div.medaillon
{
  width: 164px;
  height: 164px;
  text-align: center;
  margin: 15px;
  float: left;
  /*cursor: pointer;*/
}

span.new
{
  color: #c33;
}

div.texte_medaillon
{
  border: 1px solid #333;
  border-top-style: none;
  padding: 5px;
  /* Simule les liens sur la page */
  /*text-decoration: underline;
  color: #900;*/
}

.imageMedaillon
{
  border: 1px solid #333;
}
/* FIN: Images des vidéos (Liquid Layout) */

div.container
{
  /*border: 1px dotted #333;
  background-color: #F0C359;*/
}

/*
  CENTRER VERTICALEMENT:
    http://www.wpdfd.com/editorial/wpd0103.htm#toptip
*/
#horizon        
{
  background-color: transparent;
  position: absolute;
  top: 50%;
  left: 0px;
  width: 100%;
  height: 1px;
  overflow: visible;
  visibility: visible;
  display: block
}

#contenu
{
  background-color: transparent;
  position: absolute;
  left: 50%;
  visibility: visible;
/* À placer en CSS Inline car ces données sont différentes pour chaque page.
  margin-left: -160px;
  top: -120px;
  width: 320px;
  height: 240px;
*/
}
/* FIN: CENTRER VERTICALEMENT */

div#fermer
{
  margin: 5px;
  text-align: center;
}

div#fermer img
{
  margin-right: 7px;
  vertical-align: middle;
}

/* REVUE DE PRESSE */
div#cadre
{
  margin: 15px;
}

hr
{
  /*width: 95%;*/
  height: 1px;
  border: none;
  background-color: black;
}
/*
hr{width:80%;height:5px;border-bottom:5px solid green;}
hr{width:80%;height:5px;color:green;background-color:green;border:none;}
*/

div#cadre h1
{
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin: 0px;
}

div#auteur, div#source
{
  text-align: center;
}

div#source
{
  font-size: 10px;
}

div.image
{
  float: right;
  margin: 0px 0px 10px 10px;
  /*border: 1px dotted #f00;*/
}

div.image img
{
  border: 1px solid #000;
}

div.caption
{
  font-size: 10px;
  font-weight: bold;
}

div#topImprimerEtFermer
{
  margin: 5px;
  text-align: right;
  position: absolute;
  top: 0px;
  right: 0px;
}

div#bottomImprimerEtFermer
{
  text-align: center
}

div#bottomImprimerEtFermer img
{
  vertical-align: middle;
}

div.nouvelle
{
  text-align: justify;
}
/* FIN: REVUE DE PRESSE */

/* GOOGLE SITE SEARCH */
div.google
{
  float: right;
}

div.google img.imageGoogle
{
  border-style: none;
  vertical-align: top;
}

div.logoGoogle
{
  margin: 5px;
}

/*div.topGoogle
{
  background-image: url("images/gradient_top.gif");
  background-repeat: repeat-x;
}

div.bottomGoogle
{
  background-image: url("images/gradient_bottom.gif");
  background-repeat: repeat-x;
}

div.rightGoogle
{
  background-image: url("images/gradient_right.gif");
  background-repeat: repeat-y;
}*/

div.alignRight
{
  text-align: right;
}
/* FIN: GOOGLE SITE SEARCH */

.videoQuicktime
{
  float: right;
  margin: 0px 2px;
}

.videoQuicktime img
{
  border: none;
}

.videoWindowsMediaPlayer
{
  float: right;
  margin: 0px 2px;
}

.videoWindowsMediaPlayer img
{
  border: none;
}

.links
{
  margin: 10px 5px;
  padding: 5px;
  background-color: #ECBD4D;
  border: 1px solid #333;
}

.bloc
{
  margin: 10px 5px;
  padding: 0;
  background-color: #ECBD4D;
  border: 1px solid #333;
}

.links p
{
  margin-top: 1%;
}

.logoLinks
{
  float: left;
  margin: 5px;
  width: 225px;
  text-align: center;
  height: 100%;
}

.descriptionLinks
{
	margin:0px 50px 50px 225px;
	margin:0px 0px 0px 225px;
	padding:10px;
  /*float: left;*/
}

.descriptionLinks a
{
  font-size: 10px;
}

/*
  Permet de corriger un bug dans IE6.
  http://www.evolt.org/article/MSIE6_bug_with_floating_divs_and_spacers/17/23899/
*/

h1, h2, h3, h4, h5, h6, p {
  position: relative;
} 

