body {margin:0; font-family:"Trebuchet MS", Helvetica, sans-serif; background: url(images/background.jpg) no-repeat #FFffff;}
a:hover {text-decoration:none;}

/* le contenant du site, avec l' entête et le corps; mais avant le footer*/
#container {width:974px; margin:0 auto; margin-top:20px;  background-color: #000000;}

/* header : c'est la bannière du site (image) ou le texte avec le nom du site */ 
/* si l' entête est du texte : #header a {color:#FFcc00; text-decoration:underline; text-transform:uppercase; font-size:40px; font-weight:bold;}*/
#header{ text-align: center;  background-color: transparent; margin: 20px 0 -185px 0;} 
#header img {border:0px; text-align: center;} 

/* menu de navigation - horizontal */
#menu {margin: 180px 0px 20px 0px; background-color: #8AAFD9;} /* placement du menu par rapport au haut du #corps/haut de la page*/
#menu ul {padding:0; margin:0 0 0 20px; height:35px;}
#menu li {list-style:none; float:left; padding:0 15px; /*background-color: #ffcc00;*/}
#menu a {color:#0000ff; text-decoration:underline; font-size:16px; line-height:32px; font-weight: bold; text-transform:uppercase;}
#menu a:hover {border-bottom:2px solid; background-color: #ffeb99; color: #000000;}


/* textes du centre de la page */
#corps {font-size:14px; line-height:16px; color:#FFEB99;} /*texte centre page*/
.capitalize {text-transform: uppercase; font-weight: bold;}

/* menu à droite de la page : coordonnées, services etc..*/
#menudroit {float:right; width:204px; margin-right: 15px;}
#menudroit h3 {text-transform:uppercase; font-size:18px; margin:10px 0 7px 20px; color: #ffcc00;} /*titre des colonnes de droite : ESPACE PC09 et ASSISTANCE*/
#menudroit h4 {text-transform:uppercase; font-size:12px; margin:0 0 7px 20px; color: #ffcc00;}/*texte coordonnées colonne droite*/
#menudroit a {color: #ffcc00; font-size: 14px; text-transform:lowercase;} /*lien colonne de droite espacepc09@aol.com*/
#menudroit ul {margin:0; padding:0;} /*positionnement de la liste dans le menudroit : liste "depannages, formations, sites web, vente meteriels etc...*/
#menudroit li {margin-left:40px; color: #FFEB99; list-style: disc;
;} /* idem */

/* positionnement du texte dans le #corps */
#text {padding:10px 281px 30px 37px; line-height:20px; text-align: justify;}
#text h1, #text h2 {font-size:20px; font-weight:normal; text-transform:uppercase; margin:20px 0 10px 0;} /* propriétés titres dans le #corps */
#text ul {margin-top:8px; margin-bottom:8px;}
#text li {margin-left:0px; color: #FFEB99; list-style:disc;} /* idem */
#text br {line-height:8px;}
#text dd {margin: 0 0 0 10px;}

/* le footer : barre "défilante" et copyright */
#footer {clear:both; height:160px; background:url(images/footer2.jpg) no-repeat; font-size:11px; color:#21334A;}
#footer a {color:#000000;}
#footer_defilement {padding:15px 55px 0 55px; text-transform:uppercase; color:#000000; font-size: 18px; font-weight: bold; text-align: center;}
#left_footer {float:left; padding:36px 0 0 37px;}
#right_footer {float:right; padding:36px 37px 0 0;}

/* les blocs de coordonnées et infos légales qu'il y a dans la page index.html*/
#text h3 {font-size:18px; font-weight:normal; text-transform:uppercase; margin:20px 0 10px 0; color: #FFEB99;} /*titre coordonnées et infos légales index.html*/
#bloccorps a {color:#FFEB99; text-decoration:underline; font-size:14px; line-height:24px; font-weight: bold; text-transform:lowercase;}
#bloccorps a:hover {border-bottom:2px solid; background-color: #FFEB99; color: #000000;}

/* pour titres page produits.html */
#text h4 {font-size:16px; font-weight:bold; text-transform:none; margin: 0 0 5px 0; color: #FFEB99;} 

/* pour les thumbshots */
#thumbshot {width: 100%; border: 1px solid #FFEB99; text-align: center; padding:10px 0 0 0; margin:10px 0 10px 0;} /* propriétés tableau encadrant les thumbshots */
#thumbshot_legende a {border:0px; text-align: center; color: #8AAFD9; text-decoration: none;} 
#thumbshot_legende a:hover {border:0px; text-align: center; color: #ffcc00; text-decoration: none;} 
#thumbshot img {border : 2px solid #8AAFD9; padding: 3px;}
#thumbshot img:hover {border : 2px solid #ffcc00; padding: 3px;}

/* pour placer le div "pcassemble" dans page produits.html */
#pcassemble {float:right; margin: 45px 25px 0 0; border: 2px solid #8AAFD9; padding: 3px;}

/* Pour les zones de textes et le texte de la page formulaire_devis.php*/
input, textarea { font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 12px;} /* On modifie la police du texte tapé l'intérieur des champs */
input:focus, textarea:focus {background-color: #8AAFD9; } /* Quand le curseur est sur un champ */
label {color: #ffeb99;  }/* propriétés des textes annoncant ce qu'il faut remplir dans le formulaire */
legend {margin-left: 30px; font-family: "Trebuchet MS", Helvetica, sans-serif; color: #FFeb99; font-weight: bold; font-size: 16px; text-transform:uppercase;}/* On met un peu plus en valeur les titres des fieldset */
fieldset {background-color: #000000; padding-left: 15px; margin: 0 0 0 0;}/* le fieldset encadre les formulaires - Une marge pour séparer les fieldset */

/* style "rss" pour les liens de la page news.php */
#rss ul {}
#rss li {margin-left:0px; color: #FFEB99; list-style:disc; padding: 0 0 0 0;}				
#rss a {color: #ffeb99; text-decoration: none;text-transform:uppercase;} /* principalement pour les liens de la page news.php */
#rss a:hover {color: #8AAFD9; text-decoration: underline;text-transform:uppercase;}