/*************************************/
/* feuille de style : general.css    */
/*                                   */
/* affichage commun des balises HTML */
/* mise en page / placement des DIV  */
/*************************************/ 

/***************************************/
/*            balise HTML              */
/***************************************/

HTML, BODY {
  background: #1730A6 !important;
  margin: 0;
}

IMG {
  border-style: none;
  margin: 0;
}

A {
  text-decoration: none;
}

A:hover {
  text-decoration: underline;
}

/***************************************/
/*         Blocs de la page            */
/***************************************/

#global {
  width: 100% ;
  min-height: 100% ;
}

#conteneur-principal {
  /* taille */
  width: 900px ;
  min-height: 100% ;
  /* position */ 
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -450px ;
  z-index: 2 ;
  /* proprietes */
  background: white url(/includes/pict/fond-conteneur-principal.jpg) repeat-y top left ;
}

#fond-gauche {
  /* taille */
  width: 50% ;
  height: 100% ;
  /* position */
  position: absolute;
  top: 0;
  left: -50%;
  z-index: 1;
  /* proprietes */
  background: #1730A6 url(/includes/pict/fond-raye.gif) repeat top left ;
}

#banniere {
  /* taille */
  width: 890px ;
  height: 121px ;
  /* position */ 
  position: absolute ;
  top: 0px ;
  left: 10px ;
  z-index: 100 ;
  /* proprietes */
  background: white url(/includes/pict/bord-bas.jpg) repeat-x bottom  left ;
}

#cadre-droit-banniere {
  /* taille */
  width: 10px ;
  height: 100% ;
  /* position */
  float: right ;
  /* proprietes */
  background: #C00002 url(/includes/pict/bord-droit.jpg) repeat-y top left ;
}

#logo-banniere {
  /* position */
  position: absolute ;
  top: 16px ;
  left: -31px ;
  z-index: 5 ;
  background: transparent; 
}

#coin-bas-droit {
  /* taille */
  width: 20px ;
  height: 32px ;
  /* position */
  position: absolute ;
  top: 91px ;
  left: 872px ;
  z-index: 5 ;
  /* proprietes */
  background: transparent url(/includes/pict/coin-bas-droit.jpg) no-repeat bottom right ;
}

#titre {
  /* position */ 
  position: absolute ;
  top: 105px ;
  right: 140px ;
  margin: 0;
  z-index: 100 ;
  /* texte */
  font-family: Arial ;
  font-size: 40px ;
  font-weight: bold ;
  color: white;
  letter-spacing : 10px;
  text-align: right;
  text-transform: lowercase;
}

#menu {
  /* taille */
  height : 30px ;
  /* position */
  position: absolute ;
  bottom: 19px ;
  right: 10px ;
  z-index: 100 ;
  /* proprietes  */
  /* cf menu.css */
}

#blank {
  width: 1px;
  height : 121px;
}

#principal {
  /* taille */
  width: 900px ;
  /* position */ 
  /*position: relative ;
  top: 121px ;
  left: 0px ;*/
  /* proprietes */
  background: transparent;
}

#colonne-gauche  {
  /* taille */
  width: 750px ;
  /* proprietes */
  background: transparent url(/includes/pict/bord-haut.jpg) repeat-x top left ;
}

#coin-haut-droit {
  /* taille */
  width: 20px ;
  height: 32px ;
  /* position */
  position: absolute ;
  top: 119px ; /* 121-2 */
  left: 742px ;
  z-index: 5 ;
  /* proprietes */
  background: transparent url(/includes/pict/coin-haut-droit.jpg) no-repeat bottom right ;
}

#page, #une_colonne {
  /* taille */
  width: 720px ;
  /* position */ 
  padding: 35px 0 10px 20px;
  /* cf page.css */
}

#page .colonne1 {  
  /* taille */
  width: 280px ;
  float: left;
  /* proprietes */
  margin-right: 5px;
}

#page .colonne2 {  
  /* taille */
  width: 430px ;
  /* position */ 
  float: right;
  /* proprietes */
  margin-left: 5px;
}

#retour_haut {
  clear: both;
}

#retour_haut A {
  float: right;
  font-family: "Trebuchet MS", Arial ;
  font-weight: normal ;
  font-style: italic;
  color: #1730A6;
  font-size: 12px ;
}

#partenaires {
  /* taille */
  height: 80px;
  /* position */
  clear: both;
  /* proprietes */
  /* cf partenaires.css */
}

#colonne-droite {
  /* taille */
  width: 130px ;
  /* position */ 
  position: absolute ;
  top: 135px ;
  right: 10px ;
  z-index: 50;
  /* proprietes */
  /* cf colonne-droite.css */
}

/*************************************************************************/
/******************************** PRINT **********************************/
/*************************************************************************/

@media print {

/***************************************/
/*            balise HTML              */
/***************************************/

HTML, BODY {
  background: white !important;
  margin: 5;
}

A {
  text-decoration: underline;
}

/***************************************/
/*         Blocs de la page            */
/***************************************/

#global {
  width: 80% ;
  min-height: 100% ;
}

#conteneur-principal {
  /* taille */
  width: 100% ;
  min-height: 100% ;
  /* position */ 
  position: absolute;
  top: 0;
  left: 0;
  margin: 0px ;
  z-index: 2 ;
  /* proprietes */
  background: white;
}

#fond-gauche {
  display: none ;
}

#banniere {
  /* taille */
  width: 100% ;
  /* position */ 
  position: absolute ;
  top: 0px ;
  left: 10px ;
  z-index: 100 ;
  /* proprietes */
  background: white ;
}

#cadre-droit-banniere {
  display: none ;
}

#logo-banniere {
  display: none ;
}

#coin-bas-droit {
  display: none ;
}

#titre {
  /* position */ 
  top: 5px ;
  /* texte */
  color: black;
}

#menu {
  display: none ;
}

#blank {
  display: none ;
}

#principal {
  width: 100% ;
}

#colonne-gauche  {
  width: 100% ;
  background: transparent ;
}

#coin-haut-droit {
  display: none ;
}

#page, #une_colonne {
  width: 100% ;
  /* cf page.css */
}

#page .colonne1 {  
  /* taille */
  width: 40% ;
  float: left;
  /* proprietes */
  margin-right: 5px;
}

#page .colonne2 {  
  /* taille */
  width: 60% ;
  /* position */ 
  float: right;
  /* proprietes */
  margin-left: 5px;
}

#retour_haut {
  clear: both;
  display: none ;
}

#partenaires {
  /* taille */
  height: 80px;
  /* position */
  clear: both;
  /* proprietes */
  /* cf partenaires.css */
}

#colonne-droite {
  display: none ;
}

}