/*********************************************************/
/* corps *************************************************/
/*********************************************************/
body
 {
  margin:5px;
  border:5px;
  padding:0px;

  font-family:Verdana;
/* Taille définitive : 12px !!! */
  font-size:12px;
  background-color:rgb(137,158,201);
  background-image:url(images/fond_page.png);background-repeat:repeat-x;
  color:black;
 }

/*********************************************************/
/* page **************************************************/
/*********************************************************/
#page
 {
  margin:0px auto;
  border:0px solid rgb(255,255,255);
  padding:0px;
  width:900px;
  background-color:white;
 }

#page_haut
 {
  margin:0px;
  border:0px;
  padding-right:18px;
  height:80px;
  background-image:url(images/fond_haut.png);background-repeat:no-repeat;
  text-align:right;
  font-size:10px;
  font-weight:bold;
  color:white;
 }

#page_haut h1
 {
  margin:0px;
  border:0px;
  padding:0px;
  color:rgb(50,50,150);
  font-size:17px;
 }

#page_haut h6
 {
  margin:0px;
  border:0px;
  padding:0px;
  color:rgb(200,50,0);
  font-size:20px;
 }

#page_menu
 {
  margin:0px;
  border:0px;
  padding:0px;
  height:40px;
  background-image:url(images/menu-bleu-5.png);background-repeat:no-repeat;
  font-size:12px;
 }

#page_sous-menu-2
 {
  margin:0px;
  border:0px;
  padding:0px;
  height:40px;
  background-image:url(images/menu-orange-2.png);background-repeat:no-repeat;
  font-size:12px;
 }

#page_sous-menu-3
 {
  margin:0px;
  border:0px;
  padding:0px;
  height:40px;
  background-image:url(images/menu-orange-3.png);background-repeat:no-repeat;
  font-size:12px;
 }

#page_sous-menu-4
 {
  margin:0px;
  border:0px;
  padding:0px;
  height:40px;
  background-image:url(images/menu-orange-4.png);background-repeat:no-repeat;
  font-size:12px;
 }

#page_sous-menu-5
 {
  margin:0px;
  border:0px;
  padding:0px;
  height:40px;
  background-image:url(images/menu-orange-5.png);background-repeat:no-repeat;
  font-size:12px;
 }

#page_bas
 {
  margin:0px;
  border:0px;
  padding:0px;
  height:25px;
  background-image:url(images/fond_bas.png);background-repeat:no-repeat;
  color:#da923F;
  text-align:center;
  font-size:3px;
  font-weight:bold;
 }

#page_bas a
 {
  color:rgb(75,75,75);
  font-size:12px;
 }

/*********************************************************/
/* Accueil ***********************************************/
/*********************************************************/
#accueil
 {
  margin:0px;
  border:0px;
  padding:0px;
  height:420px;
 }

#accueil h3
 {
  margin:0px;
  border:0px;
  padding:0px;
  color:rgb(200,50,0);
  font-size:20px;
 }

#accueil h4
 {
  margin:0px;
  border:0px;
  padding:0px;
  color:rgb(50,50,150);
  font-size:17px;
 }

#accueil p
 {
  margin:0px;
  border:0px;
  padding:0px;
 }

#accueil a
 {
  font-weight:bold;
 }

#accueil_actualites
 {
  float:left;
  margin:4px;
  border:1px solid white;
  padding:5px;
  width:150px;
  height:170px;
  background-image:url(images/fond_actualites.png);background-repeat:no-repeat;
  text-align:justify;
 }

#accueil_articles
 {
  float:left;
  margin:4px;
  border:1px solid white;
  padding:5px;
  width:150px;
  height:200px;
  background-image:url(images/fond_articles.png);background-repeat:no-repeat;
  text-align:justify;
 }

#accueil_principal
 {
  float:right;
  margin:4px;
  border:1px solid white;
  padding:5px;
  width:700px;
  height:340px;
  background-image:url(images/fond_intro.png);background-repeat:no-repeat;
 }

#accueil_principal p
 {
  font-size:13px;
  font-weight:normal;
 }

#accueil_logiciel
 {
  float:left;
  margin:4px;
  border:1px solid white;
  padding:5px;
  width:150px;
  height:200px;
  background-image:url(images/fond_articles.png);background-repeat:no-repeat;
 }

#accueil_realisation
 {
  float:left;
  margin:4px;
  border:1px solid white;
  padding:5px;
  width:150px;
  height:200px;
  background-image:url(images/fond_articles.png);background-repeat:no-repeat;
  visibility:hidden;
 }

#accueil_argumentaire
 {
  float:right;
  margin:4px;
  border:1px solid white;
  padding:5px;
  width:700px;
  height:30px;
  background-image:url(images/fond_argumentaire.png);background-repeat:no-repeat;
  text-align:center;
 }

#accueil_argumentaire h2
 {
  margin:0px;
  border:0px;
  padding:0px;
  color:rgb(200,50,0);
  font-size:12px;
  font-weight:bold;
 }

/*********************************************************/
/* Ecran ***********************************************/
/*********************************************************/
#ecran
 {
  margin:0px;
  border:0px;
  padding:0px;
  height:420px;
 }

#ecran_explication
 {
  float:left;
  margin:4px;
  border:1px solid #DA933F;
  padding:5px;
  width:690px;
  text-align:justify;
 }

#ecran_argumentaire
 {
  float:right;
  width:160px;
  margin:4px;
  border:1px solid white;
  padding:5px;
  text-align:right;
 }

#ecran h1
 {
  margin:2px;
  border:0px;
  padding:5px;
  color:rgb(50,50,150);
  font-size:20px;
 }

#ecran h2
 {
  margin:2px;
  border:0px;
  padding:5px;
  color:rgb(200,50,0);
  font-size:20px;
 }

#ecran p
 {
  margin:2px;
  border:0px;
  padding:5px;
 }

#ecran_argumentaire p
 {
  color:red;
  font-size:14px;
 }

/*********************************************************/
/* logiciel **********************************************/
/*********************************************************/

#logiciel
 {
  margin:0px;
  border:0px;
  padding:0px;
 }

#logiciel_explication
 {
  float:left;
  margin:4px;
  border:1px solid #DA933F;
  padding:5px;
  width:690px;
 }

#logiciel_explication h2
 {
  margin:2px;
  border:0px;
  padding:5px;
  color:rgb(50,50,150);
  font-size:20px;
 }

#logiciel_explication h3
 {
  margin:2px;
  border:0px;
  padding:0px;
  color:rgb(200,50,0);
  font-size:17px;
 }

#logiciel_explication h6
 {
  margin:2px;
  border:0px;
  padding:0px;
  font-size:18px;
  color:rgb(200,50,0);
  text-align:center;
 }

#logiciel_explication p
 {
  margin:2px;
  border:0px;
  padding:5px;
 }

#logiciel_docs
 {
  margin:4px;
  border:1px solid white;
  padding:5px;
  float:right;
  width:150px;
  text-align:center;
 }

/*********************************************************/
/* exemple ***********************************************/
/*********************************************************/

#exemple
 {
  margin:0px;
  border:0px;
  padding:0px;
 }

#exemple_centre
 {
  border:1px solid white;
  text-align:center;
 }

#exemple_gauche
 {
  float:left;
  border:1px solid white;
  width:49%;
  text-align:center;
 }

#exemple_droite
 {
  float:right;
  border:1px solid white;
  width:49%;
  text-align:center;
 }

#exemple_centre h2
 {
  margin:0px;
  border:0px;
  padding:5px;
  color:rgb(50,50,150);
  font-size:20px;
 }

#exemple_centre h3
 {
  margin:2px;
  border:0px;
  padding:5px;
  color:rgb(200,50,0);
  font-size:18px;
 }

#exemple_centre p
 {
  margin:2px;
  border:0px;
  padding:5px;
 }

/*********************************************************/
/* contact ***********************************************/
/*********************************************************/
#contact
 {
  height:400px;
 }

#contact_gauche
 {
  margin:4px;
  border:1px solid white;
  padding:5px;
  float:left;
  width:200px;
  text-align:center;
 }

#contact_centre
 {
  margin:4px;
  border:1px solid #DA933F;
  padding:5px;
  float:left;
  text-align:center;
  width:430px;
  height:370px;
 }

#contact_droite
 {
  margin:4px;
  border:1px solid white;
  padding:5px;
  float:right;
  width:200px;
  text-align:center;
 }

#accueil h1
 {
  margin:0px;
  border:0px;
  padding:0px;
  color:red;
  font-size:18px;
 }

/*********************************************************/
/* liens *************************************************/
/*********************************************************/
#liens
 {
  height:400px;
  text-align:center;
 }

#liens_gauche
 {
  margin:4px;
  border:1px solid white;
  padding:5px;
  float:left;
  width:200px;

 }

#liens_centre
 {
  margin:4px;
  border:1px solid #DA933F;
  padding:5px;
  float:left;
  width:430px;
  height:350px;
 }

/*********************************************************/
/* Class *************************************************/
/*********************************************************/

.center
 {
  text-align:center;
 }

.en-avant
 {
  color:rgb(255,0,0);
  font-weight:bold;
  font-size:12px;
 }

/*****************************************************************
Menu horizontal de largeur fixe et centré
*****************************************************************/
#menu_horiz
 {
  list-style-type: none;
  margin: 0;
  padding: 0;
  border: 0;
 }

#menu_horiz li
 {
  float: left;
  width:180px;
  margin: 0px;
  padding: 0px;
  border: 0;
  text-align:center;
  font-size:110%;
  font-weight:bold;
 }

#menu_horiz li a:link, #menu_horiz li a:visited
 {
  display: block;
  color:rgb(255,255,255);
  margin: 0;
  padding: 4px 0px;
  border: 0;
  text-decoration: none;
  text-align:center;
 }

#menu_horiz li a:hover
 {
  background-color:transparent;
  color:#DA933F;
 }

/*****************************************************************
Sous Menu horizontal de largeur fixe et centré
*****************************************************************/
#menu_horiz_2
 {
  list-style-type: none;
  margin: 0;
  padding: 0;
  border: 0;
 }

#menu_horiz_2 li
 {
  float: left;
  width:180px;
  margin: 0px;
  padding: 0px;
  border: 0;
  text-align:center;
  font-size:110%;
  font-weight:bold;
 }

#menu_horiz_2 li a:link, #menu_horiz_2 li a:visited
 {
  display: block;
  color:rgb(20,20,20);
  margin: 0;
  padding: 4px 0px;
  border: 0;
  text-decoration: none;
  text-align:center;
 }

#menu_horiz_2 li a:hover
 {
  background-color:transparent;
  color:white;
 }

#auteur {background-color:transparent;color:rgb(137,158,201);font-size:6px;}