@charset "utf-8";

/* CSS Document */

html * { font-family:Tahoma; }

body
{
	background-image:url(../images/background.jpg);
	background-repeat:repeat-x;
	background-color:#56c8eb;
	margin: 0;
	padding: 0;
}

.top
{
	width: 1005px;
	height: 131px;
	margin: 0 auto;
}

td
{
	font-size:11px;
	text-align:center;
}

td.normal
{
	font-size:11px;
	text-align:left;
	padding:5px;
	vertical-align:top;
}

ul { font-size:11px; }

ol { font-size:11px; }

ol, li { padding-bottom:10px; }

.li.lastLi { padding-bottom:0px; }

ul.notDot { list-style:none; }

a { color:#0099d8; }

.topLogo
{
	width: 126px;
	height: 131px;
	margin:0;
	float:left;
}

.topMenu
{
	width: 862px;
	height: 131px;
	float:left;
	margin:0;
}

#topMenuWrap
{
	text-align:right;
	padding-right:20px;
	padding-top:112px;
	margin:0;
}

#topMenuWrap a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#044c63;
	text-decoration:none;
}

#topMenuWrap a:hover { text-decoration:underline; }

.flashIndex
{
	width: 1005px;
	margin: 0 auto;
}

.main
{
	width: 1005px;
	margin: 0 auto;
	background-image:url(../images/background-contenu.gif);
	background-repeat:repeat-y;
	display:table;
}

.mainColLeft
{
	width: 18px;
	height: 364px;
	background-image:url(../images/index-gradient-left.gif);
	background-repeat:no-repeat;
	float:left;
}

.mainColRight
{
	width: 18px;
	height: 364px;
	background-image:url(../images/index-gradient-right.gif);
	background-repeat:no-repeat;
	float:right;
}

.mainColLeftSect
{
	width: 18px;
	height: 364px;
	background-image:url(../images/gradient-left.gif);
	background-repeat:no-repeat;
	float:left;
}

.mainColRightSect
{
	width: 18px;
	height: 364px;
	background-image:url(../images/gradient-right.gif);
	background-repeat:no-repeat;
	float:right;

}

.content
{
	padding-top:20px;
	padding-left:16px;
	float:left;
	padding-bottom:30px;
}

.content_2
{

	padding-top:20px;
	float:left;
	width:935px;
	padding-left:16px;
	padding-bottom:30px;
}

/**/
p
{
	color:#252525;
	font-size:11px;
}

p.first
{
	margin-top:0;
	color:#252525;
	font-size:11px;
}

.indexContenu
{
	width: 430px;
	float:left;
	margin-right:34px;
}

#indexContenuSLiens
{
	width: 430px;
	margin: 0;
}

#indexContenuSLiens img.titre
{
	display: block;
	border: none;
}

#indexContenuSLiens img.pics
{
	margin-right: 10px;
	margin-bottom:20px;
	display: block;
	border: none;
	float: left;
}

#indexContenuSLiens p { margin: 21px 0 0 0; }

#indexContenuSLiens a
{
	color:#252525;
	font-size:11px;
	text-decoration:none;
}

#indexContenuSLiens a:hover
{
	color:#666666;
	font-size:11px;
	text-decoration:none;
}

.clear
{
	clear: both;
	display: block;
}

.indexNew
{
	width: 242px;
	float:left;
	margin-right:10px;
}

#indexNewContent
{
	width: 242px;
	background-image:url(../images/news-gardient.gif);
	background-repeat:repeat-x;
	height:580px;
}

.newsPdf
{
	width:440px;
	font-size:11px;
}

.newPdfIco
{
	float:left;
	width:140px;
	text-align:center;
}

#indexNewContent p { margin:0px 20px 20px 14px; }

#indexNewContent span
{
	font-weight:bold;
	font-size:13px;
}

p.pread
{
	width: 210px;
	text-align:right;
	margin:0px 0px 0px 0px;
}

#indexNewContent a.read
{
	text-align:right;
	font-size:11px;
	color:#9d6000;
	text-decoration:none;
}

#indexNewContent img.pointi { margin:0px 20px 20px 14px; }

.indexBanner
{
	width:226px;
	float:left;
}

p.greenBuilding { margin:10px 20px 3px 10px; }

p.greenBuildingLiens
{
	margin:2px 10px 25px 10px;
	text-align:right;
}

p.greenBuildingLiens a
{
	color:#47b5e3;
	text-decoration:none;
}

.footer
{
	width: 1005px;
	margin: 0 auto;
}

.footerDegrader { height:20px; }

.footerMenu
{
	margin: 0 auto;
	height:40px;
}

.footerCopy
{
	font-family:Arial, Helvetica, sans-serif;
	width:399px;
	float:left;
	font-size:11px;
	color:#044c63;
	padding-top:4px;
	padding-left:38px;
}

#footerMenuText
{
	padding-right:30px;
	float:right;
}

#footerMenuText a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#044c63;
	text-decoration:none;
}

#footerMenuText a:hover { text-decoration:underline; }

.menuSect
{
	width: 221px;
	float:left;
	margin-right:18px;
}

/*content Specialty Glazing*/ 

.specialtyLogoVV { margin-bottom:20px; }

.specialtyContent
{
	width: 221px;
	float:left;
	margin-right:18px;
}

.smallColtxTContent
{
	width: 221px;
	float:left;
	margin-right:18px;
}

.bigColtxTContent
{
	width: 448px;
	float:left;
	margin-right:18px;
}

.bigColtxTContent2
{
	width: 548px;
	float:left;
	margin-right:18px;
}

.smallColPhotoContent
{
	width: 222px;
	float:left;
	text-align:right;
}

.smallColPhotoPics01 { margin-bottom:16px; }

.bigColPhotoContent
{
	width: 460px;
	float:left;
	text-align:right;
}

.bigColPhotoPics01 { margin-bottom:16px; }

.bigColPhotoPics02 { margin-right:16px; }

.fullColContent
{
	width: 700px;
	float:left;
}

.fullColContentSiteMap { width: 936px; }

.fullColContentPanel { width: 700px; }

p.panel
{
	margin:0px;
	border-top:#dbe5e7 solid 1px;
	padding-top:4px;
}

#menuPanel
{
	border-top: #dbe5e7 1px solid;
	border-bottom: #dbe5e7 1px solid;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:10px;
	background-color:#effbfe;
}

.colSiteMap
{
	width:232px;
	float:left;
}

.colSiteMap li
{
	color:#fa7401;
	list-style-image:none;
	list-style:none;
}

.colSiteMap ul
{
	padding-left:20px;
	line-height: 9px;
	margin:4px 0;
	padding:0 0 0 10px;
}

.colSiteMap li.titreMap
{
	color:#55bbe5;
	font-size:14px;
	font-family:"Trebuchet MS";
	font-weight:bold;
	list-style-image:url(../images/fleche-bleu.gif);
	list-style-position:outside;
	margin:0;
	padding:0;
}

.colSiteMap li.sousTitreMap
{
	color:#fa7401;
	list-style-image:url(../images/fleche-orange.gif);
	list-style-position:outside;
	font-weight:bold;
	margin:0;
	padding:0;
}

.colSiteMap a { color:#fa7401; }

.colSiteMap a.grosTitreMap
{
	color:#55bbe5;
	text-decoration:none;
	font-family:"Trebuchet MS";
}

.colSiteMap a:hover.grosTitreMap
{
	color:#55bbe5;
	text-decoration:underline;
}

.titrePanel
{
	font-size:11px;
	color:#0099d8;
	font-family:"Trebuchet MS";
}

.photoSimplePanel
{
	width:340px;
	margin:0px;
	margin-right:12px;
	float:left;
}

.photoSimplePanel2
{
	width:340px;
	margin:0px;
	float:left;
}

a.panelLiens
{
	color:#0099d8;
	text-decoration:none;
}

a.panelLiens:hover
{
	color:#0099d8;
	text-decoration:underline;
}

.expertiseThumb
{
	width:223px;
	height:162px;
	float:left;
	margin-right:10px;
	margin-bottom:32px;
}

.expertiseThumb p
{
	margin:0;
	font-size:18px;
	color:#828282;
	padding-bottom:4px;
}

.specialtyPicsSousSect
{
	width: 222px;
	float:left;
}

.titreSectSpecialty { padding-bottom:50px; }

p.soutitre
{
	margin-top:0;
	margin-bottom:0px;
	font-size:18px;
	color:#0099d8;
}

p.soutitreNormal
{
	margin:0;
	font-size:18px;
	color:#0099d8;
}

.titreSectNormal
{
	margin:0;
	padding-bottom:5px;
}

.sousSousTitre
{
	margin:0 0 6px 0;
	font-size:13px;
	color:#fa7401;
}

.menuSub
{
	color:#00FF33;
	background-color:#ebfafe;
	padding-top:10px;
	padding-left:15px;
	padding-bottom:16px;
}

.menuSub img
{
	padding-top:10px;
	padding-bottom:10px;
}

.menuSub a
{
	color:#044c63;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
	display: block;
	padding-left:10px;
}

div#menuSub, div.menu_child a
{
	padding: 5px 5px 5px 20px;
	color:#0099d8;
	width: 170px;
	text-decoration: none;
	font-weight: normal;
	display: block;
}

div#menuSub, div.menu_child a:hover
{
	padding: 5px 5px 5px 20px;
	color:#f26522;
	width: 170px;
	text-decoration: none;
	font-weight: normal;
	display: block;
	background-image:url(../images/fleche.gif);
	background-repeat:no-repeat;
	background-position:12px 9px;
}

div#menuSub, div.menu_child a.supApplication
{
	padding: 5px 5px 5px 20px;
	color:#f26522;
	width: 170px;
	text-decoration: none;
	font-weight: normal;
	display: block;
	background-image:url(../images/fleche.gif);
	background-repeat:no-repeat;
	background-position:12px 9px;
}

.menuSub span
{
	font-size:11px;
	padding: 5px 5px 5px 20px;
	color:#f26522;
	width: 170px;
	text-decoration: none;
	font-weight: normal;
	display: block;
	background-image:url(../images/fleche.gif);
	background-repeat:no-repeat;
	background-position:12px 9px;
}

.menuSubAlt
{
	color:#00FF33;
	background-color:#ebfafe;
	padding-top:10px;
	padding-left:15px;
	padding-bottom:16px;
}

.menuSubAlt a
{
	color:#044c63;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
	display: block;
	padding: 5px 5px 10px 16px;
}

.menuSubAlt a:hover
{
	padding: 5px 5px 10px 16px;
	color:#0099d8;
	width: 170px;
	text-decoration: none;
	font-weight:bold;
	display: block;
	background-image:url(../images/fleche.gif);
	background-repeat:no-repeat;
	background-position:8px 9px;
}

.menuSubAlt span
{
	font-size:11px;
	font-weight:bold;
	padding: 5px 5px 10px 20px;
	color:#0099d8;
	width: 170px;
	text-decoration: none;
	display: block;
	background-image:url(../images/fleche.gif);
	background-repeat:no-repeat;
	background-position:12px 9px;
}

.menuSub span.subSect
{
	font-size:11px;
	padding: 5px 5px 5px 20px;
	margin-left:10px;
	color:#f26522;
	width: 170px;
	text-decoration: none;
	font-weight: normal;
	display: block;
	background-image:none;
	background-repeat:no-repeat;
	background-position:12px 9px;
}

.menuSub span.subSectActive
{
	font-size:11px;
	padding: 5px 5px 5px 20px;
	margin-left:30px;
	color:#f26522;
	width: 170px;
	text-decoration: none;
	font-weight: normal;
	display: block;
	background-image:url(../images/fleche.gif);
	background-repeat:no-repeat;
	background-position:12px 9px;
}

.menuSub span.subSectNonActif
{
	font-size:11px;
	padding: 5px 5px 5px 20px;
	margin-left:10px;
	color:#044c63;
	width: 170px;
	text-decoration: none;
	font-weight: normal;
	display: block;
	background-image:none;
	background-repeat:no-repeat;
	background-position:12px 9px;
}

.menuSub span.subSecton
{
	font-size:11px;
	padding: 0px 5px 0px 20px;
	margin-left:10px;
	color:#f26522;
	width: 170px;
	text-decoration: none;
	font-weight: normal;
	display: block;
	background-image:none;
	background-repeat:no-repeat;
	background-position:12px 9px;
}

.menuLink
{
	color:#00FF33;
	font-size:11px;
	background-color:#ebfafe;
	padding-top:10px;
	padding-left:15px;
	padding-bottom:40px;
}

.menuLink a
{
	text-decoration:none;
	padding: 5px 5px 5px 10px;
}

.menuLink a
{
	text-decoration:none;
	padding: 5px 5px 5px 10px;
}

p.titreText
{
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	color:#044c63;
	font-size:16px;
	font-weight:bold;
}

p.titreTextSeul
{
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	color:#044c63;
	font-size:16px;
	font-weight:bold;
	margin-bottom:6px;
}

p.titreTextSeul span, p.titreText span
{
	font-family:Arial, Helvetica, sans-serif;
	color:#044c63;
	font-size:10px;
}

p.titreMenu
{
	font-family:Arial, Helvetica, sans-serif;
	color:#044c63;
	font-size:11px;
	margin-left:6px;
	margin-bottom:0px;
}

.smallText { font-size:10px; }

.sup { font-size:9px; }

div.stroke
{
	border-bottom:1px #d3e0e3 solid;
	height:1px;
}

.fullColContentProjet { width: 928px; }

.projetMenu
{
	width: 928px;
	margin-top:15px;
	margin-bottom:0px;
	height:50px;
	background-color : #56c8ec;
}

ul.menu_projet
{
	padding:0;
	margin:0;
	list-style-type:none;
	width:928px;
}

ul.menu_projet li { 
	float:left; /*pour IE*/ 
	
	height: 42px;
	padding:8px 0 0px 8px;
}

ul.menu_projet li a
{
	display:block;
	float:left;
	height: 42px;
	margin:0;
	padding:8px 0 0px 8px;
	color:#044c64;
	text-decoration:none;
	text-align:left;
	background-color : #56c8ec;
}

ul.menu_projet li a:hover
{
	color:#FFF;
	background:url(../images/fleche-projet.gif) bottom center no-repeat #044c64;
	margin:0;
	padding:8px 0 0px 8px;
}

div.projet_contenu
{
	width:927px;
	margin:0;
	background-color:#e3e3e3;
}

div.projetRow
{
	width: 926px;
	background-color:#e3e3e3;
	color:#252525;
	font-size:11px;
	height:75px;
	margin:0;
	padding:0;
}

div.projetRow:hover { background-color:#bae0eb; }

div.projetRowAlt
{
	width: 926px;
	background-color:#f4f4f4;
	color:#252525;
	font-size:11px;
	height:75px;
	margin:0;
	padding:0;
}

div.projetRowAlt:hover { background-color:#bae0eb; }

div.projetCollName
{
	float:left;
	padding:5px 4px 5px 4px;
	height:65px;
	width:170px;
}

div.projetCollCity
{
	border-left:solid 1px white;
	float:left;
	padding:5px 4px 5px 4px;
	height:65px;
	width:90px;
}

div.projetCollCountry
{
	border-left:solid 1px white;
	float:left;
	padding:5px 4px 5px 10px;
	height:65px;
	width:94px;
}
/* Existe plus 
div.projetCollState
{
	float:left;
	padding:4px;
	width:74px;
}
*/
div.projetollClient
{
	border-left:solid 1px white;
	float:left;
	padding:5px 4px 5px 4px;
	height:65px;
	width:100px;
}

div.projetCollYear
{
	border-left:solid 1px white;
	float:left;
	padding:5px 4px 5px 10px;
	height:65px;
	width:54px;
}

div.projetCollApplication
{
	border-left:solid 1px white;
	float:left;
	padding:5px 4px 5px 10px;
	height:65px;
	width:94px;
}

 

div.projetCollFirm
{
	border-left:solid 1px white;
	float:left;
	padding:5px 4px 5px 4px;
	height:65px;
	width:150px;
}

div.projetCollType
{
	border-left:solid 1px white;
	float:left;
	padding:5px 4px 5px 4px;
	height:65px;
	width:80px;
}



.clearAll
{
	height: 0;
	clear: both;
	margin:0;
	padding:0;
	visibility: hidden;
}

.roundedL:before
{
	background: transparent url(images/lcorner.png) scroll no-repeat top left;
	margin-bottom: -20px;
	height: 30px;
	display: block;
	border: none;
	content: url(top-left.gif);
	padding: 0;
	line-height: 0.1;
	font-size: 1px;
}

.roundedR:before
{
	background: transparent url(images/rcorner.png) scroll no-repeat top right;
	margin-bottom: -20px;
	height: 30px;
	display: block;
	border: none;
	content: url(images/rcorner.gif);
	padding: 0;
	line-height: 0.1;
	font-size: 1px;
}
/*----------------------------********************************* Pour le positionment de la liste de recherche *********************************----------------------------*/

.projectName
{
float:left;
}

.country
{
float:left;
}

.state_province
{
float:left;
}

.city
{
float:left;
}

div#recherche_1 .client
{
margin-right:0px;
float:left;
}

.year
{
float:left;
}

.application
{
float:left;
}

.firm
{
float:left;
}

div#recherche_2 .type
{
float:left;
margin-right:0px;
}

.recherche label
{
font-size:11px;
}

.recherche
{
width:900px;
height:60px;
font-size:12px;
}

div#step1 #recherche_3
{

height:40px;

}

#recherche_1 .label
{
margin:0 20px 0 0 ;
}

#recherche_2 .label
{
margin:0 37px 0 0 ;
}

#recherche_2 select
{
width:200px;
}

#state_province
{
width:80px;
}

#recherche_2 select#year
{
width:80px;
}


#recherche_3 select
{
width:195px;
}

.recherche input
{
margin-top:5px;
}

.recherche select
{
margin-top:5px;
}

#recherche_3
{
margin-top:10px;
}

#search
{
margin-top:10px;
}

a.active
{
color:#000000;
}

form p .petit
{
font-size:14px;
}

#recherche_3 label input.radio
{
margin:0;
}

div#choix_1
{
width:300px;
float:left;
}

div#choix_2
{
float:left;
width:300px;
}

div#choix_3
{
float:left;
width:300px;
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#step1
{
border:1px solid #000050;
padding:10px 0 10px 10px;
margin:0 0 20px 0;
}

#step2
{
border:1px solid #000050;
padding:10px 0 0 10px;
}

.no_result
{
padding:20px;
margin:0;
}


/*---------------------------------********************************* Pour faire affichier les coins rond *********************************---------------------------------*/

 
.rounded:before
{
	background: transparent url(../images/rcorner.gif) scroll no-repeat top right;
	margin-bottom: -30px;
	height: 30px;
	display: block;
	border: none;
	content: url(../images/lcorner.gif);
	padding: 0;
	line-height: 0.1;
	font-size: 1px;
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


ul.recherche
{
display:inline;
}

ul.recherche li
{
display:inline;
}

.fieldTop {position:relative;
	top:-114px;
	left:785px;
	width:210px;
}

/*---------------------------------********************************* Pour les textes SEO qui iront en haut et bas des pages *********************************---------------------------------*/
.SEOheaderCopy
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:8px;
	font-style:normal;
	font-weight:light;
	color:#044c63;
	text-align:left;
	width: 935px;
	padding-left:30px;
	padding-bottom:0px;
}

.SEOfooterCopy
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:8px;
	font-style:normal;
	font-weight:light;
	color:#044c63;
	text-align:left;
	width: 935px;
	padding-left:30px;
	padding-top:8px;
}