* {margin :0; padding : 0;}
body { font-family: Arial,Helvetica,Verdana,Geneva,sans-serif; font-size: 12px; background-color: rgb(218,218,218); text-align: justify; }
a { text-decoration: none; }
a:link { text-decoration: underline; color: black }
a:visited { color: black ; text-decoration: underline;}
a:hover { color: rgb(170,170,170); text-decoration: underline; }
img { border: none; vertical-align:middle }
table { margin : 0 auto }
ul { margin-left: 25px }
ol { margin-left: 25px }

textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px }

div.all {position : absolute; width: 100%; border : none; top:0; left: 0; right: 0;}
div.IE { position: absolute; top: 20px; left: 620px; right:135px; background-color: orange; text-align:center; color: black; font-size: 11px; border: 1px dashed red; padding: 2px; z-index: 100}
div.pub_db { position: absolute; top: 20px;  left: 600px; right:150px; text-align:center; z-index: 100}

span.header2 { position: absolute; top: 100px; width: 80%; background-image: url('images/menu/titres_background_n.jpg');  height: 20px; left:150px; z-index:1; padding-left:20px; right: 0; color:white; }
span.header2 a:link, span.header2 a:visited, span.header2 a:hover { color: white; text-decoration: none; }
div.connexion { display: inline; position: absolute; top: 100px; text-align: center; background-image: url('images/menu/background_b.gif'); background-position: 35px 0px; background-repeat: repeat-x; height: 20px; width: 200px; right:0px; z-index:2; color:white; }
img.connexion_left { position: absolute; right: 200px; top:100px; z-index:2 }

table.liste_membre { text-align: center; margin: 0 auto; font-size: 13px }
table.liste_membre tr:hover { background-color: rgb(201,201,201) }
table.liste_membre p.hover:hover, table.liste_membre p.avatar:hover { border: none; cursor: help; }
table.liste_membre p.hover span, table.liste_membre p.avatar img.avatar { display: none; font-size: 10px }
table.liste_membre p.hover:hover span { display: block; position: absolute; padding: 3px; z-index:5; color: black; border: 1px solid black; background-color: white; font-size: 10px; text-align: left; min-width: 200px}
table.liste_membre p.avatar:hover img.avatar { display: block; position: absolute; padding: 3px; z-index:5;}


div.header { position:absolute; top: 0; left: 0; width: 100%; height: 100px; background-color: rgb(249,249,249);}
div.header p.menu { position: absolute; top: 20px; right: 20px; text-align: right; font-family: "Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif; }
div.header p.menu a { border-right: 2px solid black; border-bottom: 1px solid black; display: block; padding-right: 3px; margin-bottom: 1px; border-right: 2px solid; border-bottom: 1px solid ;}
div.header p.menu a:link {border-color: black; text-decoration: none; }
div.header p.menu a:visited { border-color: black; text-decoration: none;}
div.header p.menu a:hover { border-color: grey; text-decoration: none;}
div.connexion a, div.connexion a:link, div.connexion a:visited, div.connexion a:hover { color: white; text-decoration: none;}

p.footer { border-top: 1px solid silver; position: absolute; bottom:0; text-align:center; width: 100%; left: 0; right:0;}

div.rubriques { font-size:12px;position : absolute; left: 0; top: 100px; width: 150px; background-color: white; z-index:2}
div.contenu { font-size:14px; position : absolute; min-height: 400px; top: 100px; left: 150px; right : 0; border: 1px solid silver; padding:10px; background-color: white; padding-bottom: 50px; z-index:0; padding-top: 30px}
div.contenu p { margin-bottom: 5px}
div.pages_small { font-size:10px; background-color: white; z-index:2 }

span.titre { background-image: url('images/menu/titre.jpg'); display:block; height: 20px; text-align:center; font-weight: bold; }

div.rubriques a { display:block; min-height: 20px;  padding-left:5px; z-index: 3}
div.rubriques a:link, div.rubriques a:visited { text-decoration: none; border-top: 1px solid white; border-bottom: 1px solid white; }
div.rubriques a:hover, div.rubriques div.pages_small a:hover  { color: black; background-color: rgb(238,238,238); border-top: 1px solid rgb(221, 221, 221); border-bottom: 1px solid rgb(221, 221, 221); }
div.rubriques p.galerie { text-align: center; margin: 0; padding: 0; padding-top: 7px; margin-top: 4px; border-top: 1px solid rgb(221, 221, 221) }

div.pages_small a { display:block; margin: 0; min-height: 10px; padding: 0;  padding-left:15px; z-index: 3}
div.pages_small a:link, div.pages_small a:visited { text-decoration: none; border-top: 1px solid white; border-bottom: 1px solid white; }

div.commentaire { position: relative; width: 530px; margin-left: 50px; background-color: white; height: 150px }
div.commentaire p.titre { width: 100%; background-image: url('images/menu/titre.jpg'); margin: 0 0 0 0; height: 20px}
div.commentaire p.auteur { position: absolute; width: 130px; background-color: RGB(229,229,229); top: 20px; right: 400px; left: 0; height: 129px; text-align:center; font-size: 12px}
div.commentaire p.texte { position: absolute; width: 400px;  background-color: RGB(243,243,243); top: 20px; right: 0; left: 130px; height: 129px; overflow: auto; }
div.news p.commentaires { font-size: 11px; margin-left: 30px; margin-top: 20px }
div.news p.commentaires a {  text-decoration: none; }

tables.partenaires { font-size: 14px;  border: none; width: 90%; text-decoration: none; }
table.partenaires tr td { width: 25%; border: none; vertical-align:middle; padding: 10px; text-align:left;}
table.partenaires a:link, table.partenaires a:visited, table.partenaires a:hover { text-decoration: none; } 
table.partenaires img { margin: 3px; float: left }

table.pages { font-size: 12px;  border:none; width: 100% }
table.pages tr td { width: 50%; border: none; vertical-align:middle; padding: 5px;}
table.pages tr td img { float: left; margin-right: 5px; }
table.pages tr td img.limited { width: 100px; height: 60px; }
table.pages tr td a span { display: block; font-size: 11px; color: black; font-weight: normal }
table.pages tr td a { font-weight: bold ; }
table.pages tr td a:link, table.pages tr td a:visited, table.pages tr td a:hover { text-decoration:none; }

tr.ligne_1 { background-color: silver; }
tr.ligne_0 { background-color: rgb(218,218,218); }

/* Style */
h2,h3,h4 {text-align:left;}
h1,h2,h3 {clear:both;}
h1 {font-size: 30px;text-align:center;color:black;margin-bottom:35px;font-variant:small-caps;}
h2 {font-size: 18px;color:#FF0000;margin:15px 0 10px 0 ;border-bottom:solid 1px;font-weight:normal;}
h3 {font-size: 15px;color:#000099;margin:10px 0 0 20px;font-weight:bold;}
h4 {font-size: 13px;color:black; margin:6px 0 0 25px; text-decoration:underline; font-weight:normal}

/*.MAJ { font-size: 12px; text-align:center; font-family:Arial, Helvetica, sans-serif; margin-top:0.2em; }*/
div.contenu  .introduction { font-size: 15px; text-align:justify; font-weight:bold; margin-bottom:20px; text-transform:uppercase; }
*.introduction:first-letter {font-family:Castellar, sans-serif; font-size:20px;margin-left:30px;}

ul.dernieres_news, ul.derniers_articles {list-style-type: none; margin-left: 0 ; font-size: 12px }
ul.dernieres_news li, ul.derniers_articles li { margin: 0; }
ul.dernieres_news li a, ul.dernieres_news li a:visited, ul.derniers_articles li a:link, ul.derniers_articles li a:visited { text-decoration: none; }
/*ul.dernieres_news li {margin-left: 0px; padding: 0px }*/
p.news_archives_liste { display: none; position: absolute; background-color: white; z-index: 100; padding: 3px;  }
p.news_archives_liste a { display: block; text-decoration: none}
div.news_archives_liste_link:hover .news_archives_liste { display: block; position: absolute; width: 150px; right: 0; }
div.news { margin-left: 10%; margin-right: 10%; margin-bottom: 20px; clear: both; }
div.news p.titre { padding-left: 15px; color: rgb(21,14,156); font-size: 18px; font-weight: bold }
div.news p.infos { font-weight:bold; color: black; font-size: 11px; }
div.news p.texte { color: black; font-size: 12px; }
div.news p.texte a:link, div.news p.texte a:visited { color: rgb(24, 16, 180) }
div.news p.texte a:hover { color: rgb(16, 11, 125); text-decoration: underline; }

/*ul.news_recap { text-align:left; font-size:0.8em; font-family:Arial, Helvetica, sans-serif;list-style-type:none}
ul.news_recap a, tr.news_commentaires a { color:black}
tr.news_commentaires {text-align:center; font-size:0.7em;}*/

*.choix_titre {font-size: 15px;color:#000099;border: 1px dotted;display:block; text-align:center; margin-bottom: 0.5em;padding:2px;font-weight:bold}
*.choix {color: black; border-style:solid; border-color:gray; border-width: 1px 3px 5px 3px;margin:2em 15% 1em 15%;width:auto;text-align:justify;padding:15px; background-color:white}
*.avertissement_titre {font-size: 12pt;color:red;border: 1px dotted;display:block; text-align:center; margin-bottom: 0.5em;padding:2px;text-decoration:blink;}
*.avertissement {color: black; border-style:solid; border-color:red; border-width:  1px 3px 5px 3px;padding:15px;margin:40px 15% 15px 15%;width:auto;text-align:justify;background: url('images/menu/warning.png') no-repeat white 10px 10px;}
/**.code {font-family:Courier New, Courier, serif; color:black;font-weight:bold;font-size:0.85em;vertical-align:middle}
p.commentaires {clear:both; border-top:black 1px dashed;margin-top:1em;padding-top:0.5em}*/
div.choix p.choix_cri {margin-top:14px; font-size: 14px }
div.choix p.choix_cri:first-line {font-weight:bold;font-variant:small-caps;}

img.marges { margin:10px;border-style:none;}
img.droite { margin:10px; float:right;border-style:none;}
img.gauche { margin:10px; float:left;border-style:none;}

table.none { background-color: rgb(212,208,200)}
table.none input { margin: 0; padding: 0;  }
/*div.pages a span { display:none;}
div.pages a:hover span { display:block; font-size: 0.8em; position: absolute; padding: 2px; color: #AAA; background: black; text-decoration: none; text-align: center; }
*/

#recherche { position: absolute; right: 250px; top: 101px; margin: 0; padding: 0; z-index: 100; }
#foo { border: 1px solid white; background-color: transparent; color: white; height: 16px; }
#zoneResultats { position: absolute; left: -25px; background-color: white; border: 1px solid silver; width: 200px; padding: 5px 0; top: 20px; visibility: hidden; }
#zoneResultats a, #zoneResultats a:link, #zoneResultats a:visited { color: black; text-decoration: none;  display: block; padding-left: 15px }
#zoneResultats a:hover { color: black; background-color: rgb(238,238,238); }

form.liste_proc a span { display: none; }
form.liste_proc a:hover span { display: inline; }
table.processeur_detail { background-image: url('fond_cpu.jpg'); width: 390px; height: 415px; border: 0; border-spacing:0; font-size: 11px }
table.processeur_detail td, table.processeur_detail tr td { border: 0px solid black; }
table.processeur_detail td table.sous_tab td { padding: 2px; font-size: 11px}
table.processeur_detail td table.sous_tab td input { background-color: transparent; border: 1px inset silver; color: blue; text-align:center; width: 100%; font-size: 10px}
table.processeur_detail td table.sous_tab td { text-align: right; padding-right: 5px; }

a.mycircle_lien { text-decoration: none; margin-top: -5px }

.code_c {
	font-family: Courier, 'Courier New', sans-serif; font-size: 0.9em; color: red;
	background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; padding: 2px; text-align:left
}
span.code_c { text-align:center }
div.code_c { width:auto; text-align:left; padding: 5px 12px; margin: 0.6em 5em 1.2em 3.5em }