@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; clear:right; }

#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; }

*+html .flashIndex { margin-top:25px; }

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

#indexNewContent a { text-decoration:none; font-weight:bold; color:#252525; }

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

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; }

* html .clearfix { height: 1%; }

.textFieldNew { border:1px solid #999; margin-top:4px; }

.eventList {
	}

.eventList, li.eventListli {

	font-size:10px;}