/* CSS Document */

* {
margin: 0;
padding: 0;
}

body 
	{
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 90%;
	background-color: #FFFFFF;
	background-image: url(https://www.x86-guide.net/Design/theme/Pentium/fond.jpg);
	background-position-y: 383px;
	background-repeat: repeat-y;
/*	scrollbar-face-color: #FFFFCC; 
	scrollbar-shadow-color: #000000; 
	scrollbar-highlight-color: white; 
	scrollbar-3dlight-color: Black; 
	scrollbar-darkshadow-color: #000000; 
	scrollbar-track-color: Black; 
	scrollbar-arrow-color: #FF0000;  */
	}

.colorwell 
	{
	border: 2px solid #fff;
	width: 6em;
	text-align: center;
	cursor: pointer;
	}
body .colorwell-selected 
	{
	border: 2px solid #000;
	font-weight: bold;
	}

/*Attributs de mise en page de la page principale*/

#haut 
{
	background-image: url(https://www.x86-guide.net/Design/theme/Pentium/menu.jpg);
	background-repeat: no-repeat;
	position: absolute;
	left:0;
	padding-left: 5px;
	width:100%;
	height: 110px;
	z-index: 255;
}

#gauche 
{
	position: absolute;
	left:0;
	width: 230px;
	padding-top: 95px;
	padding-left: 7px;
	height: 100%;
	z-index: 255;
}

#droite 
{
	background-image: url(https://www.x86-guide.net/Design/theme/Pentium/haut.jpg); 
	background-repeat: no-repeat;
	float:right;
	width: 230px;
	padding-top: 110px;
	padding-right: 7px;
	height: 100%;
	z-index: 255;
	color: #FFFF99;
	font-size:12px;
	text-align: left;
	font-weight: bold;
}

#contenu
	{
	background-color: #FFFFFF;
	margin-left: 230px;
	//margin-right: 230px;
	background-image: url(https://www.x86-guide.net/Design/theme/Pentium/haut.jpg); 
	background-repeat: repeat-x;
	padding: 0px;
	padding-top: 110px;
	padding-right: 242px;	
	zoom:1
	overflow: hidden;
	}		
	
td
	{
	border-color: rgb(255, 255, 255);
	border-width: 1px;
	border-style: solid;
	}


table
	{
	border-color: rgb(255, 255, 255);
	border-width: 1px;
	border-style: solid;
	vertical-align: top;
	} 

.lettrine 
	{
	float: left; /* positionnement de la lettrine dans le conteneur*/
	font-size: 3em; /* 3 hauteurs de lignes pour la lettrine*/
	font-weight: bold;
	font-family: Georgia, Times New Roman, Times, serif;
	color: #4A156F;
	border: 1px solid #4A156F; /* définition d'une bordure autour de la lettrine*/
	background-color: #FFFF99;
	margin: 1px;
	margin-right:5px;
	padding: 1px;
	line-height: 1em;
	}

.case_tableau_bleue
	{
	color: #333399;
	font-weight: bold;
	font-size:12px;
	background-color: #ADB8EB;
	float: left;
	margin-top: 1px;
	padding-left: 2px;
}

.case_tableau_blanche {
	color: #4A156F;
	background-color: #FFFFFF;
	font-weight: normal;
	font-size:12px;
	float:left;
	padding-bottom: 2px;
	padding-top: 3px;
	padding-left: 2px;
}
.conteneur_ligne_tableau_100 {
	background-color: #FFFFFF;
	width: 100%;
}

.case_tableau_gauche_bleue_25 {
	color: #333399;
	font-weight: bold;
	font-size:12px;
	background-color:#ADB8EB;
	width: 24.5%;
	float:left;
	padding-bottom: 2px;
	padding-top: 3px;
	padding-left: 0.5%;
}

.case_tableau_gauche_blanche_25 {
	color: #4A156F;
	background-color: #FFFFFF;
	font-weight: bold;
	font-size:12px;
	width: 24.5%;
	float:left;
	padding-bottom: 2px;
	padding-top: 3px;
	padding-left: 0.5%;
}

.case_tableau_gauche_bleue_50 {
	color: #333399;
	font-weight: bold;
	font-size:12px;
	background-color:#ADB8EB;
	width: 49.5%;
	float:left;
	padding-bottom: 2px;
	padding-top: 3px;
	padding-left: 0.5%;
}

.case_tableau_gauche_blanche_50 {
	color: #4A156F;
	background-color: #FFFFFF;
	font-weight: normal;
	font-size:12px;
	width: 49.5%;
	float:left;
	padding-bottom: 2px;
	padding-top: 3px;
	padding-left: 0.5%;
}

.case_tableau_gauche_blanche_33 {
	color: #4A156F;
	background-color: #FFFFFF;
	font-weight: normal;
	font-size:12px;
	width: 32.5%;
	float:left;
	padding-bottom: 2px;
	padding-top: 3px;
	padding-left: 0.5%;
}

.case_tableau_gauche_blanche_75 {
	color: #4A156F;
	background-color: #FFFFFF;
	font-weight: normal;
	font-size:12px;
	width: 74.5%;
	float:left;
	padding-bottom: 2px;
	padding-top: 3px;
	padding-left: 0.5%;
}

.conteneur_case_tableau_gauche_bleue_25
	{
	background-color:#ADB8EB;
	float: left;
	width: 100%;
	margin-top: 1px;
}

.essai

{
	position: relative;
	z-index: 255;
	text-align: center;
}

/*Définition des Blocs de CPU avec miniatures*/
.Bloc_proco_mini
{
	float: left;
	z-index: 254;
	position: relative;
	width:100%;
	margin-top: 7px; 
	margin-bottom: 7px;
	vertical-align: middle;
}


.Titre_Tableau 
	{
	color: #FFFF99;
	z-index: 254;
	font-weight: bold;
	font-size:18px;
	background-color:#4A156F;
	height:22px;
	vertical-align: middle;
	text-indent: 3px;
	float:none;
	}

.Titre_Tableau_violet
	{
	color: #FFFF99;
	z-index: 254;
	font-weight: bold;
	font-size:18px;
	background-color:#4A156F;
	height:22px;
	vertical-align: middle;
	text-indent: 3px;
	float:left;
	}

.conteneur_Titre_Tableau
	{
	width:100%;
	color: #FFFF99;
	font-size:18px;
	background-color:#4A156F;
	vertical-align: middle;
	text-indent: 3px;
	}

.Bloc_photos_miniatures
	{
	background-color:#FFFFFF;
	float: left;
	width: 50%;
	}


.Bloc_titre_propriété_proco_mini
{
	color: #333399;
	font-weight: bold;
	font-size:12px;
	background-color:#ADB8EB;
	float: left;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 2px;
	margin-top: 1px;
	vertical-align: middle;
}

.conteneur_Bloc_titre_propriété_proco_mini
	{
	background-color:#ADB8EB;
	float: left;
	margin-top:1px;
}

.magouille_tableau
	{
	background-color:#ADB8EB;
	float: left;
	margin-top: 1px;
	}

.Bloc_valeur_propriété_proco_mini
{
	color: #4A156F;
	background-color: #FFFFFF;
	font-weight: normal;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 2px;
	font-size:12px;
	line-height:15px;
	vertical-align: text-bottom;
	display: compact;
	float: left;
	text-align: left;

}

.conteneur_Bloc_valeur_propriété_proco_mini
	{
	background-color:#FFFFFF;
}
/* Défini les cellules de Sous-titre des différents tableaux */
.Style6 {

color: #333399; 
font-weight: bold; 
font-size:12px;
background-color:#ADB8EB; 
}

.Style1 {
	color: #4A156F;
	text-align:center;
	float: top;
	padding-top:10px;
	padding-bottom:10px;
	}

.puces_dans_texte li {
	color: #333399;
	text-align:left;
	margin-left:4em;
	margin-top:1em;
	margin-bottom:1em;
	}

.texte_fonce_gras {
	color: #4A156F;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
}

.texte_fonce {
	color: #333399;
	font-size:12px;
	background: solid;
	text-decoration: none;
}

.titre_case_droite 
	{
	color: #FFFF99;
	background: #602b84;
    width:225px;
	height: 20px;
	line-height: 20px;
	font-size:12px;
	text-align: center;
	font-weight: bold;
	margin-bottom:2px;
	}

.titre_case_droite_lien
	{
	color: #FFFF99;
	background: #602b84;
    width:225px;
	height: 20px;
	line-height: 20px;
	font-size:12px;
	text-align: center;
	font-weight: bold;
	margin-bottom:2px;
	}

.titre_case_droite_lien:hover 
	{
	color: #4A156F;
	cursor: default;
	background: #FFFF99;
	font-weight:bold;
	font-size:12px;
	background: solid;
	text-decoration: none;
	display: block;
	}

.sous_titre_case_droite 
	{
	color: #333399;
	background: #ADB8EB;
    width:225px;
	height: 20px;
	line-height: 20px;
	font-size:12px;
	text-align: center;
	font-weight: bold;
	margin-top:0px;
	margin-bottom:1px;
	}

.menu_niveau_-1
	{
	width: 178px;
	z-index: 254;
	display: bloc;
	text-align: center;
	vertical-align: middle;
	background: solid;
	color: #FFFF99;
	background: #4A156F;
	position: relative;
	float: none;
	font-weight: bold;
	border: solid;
	border-width: 1px;
	border-color: #FFFF99;
	margin-top:2px;
	margin-bottom:2px;
	}

	
.menu_niveau_0 
	{
	color: #FFFF99;
	background: #4A156F;
    width:178px;
	height: 20px;
	line-height: 20px;
	font-size:14px;
	text-align: center;
	font-weight: bold;
	margin-top:2px;
	margin-bottom:2px;
	border: solid;
	border-width: 1px;
	border-color: #FFFF99;
	}

.menu_niveau_0 a:hover
	{
	color: #4A156F;
	background: #FFFF99;
	background: solid;
	display: block;
	padding:0;
	margin:0;
	}

.menu_niveau_0_bis 
	{
	color: #FFFF99;
	background: #602b84;
    width:178px;
	height: 20px;
	line-height: 20px;
	font-size:12px;
	text-align: center;
	font-weight: bold;
	margin-top:2px;
	margin-bottom:2px;
	}

.menu_niveau_0_bis a:hover
	{
	color: #602b84;
	background: #FFFF99;
	background: solid;
	display: block;
	padding:0;
	margin:0;
	}
	
	
.conteneur_menu_niveau_1
	{
	//background: #FFFFFF;
	width: 178px;
	margin-top:2px;
	margin-bottom:2px;
	}

.separation_menu
	{
	color:#333399;
	background:#ADB8EB;
	width:180px;
	height: 20px;
	line-height: 20px;
	font-size:12px;
    margin:2px;
	text-align: center;
	font-weight: bold;
	}
	
.clear
	{
	clear:both;
	}

.menu
	{
    display:block;
    width:180px;
	z-index: 255;
    }

.menu ul{
    position:absolute;
    display:block;
    width:174px;
    /*margin:0;*/
    padding:0;
    }

.menu li{
    list-style:none;
    width:174px;
	height: 20px;
	line-height: 20px;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
    padding:0;
	}
    
.menu li ul{
	margin-top:-20px;
    margin-left:178px;
	visibility:hidden;
    }

.menu li li{
    display:block;
    float:none;
    }

.menu li li ul{
    position:absolute;
    margin-left:178px;
	margin-top:-20px;
    }
      
/* correct a little IE bug */
* html .menu li li{
    display:inline;
    }

.menu a{
    text-align:center;
    background-color: #FFFFFF;
    border:0;
    color:#333399;
    display:block;
    width:178px;
    text-decoration:none;
	font-weight:bold;
	font-size:12px;
    }
    
.menu a:hover{
    background-color: #FFFF99;
    color:#333399;
	background: solid;
	display: block;
	font-weight:bold;
	font-size:12px;
    }

.menu li li a{
    text-align:left;
    background-color: #ADB8EB;
    border:0;
    color:#333399;
    display:block;
    width:205px;
    padding-left:2px;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
    }
    
.menu li li a:hover{
    background-color: #FFFF99;
    color:#333399;
	background: solid;
	display: block;
	font-weight:bold;
	font-size:12px;
    }

.menu li li ul a{
    text-align:left;
    background-color: #DDE1FF;
    border:0;
    color:#333399;
    display:block;
    width:180px;
    text-decoration:none;
	font-weight:bold;
	font-size:12px;
    }
    
.menu li li ul a:hover{
    background-color: #FFFF99;
    color:#333399;
	background: solid;
	display: block;
	font-weight:bold;
	font-size:12px;
    }

  
/* for a mozilla better display with key nav 
.menu a:focus
	{
    background-color: #FFFF99;
	}

a.linkOver
	{
    background-color: #FFFF99;
    }


/* Défition du style des barres horizontales */
hr
{
width:80%;
height:2px;
color: #4A156F;
background-color:#4A156F;
border: none;
margin:auto;
align:center;
text-align:center;
}

.petite_barre_separation
{
width:90%;
height: 1px;
color: #FFFF99;
background-color: #FFFF99;
border: 0;
}

img
{
	border:0;
	text-align: center;
	vertical-align:middle;
}

p
	{
	color: #333399;
	font-size:100%;
	background: solid;
	text-decoration: none;
	/*margin-bottom:8px;*/
	}

li.liste_dans_texte
{
	color: #333399;
	font-size:100%;
	background: solid;
	text-decoration: none;

}

.liste_decalee
{
	padding-left:5em;
	padding-top:0.5em;
	padding-bottom:0.5em;
}

a.lien_fond_clair 
	{
	color: #333399;
	font-size:100%;
	background: solid;
	text-decoration: none;
	}

a:hover.lien_fond_clair 
	{
	text-decoration:underline;
	}

a.lien_fond_fonce 
	{
	color: #FFFF99;
	font-size:100%;
	background: solid;
	font-weight:bold;
	text-decoration: none;
	}

a.lien_fond_fonce_droite
	{
	color: #FFFF99;
	font-size:100%;
	background: solid;
	font-weight:bold;
	text-decoration: none;
	}

a.lien_fond_fonce_droite:hover
	{
	color: #602b84;
	}

	
a.lien_h2
	{
	color: #4A156F;
	text-align:center;
	float: none;
	padding-top:10px;
	padding-bottom:10px;
	text-decoration: none;
	}

a:hover.lien_h2 
	{
	text-decoration:underline;
	}

a.lien_h2_clair
	{
	color: #895BAA;
	text-align:center;
	float: none;
	padding-top:10px;
	padding-bottom:10px;
	text-decoration: none;
	}

a:hover.lien_h2_clair
	{
	text-decoration:underline;
	}

dt a:hover
	{
	color: #4A156F;
	cursor: default;
	background: #FFFF99;
	font-weight:bold;
	font-size:12px;
	background: solid;
	text-decoration: none;
	display: block;
	}

.bidon
	{
	width: 174px;
	z-index: 254;
	display: bloc;
	text-align: center;
	vertical-align: middle;
	background: solid;
	border: solid;
	border-width: 1px;
	border-color: #4A156F;
	background-color: #FFFFFF;
	position: relative;
	margin-top: 2px;
	margin-bottom: 2px;
	float: none;
	padding: 2px;	
	}

.case_droite
	{
	width: 225px;
	z-index: 254;
	display: bloc;
	text-align: center;
	vertical-align: middle;
	background: solid;
	border: solid;
	border-width: 1px;
	border-color: #4A156F;
	background-color: #FFFFFF;
	position: relative;
	margin-top: 2px;
	margin-bottom: 5px;
	float: none;
	padding: 2px;	
    -moz-box-shadow: 1px 1px 12px #555; 
    -webkit-box-shadow: 1px 1px 12px #555; 
    box-shadow: 3px 3px 12px #555;	
	}
	
.news
	{
	width:98%;
	border: solid;
	border-width: 1px;
	border-color: #4A156F;
	background-color: #FFFFFF;
	margin: 2px;
	padding: 2px;
	margin-bottom: 15px;
	float:left;
    -moz-box-shadow: 1px 1px 12px #555; 
    -webkit-box-shadow: 1px 1px 12px #555; 
    box-shadow: 3px 3px 12px #555;	
	}

.illustration
	{
	color: #333399;
	font-size:90%;
	background: solid;
	text-decoration: none;
	font-style: italic;
	text-align: center;
	margin: 5px;
	}

p.flag 
	{ 
   line-height: 1em;
   color: #333399; 
	}
p.flag img, span 
	{ 
   vertical-align: middle; 
	}

.gros_titre
	{
	color: #FFFF99;
	font-family: "Arial Black", Geneva, Kalimati, sans-serif;
	font-size:45px;
	padding-top:23px;
	text-shadow: 3px 3px 12px #555;	

	}
.bouton_valide
	{
	cursor: pointer;
	width: 32px;
	height: 32px;
	font-size: 0px;
	color: #FFFFFF;
	background-image: url(theme/Pentium/ajouter_grande.jpg);
	border: 0;
	}
.bouton_moyen
	{
	cursor: pointer;
	width: 24px;
	height: 24px;
	font-size: 0px;
	color: #FFFFFF;
	background-image: url(theme/Pentium/ajouter_moyen.jpg);
	border: 0;
	}

.bouton_annuler
	{
	cursor: pointer;
	width: 32px;
	height: 32px;
	font-size: 0px;
	color: #FFFFFF;
	background-image: url(theme/Pentium/annuler_grande.jpg);
	border: 0;
	}

.bouton_dupliquer
	{
	cursor: pointer;
	width: 32px;
	height: 32px;
	font-size: 0px;
	color: #FFFFFF;
	background-image: url(theme/Pentium/dupliquer_grande.jpg);
	border: 0;
	}

/* Définition du style des liens 
a:link {font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; color: #333399; text-decoration:none; font-weight:bold; font-size:12px;}
a:visited {font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; color: #333399; text-decoration:none; font-weight:bold; font-size:12px;}
a:hover {font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; color:#FFFF99; text-decoration:underline; font-weight:bold; font-size:12px;}
*/

/**
 * Farbtastic Color Picker 1.2
 * © 2008 Steven Wittens
 *
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301  USA
 */
.farbtastic {
  position: relative;
}
.farbtastic * {
  position: absolute;
  cursor: crosshair;
}
.farbtastic, .farbtastic .wheel {
  width: 195px;
  height: 195px;
}
.farbtastic .color, .farbtastic .overlay {
  top: 47px;
  left: 47px;
  width: 101px;
  height: 101px;
}
.farbtastic .wheel {
  background: url(wheel.png) no-repeat;
  width: 195px;
  height: 195px;
}
.farbtastic .overlay {
  background: url(mask.png) no-repeat;
}
.farbtastic .marker {
  width: 17px;
  height: 17px;
  margin: -8px 0 0 -8px;
  overflow: hidden; 
  background: url(marker.png) no-repeat;
}