#video-content {
    width: 100%;
    height: 100%;
    max-height: 100%;
}

#video-container {
    padding: 0 10px 0 10px;
}

.row.max1600 {
     max-width: 1600px; 
     margin-left: auto; 
     margin-right: auto;
}

.row.max1200 {
     max-width: 1200px; 
     margin-left: auto; 
     margin-right: auto;
}

.award{
	margin-bottom: 20px;
	margin-left: auto; 
	margin-right: auto;
	text-align: center;
}

.ImageOnRight{
	display: block;
	margin-top: 20px;
	margin-left: auto; 
	margin-right: auto;
	text-align: center;
	max-width: 200px;
}

div.polaroid {
          width: 80%;
          height: auto;
          background-color: white;
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
          margin-bottom: 25px;          
        }

        div.polaroidcontainer {
          text-align: center;
          padding: 10px 10px;
          background-color:red;
          color:white;     
          animation-name: polaroidanimation;
          animation-duration: 2s; 
          animation-iteration-count: infinite; 
          animation-direction: alternate;
        }

        div.polaroidcontainer.a:active, a:hover {
            text-decoration: none;
        }

        @keyframes polaroidanimation {
            from {background-color: red;}
            to {background-color: purple;}
        }


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

body   
{
    /*background:#95B3D7;*/
    font-size: .80em;
    font-family: "Segoe UI", "Helvetica Neue", "Lucida Grande", 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
{
    color: #666666;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.5em;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-variant: small-caps;
}

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

h3
{
    font-size: 1.2em;
}

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 
{
	margin:10%;
    text-align:justify;
} 

.layoutMainContact
{
	margin:20px;
	min-height:400px;
}

.layoutPresentation
{
	padding:72px 72px 248px 72px;
	min-height:450px;
	text-align:justify;
}

.layoutNews
{
	padding:26px 72px 72px 72px;
	min-height:450px;
	text-align:justify;
}

.layoutMainCustomer, .layoutMainOrder
{
	margin-top:10px;
	margin-left:300px;
	min-height:400px;
}

.layoutMainDevis
{
	margin-top:72px;
	margin-left:300px;
	margin-bottom:126px;
	min-height:400px;
}

.layoutSendMessage
{
	margin:126px;
	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;
}


/* 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;
}

.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
 ------------------------------------------------------------------------ */

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

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

.cmpCustInterview
{
	margin:2px auto 2px auto;
	width:360px; 
	/*height:360px;  160px*/
}

.dt a, a:visited
{
	color: black;
}

.cmpCustInterview #TitleCustInterview
{
	top:-10px;
	font-weight:bold;
    margin:50px;
}

.cmpCustInterviewMain
{
	margin:0px auto 0px auto;
	position:relative;
	width:360px;
}

.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 #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:10px; 
    margin:10% 10px 10% 10px;
	min-height:50%;
}

.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:248px;
	display:block;
	padding:10px;
	margin-left:480px;
	border:1px solid #72C63D;
	background-color:#F9FFE8;
	text-align:justify;
}

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

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

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

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

.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: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 10px 40px 10px;
	/*margin:2px;*/
	padding:2px;
	font-size:0.9em;
    text-align:justify;
}

.FaqAnswer{
	text-align:justify;
}

.ListInterviews
{
	background-color:#e0ffff;
        border:1px solid #116DBD;
        padding:10px;
}

.ListNews li, .ListInterviews li
{
	padding:6px;
	margin:0px;
	text-align:justify;
	list-style-type:none;
	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 30px 20px;
    /*font-size:100%;*/
}

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

.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: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;
}


/*
 GLA FORM
 ------------------------------------------------------------------------ */
.tableDevis
{
    margin-left:20px;
}
.tableDevis tr td
{
    	padding-top:8px;
	padding-bottom:7px;
}
.txtRaisonSociale
 {
 }
.lstCivilite
{	
    width:100px;
}
.txtNom
{
}
.txtPrenom
{
}
.txtAdresse
{
}
.txtCodePostal
{
	width:100px;
}
.txtVille
{}
.txtTelephone
{}
.txtTelecopie
{}
.txtPortable
{}
.txtMail
{}

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

.DropListProduit, .DropListSolution
{	
}
.txtObservations
{
}
.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;
}

.ListVideos
{
	/*background-color:#e0ffff;*/
    border:1px solid lightgray;
    padding: 5px;
	font-size: 100%;
}

.ListVideos li
{
	list-style-type:none;
    padding:5px 5px 5px 0;
}

.InfoVideos
{
	font-size:0.8em;
        color:black;
}

.page-footer{
    background-color:black;
    padding:20px;
}

.page-footer-links a, a:active{
    color: #ffffff;
}

.page-footer-links a:hover{
    color:lightblue;
}

.page-footer i{
	background-color:  #33383b;
	color: #ffffff;
	font-size: 25px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	text-align: center;
	line-height: 42px;
	margin: 10px 15px;
	vertical-align: middle;
}

.description-produit
{
    margin-top:72px;
    background-color: white;
    text-align:justify;
}

.footerLink{
    color:white;
    margin-left:20px;
	line-height: 35px;
}


.img-circle {
    /*border-radius: 50%;*/
    margin-left:10px;
    width: 38px;
}