/* CSS Document */
/*  les niveaux de gris correspondent au catalogue: 
15%   #e3e4e4
25%   #cfd1d2
50%   #9c9e9f
70%   #707173
*/

/* BASIC RESET */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{ margin:0; padding:0; }

/* ELEMENTS HTML */
body { background-color:#000000; background-image:url(images/maquette/honey_comb.jpg); background-repeat: repeat-x; font-size: 12px;  font-family:Arial, Verdana, Helvetica sans-serif; }
img { border:none; }
hr { margin:15px auto; color:#9c9e9f; } /* traits horizontaux */
a{ color:#707173; text-decoration:underline; }
body a:hover{ text-decoration:underline; color:#9c9e9f; }
body a:visited{  text-decoration:underline; color:#707173; }

/*Titres*/
h1{ color:#9c9e9f; font-size:13px; font-weight:bold; margin-bottom:25px; }
h2{ color:#9c9e9f; font-size:15px; font-weight:bold;} 


/*TEXTE*/
.u{ text-decoration:underline; } .u a{ text-decoration:underline; } .u a:hover{ text-decoration:underline; } .u a:visited{ text-decoration:underline; }
.no_u{ text-decoration:none; } .no_u a{ text-decoration:none; } .no_u a:hover{ text-decoration:none; }
.centrer{ text-align:center; margin:auto; }
.noir{ color:#000000; }
.gris50{ color:#9c9e9f; }
.gris70{ color:#707173; }
.bold{ font-weight:bold; }
.italique{ font-style:italic;}
.rouge { font-weight:500; font-size:12px; color:#f10606; text-align:left; }
.align_r{ text-align:right;}
.t11{ font-size:11px; }.t12{ font-size:12px; }


/* CONTENEUR GLOBAL*/
#conteneur{ width:800px; height:auto; margin:auto; }

/* ----------------------------- */
/*     NAVIGATION HAUT    
/* ----------------------------- */
#nav_haut { width:800px; height:62px; margin:0px auto 0px auto; background-image:url(images/maquette/fond_nav_haut.png); background-repeat:no-repeat; }
#nav_haut ul { padding-left:54px; padding-top:6px }
#nav_haut li { padding-right:72px; display: inline; }

/* ----------------------------- */
/* ------------ MENU ---------------- */
#menu_atea{ width:800px; height:32px; margin:10px 0px 0px 0px;  }

#menu_atea  ul,li{ display:inline; margin:0; padding:0;  }

#bt_appliques a { width:135px; height:32px; float:left; background:url(images/maquette/bt_appliques.png); }
#bt_appliques a:hover { background-position: 0 -32px; }
#bt_appliques a:active { background-position: 0 -64px; }
#bt_appliques_on a { width:135px; height:32px; float:left; background:url(images/maquette/bt_appliques.png);  background-position: 0 -64px; }
#bt_plafonniers a { width:133px; height:32px; float:left; background:url(images/maquette/bt_plafonniers.png); }
#bt_plafonniers a:hover { background-position: 0 -32px; }
#bt_plafonniers a:active { background-position: 0 -64px; }
#bt_plafonniers_on a { width:133px; height:32px; float:left; background:url(images/maquette/bt_plafonniers.png);  background-position: 0 -64px; }
#bt_suspensions a { width:133px; height:32px; float:left; background:url(images/maquette/bt_suspensions.png); }
#bt_suspensions a:hover { background-position: 0 -32px; }
#bt_suspensions a:active { background-position: 0 -64px; }
#bt_suspensions_on a { width:133px; height:32px; float:left; background:url(images/maquette/bt_suspensions.png);  background-position: 0 -64px; }
#bt_lampadaires a { width:133px; height:32px; float:left; background:url(images/maquette/bt_lampadaires.png); }
#bt_lampadaires a:hover { background-position: 0 -32px; }
#bt_lampadaires a:active { background-position: 0 -64px; }
#bt_lampadaires_on a { width:133px; height:32px; float:left; background:url(images/maquette/bt_lampadaires.png);  background-position: 0 -64px; }
#bt_leds a { width:133px; height:32px; float:left; background:url(images/maquette/bt_leds.png); }
#bt_leds a:hover { background-position: 0 -32px; }
#bt_leds a:active { background-position: 0 -64px; }
#bt_leds_on a { width:133px; height:32px; float:left; background:url(images/maquette/bt_leds.png);  background-position: 0 -64px; }
#bt_profile a { width:133px; height:32px; float:left; background:url(images/maquette/bt_profile.png); }
#bt_profile a:hover { background-position: 0 -32px; }
#bt_profile a:active { background-position: 0 -64px; }
#bt_profile_on a { width:133px; height:32px; float:left; background:url(images/maquette/bt_profile.png);  background-position: 0 -64px; }


/*** FIN MENU ***/


/* -----------------HEADER------------------ */
#header { width:760px; height:207px; background-image:url(images/maquette/bandeau.png); background-repeat:no-repeat; margin:10px auto 0px auto; padding:17px 20px 16px 20px; }
#header h1 { font-size:50px; font-weight:900; font-family:"Arial Black", "Arial", "Verdana", "Helvetica", sans-serif;  line-height:50px; color:#000000; margin:0 0 10px 0; padding:0;}
#header h2 { font: 15px "Arial", "Verdana", "Helvetica", sans-serif; font-weight: bold;  color:#9c9e9f; margin:0; }
#header h3 { font: 13px "Arial", "Verdana", "Helvetica", sans-serif; font-weight: bold;  color:#9c9e9f; margin:0 0 5px 0; }
	#logo_recherche_coordonnees{ float:left; width:460px; height:200px; margin-top:3px;   }
		#logo_recherche{ width:450px; height:110px; }
			#logo_atea{ width:190px; height:110px; float:left;} #logo_atea a, a:hover, a:visited{ color:#000000; text-decoration:none;}
			#recherche_simple{ width:260px; height:110px; float:left;}
		#coordonnees_header{ width:440px; height:90px;  }
	#banniere_image { width:300px; height:200px; margin-top:3px; overflow:hidden;}

/*BANNIERES PRODUITS produit mis en avant dans le bandeau pour chaque rubriques*/
#banniere_index a { width:300px; height:200px; background-image:url(images/bannieres/banniere_index.jpg); background-repeat:no-repeat; float:right;}
#banniere_index a:hover { background-position: 0 -200px; }
#banniere_appliques a { width:300px; height:200px; background-image:url(images/bannieres/banniere_appliques.jpg); background-repeat:no-repeat; float:right;}
#banniere_appliques a:hover { background-position: 0 -200px; }
#banniere_plafonniers a { width:300px; height:200px; background-image:url(images/bannieres/banniere_plafonniers.jpg); background-repeat:no-repeat; float:right;}
#banniere_plafonniers a:hover { background-position: 0 -200px; }
#banniere_suspensions a { width:300px; height:200px; background-image:url(images/bannieres/banniere_suspensions.jpg); background-repeat:no-repeat; float:right;}
#banniere_suspensions a:hover { background-position: 0 -200px; }
#banniere_lampadaires a { width:300px; height:200px; background-image:url(images/bannieres/banniere_lampadaires.jpg); background-repeat:no-repeat; float:right;}
#banniere_lampadaires a:hover { background-position: 0 -200px; }
#banniere_leds a { width:300px; height:200px; background-image:url(images/bannieres/banniere_leds.jpg); background-repeat:no-repeat; float:right;}
#banniere_leds a:hover { background-position: 0 -200px; }
#banniere_profile a { width:300px; height:200px; background-image:url(images/bannieres/banniere_profile.jpg); background-repeat:no-repeat; float:right;}
#banniere_profile a:hover { background-position: 0 -200px; }
/*FIN BANNIERES PRODUITS */
/* ----------------FIN HEADER------------------- */

/*classe utilisable quand les sauts de ligne ne marchent pas, souvent quand un float d'une class ou id n'a pas de taille définie*/
.espace{ clear:both; margin-top:10px;}
.espace_vignettes{ width:760px; height:10px;clear:both; }

/* --------------------------------------*/
/* ---------- CONTENU------------- */
/*----------------------------------------*/
/* Classes car cela sert aussi bien pour le contenu que le footer */
.haut_contenu{ width:800px; height:10px; background-image:url(images/maquette/haut_contenu.png); background-repeat:no-repeat; margin:10px 0 0 0; }
.contenu{ width:730px; height:auto; overflow:hidden; background-image:url(images/maquette/contenu.jpg); background-repeat:repeat-y; padding:10px 35px 5px 35px; margin:0; font-size:11px;}
.contenu p{ margin-bottom:15px; clear:both;}
.contenu hr { margin:0 auto 25px auto; color:#9c9e9f; } /* traits horizontaux */
.contenu h1{ color:#000000; font-size:16px; font-weight:bold; letter-spacing:1.5pt; margin:0; }
.contenu h2{ color:#000000; font-size:12px; font-weight:bold; margin-bottom:10px; }
.contenu table { border-collapse:collapse; vertical-align:top; margin-bottom:15px; width:75%; min-width:60%; max-width:100%; }
.contenu tr,td{ padding:2px 20px 2px 0; vertical-align:top; }
.contenu  td{ border-bottom:1px solid #cfd1d2; }
.dimensions  { text-align:right; padding:2px 0 2px 0; } /* dernière colonne des références */

/* contenu avec image de fond mais sans les marges */
.contenu_vignettes{ width:800px; height:auto; overflow:hidden; background-image:url(images/maquette/contenu.jpg); background-repeat:repeat-y; padding:10px 0px 0px 0px; }
.bas_contenu{ width:800px; height:12px; background-image:url(images/maquette/bas_contenu.png); background-repeat:no-repeat; }

#photos_produit{ width:730px; height:250px; margin: 0 0 10px 0; }
#photo_produit_1{ float:left; }
#photo_produit_2{ float:left; margin-left:20px; }
#tableau_references{ width:730px; margin-bottom:10px; }
#options{ width:730px; margin-bottom:40px; }
#options ul li{ display:block; }
#options_ballast{ width:420px; float:left; } #options_ballast table{ width:100%; min-width:90%; max-width:100%;} #options_ballast td{ border:0; margin:0; padding:0; } 
#options_autres{ width:290px; margin-left:440px; } #options_autres table{ width:85%; min-width:80%; max-width:100%;} #options_autres td{ border:0; margin:0; padding:0; }
.titre_option_a{ width:15px; font-weight:bold; } .titre_option_b{ width:28px; font-weight:bold; }
#descriptif_produit{ width:730px; margin-bottom:40px; }
#plan_icones{ width:730px; margin-bottom:20px; }
#plan{ width:355px; height:200px; float:left; }
#icones{ width:345px; height:190px; margin-left:375px; background-color:#e3e4e4; padding:5px; }
.ligne{ width:345px; height:35px; margin-bottom:3px; }
.ligne  img{ display:block; float:left; margin-right:3px; }
#ico_ampoules{ width:345px; height:75px; }
#ico_options { width:345px; height:112px; margin-top:3px; }

#projets_produit{ width:730px; margin:40px 0 20px 0; }  #projets_produit h2{ margin-bottom:5px; }
#projets_produit img{ margin-right:1.5px; border:0; } #projets_produit a{ text-decoration:none; } #projets_produit a:hover{ text-decoration:none; } #projets_produit a:visited{ text-decoration:none; } 

#version_led{ width:730px; margin-bottom:20px;}
#version_led a { text-decoration:none; color:#707173; font-weight:bold;} #version_led a:hover { text-decoration:underline; color:#707173; font-weight:bold; }
.ico_led{ position:relative; top:4px; } .ico_led a{ text-decoration:none; } .ico_led a:hover{ text-decoration:none; }

/*contenu à deux colonnes pour profiles */
.deux_colonnes{ width:730px; margin:0; padding:0;}
.deux_colonnes  h1 {font-size:15px; letter-spacing:0.2pt;} 
.contenu_g{ width:355px; float:left; margin:0; padding:0;}
.contenu_d{ width:355px; float:left; margin-left:20px;}
.tableau_references{ width:355px; margin:0 0 10px 0; padding:0;}
.tableau_references table{ border-collapse:collapse; vertical-align:top; margin-bottom:15px; padding:0; width:100%; line-height:1.1em; font-size:10.5px; }
.descriptif_produit{ width:355px; margin-bottom:25px; }
.plans{ width:730px; margin:0; padding:0;}


#fin_page{ width:730px; margin-bottom:10px; }
#coordonnees_fin_page{ width:355px; float:left; } #coordonnees_fin_page h2{ margin-bottom:0; }
#icones_fin_page{ width:355px; margin-left:375px; text-align:right; }


/* --------------------------------------*/
/* -----FIN----- CONTENU------------- */
/*----------------------------------------*/

/* FOOTER*/
#footer { width:790px; height:auto; overflow:hidden; background-image:url(images/maquette/contenu.jpg); background-repeat:repeat-y; padding:5px;  }
#footer ul{  }
#footer li{ float:left; margin:0px 0px 0px 33px; height:60px; text-align:center; }
#footer a { text-decoration:none; color:#707173;}
#footer a:hover{ text-decoration:none; color:#9c9e9f;}
/* FIN FOOTER*/

/* RAPPELS*/
#haut_rappel { width:800px; height:7px; background-image:url(images/maquette/haut_rappel.png); background-repeat:no-repeat; margin:10px auto 0px auto; }
#rappel { width:780px; height:auto; background-image:url(images/maquette/rappel.png); background-repeat:repeat-y; overflow:hidden; padding:10px 10px 10px 10px;}
.colonne_rappel { float:left; margin:0 25px;}
#rappel ul {   }
#rappel li { display:block; }
#rappel a { text-decoration:none; color:#9c9e9f; }
#rappel a:hover { text-decoration:none; color:#e3e4e4;}
#rappel h2{ color:#e3e4e4; font-weight:bold; font-size:12px; margin-bottom:5px;}
#bas_rappel { width:800px; height:7px; background-image:url(images/maquette/bas_rappel.png); background-repeat:no-repeat; }
/* FIN RAPPELS*/

/*      VALIDATION W3C */
/* ----------------------------- */
#valid { width:800px;  margin:5px auto 10px auto;}
#coordonnees  { font-size:10px; color:#FFF; text-align:center; text-decoration:none; margin-bottom:5px; overflow:hidden; }
#coordonnees a { text-decoration:none; color:#FFF; }
#valid_html a { width:80px; height:15px; margin-left:320px; float:left; background-image:url(images/maquette/valid-xhtml10.gif); overflow:hidden; }
#valid_html a:hover { background-position: 0 -15px; }
#valid_css  a{ width:80px; height:15px; margin-left:10px; float:left; background-image:url(images/maquette/vcss.gif); overflow:hidden; }
#valid_css a:hover { background-position: 0 -15px; }

/* RECHERCHE */
#suggestion{ width:212px; height:100px; overflow:auto; background-color:#ffffff; padding:5px; border:1px solid #9c9e9f; position:relative;  z-index:100; }
#suggestion a{ text-decoration:none; color:#000;} #suggestion a:hover{ text-decoration:none;color:#000;}
/* */

/*      FORMULAIRE     */
.contenu fieldset { width:auto; height:auto; border: solid 1px #9c9e9f; padding:10px 20px 10px 20px; margin-top:15px; }
.contenu legend { padding:8px; }
.formulaire { line-height:1.8; font-size:12px; }
.formulaire label { display: inline-block; width:80px; margin-right:10px; text-align:right;} /*tuto : http://www.alsacreations.com/article/lire/1209-display-inline-block.html */
#form_civilite{ display: inline-block; margin:0; padding:0; }
#form_civilite label{ display: inline-block; width:50px; margin-right:0px; text-align:left;}
#adresse{ width:350px; }

/*      EN BREF    */
#contenu_en_bref{ width:620px; height:auto; padding:0 55px ; font-size:12px; }
#contenu_en_bref p{ text-align:justify; }
#contenu_en_bref h2{ color:#707173; font-size:18px; font-weight:normal; text-align:center; font-style:italic;}
.en_bref_colonnes{ width:620px; height:auto;}
.en_bref_g{ width:290px; float:left;}
.en_bref_d{ width:290px; margin-left:40px;float:left;}
.sign{ text-align:right; font-weight:bold;}
#images_references{width:640px;  position:relative; left:-10px; height:auto; margin:20px 0;}
.case_ref{ width:170px; height:190px; text-align:center; float:left; margin:5px 21px; line-height:1.7;}

/*      TELECHARGEMENT    */
#telechargement{ width:730px; font-size:12px;}
#telechargement a{ text-decoration:none;color:#707173; }
#telechargement a:hover{ text-decoration:none; color:#9c9e9f; }
#telechargement ul{  padding-left:15px; margin-bottom:10px; } 
#telechargement li{ display:list-item; }

/*      JAZZ      */
#contenu_jazz{ width:620px; height:auto; padding:0 55px ; font-size:12px; }
#contenu_jazz p{ text-align:justify; }

/*       NEWS           */
/*index des news*/

/* cadre noir, mis de côté
#top_noir { width:760px; height:5px; background-image:url(images/design/top_noir.png); overflow:hidden; }
#contenu_noir{ width:760px; height:auto; background-image:url(images/design/contenu_noir.png); background-repeat:repeat-y; overflow:hidden; }
#bottom_noir { width:760px; height:6px; background-image:url(images/design/bottom_noir.png); overflow:hidden; }
*/
.rouge{ color:#f90505;}
.bandeau_index_news{  width:730px; height:85px; margin:5px 0px 5px 0px; padding:7px 0px 8px 0px; font:12px Arial, Verdana, sans-serif; text-align:justify;  }
.bandeau_index_news h2{  color:#9c9e9f; font-size:15px; font-weight:bold; margin-bottom:15px;}
.bandeau_index_news a{   text-decoration:none; } .bandeau_index_news a:hover{  text-decoration:none; }
.image_index_news{ width:85px; height:85px; margin-right:20px; float:left; }
.titre_index_news{ width:595px; height:85px; float:left; }

/*page news*/
#contenu_news {  width:730px; height:auto; text-align:justify; font-size:12px; }
#image_news { width:300px; height:auto; float:right; margin:0 0px 5px 25px; }
.contenu_news_multi { width:730px; height:auto; margin:0 0 30px 0; clear:both; }
.image_news_multi { width:200px; height:150px; float:left; margin-left:30px; }
#liste_img_news{ width:730px; height:auto; margin:10px 0px 10px 0px; }
#liste_img_news_centre{ width:750px; position:relative; left:-10px; height:auto; margin:10px 0px 10px 0px; }
#liste_img_news img { margin-right:15px; margin-bottom:15px;}
#liste_img_news_centre img { margin:0 11px 15px 11px;}
#liste_img_news img a{ text-decoration:none; } #liste_img_news img a:hover{ text-decoration:none; }