/*************************************************/
/* 	Auteur : Michael Evesque - Karen Andrey */
/* 	Version:	1.5 */
/* 	Date dernière modification: 04.05.2012 */
/* 	Desciption: feuille de style pour  clarities*/
/*************************************************/
body{
	font-family:"Century Gothic";
	background-color:#333333;
	border:none;
	text-decoration: none;
	color:#FBC900;
	width :1000px; /* largeur */
}
/*************************************************/
/* Style pour les textes */
/*************************************************/
.texte{
	text-align:justify;
	font-size: 18px;
	font-weight:bold;
	margin-left:50px;
	margin-top:50px;
	margin-bottom:auto;
	width:800px;
}
/*************************************************/
/* Style  */
/*************************************************/
#contenu{
	margin-top:50px;
}
#prodcontenu{
	margin-top:25px;
	margin-bottom:25px;
}
#tablecontenu{
	margin-left:231px;
	margin-bottom:25px;
	margin-top:25px;
	}
#lignecontenu{
	margin-left:311px;
	width:589.5px;
	margin-top:-750px;
}
/*remettre margin-top:-874px; une fois que la ligne platinum sera ok */
#lignemenu{
	margin-top:25px;
	margin-bottom:25px;
}
#contenuimg{
	margin-top:21px;
	margin-bottom:100px;
	margin-left:232px;
}
#imgacces{
	margin-right:11px;
}
#contenuimg2{
	margin-top:-568px;
	margin-bottom:211px;
	margin-left:232px;
}
#contenumenu{
	margin-top:-568px;
	margin-left:232px;
	height:85px;
	margin-bottom:20px;
}
#titre{
	color : #FBC900; /* couleur du texte */
	font-size:40px;
	margin-bottom:10px;
}
/*partie images */
#imgindex{
	margin-right:22px;
}
#img{
	margin-right:12px;
}
#imgprodsmall{
	margin-right:32px;
	margin-bottom:60px;
}
#imgequip{
	margin-right:32px;
	margin-bottom:32px;
}
#imgcintre{
	margin-right:36px;
	margin-bottom:-100px;
}
#imgartlong{
	margin-right:36px;
	margin-bottom:-70px;
}
#imgprod{
	margin-right:5px;
	margin-bottom:37px;
}
#corr{
	margin-bottom:-140px;
}
#imgprodbig{
	margin-right:20px;
}
#imgcenter{
	margin-bottom:25px;
	margin-right:30px;
}
#imgligne{
	margin-bottom:25px;
	margin-right:3px;
}
#imgangello{
	margin-top:-2px;
	margin-bottom:25px;
	margin-right:5px;
}
#imgmarinella{
	margin-top:-2px;
	margin-bottom:25px;
	margin-right:8px;
}
#imgcorbu{
	margin-top:-2px;
	margin-bottom:25px;
	margin-right:1px;
}
#imgneutra{
	margin-top:-2px;
	margin-bottom:25px;
	margin-right:5px;
}
#imgcorr{
	margin-top:-2px;
	margin-right: 3px;
	margin-bottom:20px;
}
/*************************************************/
/* Style pour les menus */
/*************************************************/
#menu, #menu ul /* Liste */     
{
	padding: 0; /* pas de marge intérieure */
    margin: 0; /* ni extérieure */
	margin-top:25px;
    list-style: none; /* on supprime le style par défaut de la liste */
	/* marge de gauche*/
}
#menu /* Ensemble du menu */
{
    font-size:35px;
	text-align:left;
}
#menu a /* Contenu des listes */
{
    display: block; /* on change le type d'élément, les liens deviennent des balises de type block */
    background-image:url(pix/fondbouton.gif);        
    color: #333333; /* couleur du texte */
    text-decoration: none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
    width: 196px; /* largeur */
	height:85px;
	margin-right:35px;
	margin-bottom:15px;
}
#menu li /* Éléments des listes */      
{ 
	float: left; 
    border-right: 1px solid #fff; /* on met une bordure blanche a droite de chaque élément */
	border-right: 1px solid transparent ; /* on met une bordure transparente a droite de chaque élément */
}
#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
	background-image:url(pix/fondboutonjaune.gif)
}
/*************************************************/
/* Style pour les menus produits */
/*************************************************/
#promenu, #promenu ul /* Liste */     
{
	padding: 0; /* pas de marge intérieure */
    margin: 0; /* ni extérieure */
	list-style: none; /* on supprime le style par défaut de la liste */
}
#promenu /* Ensemble du menu */
{
    font-size:35px;
	text-align:left;
}
#promenu a /* Contenu des listes */
{
    display: block; /* on change le type d'élément, les liens deviennent des balises de type block */
	background-image:url(pix/fondmenu2.gif);
    color: #333333; /* couleur du texte */
    text-decoration: none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
    width: 196px; /* largeur */
	height:85px;
	margin-right:35px;
}
#promenu li /* Éléments des listes */      
{ 
	float: left; 
    border-right: 1px solid #fff; /* on met une bordure blanche a droite de chaque élément */
	border-right: 1px solid transparent ; /* on met une bordure transparente a droite de chaque élément */
}
#promenu a:hover /* Lorsque la souris passe sur un des liens */    
{
	background-image:url(pix/fondboutonjaune.gif)
}
/*************************************************/
/* Men2 */
/*************************************************/
#menu2 /* Ensemble du menu */
{
    font-size:35px;
	text-align:left;
	width:150px; /* largeur */
	height:auto;
}
#menu2, #menu2 ul /* Liste */     
{
	padding: 0; /* pas de marge intérieure */
    margin: 0; /* ni extérieure */
    list-style: none; /* on supprime le style par défaut de la liste */
	/* marge de gauche*/
}
#menu2 li /* Éléments des listes */      
{ 
	float: left; 
    border-right: 1px solid #fff; /* on met une bordure blanche a droite de chaque élément */
	border-right: 1px solid transparent ; /* on met une bordure transparente a droite de chaque élément */
}
#menu2 a /* Contenu des listes */
{
    display: block; /* on change le type d'élément, les liens deviennent des balises de type block */
    background-image:url(pix/fondbouton.gif);        
    color: #333333; /* couleur du texte */
    text-decoration: none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
    width: 196px; /* largeur */
	height:85px;
	margin-right:25px;
}
#menu2 a:hover /* Lorsque la souris passe sur un des liens */    
{
	background-image:url(pix/fondboutonjaune.gif)
}
/*************************************************/
/* Menu ligne */
/*************************************************/
#menulign /* Ensemble du menu */
{
    font-size:15px;
	text-align:left;
	font-weight:bold;
    text-decoration: none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	width:70px; /* largeur */
	height:100px;
	margin-right:25px;
	margin-bottom:25px;

}
#menulign a /* Contenu des listes */
{
    display: block; /* on change le type d'élément, les liens deviennent des balises de type block */
	background-image:url(pix/fondbtnligne.gif);
    color: #333333; /* couleur du texte */
	width:70px; /* largeur */
	height:100px;
    text-decoration: none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	margin-right:25px;
	margin-bottom:25px;
}
#menulign a:hover /* Lorsque la souris passe sur un des liens */    
{
	background-image:url(pix/fondboutonjaune.gif)
}
/*************************************************/
/* Style pour les menus selectionnés */
/*************************************************/
#menuon, #menuon ul /* Liste */     
{
	padding: 0; /* pas de marge intérieure */
    margin: 0; /* ni extérieure */
	margin-top:25px;
    list-style: none; /* on supprime le style par défaut de la liste */
}
#menuon{
    font-size:35px;
	text-align:left;
}
#menuon a /* Contenu des listes */
{
    display: block; /* on change le type d'élément, les liens deviennent des balises de type block */
    background-image:url(pix/fondmenuon.gif);        
    color: #FBC900; /* couleur du texte */
    text-decoration: none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
    width: 196px; /* largeur */
	height:85px;
	margin-right:35px;
}
#menuon li /* Éléments des listes */      
{ 
	float : left; 
    border-right : 1px solid #fff; /* on met une bordure blanche a droite de chaque élément */
	border-right: 1px solid transparent ; /* on met une bordure transparente a droite de chaque élément */
}
/*************************************************/
/* Style pour les menus selectionnés */
/*************************************************/
#promenuon, #promenuon ul /* Liste */     
{
	padding: 0; /* pas de marge intérieure */
    margin: 0; /* ni extérieure */
    list-style: none; /* on supprime le style par défaut de la liste */
}
#promenuon{
    font-size:35px;
	text-align:left;
}
#promenuon a /* Contenu des listes */
{
    display: block; /* on change le type d'élément, les liens deviennent des balises de type block */
	background-image:url(pix/barrehorizon.gif);
	background-repeat:no-repeat;
	background-position:bottom;
    color: #FBC900; /* couleur du texte */
    text-decoration: none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
    width: 196px; /* largeur */
	height:85px;
	margin-right:35px;
}
#promenuon li /* Éléments des listes */      
{ 
	float : left; 
    border-right : 1px solid #fff; /* on met une bordure blanche a droite de chaque élément */
	border-right: 1px solid transparent ; /* on met une bordure transparente a droite de chaque élément */
}
/*************************************************/
/* Menu ligne  ON*/
/*************************************************/
#menulignon /* Ensemble du menu */
{
    font-size:15px;
	text-align:left;
	font-weight:bold;
    text-decoration: none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
}
#menulignon a /* Contenu des listes */
{
    display: block; /* on change le type d'élément, les liens deviennent des balises de type block */
	background-image:url(pix/fontligne.gif);
	color: #FBC900; /* couleur du texte */
    text-decoration: none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	width:70px; /* largeur */
	height:100px;
	margin-right:25px;
	margin-bottom:25px;
}
#menulignon a:hover /* Lorsque la souris passe sur un des liens */    
{
	background-image:url(pix/fontligne.gif);
}
/**********************************************/
#menu2on, #menu2on ul /* Liste */     
{
	padding: 0; /* pas de marge intérieure */
    margin: 0; /* ni extérieure */
	margin-top:25px;
    list-style: none; /* on supprime le style par défaut de la liste */
}
#menu2on
{
	font-size:35px;
	text-align:left;
}
#menu2on a
{
    display: block; /* on change le type d'élément, les liens deviennent des balises de type block */
	font-size:35px;
	background-image:url(pix/barrehorizon.gif);
	background-repeat:no-repeat;
	background-position:bottom;        
    color: #FBC900; /* couleur du texte */
    text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
    width: 196px; /* largeur */
	height:85px;
	margin-right:25px;
}
#menu2on li /* Éléments des listes */      
{ 
	float : left; 
    border-right : 1px solid #fff; /* on met une bordure blanche a droite de chaque élément */
	border-right: 1px solid transparent ; /* on met une bordure transparente a droite de chaque élément */
}
/*************************************************/
/* Style pour le pied de page*/
/*************************************************/
.footer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#8F8F8C;
	height:20px;
	margin-top:50px;
	height: 50px;
}
.footer a{
	color:#8F8F8C;
}
.footer a:hover /* Lorsque la souris passe sur un des liens */    
{
	color: #FBC900;
}
/*************************************************/
/* Style pour le pied de page selectioné         */
/*************************************************/
#footeron {
	font-family:Arial, Helvetica, sans-serif;
	height:20px;
	margin-top:20px;
}
#footeron a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FBC900;
}
/*************************************************/
/* Style pour les sous menus                     */
/*************************************************/
#sousmenu{
	font-size:20px;
	font-style:normal;
	color:#8F8F8C;
}
#sousmenu a/* Lorsque la souris passe sur un des liens */    
{
	font-size:20px;
	font-style:normal;
	color: #8F8F8C;
}
#sousmenu a:hover /* Lorsque la souris passe sur un des liens */    
{
	color: #FBC900;
}
/******************************************************/
/* Style pour la partie e-shop*/
/******************************************************/
.shop{
	margin-top:50px;
	background-image:url(pix/fond_shop.gif);
	width:893px;
	height:300px;
	color:#8F8F8C;
}
#shoptitre{
	font-size:40px;
	font-weight:100;
}
#shoptitre a{
	font-size:40px;
	font-weight:100;
	color:#8F8F8C;
}
#shoptitre a:hover /* Lorsque la souris passe sur un des liens */    
{
	color: #FBC900;
}
#shopmenu{
	font-size:40px;
}
#shopmenu a{
	font-size:40px;
	color:#8F8F8C;
}
#shopmenu a:hover /* Lorsque la souris passe sur un des liens */    
{
	color: #FBC900;
}
#shopsmall{
	font-size:15px;
	font-weight:bold;
	margin-left:3px;
	color:#8F8F8C;
}
#shopsmall a{
	font-size:15px;
	font-weight:bold;
	margin-left:3px;
	color:#8F8F8C;
}
#red{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FF0000;
}
#shopsmall2{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin-left:3px;
	color:#CCCCCC;
}
/*************************************************/
/* Style desactivé les barres sous les liens     */
/*************************************************/
a img{
	border:none;
}
a{
	text-decoration:none;
}
a:focus /* enleve le rectangle gris entour des liens*/
{
	outline:0;
	border: none; 
}