/*********************************************************
Début du style de la structure du site (présent sur toutes les pages ou presque)
*********************************************************/
body
{
	background-image:url("image/back/star.png");
	background-repeat:no-repeat;
	background-color:#757575;
	margin: auto;
	width: 925px;
	font-family: calibri, arial, verdana;
}
p
{
	text-indent:20px;
}
h1
{
	text-align:center;
	color:#AAAAAA;
}
h2
{
	text-align: center;
}
a
{
	text-decoration: none;
	color: #666666;
}
a:hover
{
	text-decoration:underline;
}
a img
{
	border:none;
}
#header
{
	background-image:url("image/back/bg-header2.png");
	margin: auto;
	padding-top:20px;
	height:200px
}
#autre_site
{
	position: relative;
	top:25px;
	left:150px;
	text-align:center;
}
#photo
{
	position:relative;
	top:20px;
	left:150px;
}
#banniere
{
	position:relative;
	left:50px;
	float:left;
}
#page
{
	background-image: url("image/back/bg-body2.png");
	background-repeat:repeat-y;
	color:black;
	padding-left:50px;
	padding-right:50px;
}
#footer
{
	background-image: url("image/back/bg-footer.png");
	background-repeat:no-repeat;
	padding-bottom: 15px;
	padding-top:0px;
	text-align: center;
	height:70px;
	clear:both;
	color: white;
	font-size: 0.8em;
}
#footer #xiti-logo
{
	padding-top:5px;
	text-align:center;
	
}
#xiti-logo
{
	position:relative;
	left:100px;
}
#ligne_footer
{
	margin:auto;
	border-top: 2px solid black;
	width:800px;
	padding-top:5px;
}
#footer a
{
	color:#CCCCCC;
}
#html
{
	float:right;
	position:relative;
	top:5px;
}
.center
{
	text-align:center;
	margin:auto;
}
.clear
{
	clear:both;
}
.u
{
	text-decoration:underline;
}
.nostyle
{
	list-style:none;
}

/*********************************************************
Début du style pour CONTACT
*********************************************************/
blockquote
{
	text-indent:0px;
}
#mail fieldset
{
	text-align:center;
	background-color: #FFFFCC;
}


/*********************************************************
Début du style pour TECHNOLOGIE
*********************************************************/
#comparatif
{
	border-collapse:collapse;
	width:700px;
	margin:auto;
	text-align:center;
}
#comparatif caption
{
	font-size:1.5em;
	margin:10px;
}

#comparatif td
{
	height: 40px;
	border: 1px solid black;
}
#comparatif th
{
	border: 1px solid black;
	height:30px;
}
#comparatif .beige
{
	background-color:#DDDDDD;
}
#comparatif .spec
{
	text-align:left;
}


/*********************************************************
Début du style pour produit
*********************************************************/
.photo
{
	width:200px;
	border:1px solid black;
	text-align:center;
	vertical-align:middle;
}
.prod
{
	width:175px;
	border:1px solid black;
	text-align:left;
}
.cara
{
	width:175px;
	border:1px solid black;
}
.encadre_produit
{
	border:1px solid black;
	margin:10px;
	border-collapse:collapse;
}
.pagination
{
	float:right;
	margin-right:30px;
}
#research
{
	text-align:center;
}


/*********************************************************
Début du style pour encadré
*********************************************************/
#technologie
{
	color:black;
	text-align:justify;
}
#technologie .contenu
{
	
	padding-left:20px;
	padding-right:20px;
}

#magasin, #tel, #email, #webmaster, #question
{
	color:black;
	margin-bottom:20px;
	text-align:justify;
}

#produit
{
	color:black;
	width:620px;
	float:right;
	margin:10px;
	margin-top:30px;
}
#new
{
	color:black;
	width:375px;
	float:right;
	margin:10px;
	text-align:center;
}
#new table
{
	text-align:left;
	width:350px;
	border:1px dashed black;
	border-collapse:collapse;
}
#new table td
{
	padding:5px;
	border:1px dashed black;
	
}
#profil
{
	color:black;
	text-align:justify;
	width:400px;
	float:left;
	margin:5px;
	
}
#economie
{
	color:black;
	text-align:justify;
	width:800px;
	float:left;
	margin:5px;
	text-indent:0px;
}

#profil .contenu
{
	text-indent:20px;
	padding:20px;
}
#economie .econo
{
	margin-top:10px;
}
.coin
{
	width:30px;
	height:30px;
	background-image: url("image/back/coin.png");
	float:left;
}
.coinbas
{
	width:30px;
	height:30px;
	background-image: url("image/back/coinbas.png");
	float:right;
}
.bas
{
	background-color:white;
	border-bottom: 2px solid #AAAAAA;
	border-left: 2px solid #AAAAAA;
	height:28px;
	margin-right:30px;
	text-align:center;
}
.titre
{
	padding-top:5px;
	height:23px;
	background-color: white;
	text-align:center;
	font-size:1.1em;
	font-weight:bold;
	margin-left:30px;
	border-top: 2px solid #AAAAAA;
	border-right: 2px solid #AAAAAA;
}
.contenu
{
	background-color:white;
	border-right:2px solid #AAAAAA;
	border-left:2px solid #AAAAAA;
	padding:10px;
}
/*********************************************************
Début du style pour sous-menu (produit)
*********************************************************/

#colg
{
	color:black;
	margin-top: 50px;
	width: 180px;
	height: 100%;
	background-color:white;
	float:left;
	border:2px solid #AAAAAA;
	padding-bottom:20px;
}

#menu2, #menu2 ul /* Liste */     
{
	
	padding : 0; /* pas de marge intérieure */
	margin: 18px; /* ni extérieure */
	list-style : none; /* on supprime le style par défaut de la liste */
	line-height : 25px; /* on définit une hauteur pour chaque élément */
	
}

#menu2 /* Ensemble du menu */
{
        /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
	font-size : 14px; /* hauteur du texte : 12 pixels */
}

#menu2 a /* Contenu des listes */
{
	display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
	padding : 0; /* aucune marge intérieure */
	text-align:center;       
	color : #444444; /* couleur du texte */
	text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	width : 146px; /* largeur */
}

#menu2 li /* Elements des listes */      
{ 
	font-weight : bold;
	width:146px;
	
}
#menu2 li ul /* Sous-listes */
{ 
	position: absolute; /* Position absolue */
	width: 146px; /* Largeur des sous-listes */
	left: -999em; /* Hop, on envoie loin du champ de vision */
	margin    : -26px 0 0 146px !important;  
	margin    : -26px 0 0 144px ;
	border: 1px solid black;
}


#menu2 li ul li /* Éléments de sous-listes */
{
	font-weight : normal;
	background-color:white;
}
.cont:hover
{
	background-image:url("image/back/fleche.png");
	background-repeat:no-repeat;
	background-position:130px 7px;
	color: #000; /* On passe le texte en noir... */
	background-color: #DDDDDD; /* ... et au contraire, le fond en blanc */
}
#menu2 a:hover /* Lorsque la souris passe sur un des liens */    
{
	color: #000; /* On passe le texte en noir... */
	background-color: #DDDDDD; /* ... et au contraire, le fond en blanc */
}


#menu2 li:hover ul ul, #menu2 li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
	left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu2 li:hover ul, #menu2 li li:hover ul, #menu2 li.sfhover ul, #menu2 li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
	position: absolute;
	top: auto;
	left: auto; /* Repositionnement normal */
	min-height: 0; /* Corrige un bug sous IE */
}
.prem/* Premier Éléments de sous-listes */
{
	border-top: none;
}
.elem
{
	border-top:1px dotted black;
}
.dern
{
	border-top:1px dotted black;
	border-bottom:1px dotted black;
}
/*********************************************************
Début du style du menu.
**********************************************************/
a.menu
{
	text-decoration: none;
	color:black;
}
#menu
{
	background-image:url("image/back/bg-body.png");
	background-repeat:repeat-y;
	clear:both;
}
#table_menu
{
	margin:auto;
}
#table_menu td
{
	border-left: 1px solid black;
	font-weight:lighter;
	width: 150px;
	
}
#menu_ampoule
{
	color: black;
	background-image: url("image/ampoule2.png");
	background-repeat: no-repeat;
	background-position:center 10px;
	text-align:center;
	font-size:1.5em;
}
#menu_accueil
{
	color: black;
	background-image: url("image/maison2.png");
	background-repeat: no-repeat;
	background-position:center 10px;
	text-align:center;
	font-size:1.5em;
}
#menu_technologie
{
	color: black;
	background-image: url("image/tech.png");
	background-repeat: no-repeat;
	background-position:center 10px;
	text-align:center;
	font-size:1.5em;
}
#menu_contact
{
	color: black;
	background-image: url("image/mail.png");
	background-repeat: no-repeat;
	background-position:center 10px;
	text-align:center;
	font-size:1.5em;
	border-right: 1px solid black;
}
#menu_technologie:hover
{
	background-image: url("image/tech2.png");
	background-position:center 10px;
}
#menu_contact:hover
{
	background-image: url("image/mail2.png");
	background-position:center 10px;
}
#menu_accueil:hover
{
	background-image: url("image/maison.png");
	background-position:center 10px;
}
#menu_ampoule:hover
{
	background-image: url("image/ampoule.png");
	background-position:center 10px;
}
#ligne
{
	width: 865px;
	margin:auto;
	border-collapse:collapse;
}
#ligne_top
{
	border-top: 1px black solid;
	border-bottom: 1px #353535 solid;
	width:403px;
	height:21px;
	background-color:#353535;
	color: white;
}
#ligne_top a
{
	color:#AAAAAA;
}
#ligne_bottom
{
	border-bottom: 1px black solid;
	
	width:413px;	
	height:21px;
	text-align:right;
	
}
#ligne_bottom a
{
	color:#444444;
}
#ligne_bottom a:hover
{
	color:#000000;
}
#ligne_oblique
{
	background-image:url("image/oblique2.png");
	width:22px;	
	height:22px;
	background-repeat:no-repeat;
	border-bottom: 1px #353535 solid;
}