/*menu
bleu ciel #3B86C3



*/

body {
	background-image:url(images/fond.jpg);
	margin:0;
	padding:0;
	color: #FFF;
}

#contentBoxLrg {
	display:block;
	margin:0; padding:0;
	width:975px;
	border:1px solid #8c8c8c;
	border-top:0px;
	background-color:#FFF;
	text-align:left;
	}


img { border:0; }

.petit {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
}


.newsletter_mail{
		position:absolute;
		width:170px;
		height:20px;
		top:78px;
		left:1038px;
	}




/*menu*/

nom_produit {text-align: right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	padding-right:20px;
	padding-top:20px;color:#FFFFFF; text-decoration:none;font-weight:normal;font-family: Verdana;}







/*menu1: contact newslette */


#menu1, #menu1 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 */
        line-height : 20px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu1 /* Ensemble du menu */
{
        /* font-weight : bold; /* on met le texte en gras */
      /*  font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
       /* font-size : 11px; /* hauteur du texte : 12 pixels */
		
		font:normal 10px Arial, Verdana, Lucida,  Helvetica, sans-serif;
	color:#666;
	height:20px;
	_height:11px;
		
		
}



#menu1 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 */
        background : #f1f1f1; /* couleur de fond */        
        color : #000; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 120px; /* largeur */
}



#menu1 li /* Éléments des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #f1f1f1; /* on met une bordure blanche à droite de chaque élément */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu1 li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#menu1 li ul /* Sous-listes */
{ 
      position: absolute;  /*  Position absolue */
         width: 144px; /*Largeur des sous-listes */
      /*  left: -999em;  Hop, on envoie loin du champ de vision */
		
		
		
		
}





#menu1 li ul li /* Eléments de sous-listes */
{
        /* pour ie qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous-liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu1 li ul li                
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#menu1 li ul ul 
{
        margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu1 li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}

#menu1 a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #000; /* On passe le texte en noir... */
        background: #fff; /* ... et au contraire, le fond en blanc */
}

/*fichier pour internet explorer */

/* On cache tous les sous menu avec la propriété display none */
#menu1 ul ul {
                position: absolute;
                top: 0;
                left: 100px;
                display:none
               } 



#menu1 ul li {position:relative; list-style: none; float:left; border-left:1px solid}

div#menu ul ul {position: absolute;display:none; width:100px}
#menu1 li a {text-decoration: none; padding: 4px 0 4px; display:block;width:100px}



div#menu1 ul.niveau1 li.sousmenu:hover ul.niveau2,
div#menu1 ul.niveau2 li.sousmenu:hover ul.niveau3 {
                                                  display:block;
                                                 }





div#menu1 ul.niveau1 li.sousmenu:hover ul.niveau2 {width:13em; display:block} 











/*
----------------------------------------------------------------------------- 
      TOP 
-------menu de haut ----------------------------------------------------------------------*/





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

	font:normal Arial, Verdana, Lucida,  Helvetica, sans-serif;

	height:20px;
	
         border-bottom:2px solid #CCB04F;
		border-top:2px solid #CCB04F ;
			border-left:1px solid #fff;

		
}



 div#menu a /* Contenu des listes */
{	
font-size: 9px !important ;

        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        background : #f1f1f1; /* couleur de fond */        
        color : #000; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
       height:16px;
		
		
		
}



div#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #000; /* On passe le texte en noir... */
        background: #C8C8CA; /* ...  lorsque la souris passe sur le lein et au contraire, le fond en blanc */
}


div#menu ul {padding: 0; margin:0px; background: white; text-align:center}
div#menu li {background:#CCCCCC}



div#menu li.sousmenu:hover {background: #EBB;}
/* rajout couleure de fond */
div#menu li.sousmenu {background: url(fleche.gif) 95% 50% no-repeat; background-color:#CCCCCC}
/* rajout pr pour flèche direction bas et couleur de fond*/
div#menu li.plop { background:url(fleche2.gif) 95% 50% no-repeat #CCCCCC;}

/* une petite bordure en top*/
div#menu ul li {position:relative; list-style: none; float:left; }

div#menu ul ul {position: absolute;display:none; width:150px}
div#menu li a {text-decoration: none; padding: 2px 0px 2px; display:block;width:111px}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2
{display:block;}

/* rajout de couleures de fond et de survol */
div#menu ul.niveau3 li { background: #99CCCC}
div#menu ul.niveau3 li:hover { background: #C8C8CA} 





/*
----------------------------------------------------------------------------- 
      TOP 
-------menu de bas  ----------------------------------------------------------------------*/











div#menup /* Ensemble du menu */
{
        /* font-weight : bold; /* on met le texte en gras */
      /*  font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
       /* font-size : 11px; /* hauteur du texte : 12 pixels */
	font:normal 14px Arial, Verdana, Lucida,  Helvetica, sans-serif;
	
	list-style-type: none;

	position: relative;
height: 29px;
width: 1000px;

text-align:center;	
	
		background:url(templates/template_site/barcous/images/fondmenu2.jpg);

		
}



 div#menup a /* Contenu des listes */
{	

        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
		background:url(templates/template_site/barcous/images/fondmenu2.jpg);
	/*background:#000308; le font de lelement de lisre*/
        color : #fff; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
		

border: 1px solid #000000;/* on separe les element de ma liste par un trai noir  */


}



div#menup a:hover /* Lorsque la souris passe sur un des liens */    
{
display: block;

	
	
 
        color: #CCCCCC; /*lorsque la souris passe le  le texte change de couleur ... */
     /* background: #fff;  ...  lorsque la souris passe sur le lein et au contraire, le fond  */
			background:url(templates/template_site/barcous/images/fondmenu.jpg);

		
}


div#menup ul {


padding: 0px; margin:0px; background: 24DD00; text-align:center;

}


div#menup li {
}


/*
div#menup li a{
	background:url(templates/template_site/barcous/images/fondmenu2.jpg) ;
	border:0px solid #000;
	margin:0 0px;
	padding:15px 15px 15px 15px;
	display:block;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	height: 15px; hauteur  des element
	
	
}


 */




div#menup li:hover {background: #CCCCCC}
div#menup li.sousmenu:hover {background: #EBB;}
/* rajout couleure de fond */
div#menup li.sousmenu {background: url(fleche.gif) 95% 50% no-repeat; background-color:#CCCCCC}
/* rajout pr pour flèche direction bas et couleur de fond*/
div#menup li.plop { background:url(fleche2.gif) 95% 50% no-repeat #24DD00;}

/* une petite bordure en top*/
div#menup ul li {position:relative; list-style: none; float:left; 





}

div#menup ul ul {
position: absolute;
display:none; width:100px



}



div#menup li a


 {
 background:url(templates/template_site/barcous/images/fondmenu2.jpg) ;
 text-decoration: none;    

padding:4px; /* separer les block de la liste  */
 margin:0px; /* separer les block de la liste  */
 
 display:block;
	height: 25px;/*  hauteur  des element */

width:132px;/* largeur des element */




}




div#menup ul.niveau1 li.sousmenu:hover ul.niveau2
{
display:block;


}
.Style52 {color: #000000}


/* rajout de couleures de fond et de survol */



/* 
* Remove all margin and padding from the unordered list in the main menu. */

#main-menu ul {
margin: 0px;
padding: 0px;
}

/* Remove bullets for each list item. Make each list item go horizontal instead of vertical. Add 5 pixels of margin to the left and right sides of each list item to space them away from eachother. */

#main-menu li {
list-style-type: none;
display: inline;
margin: 0 5px 0 5px;
}

/* Links within each list item will appear with white text and the text will not be underlined. */

#main-menu li a {
color: #FFFFFF;
text-decoration: none;
}

/* When the mouse hovers over a link, it will appear with brownish yellow text and the text will be underlined. Any links with a class of active will also appear the same way. */

#main-menu li a.active, #main-menu a:hover {
text-decoration: underline;
color: #D9CD60;
}









div#newsletter /* Ensemble du menu */
{
	font:normal 12px Arial, Verdana, Lucida,  Helvetica, sans-serif;
	
	color:#222e4b;
	
		
}



#blocnews
 {
background:#33CCCC;
	font:normal 10px Arial, Verdana, Lucida,  Helvetica, sans-serif;
	
 
	color:#222e4b;
	
	
	
	}






.navTitle {
	margin-left:12px;
	margin-right:14px;
	margin-bottom:8px;
	padding-top:15px;
	padding-bottom:3px;
	width:143px;
	font:normal 13px Times, "times new roman", serif;
	color:#222e4b;
	border-bottom:1px solid #ccc;

	}

.navseparation {
	margin-left:12px;
	margin-right:14px;
	margin-bottom:8px;
	padding-top:15px;
	padding-bottom:3px;
	width:143px;
	font:normal 13px Times, "times new roman", serif;
	color:#222e4b;

	}
.navTitle1 {
	margin-left:12px;
	margin-right:14px;
	margin-bottom:8px;
	padding-top:15px;
	padding-bottom:15px;
	width:150px;
	font:normal 13px Times, "times new roman", serif;
	color:#222e4b;
	border-top:1px solid #222e4b;
	border-bottom:1px solid #222e4b;

	

	}



/* menu principale -------------------------------------------------------
--------------------------------------------------------------+
--------------------------------------------------------*/

#menuh, #menuh 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 */
        line-height : 30px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
		
	
}

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

#menuh 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 */
		        margin : 0; /* ni extérieure */

        background : #222e4b; /* couleur de fond */        
        color : #fff; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 139px; /* largeur */
}

#menuh a:hover /* Lorsque la souris passe sur un des liens */    
{
        
        background: url(../../../images/fond.gif)

}


#menuh li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        /* border-right : 1px solid #fff; on met une bordure blanche à droite de chaque élément */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menuh li
{
      /*   border-right: 1px solid transparent ; on met une bordure transparente à droite de chaque élément */
}

#menuh li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 144px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}




/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menuh li ul li                
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}



/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menuh li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}







/* FIN MENU PRINCIPALE*/ 

/* Lorsque la souris passe sur un des liens */ 


.subheader { font:bold 12px/17px  Verdana, Arial, Helvetica, sans-serif color:#222e4b;}

.Texte{
	padding-left:15px;
	padding-top:10px;
	padding-right:10px;
	

	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #222e4b;
}





A.typepage:link {       text-align: right; 

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	
	color:#525659; text-decoration:none;font-weight:normal;vertical-align: middle;  text-align:center;  font-family: Verdana;}
 A.typepage:visited {text-align: right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;

	color:#525659; text-decoration:none;font-weight:normal;vertical-align: middle;  text-align:center;   font-family: Verdana;}
A.typepage:active {text-align: right;vertical-align: middle;  text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	
	color:#28556D; 
	text-decoration:none;font-weight:normal;font-family: Verdana;
	}