/********************************************************************* Balise ****************************************************************/
*{
	padding: 0px;
	margin: 0px;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	text-decoration: none;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background:url(gifs/images/optique_01.jpg) repeat-x #000;
}

/******************************************************************** Lien ******************************************************************/
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #666666;
}
a:active {
	text-decoration: none;
	color: #666666;
}
a:focus{outline:none;
}

img{border:none;
}
.imgexemple{border:1px solid #B51231;
}

/********************************************************************** Class **************************************************************/
.scrollbarre {
	overflow:auto;
}

/********************************************************************** Newsletter **************************************************************/
.email_news {
	font-family:Geneva,Arial,Helvetica;
	font-size:11px;
	color:#666666;
	background-color:#ffffff;
	border-bottom:#bbbbbb 1px solid;
	border-top:#bbbbbb 1px solid;
	border-left:#bbbbbb 1px solid;
	border-right:#bbbbbb 1px solid;
}

.bouton_news {
	font-family:Geneva,Arial,Helvetica;
	font-size:12px;
	color:#ffffff;
	background-color:#585858;
	border-bottom:#585858 1px solid;
	border-top:#585858 1px solid;
	border-left:#585858 1px solid;
	border-right:#585858 1px solid;
}

/**********************************************************BDD AUTO **************************************/
.numpage {
}
.numpage_selec {
	color:#ff0000;
}
.bt_suivant{
}
.bt_precedent{
}
.liste_cat{
}
.fichierbin{
}
.photo{
}
/**********************************************************************************************************/



	
#foother{
background:url(gifs/images/optique_26.jpg) no-repeat; width:971px; height:65px; text-align:center;color:#FFFFFF;
}
	#foother p{
	color:#FFFFFF; 
	padding-top:15px;
	}
	#foother a:link{
	color:#FFFFFF; text-decoration:underline;
	}
	#foother a:visited{
	color:#FFFFFF; text-decoration:underline;
	}
	#foother a:hover{
	color:#FFFFFF; text-decoration:none;
	}
	
#newsletter{
background:url(gifs/images/optique_23.jpg) no-repeat; width:172px; height:126px; text-align:left;
}


	
#contenuu{
width:500px; padding-left:45px; padding-right:45px; padding-top:15px; color:#666666; text-align:left;
}
	#contenu ul{
	margin-left:15px;
	}
	#contenu li{
	padding-top:5px;
	}	
	
#contenuaccueil{
background:url(gifs/images/optique_10.jpg) no-repeat; width:500px; height:518px; text-align:left;
}
	#optique{
	width:245px; float:left; padding-left:5px;
	}
		#optique p{
		width:120px;
		}
#contenuaccueil p{
padding-left:5px;
}
#contenuaccueil a:link{
text-decoration:underline;padding-left:5px;
}
#contenuaccueil a:visited{
text-decoration:underline;padding-left:5px;
}
#contenuaccueil a:hover{
text-decoration:none;padding-left:5px;
}
	#titre{
	background:url(gifs/images/titre.jpg) no-repeat; width:591px; height:48px; text-align:left;
	}
		#titre h1{
		color:#FFFFFF; font-size:19px; font-weight:normal; padding-top:13px;
		}
		#titre a{
		color:#FFFFFF; font-size:19px; font-weight:normal; padding-top:13px;
		}
	
	
	
	
	#index {    /* "lien" sera notre conteneur, ici la balise div */
    width: 208px;  /* changer la largeur ici */
    height: 33px; /* changer la hauteur ici */
    background: url(gifs/over_06.jpg) no-repeat left top;    /* placement de l'image over */
}

#index a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/optique_06.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#index a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#fauquembergues-optique {    /* "lien" sera notre conteneur, ici la balise div */
    width: 208px;  /* changer la largeur ici */
    height: 25px; /* changer la hauteur ici */
    background: url(gifs/over_09.jpg) no-repeat left top;    /* placement de l'image over */
}

#fauquembergues-optique a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/optique_09.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#fauquembergues-optique a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#fauquembergues-solaire {    /* "lien" sera notre conteneur, ici la balise div */
    width: 208px;  /* changer la largeur ici */
    height: 24px; /* changer la hauteur ici */
    background: url(gifs/over_11.jpg) no-repeat left top;    /* placement de l'image over */
}

#fauquembergues-solaire a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/optique_11.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#fauquembergues-solaire a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#lentille-contact {    /* "lien" sera notre conteneur, ici la balise div */
    width: 208px;  /* changer la largeur ici */
    height: 21px; /* changer la hauteur ici */
    background: url(gifs/over_12.jpg) no-repeat left top;    /* placement de l'image over */
}

#lentille-contact a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/optique_12.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#lentille-contact a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#opticien-lunetier {    /* "lien" sera notre conteneur, ici la balise div */
    width: 208px;  /* changer la largeur ici */
    height: 20px; /* changer la hauteur ici */
    background: url(gifs/over_13.jpg) no-repeat left top;    /* placement de l'image over */
}

#opticien-lunetier a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/optique_13.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#opticien-lunetier a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#systeme-photo {    /* "lien" sera notre conteneur, ici la balise div */
    width: 208px;  /* changer la largeur ici */
    height: 25px; /* changer la hauteur ici */
    background: url(gifs/over_15.jpg) no-repeat left top;    /* placement de l'image over */
}

#systeme-photo a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/optique_15.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#systeme-photo a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#fauquembergues-accessoires {    /* "lien" sera notre conteneur, ici la balise div */
    width: 208px;  /* changer la largeur ici */
    height: 22px; /* changer la hauteur ici */
    background: url(gifs/over_16.jpg) no-repeat left top;    /* placement de l'image over */
}

#fauquembergues-accessoires a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/optique_16.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#fauquembergues-accessoires a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#marque-lunette {    /* "lien" sera notre conteneur, ici la balise div */
    width: 208px;  /* changer la largeur ici */
    height: 22px; /* changer la hauteur ici */
    background: url(gifs/over_17.jpg) no-repeat left top;    /* placement de l'image over */
}

#marque-lunette a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/optique_17.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#marque-lunette a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#opticien-fauquembergues {    /* "lien" sera notre conteneur, ici la balise div */
    width: 208px;  /* changer la largeur ici */
    height: 23px; /* changer la hauteur ici */
    background: url(gifs/over_18.jpg) no-repeat left top;    /* placement de l'image over */
}

#opticien-fauquembergues a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/optique_18.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#opticien-fauquembergues a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#vente-lunette-fauquembergues {    /* "lien" sera notre conteneur, ici la balise div */
    width: 208px;  /* changer la largeur ici */
    height: 20px; /* changer la hauteur ici */
    background: url(gifs/over_19.jpg) no-repeat left top;    /* placement de l'image over */
}

#vente-lunette-fauquembergues a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/optique_19.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#vente-lunette-fauquembergues a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


.titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #6A0106;
}

.fondblanc {
	background-color: #FFFFFF;
}


.carre {
	background-color: #AD0908;
}
.grand {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
h3 {
	display: inline;
	font-size: 9px;
}
/**********************************************************************************************************/
div.j_global{
	width:100%;
	text-align:center;
}
div.j_adulte{
	float:left;
	padding-left:10px;
}
div.j_enfant{
	float:right;
	padding-right:10px;
}
div.j_femme{
	float:right;
	padding-right: 110px;
}
div.j_deroulant{
	text-align:center;
	margin-top:20px;
}
div.j_tpl{
	padding-left:3px;
	width:70%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
}
div.j_tpl_gpeimg{
	float:left;
	margin-right:10px;
}
div.j_tpl_image{
	margin-bottom:13px;	
}
div.j_tpl_carre{
	width:8px;
	height:25px;
	background-color:#AD0908;
	float:left;
	position:relative;
	left:70px !important;
	left:73px;
}
.texte_blanc_gras{
color : #FFFFFF;
font-weight:bold;
}
.texte_noir_gras{
color : #000000;
font-weight:bold;
}

#adresselogo{
position:absolute; z-index:2; color:#FFFFFF; margin-left: 165px; font-family:Arial, Helvetica, sans-serif; font-size:14px; margin-top: 180px; width: 183px; height: 53px;
}

#cont{
margin:auto; text-align:left; width:971px;
}


ul.MenuBarHorizontal {
   width: 208px;
   list-style: none;
   margin: 0;
   padding: 0;
}

ul.MenuBarHorizontal li {
   position: relative;
   margin: 0;
   padding: 0;
   text-align: center;
}

ul.MenuBarHorizontal li a {
   display: block;
   /*height: 20px;*/
   margin: 0;
   padding: 0;
   margin-bottom:-2px;
}

ul.MenuBarHorizontal li a img {
   border: none;

}

a#menu0 {
   width: 208px;
   height:33px;
   background-image: url('gifs/over_06.jpg');
}

a#menu1 {
   width: 208px;
   height:25px;
   background-image: url('gifs/over_09.jpg');
}

a#menu2 {
   width: 208px;
   height:24px;
   background-image: url('gifs/over_11.jpg');
}

a#menu3 {
   width: 208px;
   height:21px;
   background-image: url('gifs/over_12.jpg');
}

a#menu4 {
   width: 208px;
   height:20px;
   background-image: url('gifs/over_13.jpg');
}

a#menu5 {
   width: 208px;
   height:25px;
   background-image: url('gifs/over_15.jpg');
}

a#menu6 {
   width: 208px;
   height:22px;
   background-image: url('gifs/over_16.jpg');
}

a#menu7 {
   width: 208px;
   height:22px;
   background-image: url('gifs/over_17.jpg');
}

a#menu8 {
   width: 208px;
   height:23px;
   background-image: url('gifs/over_18.jpg');

}

a#menu9 {
   width: 208px;
   height:20px;
   background-image: url('gifs/over_19.jpg');
}

a#menu0:hover, .selected-over0, a#menu1:hover, .selected-over1, a#menu2:hover, .selected-over2, a#menu3:hover, .selected-over3, a#menu4:hover, .selected-over4, a#menu5:hover, .selected-over5, a#menu6:hover, .selected-over6, a#menu7:hover, .selected-over7, a#menu8:hover, .selected-over8, a#menu9:hover, .selected-over9 {
   visibility: visible;
}

a#menu0:hover img, .selected-over0 img, a#menu1:hover img, .selected-over1 img, a#menu2:hover img, .selected-over2 img, a#menu3:hover img, .selected-over3 img, a#menu4:hover img, .selected-over4 img, a#menu5:hover img, .selected-over5 img, a#menu6:hover img, .selected-over6 img, a#menu7:hover img, .selected-over7 img, a#menu8:hover img, .selected-over8 img, a#menu9:hover img, .selected-over9 img {
   visibility: hidden;
}