/*///////////////////////////////////////////////////////////////////////////////////
// STYLE : structure général du site
// Contient tous les CSS
/////////////////////////////////////////////////////////////////////////////////////

/////////////////////////////////////////////////////////////////////////////////////
// SOMMAIRE :
// Général
// Structure
// Structure Accueil
// Structure Intérieure
// Page
// - Page Réalisations
// - Page Sud Communication
// - Page Contact
// - Page SAV
// - Page Détail Produit
// Menu
// - Menu SAV & Installation
// - Menu Haut
// - Menu Catégories
// - Sous-Menu Catégories
// - Menu Accueil
// - Liens Marques Accueil
// - Menu Mootools Gauche
// Liens Marques Accueil
// Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only
// Typo
///////////////////////////////////////////////////////////////////////////////////*/

/*///////////////////////////////////////////////////////////////////////////////////
// Général
///////////////////////////////////////////////////////////////////////////////////*/
html, body {
	height:100%;
	background:#000;
}
body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0; padding:0;
}
.WM{width:100%;}
.HM{height:100%;}
#flashAccueil h1 a{
	font:bold 14px Arial, Helvetica, sans-serif; color:#FFF;
}
#flashAccueil p{
	font:normal 11px Arial, Helvetica, sans-serif; color:#CCC;
}
div.divSeparateurInvisible{ /* A utiliser : <div class="divSeparateurInvisible" style="height:20px;"><hr /></div> avec la hauteur souhaitée */
	height:2px;
	clear:both;
}
div.divSeparateurInvisible hr{
  display: none;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Structure
///////////////////////////////////////////////////////////////////////////////////*/
/* Structure Accueil */
table#tabFdSite{
	background:url(../images/background/degFond.jpg) repeat-x top;
	width:100%;	height:100%;
}
div#contHautAc{
	position:relative;
	width:100%; height:100%;
}
div#contMenuAc{
	position:absolute; top:48px;
	width:345px; height:86px;
}
div#contLogoAc{
	position:absolute; top:48px; left:582px;
	width:330px; height:121px;
}
/* Structure Intérieure */
div#contBandeauHaut{
	position:relative;
	width:100%; height:124px;
}
div#contLogoInt{
	position:absolute;
	height:124px; width:308px;
}
table.tableFondGeneral{
	background:#464646;
}
table.tableFondGeneralPages{
	background:#464646;
	width:100%;
}
td.tdCoinHG, td.tdCoinHD, td.tdCoinBD, td.tdCoinBG{
	height:7px; width:7px;
}
td.tdHaut, td.tdBas{
	height:7px;
}
td.tdGauche, td.tdDroite{
	width:7px;
}
td.tdCoinHG{
	background:url(../images/background/coinHG.jpg) no-repeat 0 0;
}
td.tdHaut{
	background:url(../images/background/haut.jpg) repeat-x 0 0;
}
td.tdCoinHD{
	background:url(../images/background/coinHD.jpg) no-repeat 0 0;
}
td.tdGauche{
	background:url(../images/background/gauche.jpg) repeat-y 0 0;
}
td.tdDroite{
	background:url(../images/background/droite.jpg) repeat-y 0 0;
}
td.tdCoinBG{
	background:url(../images/background/coinBG.jpg) no-repeat 0 0;
}
td.tdBas{
	background:url(../images/background/bas.jpg) repeat-x 0 0;
}
td.tdCoinBD{
	background:url(../images/background/coinBD.jpg) no-repeat 0 0;
}
div#divContPhrase{
	position:absolute; top:450px; width:750px;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Page 
///////////////////////////////////////////////////////////////////////////////////*/
/* Page Réalisations */
div.divReal{
	width:250px;
	border:1px solid #494949;
	position:relative;
	margin-left:30px; margin-bottom:30px;
	float:left;
}
p.pReal{
	margin:4px;
	font:normal 12px Arial, Helvetica, sans-serif; color:#707070; text-align:left;
}
/* Page Sud Communication */
div.divSudCom{
	width:240px;
	border:1px solid #494949;
	position:relative;
	margin:0 0 0 30px; padding:10px;
	float:left;
	font:normal 12px Arial, Helvetica, sans-serif; color:#707070; text-align:left;
	background-image:url(../images/background/test.png);
}
div.divSudCom h2{
	font:bold 14px Arial, Helvetica, sans-serif; color:#bae100;
	margin:0 0 10px 0;
}
div.divSudCom strong {
	font:bold 12px Arial, Helvetica, sans-serif;
}
div.divSudCom i{
	font:italic 12px Arial, Helvetica, sans-serif; color:#bae100;
}
div.divSudCom ul{
	list-style:none;
}
div.divSudCom li{
	list-style:inside; list-style-type:disc;
	color:#bae100;
}
div.divSudCom li span {
	color:#707070;
}
/* Page Contact */
div.divTxtContact{
	width:300px;
	border:1px solid #494949;
	position:relative;
	margin:0 0 0 30px; padding:10px;
	float:left;
	font:normal 14px Arial, Helvetica, sans-serif; color:#707070; text-align:center;
}
div.divTxtContact strong{
	font:bold 16px Arial, Helvetica, sans-serif; color:#bae100;
}
div.divTxtContact a{
	font:normal 14px Arial, Helvetica, sans-serif; color:#bae100; text-decoration:underline;
}
div.divTxtContact a:hover{
	text-decoration:none;
}
div#divCarteContact{
	width:450px;
	border:1px solid #494949;
	position:relative;
	margin:0 0 0 30px; padding:10px;
	float:left;	
	text-align:center;
}
/* Page SAV */
div#divImgSAV{
	position:relative;
	float:left;
	margin-left:100px;
}
/* Page Détail Produit */
td.tdGauchePlein, td.tdDroitePlein, td.tdContenuPlein{background:#4a4a4a;}
td.tdContenuPlein{
	padding:10px 13px 10px 13px;
}
td.tdContenuPlein h3{
	font:bold 14px Arial, Helvetica, sans-serif; color:#bae100; text-transform:uppercase;
}
td.tdAlignImage{
	width:250px; height:150px;
	vertical-align:middle; text-align:center;
}
td.tdAlignImagePetit{
	width:60px; height:50px;
	vertical-align:middle; text-align:center;
}
div#divImgProd{
	position:relative; 
	float:left;
	margin:0 0 18px 13px;
	width:250px;
	background:#FFF;
	min-height:150px;
}
div#divDetailProd{
	position:relative; 
	float:left;
	margin:0 13px 18px 20px;
	width:440px;
}
span.spanRefProd{
	font:12px Arial, Helvetica, sans-serif; color:#707070;
}
div#divDetailProd p{
	font:12px Arial, Helvetica, sans-serif; color:#989898; text-align:justify;
}
div#divDetailProd a{
	font:12px Arial, Helvetica, sans-serif; color:#989898;
}
div#divDetailProd a:hover{color:#b8b8b8;}
div.divAccessProd{
	position:relative; 
	float:left;
	margin:10px 20px 0 0;
	width:330px;
}
h4{
	margin:0 0 10px 0;
	font:bold 12px Arial, Helvetica, sans-serif; color:#989898; text-transform:uppercase;
}
div.divImgAccess{
	position:relative; 
	float:left;
	width:90px; height:60px;
	text-align:center;
	background:#FFF;
}
div.divTxtAccess{
	margin:0 0 0 5px;
	position:relative; 
	float:left;
	width:220px;
}
div.divTxtAccess p{
	font:10px Arial, Helvetica, sans-serif; color:#989898; text-align:justify;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Menu
///////////////////////////////////////////////////////////////////////////////////*/
/* Menu SAV & Installation */
div#contMenuHaut1{
	position:absolute;
	width:184px; height:49px;
	bottom:0;
	left:378px;
}
div#lienHautSAV a{
	display:block;
	float:left;
	height:49px; width:36px;
	background:url(../images/menu/interieur/sav.jpg) no-repeat 0 0;
}
div#lienHautSAV a:hover{background-position:-36px 0;}
div.divSepMenu1{width:13px; float:left; height:49px; background:url(../images/menu/interieur/sepMenu1.jpg) no-repeat top; }
div#lienHautReal a{
	display:block;
	float:left;
	height:49px; width:135px;
	background:url(../images/menu/interieur/nos-realisations.jpg) no-repeat 0 0;
}
div#lienHautReal a:hover{background-position:-135px 0;}
/* Menu Haut */
div#contMenuHaut2{
	position:absolute; top:10px; right:10px; z-index:2;
	width:344px; height:42px;	
}
div.divSepMenu2{
	width:12px; height:42px;
	float:left;
	background:url(../images/menu/interieur/sepMenu2.jpg) no-repeat top; }
div#lienHautSudcom a{
	display:block;
	float:left;
	height:42px; width:148px;
	background:url(../images/menu/interieur/sudcom.jpg) no-repeat 0 0;
}
div#lienHautSudcom a:hover{background-position:-148px 0;}
div#lienHautContact a{
	display:block;
	float:left;
	height:42px; width:71px;
	background:url(../images/menu/interieur/contact.jpg) no-repeat 0 0;
}
div#lienHautContact a:hover{background-position:-71px 0;}
div#lienHautEspriv a{
	display:block;
	float:left;
	height:42px; width:101px;
	background:url(../images/menu/interieur/espriv.jpg) no-repeat 0 0;
}
div#lienHautEspriv a:hover{background-position:-101px 0;}
div#lienHautDeco a{
	display:block;
	float:left;
	height:42px; width:101px;
	background:url(../images/menu/interieur/deconnexion.jpg) no-repeat 0 0;
}
div#lienHautDeco a:hover{background-position:-101px 0;}
/* Menu Catégories */
div#contMenuHaut3{
	position:absolute; bottom:0; right:10px;
	width:290px; height:62px;
}
div#lienSousHaut{
	position:relative;
	width:290px; height:19px;
	clear:left;
}
div#lienMarine a, div#lienMarineOver a{
	position:relative;
	display:block;
	float:left;
	width:45px; height:43px;
	background:url(../images/menu/interieur/marine.jpg) no-repeat 0 0;
}
div#lienMarine a:hover, div#lienMarineOver a{background-position:-45px 0;}
div#lienAviation a, div#lienAviationOver a{
	position:relative;
	display:block;
	float:left;
	width:50px; height:43px;
	background:url(../images/menu/interieur/aviation.jpg) no-repeat 0 0;
}
div#lienAviation a:hover, div#lienAviationOver a{background-position:-50px 0;}
div#lienTerrestre a, div#lienTerrestreOver a{
	position:relative;
	display:block;
	float:left;
	width:50px; height:43px;
	background:url(../images/menu/interieur/terrestre.jpg) no-repeat 0 0;
}
div#lienTerrestre a:hover, div#lienTerrestreOver a{background-position:-50px 0;}
div#lienAmateur a, div#lienAmateurOver a{
	position:relative;
	display:block;
	float:left;
	width:50px; height:43px;
	background:url(../images/menu/interieur/amateur.jpg) no-repeat 0 0;
}
div#lienAmateur a:hover, div#lienAmateurOver a{background-position:-50px 0;}
div#lienAntennes a, div#lienAntennesOver a{
	position:relative;
	display:block;
	float:left;
	width:50px; height:43px;
	background:url(../images/menu/interieur/antennes.jpg) no-repeat 0 0;
}
div#lienAntennes a:hover, div#lienAntennesOver a{background-position:-50px 0;}
div#lienNavigation a, div#lienNavigationOver a{
	position:relative;
	display:block;
	float:left;
	width:45px; height:43px;
	background:url(../images/menu/interieur/navigation.jpg) no-repeat 0 0;
}
div#lienNavigation a:hover, div#lienNavigationOver a{background-position:-45px 0;}
/* Sous-Menu Catégories */
div#lienSousHaut{
	display:block;
	width:290px; height:19px;
}
div.sousRien{background:url(../images/menu/interieur/sous-menu.jpg) no-repeat 0 0;}
div.sousMarine{background:url(../images/menu/interieur/sous-menu.jpg) no-repeat -290px 0;}
div.sousAviation{background:url(../images/menu/interieur/sous-menu.jpg) no-repeat -580px 0;}
div.sousTerrestre{background:url(../images/menu/interieur/sous-menu.jpg) no-repeat -870px 0;}
div.sousAmateur{background:url(../images/menu/interieur/sous-menu.jpg) no-repeat -1160px 0;}
div.sousAntennes{background:url(../images/menu/interieur/sous-menu.jpg) no-repeat -1450px 0;}
div.sousNavigation{background:url(../images/menu/interieur/sous-menu.jpg) no-repeat -1740px 0;}
/* Menu Accueil */
div.divSepMenuAc{
	display:block; float:left;
	width:13px; height:25px;
	background:url(../images/menu/accueil/separateur.jpg);
}
div#lienAcSudcom a{
	display:block; float:left;
	width:147px; height:43px;
	background:url(../images/menu/accueil/sudcom.jpg) no-repeat 0 0;
}
div#lienAcSudcom a:hover{background-position:-147px 0;}
div#lienAcContact a{
	display:block;
	float:left;
	width:71px; height:43px;
	background:url(../images/menu/accueil/contact.jpg) no-repeat 0 0;
}
div#lienAcContact a:hover{background-position:-71px 0;}
div#lienAcEspriv a{
	display:block;
	float:left;
	width:101px; height:43px;
	background:url(../images/menu/accueil/espriv.jpg) no-repeat 0 0;
}
div#lienAcEspriv a:hover{background-position:-101px 0;}
div#divAcEsprivDep{
	display:none;
	position:relative;
	float:left;
	width:101px; height:104px;
	background:url(../images/menu/accueil/esprivdep.jpg) no-repeat 0 0;
}
div#divAcEsprivDepInt{
	display:none;
	position:absolute; top:10px; left:792px; z-index:10;
	width:101px; height:104px;
	background:url(../images/menu/accueil/esprivdep.jpg) no-repeat 0 0;
}
div#lienBtOkAc a{
	display:block;
	position:absolute; bottom:0px; left:36px;
	width:29px; height:26px;
	background:url(../images/menu/accueil/btOK.jpg) no-repeat 0 0;
}
div#lienBtOkAc a:hover{background-position:-29px 0;}
input.inputAc1, input.inputAc2{
	position:absolute; left:7px;
	width:88px; height:15px;
	background:#565656;
	border:0;
	font:10px Arial, Helvetica, sans-serif; color:#bae100;
}
input.inputAc1{top:26px;}
input.inputAc2{top:44px;}
a.aLienMdpOublie:link, a.aLienMdpOublie:visited{
	position:absolute; left:7px; top:63px;
	font:normal 9px Arial, Helvetica, sans-serif; color:#4f4f4f;
}
a.aLienMdpOublie:hover, a.aLienMdpOublie:active{
	text-decoration:none;
}
/* Liens Marques Accueil */
div#lienMarque1, div#lienMarque2, div#lienMarque3, div#lienMarque4, div#lienMarque5, div#lienMarque6, div#lienMarque7, div#lienMarque8, div#lienMarque9{
	padding:20px 0 0 0;
}
div#lienMarque1 a, div#lienMarque2 a, div#lienMarque3 a, div#lienMarque4 a{
	display:block; height:48px;
}
div#lienMarque5 a, div#lienMarque6 a, div#lienMarque7 a, div#lienMarque8 a, div#lienMarque9 a{
	display:block; height:44px; 
}
div#lienMarque1 a{
	width:100px;
	background:url(../images/liens/icom.jpg) no-repeat 0 0;
}
div#lienMarque1 a:hover{background-position:-100px 0;}
div#lienMarque2 a{
	width:100px;
	background:url(../images/liens/nke.jpg) no-repeat 0 0;
}
div#lienMarque2 a:hover{background-position:-100px 0;}
div#lienMarque3 a{
	width:136px;
	background:url(../images/liens/furuno.jpg) no-repeat 0 0;
}
div#lienMarque3 a:hover{background-position:-136px 0;}
div#lienMarque4 a{
	width:140px;
	background:url(../images/liens/mat-jaybeam.jpg) no-repeat 0 0;
}
div#lienMarque4 a:hover{background-position:-140px 0;}
div#lienMarque5 a{
	width:140px;
	background:url(../images/liens/garmin.jpg) no-repeat 0 0;
}
div#lienMarque5 a:hover{background-position:-140px 0;}
div#lienMarque6 a{
	width:142px;
	background:url(../images/liens/poly-planar.jpg) no-repeat 0 0;
}
div#lienMarque6 a:hover{background-position:-142px 0;}
div#lienMarque7 a{
	width:120px;
	background:url(../images/liens/sailor.jpg) no-repeat 0 0;
}
div#lienMarque7 a:hover{background-position:-120px 0;}
div#lienMarque8 a{
	width:144px;
	background:url(../images/liens/thrane.jpg) no-repeat 0 0;
}
div#lienMarque8 a:hover{background-position:-144px 0;}
div#lienMarque9 a{
	width:112px;
	background:url(../images/liens/koden.jpg) no-repeat 0 0;
}
div#lienMarque9 a:hover{background-position:-112px 0;}
/* Menu Mootools Gauche */
td.tdMenuGauche{
	position:relative;
	padding:10px 0 10px 0;
}
ul#nav{
	display:block;
	position:relative;
}
ul#nav, ul#nav ul { 
	list-style:none;
}
ul#nav li { 
	display:block;
	padding:5px 0 10px 0;
}
ul.sousCatGauche{
	padding:6px 10px 6px 10px;
	background:#464646;
	border:1px solid #4a4a4a;
}
ul.sousCatGauche li{ 
	display:block;
	position:relative;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only
///////////////////////////////////////////////////////////////////////////////////*/
div.smOW{
	text-align:left;
	display:none; 
	position:absolute; top:0; left:0;
	overflow:hidden; 
	margin:0 0 0 20px;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Typo
///////////////////////////////////////////////////////////////////////////////////*/
p.classique{
	text-align:justify;
}
h2.h2TitrePage{
	font:bold 14px Arial, Helvetica, sans-serif; color:#bae100;
	padding:0 0 10px 10px;
}
input.inputMdpOublie{
	width:250px;
	border:1px solid #bae100; background:#4f4f4f; color:#fff;
}
p#pAccueil{
	font:normal 12px Arial, Helvetica, sans-serif; color:#bae100;
	padding:10px;
}
p.pAlertePro{
	font:bold 14px Arial, Helvetica, sans-serif; color:#e42219; text-align:justify;
	padding:10px;
}