/*------------------*/
/* Chatre graphique */
/*------------------*/
/*-------------------------------------------------------------------------------------------------*/
/* DEFINITION CLASSE "body" POUR LA PAGE XHTML                                                     */
/*-------------------------------------------------------------------------------------------------*/
/*
 * Définie les paramhtres en standard de la balise "body"
*/
html, body
{
  height : 100%;
  width : 100%;
/*  overflow : auto;*/
}

/*
* Définie une couleur de fond ainsi qu'une image de fond dupliquer
*/
body.avant_garde
{
  color : #000000;/*couleur pour validation du CSS*/
  background-color : #e7e7e7; /*Couleur de fond de page*/
/*  background-image : url("p/Fond_Site-Logos-Marques.png"), url("p/Fond_Site.png"); Seulement pour HTML 5*/ /*http://www.CBTech.fr/*/
  background-image : url("p/Fond_Site5.png"); /*http://www.CBTech.fr/*/
  background-repeat : no-repeat; /*Image non répété*/
/*  background-position: left left, right center; Seulement pour HTML 5*/ /*Première image à gauche la deuxième centré*/
/*  background-position: center;*/ /*Image centré*/
}

/*
 * Définie une couleur de fond
*/
body.def-page
{
  color : #000000;/*couleur pour validation du CSS*/
  background-color : #e7e7e7; /*Couleur de fond de page*/
  font-family : "COMIC SANS MS", serif; /*Police*/
  font-size : 0.8em; /*Hauteur du caractére 0.80em*/
}


/*-------------------------------------------------------------------------------------------------*/
/* DEFINITION CLASSE "div" POUR LE MENU                                                            */
/*-------------------------------------------------------------------------------------------------*/
/*
 * Définie une couleur de fond
*/
div.menu_description
{
  color : #e50b0b;
  background-color : #b1b1b1; /*Coleur du fond*/
}

/*
 * Définie le rectangle dilimitant le menu
*/
div.menu_description
{
  border-width : 0.25em; /*Largeur de la bordure*/
  border-style : solid; /*Type de la bordure*/
  border-color : #e50b0b; /*Couleur de la bordure*/
  padding : 0.3em;
  text-align : justify; /*Type d'alignement du texte*/
}

/*-------------------------------------------------------------------------------------------------*/
/* DEFINITION CLASSE "div" POUR LES COLONNES                                                       */
/*-------------------------------------------------------------------------------------------------*/
/*
 *Fixe la position et dimension de la colonne image au quel on fait référence.
*/
div.colon-photo_g
{
  Width : 18em;  /*largeur*/
  float : left;  /*position*/
  margin-top : 0; /*5em ;*/
  margin-bottom: 5em;
  margin-left : 0;
  margin-right : 0;
}
div.colon-photo_c
{
  Width : 18em;  /*largeur*/
  float : none;  /*position*/
  margin-top : 0; /*5em ;*/
  margin-bottom : 5em;
  margin-left : 5em;
  margin-right : 5em;
}
div.colon-photo_d
{
  Width : 18em;  /*largeur*/
  float : right;  /*position*/
  margin-top : 0; /*5em ;*/
  margin-bottom : 5em;
  margin-left : 0;
  margin-right : 0;
}
/*
 *Fixe la position et dimension de la colonne texte au quel on fait référence.
*/
div.colon-text
{
  height : 22em; /*hauteur*/
  max-width : 60em;  /*largeur*/
  margin-right : 1em; /*marge ` droite*/
  /*float: left;*/  /*position*/
  text-align : left; /*aligne le texte ` gauche*/
}

div.colon-text_gauch
{
	text-indent : 0;
  text-align : left;
  margin : 0 0 16em 5em;/*0em 0em 16em 5em*/
}

/*-------------------------------------------------------------------------------------------------*/
/* DEFINITION CLASSE "div" POUR LA PAGE DE TEXTE                                                   */
/*-------------------------------------------------------------------------------------------------*/

/*
 *Défini la marge de gauche pour la page de texte.
*/
div.page
{
  margin-left : 17em; /* Valeur de la marge de gauche */
  margin-right : 0; /* Valeur de la marge de droite */
  height : 100%;
  overflow : auto; /* Modification pour internet explorer */
  /*Correspondance pour le moteur Netscape 4.x*/
  position : relative; /*L'option "absolute" est mal géré par Mozilla */
}

div.fond_ecran
{
  margin-left : 17em; /* Valeur de la marge de gauche */
  margin-right : 0; /* Valeur de la marge de droite */
  height : 100%;
  overflow : auto;/* Modification pour internet explorer */
  /*Correspondance pour le moteur Netscape 4.x*/
  position : relative; /*L'option "absolute" est mal géré par Mozilla */
  color : #000000;/*couleur pour validation du CSS*/
  background-color : #e7e7e7; /*Couleur de fond de page*/
  background : center url("p/SudOuest.jpg") no-repeat;
}

/*
 *Défini l'entête, le corps de texte, le pied pour la page de garde du site.
*/

div.header
{
  position : relative; /*L'option "absolute" est mal géré par Mozilla */
  text-align : center;
  top : 0.8em;
}

div.article
{
  position : relative; /*L'option "absolute" est mal géré par Mozilla */
  top : 30em;
  left : 35em;
  /*height : 100em;*/
}

div.footer
{
  position : relative; /*L'option "absolute" est mal géré par Mozilla */
  text-align : center;
  top : 35em;
}

/*-------------------------------------------------------------------------------------------------*/
/* DEFINITION CLASSE "img" POUR LES PAGES CONTENANT DES IMAGES DE MACHINES, DES BOUTONS            */
/*-------------------------------------------------------------------------------------------------*/
/*
 *Défini les paramhtres en standard de la balise "img".
*/
img
{
  border : 0;
  padding : 0;
}
/*
 *Défini la dimension maximale des images "machines outils, logiciel" dans les pages.
*/
img.dim-photo
{
  width : 200px; /*Largeur de l'image*/
  height : 150px; /*Hauteur de l'image*/
  padding : 0;
}
/*
 *Défini la dimension maximale des images "machines outils, logiciel" dans les pages.
*/
img.dim-photo-reduit
{
  width : 150px; /*Largeur de l'image*/
  height : 112.5px; /*Hauteur de l'image*/
  padding : 0;
}
/*
 *Défini la dimension maximale des boutons de retour en haut de page.
*/
img.dim-bouton
{
  width : 70px; /*Largeur de l'image*/
  height : 70px; /*Hauteur de l'image*/
}

/*-------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/