/*
 * BALISES
 */
* {padding:0; margin:0;}
.clear {clear:both; display:block;}
p {font-size:0.7em; color:#afaca5; line-height:1.5em;}
a.externalLink {background:url(../medias/externalLink.gif) no-repeat right top; padding-right:20px; padding-bottom:5px; padding-top:4px; color:#ca5700; text-transform:uppercase; font-size:0.7em;}
p a.externalLink {font-size:1em;}
img {border:none;}
h2, h3, .menuBottomTitle {font-weight:lighter;}
h4 a {text-decoration:none !important;}
h4 a:hover {text-decoration:underline !important;}
.title2, .title3 {color: #ffffff; font-family:Helvetica, Tahoma, sans-serif; font-weight:lighter; text-transform:uppercase; font-size:1.1em; padding-bottom:10px;}
.sIFR-replaced {padding-bottom:0;}
.title2 a, .menuBottomTitle a {color:#ffffff; text-decoration:none;}
.title2 a:hover, .menuBottomTitle a:hover {text-decoration:underline;}
.title3 {color: #00425b;}
.title4 {color: #00425b;}
/*
 * FRAME
 */
html {height:100%;}
body {background:url(../medias/background_square.gif); text-align:left; font-family:Arial, sans-serif; letter-spacing:0.03em; height:100%;}
#bgDraw {position:fixed; z-index:1; width:100%; height:100%;}
#border	 {background:url(../medias/shadowContent.png); padding:0.5em;}
/* BG drawning  #outside {z-index:2;  width:61.19em; top:20px; left:50%; padding-bottom:0; margin-left:-30.6em; position:absolute; overflow:visible;} */
#outside {position:relative; width:61.19em; margin:20px auto; padding-bottom:0; overflow:visible;}
#splash #outside {position:absolute; left:50%; margin-left:-30.60em; top:50%; margin-top:-218px; height:436px;}
#splash #langFr {position:absolute; bottom:20px; left:170px; text-align:right; width:300px; border-right:1px solid #87a5b3; padding-right:20px;}
#splash #langEn {position:absolute; bottom:20px; right:170px; left:inherit; width:300px; text-align:left; border:none;}

#splash #langFr h2, #splash #langEn h2 {float:right; padding:0; margin:0 -30px 0 0;}
#splash #langEn h2 {float:left;}
#splash #langFr p, #splash #langEn p {clear:both; color:#87a5b3;}
#content {text-align:left;}
#header {width:60.19em;  position:relative; }
#home #header {background:url(../medias/headerLine_bg.gif) #fff repeat-x left bottom; padding-bottom:4px;}
#home #topMenu {background:url(../medias/headerLine2_bg.gif) #fff repeat-x left bottom; padding-bottom:12px;}
#home .new {background:url(../medias/eventLine.gif) no-repeat center bottom; padding-bottom:10px; margin-top:10px;}
#home .new h4 {margin-top:0 !important;} 
#logo {width:9.63em; height:2.75em; position:absolute; top:1.2em; left:-0.5em; z-index:10;}
#logo span {display:none;}
#logo a {display:block; width:100%; height:100%;}



#topMenu {text-align:right; padding:4em 0 0.5em 0; background:#ffffff; position:relative; width:100%;}
#topMenu li {display:inline; font-size:0.7em; text-transform:uppercase; margin-left:1em;}
#topMenu li a {text-decoration:none; color:#8c8d8e;}
#topMenu li a:hover {text-decoration:underline;}
#topMenu li a#english {color:#00425b; margin-right:1em;}

#module {background:url(../medias/module_bg.jpg) repeat-x #054764; text-align:left; height:auto; margin-top:-4px; position:relative; width:60.19em;}
#module #guideArchitectural {padding:0.9em 2em 1.7em 2em; width:30em; float:left; height:3.71em; position:relative; height:5.2em;}
#module #guideArchitectural p {color:#87a9b8; line-height:1.5em; margin:-5px 0 0 2px; width:34em; position:absolute; top:55px; left:30px; z-index:4;}
#module #guideArchitectural .img1 {position:absolute; top:0; right:-80px; z-index:1;}
#module #guideArchitectural .img2 {position:absolute; top:0; right:30px;  z-index:2;}
#module #guideArchitectural .img3 {position:absolute; top:0; right:140px;  z-index:3;}

#module #releveEtudiante {background:url(../medias/module_rightBg.jpg) repeat-y; width:16.38em; float:right; height:4.5em;  padding:1.9em 2em 1.5em 2em;}
#module #releveEtudiante p {color:#87a9b8; line-height:1.5em; margin:-5px 0 0 0; width:20em;}
#module #badge_concours {position:absolute; right:-20px; top:-10px;}

#page {background:url(../medias/page_background.gif) repeat-x #ffffff; margin-top:-0.25em;}
#pageContent {text-align:left; padding-bottom:20px;  padding-top:2em; position:relative; width:100%;}
#pageContent p {color:#66686d;}
#pageContent .block {width:29.5%; float:left; margin:0 10px 0 10px; background:url(../medias/block_separator.gif) top right no-repeat; padding-right:20px; padding-top:20px;}
#pageContent .block p {margin-bottom:10px;}
#pageContent .block .subTitle3 {color:#00425b; text-transform:uppercase; font-size:0.6em; margin-top:-5px;}
#pageContent .block h4 {color:#00425b; font-weight:bold; font-size:0.7em; margin:40px 0 10px 0;}
#pageContent .block .imageReplaceh4 {margin-top:40px; display:block;}
#pageContent .block .imageReplaceh4Float {display:block; float:right;}
#pageContent .block a {color:#00425b; text-decoration:underline;}
#pageContent .block a:hover {text-decoration:none;}
#pageContent .block a.knowmore {text-transform:uppercase; display:block; margin:10px 0 0 0; font-size:0.65em;}
#pageContent div.lastone {background:none; padding-right:0; }
#prefooter {background:url(../medias/footer_shadow.png) repeat-x; margin:0 auto; width:60.19em; padding-bottom:10px;}

#footerMenu {font-size:0.65em; padding:20px 0 0 0; margin:0 0 0 23px;  text-align:center; letter-spacing:0;}
#footerMenu li {display:inline; list-style:none; margin-right:45px; text-transform:uppercase;}
#footerMenu li a {color:#6e6e6e; text-decoration:none;}
#footerMenu li a:hover {text-decoration:underline;}
#footerMenu li.lastone {margin-right:30px;}

#copyright {background:url(../medias/shadowContent.png);  margin:20px 0; padding:0.5em 0; position:relative; width:61.19em; position:relative;}
#copyright p {padding-left:23px; color:#6e6e6e; font-size:0.6em; float:left; margin-top:25px;}
#copyright a.plan_du_site {color:#6e6e6e; text-decoration:underline; display:block; float:left; font-size:0.6em; margin:26px 0 0 10px;}
#copyright a:hover {text-decoration:none;}
#copyright #footer_energystar { float: right; margin-top: 0px; margin-right: 20px; }
#copyright #footer_logo {float:right; margin-right:10px; margin-top: 0px;}
#copyright #footer_logo img {margin-left:10px; margin-top:20px;}

#menuBottom {background:url(../medias/bottom_bg.jpg) repeat-x #054360; height:131px; padding-left:1.5em; clear:both; position:relative;}
#menuBottom li {display:block; float:left; width:26.2%; list-style:none; height:111px; padding-top:20px; padding-right:3em; margin-right:1em; border-right:1px solid #2d6b89;}
#menuBottom li h2 {display:inline; position:relative; display:block; padding-top:0.5em;}
#menuBottom li h2.sIFR-replaced {display:inline; padding:0;}
#menuBottom li.lastone {border-right:none; width:24%;}
#menuBottom li#technology {background:url(../medias/icon_technology.jpg) no-repeat right center;}
#menuBottom li#gallery {background:url(../medias/icon_gallery.jpg) no-repeat right center;}
#menuBottom li p {font-size:0.7em; width:150px; color:#9bbece; text-transform:uppercase; margin-top:-5px;}


#left {width:15em; text-align:right; float:left; font-family:Helvetica, Tahoma, sans-serif;}
#left .leftMenuTitle {color:#7296a4; border-bottom:1px solid #eaeaea; padding:0.7em; padding-right:0.5em; font-weight:lighter;}
#left .sIFR-replaced {padding-right:0.2em;}
#left ul {margin-bottom:3em;}
#left ul li {list-style:none;}
#left ul li a {color:#004e77; text-decoration:none; border-bottom:1px solid #eaeaea; font-size:0.7em; display:block; padding:1em 0.7em; padding-left:2em;}
#left ul li a:hover, #left ul li.selected {background:#eaeaea;}
#left ul li a.noLink:hover {background:none;}

#left ul li.selected ul {padding:1em 0;}
#left .smallMenu, #left ul li ul {margin-top:-1em; text-transform:uppercase;}
#left .smallMenu li a, #left ul li ul li a {color:#7b9daf; font-size:0.6em; border:none; padding:0.2em 0.7em;}
#left .smallMenu li a:hover, #left ul li ul li a:hover, #left ul li ul li.selected a {background:none; color:#004366;}
#left ul li ul li.selected a {}
#left ul li ul {margin:0; padding:0 0 0.2em 0; border-bottom:1px solid #eaeaea;}
#left a.disabled {opacity:0.5;}
#left a.disabled:hover {background:none;}

#right {float:left; width:25.19em; padding:0.7em 1em 3em 2.5em;}
#right.full {width:40.5em;}
#right p {margin-bottom:2em;}
#right .pageTitle {color:#004c6b; margin-bottom:10px; margin-top:-2px;}
#right .pageSubTitle {font-size:0.7em; color:#66686d; font-weight:bold; margin:-15px 0 20px;}
#right a {color:#00476d;}
#right a:hover {text-decoration:none;}
#right .pageTitle2 {font-size:0.65em; text-transform:uppercase; color:#00476d; font-weight:bold; margin:20px 0 5px 0;}
#right ul {font-size:0.65em; color:#66686d; margin-left:15px;}
#right ul li {margin-bottom:10px; list-style:none; background:url(../medias/pagePuce.gif) no-repeat left 2px; padding-left:13px;}
#right ul li p {font-size:1em;}

#right ol {font-size:0.80em; color:#66686d; margin-left:15px;}
#right ol li {margin-bottom:10px; padding-left:13px;}
#right ol li p {font-size:1em;}

#right .pageTitle3 {font-size:1em; text-transform:uppercase; color:#5f8fa8; font-weight:bold; margin:20px 0 5px 0;}
#right ul li.otherList {list-style:none; background:none;}
#right ul li.otherList li {font-size:1.6em;}

#right .pageTitle4 {font-size:.60em; text-transform:uppercase; color:#00476d; font-weight: normal; margin:20px 0 5px 0;}

#right2 {float:left; width:13.33em; margin:3.3em 0 0 2em;}
#right2 .right2Title {font-size:0.7em; color:#353637; margin-bottom:5px;}
#right2 p {margin-bottom:15px;}
#right2 img .imgBorder img {width:12.63em;}
#right2 .imgBorder {border:1px solid #c7c6c6; padding:0.3em 0 0 0.3em; width:12.93em;}
#right2 .info {background:#f4f4f4; border:1px solid #d6d6d6; border-left:none; border-right:none; padding:10px; margin-top:10px;}
#right2 .info div {color:#004d6c; font-size:0.55em; text-transform:uppercase; font-weight:bold;}
#right2 .info p {margin:7px 0 0 0;}
#right2 .info a {color:#00476d; text-decoration:none;}
#right2 .info a:hover {text-decoration:underline;}



#right fieldset {border:none; border-top:1px solid #577b8d; padding-bottom:2em;}
#right fieldset legend {color:#577b8d; padding-right:0.5em; text-transform:uppercase; font-size:0.6em; font-weight:bold; padding-bottom:2em; padding-top:2em; margin-left:0; padding-left:0;}
#right fieldset div {margin-bottom:0.5em;}
#right fieldset label {width:10em; font-size:0.65em; color:#7c7c7c; float:left; text-align:right; padding-right:1em; margin-top:0.3em;}
#right fieldset label span {color:#ca5700; padding-right:0.3em; margin:0 !important; font-weight:bold; font-size:1.1em}
#right fieldset input {float:left; margin-right:0.5em}
#right fieldset select {width:20em; margin-bottom:0.5em;}
#right fieldset .button {text-align:right; float:right; margin-top:1em;}
#right fieldset .button input {border:none; background:none; font-family:Helvetica, Tahoma, sans-serif; color:#5d889e; cursor:pointer; font-size:0.7em; text-transform:uppercase;}
#right fieldset .button input:hover {color:#c5d3dc; }
#right fieldset span.info {font-size:0.6em; color:#959699;}
#right fieldset div.image span.info {padding-left:11.5em;}
#right fieldset .error {margin:1em 0;}
#right fieldset .error label  {font-weight:bold; color:#ca5700;}
#right fieldset .error input {margin-bottom:2px; border:1px solid #ca5700;}
#right fieldset .error span {display:block; clear:both; margin-left:115px; padding-top:0.5em; font-size:0.6em; font-weight:bold; color:#ca5700;}
#right fieldset .error .info {display:inline; clear:none; margin-left:0; font-weight:inherit; color:#959699; font-size:0.6em; padding-top:0;}
#right fieldset .error label span {display:inline; clear:none; margin-left:0; font-weight:inherit; color:#fc8800; font-size:1em;}
#right fieldset.lastone {margin-right:0;}
#right fieldset.column {width:auto !important;}
#right fieldset div.column {float:left;}
.message_error {font-size:0.7em; color:#ca5700; line-height:1.5em; background:url(../medias/form_caution.gif) no-repeat left center; padding-left:50px; padding-bottom:5px;}
.message {font-size:0.7em; color:#577b8d; line-height:1.5em; background:url(../medias/form_check.jpg) no-repeat left center; padding:5px 0 5px 60px; margin:30px 0;}

#right .commentTitle {margin-top:50px;}
#right p.noComment {margin-bottom:0;}
#right table.comment {width:100%; border-top:1px solid #e8e8e8; border-collapse:collapse; font-size:0.65em; color:#66686d; margin-bottom:20px;}
#right table.comment p {font-size:0.9em; margin:0; overflow:hidden;}
#right table.comment p.openedComment {font-size:1.1em;}

#right table.comment td.commentText {width:60%;}
#right table.comment td.commentText a {text-decoration:none; font-size:1.2em}
#right table.comment td.commentText a:hover {text-decoration:underline;}
#right table.comment tr:hover {background:#f4f4f4;}
#right table.comment td {border:1px solid #e8e8e8; border-top:none; border-left:none; margin:5px;}
#right table.comment td {padding:10px;}
#right table.comment td.lastone {border-right:none;}
#right a.giveOpinion {display:block; text-align:right; text-transform:uppercase; text-decoration:none; font-size:0.6em;}
#right a.giveOpinion:hover {text-decoration:underline;}
#right a.alignLeft {text-align:left;}

#right .addComment {border:none;}
#right .addComment textarea {padding:5px; font-size:1.2em; font-family:Arial, sans-serif; color:#00476d;}
#right .addComment input {padding:2px; font-size:1em; font-family:Arial, sans-serif; color:#66686D;}
#right .addComment label {margin-bottom:5px; font-weight:bold; display:block;}


/* new home */
#evenements, #productList {margin-top:30px; }
#evenements li, #productList li  {list-style:none; background:url(../medias/eventLine.gif) no-repeat center bottom; padding-bottom:15px; margin-bottom:10px;}
#evenements li.lastone, #productList li.lastone {background:none; margin:0; padding:0;}
#evenements .date {width:50px; height:54px; background:url(../medias/calendarDate.gif) no-repeat; position:relative; float:left; margin-right:10px;}
#evenements .date .month {font-size:10px; color:#fff; text-transform:uppercase; position:absolute; top:9px; left:5px; width:40px; text-align:center;}
#evenements .date .day {color:#838383; font-size:22px; position:absolute; top:23px; left:5px; width:40px; text-align:center;}

#evenements .event {float:left; width:210px;} 
#evenements .event h4, #productList .productInfo h4 {margin-top:5px; margin-bottom:7px; text-transform:uppercase;}
#evenements .event .nbComments, #evenements .event .readNext {display:block; background:url(../medias/icon_comment.gif) no-repeat left center; padding-left:15px; font-size:0.7em; color:#525252;}
#evenements .event .readNext {background-image:url(../medias/icon_link.gif); margin-top:5px;}

#productList li  {padding-bottom:8px; margin-top:5px; }
#productList.map {margin-top: 20px;}
#productList.map li {margin:0; padding: 0; cursor: pointer;}
#productList.map li img {width:100px; margin-top:10px;}
#productList.map li a {text-decoration:none; padding: 10px; display:block; cursor: pointer;}
#productList.map li a:hover {background:#106085 url(../medias/productmap_bg.gif) repeat-x top left;  text-decoration:none;}
#productList.map li a:hover .productInfo h4 {color:#fff;}
#productList.map li a:hover .productInfo p {color:#83a7b8;}

#productList.map .productInfo {width:130px;}
#productList .productInfo h4 {margin-bottom:0; font-size:0.75em;}
#productList .productInfo p {color:#064c6e; font-size:0.65em;}
#productList img {float:left; margin-right:10px;}
#productList .productInfo {float:left; width:150px; margin-top:7px; margin-left: 5px;}
#productList .productInfo .subTitle_product {font-size:0.7em; color:#00425b; margin-bottom:5px;}
#productList .productInfo .links {font-size:0.7em; color:#525252; margin-top:10px;}
#productList .productInfo .links a {display:block; background:url(../medias/icon_link.gif) left center no-repeat; width:auto; padding-left:15px; color:#525252; margin-right:10px; float:left;}

#eco-reno {padding-right:0 !important; border-right:0 !important; width:30% !important;}
#eco-reno p {}
#eco-reno #ecoRenoInfo  {float:left; width:150px;}
#eco-reno #logoEco {width:100px; float:right; margin-top:10px;}