/********************************************************************* Balise ****************************************************************/
form {
	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: #000000;
	text-decoration: none;
}

body {
margin: 0;
#text-align: center;
background: #012e2e;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font: Arial, Helvetica, sans-serif;
}

img{
border: 0;}

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


#contenuBis a {/*
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;*/
	color: #eee;
	text-decoration: none;
	font-weight: bold;
}
#contenuBis a:link {/*
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;*/
	color: #eee;
	text-decoration: none;
	font-weight: bold;
}
#contenuBis a:hover {
	text-decoration: none;
	color: #fff;
}
#contenuBis a:active {
	text-decoration: none;
	color: #eee;
}


#lightbox a {
	color: #2a8688;
	text-decoration: none;
	font-weight: bold;
}
#lightbox a:link {
	color: #2a8688;
	text-decoration: none;
	font-weight: bold;
}
#lightbox a:hover {
	text-decoration: underline;
	color: #2a8688;
}
#lightbox a:active {
	text-decoration: none;
	color: #2a8688;
}


ul.op_ssmenu_un li a {/*
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;*/
	color: #aaa;
	text-decoration: none;
}
ul.op_ssmenu_un li a:link {/*
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;*/
	color: #aaa;
	text-decoration: none;
}
ul.op_ssmenu_un li a:hover {
	text-decoration: none;
	color: #2a8688;
}
ul.op_ssmenu_un li a:active {
	text-decoration: none;
	color: #aaa;
}
ul.op_ssmenu_un li a.enCours {color: #2a8688;}



#navig li a {/*
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;*/
	letter-spacing: .1em;
	display: block;
	color: #eee;
	text-decoration: none;
}

#navig li.principal a, #navig li.principal_last a {/*
	font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 17px !important;
	letter-spacing: .1em;
	display: block;
	color: #eee;
	text-decoration: none;
	font-weight:bold;
}
#navig li.principal li a, #navig li.principal_last li a {/*
	font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 11px !important;
	letter-spacing: .1em;
	display: block;
	color: #eee;
	text-decoration: none;
	font-weight:normal !important;
}

#navig li a:link {/*
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;*/
	color: #eee;
	text-decoration: none;
}
#navig li a:hover {
	text-decoration: none;
	color: #328CDA;
}
#navig li a:active {
	text-decoration: none;
	color: #eee;
}
#navig li a.enCours {color: #328CDA;}




#footer a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #eee;
	text-decoration: none;
}
#footer a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #eee;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
	color: #eee;
}
#footer li a:active {
	text-decoration: none;
	color: #eee;
}
/********************************************************************** Class **************************************************************/
.scrollbarre {
	overflow:auto;
}

/********************************************************************** Newsletter **************************************************************/
#bloc_mail{
padding: 10px 0 0 150px;}

.email_news {
	font-family:Geneva,Arial,Helvetica;
	font-size:11px;
	color:#012e2e;
	background-color:#fff;
	border:#012e2e 1px solid;
}

.bouton_news {
	background: url(gifs/ok.gif) no-repeat;
	width: 17px;
	height: 17px;
	border: 0;
	cursor: pointer;
	margin-left:5px;
	padding:0;
}

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



/**********************************************************BDD AUTO ----TPL----**************************************/
#produit {
width: 201px;
border-bottom: 3px solid #4d4d4d;
margin: 12px 0 12px 18px;}


#produitPhoto {
}

#produitZoom {
text-align: right;
}

#produitZoom a {
font-size: 9px;
font-family: Arial, Helvetica, sans-serif;
color: #eee;
text-transform: none;
text-transform: none;
}


#produitZoom a:link {
font-size: 9px;
font-family: Arial, Helvetica, sans-serif;
color: #eee;
text-transform: none;
text-transform: none;
}

#produitZoom a:hover {
font-size: 9px;
font-family: Arial, Helvetica, sans-serif;
color: #2a8688;
text-transform: none;
text-transform: none;
}

#produit .descrip{
font-variant: small-caps;
font-size: 11px;
color: #eee;
margin: 0 0 .25em 0;
}

#produit .price{
font-variant: small-caps;
font-size: 11px;
color: #2a8688;
margin: 0 0 .25em 0;
}

#produit .out{
font-weight: bold;
}

#produit #trait{
height: 1px;
background: #4d4d4d;
margin-bottom: 2px;
}

/******************************************************BDD -----DETAIL----****************************************************/
#detail{
}

#detail_img{
float: left;
margin: 15px;}

#detail_descrip{
float: left;
margin-top: 15px;
width: 250px;
letter-spacing: .25em;}

#detail_contact {
position: relative;
top: -40px;
clear: both;}

#detail_contact_bt {
float: right;
width: 281px;
height: 27px;
display: block;
background: url(gifs/contact.gif) no-repeat top right;}

#detail_contact_bt:hover {width: 281px;
height: 27px;
background: url(gifs/contact_over.gif) no-repeat top right;}

/**********************************************************************************************************/



/*********************************************************LIGHTBOX*****************************************/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(gifs/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gifs/overlay.png", sizingMethod="scale");
	}
	
/**********************************************************************************************************/

/***************************************************GENERAL*******************************************************/
#conteneur{
width: 976px;
#text-align: left;
margin: 0 auto;
}

#moteurrecherche{
text-align: right;
position: relative;
top: 19px;
right: 5px;
height: 20px;
color: #eee;}

#moteur_bt{
color: #eee;
border: 0;
background: #2a8688;
cursor: pointer;
}

#header{
margin-top: -20px;
width: 976px;
height: 289px;}

#header a{
height: 93px;
width: 400px;
display: block;
z-index:999 !important;
cursor:pointer !important;
position:absolute;}

.img_opt_f1{background: url(gifs/optiquefemme1.jpg) no-repeat;}
.img_opt_f2{background: url(gifs/optiquefemme2.jpg) no-repeat;}
.img_opt_f3{background: url(gifs/optiquefemme3.jpg) no-repeat;}
.img_opt_h1{background: url(gifs/optiquehomme1.jpg) no-repeat;}
.img_opt_h2{background: url(gifs/optiquehomme2.jpg) no-repeat;}
.img_opt_h3{background: url(gifs/optiquehomme3.jpg) no-repeat;}
.img_opt_j1{background: url(gifs/optiquejunior1.jpg) no-repeat;}
.img_opt_j2{background: url(gifs/optiquejunior2.jpg) no-repeat;}
.img_opt_j3{background: url(gifs/optiquejunior3.jpg) no-repeat;}


.img_sol_f1{background: url(gifs/solairefemme1.jpg) no-repeat;}
.img_sol_f2{background: url(gifs/solairefemme2.jpg) no-repeat;}
.img_sol_f3{background: url(gifs/solairefemme3.jpg) no-repeat;}
.img_sol_h1{background: url(gifs/solairehomme1.jpg) no-repeat;}
.img_sol_h2{background: url(gifs/solairehomme2.jpg) no-repeat;}
.img_sol_h3{background: url(gifs/solairehomme3.jpg) no-repeat;}
.img_sol_j1{background: url(gifs/solairejunior1.jpg) no-repeat;}
.img_sol_j2{background: url(gifs/solairejunior2.jpg) no-repeat;}
.img_sol_j3{background: url(gifs/solairejunior3.jpg) no-repeat;}

.img_a{
background: url(gifs/img_a_02.jpg) no-repeat;}
.img_b{
background: url(gifs/img_b_02.jpg) no-repeat;}
.img_c{
background: url(gifs/img_c_02.jpg) no-repeat;}
.img_d{
background: url(gifs/img_d_02.jpg) no-repeat;}
.img_e{
background: url(gifs/img_e_02.jpg) no-repeat;}


.img_f{
background: url(gifs/img_f_02.jpg) no-repeat;}
.img_g{
background: url(gifs/img_g_02.jpg) no-repeat;}
.img_h{
background: url(gifs/img_h_02.jpg) no-repeat;}
.img_i{
background: url(gifs/img_i_02.jpg) no-repeat;}
.img_j{
background: url(gifs/img_j_02.jpg) no-repeat;}
.img_k{
background: url(gifs/img_k_02.jpg) no-repeat;}
.img_l{
background: url(gifs/img_l_02.jpg) no-repeat;}



#hdp{
line-height: 1.5em;
clear: both;
text-align: right;
margin-right: .5em;}
/**********************************************************************************************************/


/*****************************************************NAVIGATION*****************************************************/
#navig{
background: #0e0506;}


#navig ul{
margin: 0;
padding: 0;
}

#navig li{
font-variant: normal;
color: #fff;
list-style-position: outside;
list-style: none;}

#navig li.principal {
font-variant: small-caps;
float: left;
height: 16px;
border-right: 2px solid #bbb;
/*padding: 0 28px 0 20px;*/
padding: 0 12px 0 12px;
margin: 1em 0;}

#navig li.last{
border-right: 0;}

#navig li.principal_last{
font-variant: small-caps;
padding: 0 12px 0 12px;
margin: 1em 0;
border-right: 0;}
/******************************************************CONTENU****************************************************/
#contenu{
color: #eee;
background: #0e0506;
}

#contenuBis{
background: #0e0506;
margin:0;
padding: 1em;
float: right;
width: 950px;}

#contenuBisTitre{
background: #0e0506;
margin:0;
padding-top:18px;
float: right;
width: 660px;}

#titre_page {
width: 636px;
height: 27px;
margin-bottom: 15px;}




#main_contain{
border: 1px solid #014747;
background: url(gifs/fond_cont_20.gif) repeat-x top;
}

.top_main{
text-align: center;
font-size: 11px;
margin: .5em .5em 1em;}


#droite{
float: right;
width: 200px;
height: 300px;
text-align: center;
padding-top: 115px;}

#droite p{}
/**********************************************************************************************************/



/********************************************************OPTIONS**************************************************/
#options{
float: left;
width: 302px;
margin: 1em 0 1em 10px;}

#lettreInfo {
background: url(gifs/img_13.jpg) no-repeat top left;
width: 302px;
height: 44px;}


#retour{
background: url(gifs/img_21.gif) no-repeat top left;
width: 150px;
height: 31px;
display: block;}

#retour:hover{
background: url(gifs/option_over_31.gif) no-repeat top left;}



#option_contact{
background: url(gifs/img_22.gif) no-repeat top left;
width: 150px;
height: 31px;
display: block;}

#option_contact:hover{
background: url(gifs/option_over_32.gif) no-repeat top left;}



#option_fav{
background: url(gifs/img_23.jpg) no-repeat top left;
width: 195px;
height: 33px;
display: block;
float:left;
margin-left:10px;
}

#option_fav:hover{
background: url(gifs/option_over_33.jpg) no-repeat top left;}


#option_ami{
background: url(gifs/img_24.jpg) no-repeat top left;
width: 195px;
height: 33px;
display: block;
float:left;
margin-left:10px;
}

#option_ami:hover{
background: url(gifs/option_over_34.jpg) no-repeat top left;}

/**********************************************************************************************************/



/********************************************************INDEX**************************************************/

ul.blocs{
margin:0;
padding:0;}

ul.blocs li{
float: left;
margin: 0 0 0 12px;
list-style-position: outside;
list-style: none;
border: 1px solid #0e0506;
}

ul.blocs li:hover{
border: 1px solid #eee;
}

#bloc_solaires{
background: url(gifs/img_15.jpg) no-repeat;
width: 299px;
height: 292px;
display: block;}

#bloc_optique{
background: url(gifs/img_17.jpg) no-repeat;
width: 298px;
height: 292px;
display: block;}

#bloc_surdite{
background: url(gifs/img_19.jpg) no-repeat;
width: 298px;
height: 292px;
display: block;}

/**********************************************************************************************************/


/*****************************************************PAGE OPTIQUE*****************************************************/
.op{
background: url(gifs/titre_optique_13.gif) no-repeat;}

ul.op_ssmenu_un{
margin: 0;
padding: 0 0 10px 22px;
}

ul.op_ssmenu_un li{
float: left;
margin: -15px 1em 0 0;
list-style-position: outside;
list-style: none;
}



ul.op_ssmenu{
margin: 0;
padding: 0;
}

ul.op_ssmenu li{
float: left;
margin: 0 0 0 20px;
list-style-position: outside;
list-style: none;
border: 1px solid #0e0506;
}

.surd{
background: url(gifs/titre_surdite_13.gif) no-repeat;}

.oph{
background: url(gifs/titre_optique_h_13.gif) no-repeat;}

.opf{
background: url(gifs/titre_optique_f_13.gif) no-repeat;}

.opj{
background: url(gifs/titre_optique_j_13.gif) no-repeat;}

.accueil{
background: url(gifs/titre_accueil_13.gif) no-repeat;}

.nous{
background: url(gifs/titre_qui_13.gif) no-repeat;}

.loco{
background: url(gifs/titre_locaux_13.gif) no-repeat;}

.contacter{
background: url(gifs/titre_contact_13.gif) no-repeat;}


.centrer{
margin: 5px 0;
text-align: center;}

/**********************************************************************************************************/


/****************************************************PAGE ACCESSOIRES******************************************************/
.met{
background: url(gifs/titre_meteo_13.gif) no-repeat;}

.jum{
background: url(gifs/titre_telescopes_13.gif) no-repeat;}
/**********************************************************************************************************/


/****************************************************PAGE SOLAIRES******************************************************/
.solh{
background: url(gifs/titre_solaire_h_13.gif) no-repeat;}

.solf{
background: url(gifs/titre_solaire_f_13.gif) no-repeat;}

.solj{
background: url(gifs/titre_solaire_j_13.gif) no-repeat;}

/**********************************************************************************************************/


/****************************************************PAGE SURDITE******************************************************/
ul.listeB {
list-style: none;}

ul.listeB li img{
border: 2px solid #014747;}

ul.listeB li.liB {
float: right;}

ul.listeB li.liC {
clear: both;}
/**********************************************************************************************************/


/***********************************************************MISE EN FORME DU TEXTE***********************************************/
#contenu .titre{
color: #2a8688;
margin: 0 .5em 1.5em;
font-size: 11pt;
font-weight: bold;
}

#contenu .titre_vert{
color: #006032;
margin: 0 .5em 1.5em;
font-size: 11pt;
font-weight: bold;
}

#contenu .titreB{
color: #2a8688;
margin: 0 .5em 1.5em;
font-size: 13pt;
font-weight: bold;
}

#contenu .intro{
color: #eee;
margin: 1em .5em 2em;
font-size: 11pt;
}

#contenu .texte{
color: #ccc;
margin: 0 .5em 1.5em;
line-height: 1.5tm;
font-size: 10pt;}


#contenu .texte_ul{
color: #ccc;
line-height: 1.5em;
font-size: 10pt;}

#contenu .texte_maj{
font-variant: small-caps;
color: #ccc;
margin: 0 .5em 1.5em;
line-height: 1.5tm;
font-size: 10pt;}

#contenu #liste {
color: #ccc;
line-height: 1.5em;
font-size: 10pt;}

#contenu #liste li {
margin: 0 0 .5em 3em;
list-style: disc;
}

#contenu .impt{
color: #eee;
margin: 0 0 1.5em 0;
line-height: 10pt;
font-weight: bold;}


#contenu .impt_maj{
font-variant: small-caps;
color: #eee;
margin: 0 0 1.5em 0;
line-height: 10pt;
font-weight: bold;}

#contenu .ita{
color: #4d4d4d;
margin: 0 0 1.5em 0;
line-height: 16px;
font-style: italic;
font-size: 11px;}

#contenu .texte2{
color: #75103a;
margin: 0 0 1.5em 0;
line-height: 16px;
}

#contenu .texte3{
text-align: right;
color: #75103a;
margin: -5px 0 1.5em 0;
line-height: 16px;
}

.texte4{
color: #2a8688;
margin: 0 .5em 1.5em;
line-height: 1.5m;
font-size: 10pt;
font-weight: bold;}

.texte4_vert{
color: #006032;
margin: 0 .5em 1.5em;
line-height: 1.5m;
font-size: 10pt;
font-weight: bold;}
/**********************************************************************************************************/




/***********************************************************CONTACT***********************************************/
#reserv tr{
padding: .5em 0 0 0;
color: #75103a;}

#reserv td.right{
text-align: right;}

#reserv td.left{
text-align: left;}
 
#contenuBis #mail {
border: 1px solid #014747;
background: url(gifs/fond_cont_20.gif) repeat-x top;
padding-top: 15px;
margin-right: 10px;
} 
 
fieldset{
margin: 0 3em;
color: #75103a;
}

em{margin-left: 3em;
color: #ccc;}

fieldset legend{
line-height: 16px;
text-align: left;
color: #0c7e7e;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
}

fieldset input{
text-align: left;}

fieldset label{
color: #0c7e7e;}

fieldset textarea{
vertical-align: text-top;
text-align: left;
width: 200px}

fieldset p{
width: 350px;
text-align: right;}

#bouton_send{
width: 550px;
text-align: center;}

input.contact_envoyer{
cursor: pointer;
text-align: center;
border: 1px solid #014a4a;
color: #eee;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
margin: 1em 0 .5em;
padding: 0 2em;
background: #014a4a;}

input.contact_envoyer:hover{border: 1px solid #0c7e7e;}

#map{
margin: 10px 30px 0;
padding: 15px 0 0 0;
border: 1px solid #014747;}

.alignImgR{
float:right;
padding-right:100px;}

.borvert {
border:thin;
border-color:006032;
}
/**********************************************************************************************************/




/******************************************************FOOTER****************************************************/
#footer{
font-family: Verdana, Arial, Helvetica, sans-serif;
clear: both;	
text-align: center;
color: #fff;
margin-top: 2em;}

#footer p{
margin: 0;
font-weight: 600;}

#footer ul{
color: #fff;
margin: 0;
padding: 0;}

#footer li{
padding: 0 0.66em 0 0.5em;
list-style: none;
display: inline;
border-right: 1px solid;}

#footer li.last{
border-right: 0;}
/**********************************************************************************************************/
div#liste_cat{
	margin:10px;
}

div#liste_cat a{
}

div#liste_cat a:hover{
	text-decoration:underline;
	color:#328CDA;
}
.numcontact {
	clear:both;
	float:right;
	color:#FFFFFF;
	margin-right:15px;
	width:400px;
	text-align:right;
}
.numcontact span {
	font-size:16px;
	font-weight:bold;
}