/* DEFAULTS
----------------------------------------------------------*/

body   
{
    background:#95B3D7;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color:#005DA0;
}

a, a:visited, a:active
{	text-decoration:none;
 	color:#005DA0;
}

a:hover
{	text-decoration:underline;
 	color:#005DA0;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.1em;
    display:inline;
    font-variant:normal;
    font-weight:bold;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    /*width: 100%;
    min-width:1000px;
    background: White;
    margin: 0px auto 0px auto;*/
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: White;
    width: 100%;
}

.header h1
{
    font-weight:700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #005DA0;
    border: none;
    /*line-height: 2em;*/
    font-size: 2em;
    margin-bottom: 4px;
}

.main
{
    padding: 20px 4px;
    margin: 2px 4px 0px 4px;
    min-height: 420px;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #4e5766;
    padding: 0px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
    background: White;
}

/*
 LAYOUT
 ---------------------------------------------------------- */
 
.layoutContener 
{
	width:100%; 
	height:100%;
	margin:0 auto;
} 
.layoutTopDefault
{
	margin-top:20px; 
	text-align:center;
}

.layoutMainDefault
{
	height:300px; 
	margin-top:40px;
}
.layoutBlock
{
	display:block;
	float:left; 
	width:50%;
	border:none;
}
.layoutBlock2
{
	display:block;
	float:left; 
	border:none;
	margin:4px;
	padding:4px;
}
.layoutLeftContact, .layoutLeftDevis, .layoutLeftCustomer, .layoutLeftOrder 
{
	float:left; 
	width:280px;
} 

.layoutMainContact, .layoutMainDevis, .layoutMainCustomer, .layoutMainOrder
{
	margin-top:10px;
	margin-left:300px;
	min-height:400px;
}
.layoutLeftSolutions
{
	float:left; 
    max-width:340px;
} 
.layoutMainSolutions 
{
	margin:0px 0px 0px 340px;
	width:580px;
}

.layoutRightSolution
{
	float:right;
	margin:10px 10px 10px 10px;
}
.layoutMainSolution
{
	padding:8px 0px 0px 8px;
	margin-right:410px;
}
.layoutMainSolution #DescriptionSolution
{
	text-align:justify;
}

/* GLA 02/03/2010: BACKGROUND MASTER PAGE
   ------------------------------------------------------------------------- */
.backPage
{
    width:1000px;
    min-width:1000px;
    /*width:90%;*/
    min-height:600px; 
    margin: 12px auto 12px auto;
}

.backLT
{
	background-image: url(images/backLT.png); 
	background-position: top right;
	width:26px;
	height:26px;
}

.backT
{
	background-image: url(images/backT.png); 
	background-repeat:repeat-x;
}

.backRT
{
	background-image: url(images/backRT.png);
	background-position: top left; 	
	width:36px;
	height:26px;
}

.backL
{
	background-image: url(images/backL.png); 
	background-repeat:repeat-y;
}

.backP
{
	vertical-align:top;
	background-color:White;
	height:100%;
}
.backR
{
	background-image: url(images/backR.png); 
	background-repeat:repeat-y;
}

.backLB
{
	background-image: url(images/backLB.png);
	background-position: top right; 
	width:26px;
	height:36px;
}

.backB
{
	background-image: url(images/backB.png); 
	background-repeat:repeat-x;
}

.backRB
{
	background-image: url(images/backRB.png);
	background-position: top left; 
	width:36px;
	height:36px;
}

/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
   background-color: White;
   border-bottom: 1px solid #005DA0;
   width:100%;
}

.menu
{
    padding: 0px 0px 0px 0px;
    margin:0;
}

.menuItems a
{
	background-image:url(images/menuItems7.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	color:White;
	font-family:arial;
	font-weight:bold;
	text-align:center;
	text-decoration: none;
	white-space:nowrap;
	display:block;
	width: 91px;
	height:30px;
	line-height:28px;
}

.menuItemsSelected a, .menuItemsHover a
{
	background-image:url(images/menuSelected6.png);
	color:White;
	font-family:arial;
	font-weight:bold;
	text-align:center;
	text-decoration: none;
	display: block;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}

.demo
{
	float:right;
	background-image:url(images/demo2.png);
	background-position:left top;
	background-repeat:no-repeat;
	width:171px;
	height:36px;
	vertical-align:middle;
	text-align:center;
	margin-top:4px;
}

.demo a
{
	vertical-align:middle;
	color:White;
	font-weight:bold;
	text-align:center;
	white-space:nowrap;
	text-decoration:none;
}

.btnDownload
{
	background-color:transparent;
	border:none;
	margin:0px;
	padding:0px;
	cursor:pointer;
	cursor:hand;
	vertical-align:middle;
	text-align:left;
}

.labelInfo
{
	font-weight:bold;
	color:#FF7427;
	margin:10px;
}

.lblRaisonSociale
{	font-weight:bold;
 	white-space:nowrap;
}
/*
 GLA ID
 ------------------------------------------------------------------------ */
 
#VideoSolution
{
	margin:40px auto 0px auto;
	width:480px;
	/*height:271px;*/
}

#PlayerDiv
{
	background-color:#FCFCFC;
	border:1px solid #DCDCDC;
}

#CoverFlowDiv
{
	margin-top:80px;
	min-height:350px;
	background-color:#FCFCFC;
	border:1px solid #DCDCDC;
}

#CarouselDiv
{	text-align:center;
 	display:block;
 	margin:0 auto;
}

#mapviewer
{
	border:1px solid #F1F1F1;
	background-color:White;
	width:440px;
	margin: 26px 4px 4px 4px;
	padding:6px;
}

#logo_paypal, #logo_ca
{
	margin:10px 0px 0px 40px;
}

#logo_cartes
{	vertical-align:top;
}


/*
 GLA COMPONENT
 ------------------------------------------------------------------------ */
.cmpNews
{
	margin:0px auto 0px auto;
	background-image:url(images/background1.png);
	background-repeat:no-repeat;
	background-position:top left;
	Width:412px;
	Height:270px;
}

.cmpMainNews
{
	margin:0px auto 0px auto;
	top:10px;
	position:relative;
	width:372px;
	height:212px;
}

.cmpZoomSols
{
	margin:0px auto 0px auto;
	background-image:url(images/background2.png);
	background-repeat:no-repeat;
	background-position:top left;
	Width:412px;
	Height:270px;
}

.cmpNews #TitleNews, .cmpZoomSols #TitleZoomSols
{
	position:relative;
	top:10px;
	left:20px;
	font-weight:bold; 
	font-size:1.2em;
}

.cmpCustInterview
{
	margin:2px auto 2px auto;
	width:300px; 
	height:160px;
}

.cmpCustInterview #TitleCustInterview
{
	position:relative;
	top:-10px;
	font-weight:bold;
}

.cmpCustInterviewMain
{
	margin:0px auto 0px auto;
	position:relative;
	width:310px;
	height:150px;
}

.cmpFeatures
{
	margin:2px 10px 40px 10px;
	padding:8px 10px 10px 10px;
	border:1px solid #72C63D;
	background-color:#F9FFE8;
}
.cmpFeatures #TitleFeatures
{
	font-weight:bold;
}

.cmpCustomerNews
{
	margin:20px 10px 40px 10px;
	padding:8px 10px 10px 10px;
	border:1px solid #72C63D;
	background-color:#F9FFE8;
	width:220px;
}
.cmpCustomerNews #TitleCustomerNews
{
	font-weight:bold;
}

.cmpEntretien
{
	background-image:url(images/EntretienProprete_large.png); 
	background-repeat:no-repeat;
	height:110px;
	width:100%;
	margin:0px;
	margin-bottom:20px;
	padding:0px;
}

.cmpSecurite
{
	background-image:url(images/Securite_large.png); 
	background-repeat:no-repeat;
	height:110px;
	width:100%;
	margin:0px;
	margin-bottom:20px;
	padding:0px;
}

.cmpAideDomicile
{
	background-image:url(images/AideDomicile_large2.png); 
	background-repeat:no-repeat;
	height:110px;
	width:100%;
	margin:0px;
	margin-bottom:20px;
	padding:0px;
}

.cmpMultiServices
{
	background-image:url(images/MultiServices_large.png); 
	background-repeat:no-repeat;
	height:110px;
	width:100%;
	margin:0px;
	margin-bottom:20px;
	padding:0px;
}

.cmpUrbaCollectivite
{
	background-image:url(images/UrbanismeCollectivite_large.png); 
	background-repeat:no-repeat;
	height:110px;
	width:100%;
	margin:0px;
	margin-bottom:20px;
	padding:0px;
}

.cmpEntretien #TitleBusiness, .cmpSecurite #TitleBusiness, .cmpAideDomicile #TitleBusiness, .cmpMultiServices #TitleBusiness, .cmpUrbaCollectivite #TitleBusiness
{
	padding-top:40px;
	padding-left:160px;
	color:white;
	font-weight:bold;
}

.cmpContact, .cmpPartner, .cmpDevis, .cmpCustomer, .cmpOrder
{
	border:1px solid #C9D3FF; 
	background-color:#F9FAFF;
	padding:4px; 
	margin:10px 4px 4px 4px;
	min-height:300px;
        text-align:justify;
}

.cmpFeatImgLeft
{
	width:250px;
	height:170px;
	border:1px solid #CCCCCC;
	background-color:#FCFCFC;
	padding:2px;
	margin-right:40px;
	float:left;
	display:block;
	text-align:center;
}

.cmpFeatImgRight
{
	width:250px;
	height:170px;
	border:1px solid #CCCCCC;
	background-color:#FCFCFC;
	padding:2px;
	margin-left:40px;
	float:right;
	display:block;
}

.cmpFeatDetailLeft
{
	min-height:170px;
	display:block;
	padding:10px;
	margin-right:280px;
	text-align:justify;
}

.cmpFeatDetailRight
{
	min-height:200px;
	display:block;
	padding:10px;
	margin-left:280px;
	border:1px solid #72C63D;
	background-color:#F9FFE8;
	text-align:justify;
}

.cmpFeatDetail
{
	display:block;
	padding:10px;
	text-align:justify;
}

.TitleFeatDetail
{
	font-weight:bold;
	background-image:url(images/actionRedoGreen.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding:4px 0px 0px 30px;
	height:26px;
}

.cmpInfo
{
	background-color:#FCFCFC;
	border:1px solid #DCDCDC;
	padding:8px;
	color:#121212;
	text-align:justify;
}

.cmpInfo #TitleInfo
{
	background-image:url(images/info20_green.png);
	background-position:left top;
	background-repeat:no-repeat;
	font-weight:bold;
	height:20px;
	padding:4px 0px 0px 26px;
}

.cmpAjouterPanier
{
	margin-top:20px;
	background-color:White;
	border:1px solid transparent;
	padding:8px;
}

.cmpAjouterPanier #TitleAjouterPanier
{
	background-image:url(images/panierAdd30.png);
	background-position:left top;
	background-repeat:no-repeat;
	height:30px;
	font-weight:bold;
	padding:4px 0px 0px 40px;
	color:#121212;
	margin:10px 0px 10px 0px;
}


.cmpPanier
{
	margin-top:20px;
	background-color:White;
	border:1px solid transparent;
	padding:8px;
}

.cmpPanier #TitlePanier
{
	background-image:url(images/panier30.png);
	background-position:left top;
	background-repeat:no-repeat;
	height:30px;
	font-weight:bold;
	padding:4px 0px 0px 40px;
	color:#121212;
	margin:10px 0px 10px 0px;
}

.cmpPayment
{
	margin:20px auto 20px auto; 
	text-align:center; 
	padding-top:4px;
}

/*
 GLA LIST
 ------------------------------------------------------------------------ */

.ListSolutions
{
	padding:0px;
	margin:0px;
	min-width:200px;
	list-style-type:none;
}

.ListCustomer
{
	padding:0px;
	margin:0px;
	width:210px;
	list-style-type:none;
	white-space:nowrap;
}

.ListSolutions a, .ListCustomer a
{
	padding:4px;
	margin-left:30px;
	text-decoration:none;
	color:#005DA0;
	font-weight:normal;
    display:block;
}

.ListSolutions li, .ListCustomer li
{
	padding:1px;
	margin-top:5px;
	border:1px solid transparent;
    background-image:url(images/actionRedoOrange.png);
	background-repeat:no-repeat;
	background-position:left top;
	/*white-space:nowrap;*/
}

.ListSolutions li:hover, .ListCustomer li:hover
{
	padding:1px;
	margin-top:5px;
	border:1px solid #C9D3FF; 
	background-color:#F7F8FF;
	/*white-space:nowrap;*/
}

.ListContact
{
	padding:0px;
	margin:0px;
	width:220px;
	white-space:nowrap;
}

.ListContact li
{
	padding:4px;
	margin:2px;
	list-style-type:none;
	white-space:nowrap;
}

.ListContact li a, .ListContact li a:visited, .ListContact li a:link
{
	text-decoration:none;
	color:#005DA0;
	font-weight:normal;
}

.ListContact li a:hover
{
	text-decoration:none;
	color:Orange;
	font-weight:normal;
}

.ListNews, .ListInterviews, .ListNewsDetail
{
	margin:2px;
	padding:2px;
	font-size:0.9em;
}

.ListNews li, .ListInterviews li
{
	padding:6px;
	margin:0px;
	text-align:justify;
	list-style-type:none;
	border:1px solid transparent;
}

.ListNewsDetail li
{
	padding:6px;
	margin:0px;
	text-align:justify;
	list-style-image:url(images/pdf16.png);
	list-style-position:inside;
	border:1px solid transparent;
}

.ListNews li:hover, .ListInterviews li:hover, .ListNewsDetail li:hover
{
	padding:6px;
	margin:0px;
	background-color:#FEFFEF;
	border:1px solid #FFB86D;
}

.ListNews a, .ListNews a:hover, .ListInterviews a, .ListInterviews a:hover, .ListNewsDetail a, .ListNewsDetail a:hover
{
	text-decoration:none;
	color:#121212;
	font-weight:normal;
	padding:0px 4px 0px 4px;
}

.ListNews span, .ListInterviews span, .ListNewsDetail span
{
	margin-left:2px;
	font-size:0.9em;
	font-style:italic;
	color:#005DA0;
}

.ListFeatures, .ListCustomerNews
{
	margin:2px;
	padding:2px;
}

.ListFeatures li, .ListCustomerNews li
{
	margin:3px;
	font-size:0.9em;
	list-style-type:none;
}

.ListFeaturesDetail
{
	margin:10px 10px 2px 2px;
	padding:0px;
}

.ListFeaturesDetail li
{	
	margin:30px 2px 2px 2px;
	list-style-type:none;
}
.ListLinks
{
	margin:10px 0px 0px 20px;
}

.ListLinks ul
{
	margin:2px;
	padding:2px;
}

.ListLinks li
{
	list-style-type:none;
	background-image:url(images/actionRedoOrange.png);
	background-repeat:no-repeat;
	background-position:left center;
}

.ListLinks a
{
	padding:5px;
	margin-left:30px;
	text-decoration:none;
	color:#005DA0;
    display:block;
}

.ListLinks a:hover
{
	text-decoration:underline;
}

.ListZoom
{
	margin:20px 20px 0px 20px;
	margin-right:14px;
	padding:0px 8px 0px 4px;
	list-style-type:none;
}

.ListZoom li
{
	padding:0px;
	margin:0px;
	margin-bottom:4px;
	background-image:url(images/actionRedo.png);
	background-repeat:no-repeat;
	background-position:left top;
	border:1px solid transparent;
	width:100%;
}

.ListZoom li:hover
{
	padding:0px;
	margin:0px;
	margin-bottom:4px;
	border:1px solid #72C63D;
	background-color:#F9FFE8;
	width:100%;
}

.ListZoom a
{
	padding:5px;
	margin-left:40px;
	text-decoration:none;
	color:#121212;
	font-weight:normal;
    display:block;
}

.ListZoomFooter
{
	float:right;
	color:#005DA0;
	background-color:transparent;
	margin-right:2px;
}

.AllSols
{
	float:right;
	margin-top:10px;
	width:100%;
	text-align:right;
}

.AllSols a
{
	margin-right:18px;
	font-size:1em;
	color:#005DA0;
	font-weight:bold;
}

.ListDownload
{ 
	padding:4px;
	margin:0px;
	background-color:white;
	border:1px solid #DCDCDC;
}

.ListDownload li
{
	padding:4px 4px 4px 30px;
	margin:0px;
	list-style-type:none;
	background-image:url(images/download22.png);
	background-repeat:no-repeat;
	background-position:left top;
	height:24px;
	border:1px solid transparent;
}

.ListDownload li a
{
	text-decoration:none;
}
.ListDownload li:hover
{
	background-color:#FEFFEF;
	border:1px solid #FFB86D;
}

.ListMenuFooter
{
	margin:50px 0 0 0;
	padding: 0;
	list-style-type:none;
}

.ListMenuFooter li
{
	margin:0px 10px 0px 0px;
	display:inline;
	font-size:0.9em;
}

.ListMenuFooter li a:hover
{
	color:orange;
}

/*
 GLA FORM
 ------------------------------------------------------------------------ */
.tableDevis
{
	margin-left:20px;
}
.tableDevis tr td
{
	padding-bottom:2px;
}
.txtRaisonSociale
 {	width:240px;
 }
.lstCivilite
{	width:80px;
}
.txtNom
{
}
.txtPrenom
{
}
.txtAdresse
{
	width:240px;
}
.txtCodePostal
{
	width:50px;
}
.txtVille
{}
.txtTelephone
{}
.txtTelecopie
{}
.txtPortable
{}

/* Demande de devis */
/* Commander */

.DropListProduit, .DropListSolution
{	width:155px;
}
.txtObservations
{
	width:450px;
	height:80px;
}
.btnEnvoyer
{
	margin-top:20px;
}
.ListBoxProduit
{
	width:520px;
}
.txtForm
{
	font-size:0.9em;
}
.btnPayment
{
	vertical-align:top;
}
.grid
{
	width:100%;
	border:0px;
}
.gridRow
{
	border:0px;
}
.gridRowEmpty
{
	border:0px;
}
.gridRowHeader, .gridRowFooter
{
	color:White;
	font-weight:bold;
	background-color:#0474C9;
	white-space:nowrap;
}
.gridRowAlternating
{
	background-color:#F3F3F3;
}