﻿@import url("menu.css");

/* CSS Document */
body, html, form{
	height:100%;
}
#Body {
	background:#c3c3c3 url(images/body_bg.jpg) no-repeat top center;
	margin:0;
	padding:0;
}
.volare{
	background:#c3c3c3 url(images/body_bg_volare.jpg) no-repeat top center;
	margin:0;
	padding:0;
}

/* ControlPanel style */
.ControlPanel{
	background:#fdfdfd;
	border:none;
	padding-bottom:10px;
}
.cpanel_left {
	background:url(images/cpanel_left.png) no-repeat bottom left;
	padding-left:18px;
}
.cpanel_right {
	background:url(images/cpanel_right.png) no-repeat bottom right;
	padding-right:18px;
}
.cpanel_center{
	background: url(images/cpanel_center.png) repeat-x bottom left;
}

/*-------- Default Style --------*/
body,th,td,table,h1,h2,h3,h4,h5,h6,.Normal,.Head,.SubHead,.SubSubHead, input, .CommandButton, .NormalBold, .NormalRed, .NormalTextBox{
	color:#6E6E6E;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.2em;
}
body,th,td,table,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, .CommandButton, .NormalTextBox{
	font-size:11px;
}
h2, h3, h4, h5, h6, h2 input, h2 a, h2 a:link{
	color:#cc2028;
	margin:1ex 0;
}
.NormalDisabled{
	color:#B1B1B1;
}
h1{
	font-size:12px;
	color:#cc2028;
	margin:10px 0 5px 0;
	font-weight:bold;
	letter-spacing:0.1em;
}
h2, h2 input{font-size:13px;}
h2 a:hover{
	text-decoration:underline;
}
h3{font-size:12px;}
h4{font-size:11px;}
h5{font-size:10px;}
h6{font-size:10px;}

.Head{
	color:#000;
	font-weight:bold;
}
.SubHead {color:#6E6E6E;}
.SubSubHead{color:#6E6E6E;}
.NormalRed {color:#F00;}

/*Datagrids */
.DataGrid_Container {margin-top:15px;}
.DataGrid_Header{font-weight:bold;}
.DataGrid_Header td, .NormalBold td{font-weight:bold;}

/*-------- design style --------*/
#s_wrap_main{
	display:table;
	width:970px;
	margin:0 auto;
}
#s_wrap_sub{
	display:table-row
}
.template_style{
	display:table-cell
}

.lang_pad{
	font-size:10px;
	text-align:right;
	float:right;
	padding-top:3px;
}

.logo_pad{
	float:left;
	height:141px;
}

.menu_bg{
	padding:0 0 0 6px;
	margin: 0 8px 0 7px;
	background:url(images/menu_bg.png) top left;
	height:44px;
}
.menu_left{
	padding:0;
	margin:0;
	background:url(images/menu_left.png) no-repeat top left;
	height:44px;
}
.menu_right{
	margin:0;
	background:url(images/menu_right.png) no-repeat top right;
	height:44px;
}
.menu_style{
	margin-left:50px;
}
.menu_style_nl{
	margin-left:0px;
}
.bread_bg{
	padding:0;
	margin: 0;
	background:url(images/bread_bg.png) no-repeat top left;
	height:24px;
	line-height:25px;
	padding-left:90px;
	font-size:10px;
	color:#191617;
}
.bread_bg_nl{
	padding:0;
	margin: 0;
	background:url(images/bread_bg_nl.png) no-repeat top left;
	height:24px;
	line-height:25px;
	padding-left:90px;
	font-size:10px;
	color:#191617;
}


#login_style{ float:right; line-height:25px; padding-right:18px;}

.center_bg{
	padding:0;
	margin:0;
	clear:both;
}
.left_bg{
	padding:0;
	margin:0;
	background:url(images/left_bg.png) repeat-y top left;
}
.right_bg{
	padding:0;
	margin:0;
	background:url(images/right_bg.png) repeat-y top right;
}
.content_pad{
	padding:0;
	margin: 0 8px 0 7px;
	background:#F4F4F4 url(images/colonne_gche.jpg) repeat-y top left;
}
.content_width{
	min-height:350px;
}
.bot_left{
	padding:0;
	margin:0;
	background:url(images/bot_left.png) no-repeat top left;
	height:123px;
}
.bot_right{
	padding:0;
	margin:0;
	background:url(images/bot_right.png) no-repeat top right;
	height:123px;
}
.bot_bg{
	padding:0;
	margin:0 18px;
	background:url(images/bot_bg.png) no-repeat top right;
	height:123px;
}
.bot_pad{
	margin-bottom:10px;
	padding:0 20px;
	background:url(images/bottom.png) no-repeat left top;
}
.prive, a.prive, a.prive:link, a.prive:hover, a.prive:visited{
	width:70px;
	float:right;
	background:url(images/acces_prive.png) no-repeat top right;
	height:100px;
	color:#fff;
	text-decoration:none;
	font-weight:normal;
	text-align:center;
	padding:20px 6px 0 0;
}
.copy_pad{
	padding-top:3px;
}
.copy{
	font-size:10px;
	font-weight:normal;
}
.clear_float{
	clear:both;
	line-height:0;
	font-size:0;
	height:0;
}
.miniatures{
	width:90px;
	margin:10px 5px;
}

/* ------- FileManager -------*/
div.FileManager{height:auto;border:none;}
table.FileManager{width:99%}


a.CommandButton:link, a.CommandButton:visited{
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
a.CommandButton:hover{
	color:#6e6e6e;
	text-decoration:underline;
}

/*-------ControlPanel changes ---------------*/
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited{
	color:#000;
}
.ControlPanel a.CommandButton:hover{
	color:#6e6e6e;
	text-decoration:underline;
}
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:hover, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead{
	font-size:11px;
}
.ControlPanel a[disabled=disabled]{
	color:#888 !important;
	text-decoration:none !important;
}

/*--------- pane style ----------*/
.BottomPane{ padding:0; margin:0;}
.LeftPane{
	padding:0 5px;
	width:20%;
	margin:0;
	text-align:center;
}
.RightPane{
	padding:0 5px;
	width:20%;
	margin:0;
	background:#eeeeee url(images/colonne_dte.png) repeat-x top left;
}
.ContentPane{
	padding:19px 0 0 0;
}
.TopPane{
	margin:0;
}

/*------------ Breadcrumb Style --------------*/
.Breadcrumb,a.Breadcrumb:link,a.Breadcrumb:active,a.Breadcrumb:visited{
	color:#191617;
	font-size:10px;
}
a.Breadcrumb:hover{
	color:#000;
}

/*------------ Language Style --------------*/
a.Language:link, a.Language:active, a.Language:visited{
	font-size:10px;
	color:#6E6E6E;
	font-weight:normal;
	text-decoration:none;
}
a.Language:hover{
	color:#000;
}
/*-------------- Link Style --------------*/
.links,a.links:link,a.links:active,a.links:visited{
	font-weight:bold;
	color:#3E81B5;
	text-transform:uppercase;
}
a.links:hover{
	color:#C00;
}
 a:link, a:visited{
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:11px;
	 font-weight:bold;
	 color:#000;
	 text-decoration:underline;
 }
 a:hover{
	 color:#6e6e6e;
 }
 .SkinObject
{
    font-weight: bold;
    font-size: 11px;
    color: #6e6e6e;
    font-family: Verdana, Arial, Helvetica;
    text-decoration: none;
}

A.SkinObject:link
{
    text-decoration: none;
    color: #000;
}

A.SkinObject:visited
{
    text-decoration: none;
    color: #6e6e6e;
}

A.SkinObject:hover
{
    text-decoration: none;
    color: #6e6e6e;
}

A.SkinObject:active
{
    text-decoration: none;
    color: #000;
}
	  
/*-------------- User Style --------------*/
.user,a.user:link,a.user:active,a.user:visited { color:#3E81B5;}
a.user:hover{color:#C00;}

/*-------------- Footer Style --------------*/
.footer,a.footer:link,a.footer:active,a.footer:visited { color:#3E81B5;}
a.footer:hover{color:#C00;}

/*-------------- Empty panes Style --------------*/
.DNNEmptyPane{width:0;padding:0;margin:0;}


/* Modules de consultation des produits */
.categories{
	padding:24px 35px;
	text-align:center;
}
.liens_gamme, a.liens_gamme:link{
	color:#cc2028;
	text-decoration:underline;
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
}
a.liens_gamme:hover{
	color:#6e6e6e;
}
.img_gamme, a.img_gamme:link, a.img_gamme:visited{
	text-decoration:none;
}
.cat_scroll{
	overflow:auto;
	width:955px;
}
   /* Fiche produit */
div.pdtcolg{
	float:left;
	width:345px;
	padding-left:10px;
	margin-top:10px;
}
div.pdtcolg .Nom{
	color:#cc2028;
	font-size:15px;
	margin-left:10px;
	border-bottom:#cc2028 1px solid;
	width:305px;
	line-height:22px;
}
div.pdtcolg .description{
	margin:10px;
}
div.pdtcolg .ref{
	color:#cc2028;
	margin-left:10px;
}
div.pdtcolg .linkback,
div.pdtcolg .linkback a,
div.pdtcolg .linkback a:hover{
	margin-left:10px;
	padding-top:10px;
}
.linkback,
.linkback a,
.linkback a:hover,
.linkback a:visited{
	color:#cc2028;
	font-weight:bold;
}
div.pdtphoto{
	margin-left:345px;
	margin-right:287px;
	margin-top:10px;
	text-align:center;
}
div.pdtcold{
	float:right;
	width:280px;
}
div.pdtcold .description{
	padding:5px;
}
.techhaut{
	background:url(images/top_produit.png) no-repeat;
	width:327px;
	height:12px;
}
.techcenter{
	background:url(images/center_produit.png) repeat-y;
	width:327px;
	padding:0 5px;
}
.techbas{
	background:url(images/bot_produit.png) no-repeat;
	width:327px;
	height:20px;
}
div.pdtcold .techhaut{
	background:url(images/top_produit_liens.png) no-repeat;
	width:280px;
	height:12px;
}
div.pdtcold .techcenter{
	background:url(images/center_produit_liens.png) repeat-y;
	width:260px;
	padding:0 15px 0 10px;
}
div.pdtcold .techbas{
	background:url(images/bot_produit_liens.png) no-repeat;
	width:280px;
	height:20px;
}
.Fleft{
	float:left;
}
.pdf{
	height:40px;
	padding-top:7px;
	margin-left:62px;
}
.rev{
	height:40px;
	padding-top:15px;
	margin-left:62px;
}
.partage{
	height:15px;
	padding-top:7px;
	margin-left:62px;
}
.pdfacademy{
	height:30px;
	padding-top:15px;
	text-align:left;
}

/* Admin Menu */
.AdminMenu{
	cursor:pointer;
	font-size: 11px; 
	background-color:transparent;
	width:955px;
}
.AdminMenu .root{	
	font-size: 13px; 
	font-weight:bold; 	
	text-align:center; 
	padding:20px 20px 10px 10px;
	text-transform:uppercase; margin-right:1px;
	white-space:nowrap;
	margin-right:1px;	
	float:left;
}
.AdminMenu .hov{ 
	color:#000;
}

.AdminMenu .sel, .AdminMenu .bc {
	color:#000;
}
.AdminMenu table{
	border:1px solid #cacaca;
	z-index: 5000;
	background:#f4f4f4;
}

/* SUB Menu Normal */
.AdminMenu tr.mi{
	background-color:#f4f4f4;
	z-index: 1000;
	font-size: 11px; 
	font-weight:normal;
	text-align:left;
	line-height:14px;
	text-transform:none; 
}
.AdminMenu tr.mi td{
	padding:3px;
	text-transform:none;
}

/* SUB Menu hover & selected */
.AdminMenu tr.hov { 
	background: #cc2028;
}

.AdminMenu tr.hov td{
	color:#fff;
}

.AdminMenu tr.sel, .AdminMenu tr.bc{
background: #CE0D0D;
}

.AdminMenu tr.sel td, .AdminMenu tr.bc td{
	color:#fff;
}

.main_dnnmenu_break{
	height: 2px;
	background-color: #D5E0FF;
}

/* Revendeurs */
.revendeurs{
	background:url(images/globe.jpg) no-repeat bottom left;
	padding-left:247px;
	height:410px;
}
.zoneregions{
	float:left;
	margin:0 5px;
	background:#EBEBEB;
}
.pays{
	float:left;
	margin-left:55px;
}
.zonerev{
	float:right;
	margin-right:5px;
	background-color:#e3E3E3;
	padding:5px;
}
.titrespr{
	background:url(images/Pointilles.png) repeat-x bottom left;
	height:40px;
	margin-bottom:5px;
	color:#cc2028;
	line-height:40px;
	font-size:14px;
}
.paystxt{
	padding-left:100px;
}
.regiontxt{
	padding-left:190px;
}
.revtxt{
	padding-left:160px;
}

/* Academie */
.centrer{
	text-align:center;
	padding-right:15px;
	float:left;
}
.academie_scroll{
	overflow:auto;
	width:575px;
}

/* Volare */
.registrating{
	background:url(images/Volare_Registering.png) no-repeat right -10px ;
	padding:70px 55px 30px 46px;
	line-height:25px;
}
.v-tiquette{
	width:165px;
	float:left;
	font-weight:bold;
	color:#000;
}
.btn-reg{
	background:url(images/btn-volare.jpg) no-repeat;
	width:142px;
	height:32px;
	border:none;
	font-weight:bold;
	color:#000;
	cursor:pointer;
}
.v-reg-ok{
	background:url(images/v-reg-ok.png) no-repeat right -10px;
	padding:105px 55px 0 46px;
	height:370px;
}
.v-reg-ok-uk{
	background:url(images/v-reg-ok-uk.png) no-repeat right -10px;
	padding:105px 55px 0 46px;
	height:370px;
}

/* début css lytebox */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	SLIM BOX (PRODUCT IMAGES)

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#lbOverlay{
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}
#lbCenter, #lbBottomContainer{
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}
.lbLoading{
	background: #fff url(images/lytebox/loading.gif) no-repeat center;
}
#lbImage{
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}
#lbPrevLink, #lbNextLink{
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}
#lbPrevLink{
	left: 0;
}
#lbPrevLink:hover
{
	background: transparent url(images/lytebox/prevlabel.gif) no-repeat 0 15%;
}
#lbNextLink{
	right: 0;
}
#lbNextLink:hover{
	background: transparent url(images/lytebox/nextlabel.gif) no-repeat 100% 15%;
}
#lbBottom{
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}
#lbCloseLink{
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(images/lytebox/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}
#lbCaption, #lbNumber{
	margin-right: 71px;
}
#lbCaption{
	font-weight: bold;
}
/* fin css lytebox */

/* Mobile version */
.entete_mobile{
	padding:5px 0 0 0;
	margin: 0 0 10px 0;
	background:url(images/menu_bg.png) top left;
	height:44px;
	text-align:center;
	vertical-align:middle;
}
.bouton_web{
	background:url('images/mobile.jpg') repeat-x;
	height:54px;
	border:none;
	margin:15px 0 0 0;
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
	width:100%;
}

