@charset "utf-8";
/* CSS Document */

body { width:100%; font-family:Tahoma, Geneva, sans-serif; background:#FFF url(../../img/bg-construction-reno-gauthier.jpg) top center no-repeat; }
* { margin:0; padding:0;}

a { color:#7d7d7d; text-decoration:none;}
a:hover { color:#7d7d7d; text-decoration:underline;}

img { border:none; }

ul { margin:10px 0; padding:0 0 0 30px;}
ol { margin:10px 0; padding:0 0 0 30px;}
li { margin:0px 0px 5px;}

p { margin:0 0 10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0 0 10px 0; color:#cacaca; line-height:18px;}

h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:2em; margin:0 0 10px 0; color:#7d7d7d;}
h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; margin:0 0 10px 0; color:#5d9732; font-weight:normal; font-style:italic; line-height:22px; }
h3 { display:block; height:20px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; margin:0 0 10px 0; color:#FFF; font-weight:normal; font-style:italic; line-height:18px; border-bottom:1px dotted #FFF; line-height:20px; }
h4 { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.4em; margin:0 0 10px 0; color:#7d7d7d;}
h5 { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em; margin:0 0 10px 0; color:#7d7d7d;}
h6 { font-family:Georgia, "Times New Roman", Times, serif; font-size:1em; margin:0 0 10px 0; color:#7d7d7d;}

.last { margin:0;}

/*===================================================================================================
BLOCK
===================================================================================================*/
#menuBox { display:block; width:100%; background:#000; margin:0 auto; }
#menuBox #menu { display:block; width:990px; height:48px; background:#000; margin:0 auto; background:#000 url(../../img/bg-menu.png) top left no-repeat; }
#menuBox #menu ul { float:left; position:relative; display:block; width:730px; height:48px; list-style:none; margin:0; padding:0; }
#menuBox #menu ul li { float:left; display:block; height:48px; margin:0; padding:0 12px; font-size:12px; line-height:48px; text-transform:uppercase; background:url(../../img/bg-menu.png) top right no-repeat; }
#menuBox #menu ul li.contact { background:url(../../img/ico-contact.png) 0 19px no-repeat; padding:0 12px 0 20px; margin:0 0 0 12px; }
#menuBox #menu ul li.last { margin-right:0; border-right:0; }
#menuBox #menu ul li a { position:relative; color:#cacaca; }
#menuBox #menu ul li a:hover { color:#5d9732; text-decoration:none; }
#menuBox #menu ul li.actif a { color:#5d9732; }
#menuBox #menu span { float:right; height:48px; line-height:48px; }
#menuBox #menu span a { display:block;color:#5d9732; font-size:12px; text-transform:uppercase; background:url(../../img/ico-link.png) 140px 20px no-repeat; padding:0 16px 0 0; }
#menuBox #menu span a:hover { text-decoration:underline; }

#media { display:block; width:990px; height:27px; border-bottom:1px solid #b3b3b3; background:#FFF; margin:0 auto; }
#media span { float:right; color:#3b5998; font-size:10px; text-transform:uppercase; line-height:27px; margin-right:15px; }
#media span a { display:block; float:right; background:url(../../img/ico-facebook.png) 0 7px no-repeat; color:#3b5998; font-size:10px; text-transform:uppercase; padding:0 0 0 20px; margin-left:7px; }
#media span a:hover { text-decoration:underline; }

#footerBox { display:block; width:100%; background:#000; margin:0 auto; }
#footerBox #footer { display:block; width:990px; height:48px; background:#000; margin:0 auto; }
#footerBox #footer span { float:left; font-size:12px; line-height:48px; text-transform:uppercase; color:#979797; }
#footerBox #footer a { float:right; font-size:12px; line-height:48px; text-transform:uppercase; color:#979797; }
#footerBox #footer a:hover { text-decoration:underline; }

.clear { clear:both; margin:0px; padding:0px; line-height:0px; font-size:0px; }

/*===================================================================================================
PAGE INDEX
===================================================================================================*/

body.index #container { display:block; width:990px; margin:0 auto 50px auto; background:url(../../img/bg-principal.jpg) top left no-repeat; }
body.index #container #logo { display:block; width:950px; height:375px; padding:25px 0 0 40px; }
body.index #container #contenu { display:block; float:left; width:635px; height:438px; margin:0 15px; padding:0; }
body.index #container #contenu #mission { display:block; float:left; width:280px; height:376px; margin:6px 15px 0 0; padding:15px; background:url(../../img/bg-box.png) top left repeat; }
body.index #container #contenu #mission a { background:url(../../img/ico-link.png) 0 5px no-repeat; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#FFF; padding:0 0 0 15px; font-style:italic; }

body.index #container #contenu #services { display:block; float:left; width:280px; height:376px; margin-top:6px; padding:15px; background:url(../../img/bg-box.png) top left repeat; }
body.index #container #contenu #services a { display:block; width:280px; height:70px; margin:0 0 15px 0; }
body.index #container #contenu #services a.res { background:url(../../img/btn-res.jpg) top left no-repeat; }
body.index #container #contenu #services a.res:hover { background:url(../../img/btn-res-hover.jpg) top left no-repeat; }
body.index #container #contenu #services a.com { background:url(../../img/btn-com.jpg) top left no-repeat; }
body.index #container #contenu #services a.com:hover { background:url(../../img/btn-com-hover.jpg) top left no-repeat; }
body.index #container #contenu #services a.ges { background:url(../../img/btn-ges.jpg) top left no-repeat; }
body.index #container #contenu #services a.ges:hover { background:url(../../img/btn-ges-hover.jpg) top left no-repeat; }
body.index #container #contenu #services a.ins { background:url(../../img/btn-ins.jpg) top left no-repeat; }
body.index #container #contenu #services a.ins:hover { background:url(../../img/btn-ins-hover.jpg) top left no-repeat; }

body.index #container #sidebar { display:block; float:left; width:310px; padding:0; }
body.index #container #sidebar #realisations { display:block; float:left; width:280px; height:121px; padding:15px; margin:6px 0 15px 0; background:url(../../img/bg-box.png) top left repeat; }
body.index #container #sidebar #realisations a { background:url(../../img/ico-link.png) 0 5px no-repeat; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#FFF; padding:0 0 0 15px; font-style:italic; }
body.index #container #news { display:block; float:left; width:930px; background:url(../../img/bg-box.png) top left repeat; margin:15px 0 0 15px; padding:15px; }
body.index #container #news img { float:left; margin:0 15px 15px 0; }
body.index #container #news a { background:url(../../img/ico-link.png) 0 5px no-repeat; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#FFF; padding:0 0 0 15px; font-style:italic; }


/*===================================================================================================
PAGE CONTENU
===================================================================================================*/

body.page #container { display:block; width:990px; margin:0 auto 50px auto; background:url(../../img/bg-page.jpg) top left no-repeat; }
body.page #container #logo { display:block; width:950px; height:160px; padding:25px 0 0 40px; }
body.page #container #contenu { display:block; float:left; width:635px; margin:0 15px; padding:0; }
body.page #container #contenu #mission { display:block; float:left; width:605px; margin:6px 15px 0 0; padding:15px; background:url(../../img/bg-box.png) top left repeat; }
body.page #container #contenu #mission a { background:url(../../img/ico-link.png) 0 5px no-repeat; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#FFF;padding:0 0 0 15px; font-style:italic; }
body.page #container #contenu #mission a.mb { background:none; padding:0; }

body.page #container #contenu #mission div.contentSalle form { display:block; float:left; width:320px; height:120px; padding:10px; background:#1E1E1E; border:1px solid #999; margin:0 auto 20px auto; }
body.page #container #contenu #mission div.contentSalle form input.visible{ float:right; display:block; margin:0 0 10px; padding:0 7px; width:227px; height:35px; font-size:12px; background:url(../../img/bgInputTxt.png) left top no-repeat; border:none; }
body.page #container #contenu #mission div.contentSalle form label{ float:left; display:block; margin:0 0 10px; padding:0; width:75px; line-height:35px; font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#888888; }

body.page #container #contenu #mission div.boxContact { display:block; width:190px; float:left; margin:0; padding:5px; }
body.page #container #contenu #mission div.boxContact a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; padding:0; font-style:italic; background:none; }
body.page #container #contenu ul li { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0 0 10px 0; color:#cacaca; line-height:18px; }

body.page #container #sidebar { display:block; float:left; width:310px; padding:0; }
body.page #container #sidebar #services { display:block; float:left; width:280px; height:376px; margin:6px 0 15px 0; padding:15px; background:url(../../img/bg-box.png) top left repeat; }
body.page #container #sidebar #services a { display:block; width:280px; height:70px; margin:0 0 15px 0; }
body.page #container #sidebar #services a.res { background:url(../../img/btn-res.jpg) top left no-repeat; }
body.page #container #sidebar #services a.res:hover { background:url(../../img/btn-res-hover.jpg) top left no-repeat; }
body.page #container #sidebar #services a.com { background:url(../../img/btn-com.jpg) top left no-repeat; }
body.page #container #sidebar #services a.com:hover { background:url(../../img/btn-com-hover.jpg) top left no-repeat; }
body.page #container #sidebar #services a.ges { background:url(../../img/btn-ges.jpg) top left no-repeat; }
body.page #container #sidebar #services a.ges:hover { background:url(../../img/btn-ges-hover.jpg) top left no-repeat; }
body.page #container #sidebar #services a.ins { background:url(../../img/btn-ins.jpg) top left no-repeat; }
body.page #container #sidebar #services a.ins:hover { background:url(../../img/btn-ins-hover.jpg) top left no-repeat; }

body.page #container #sidebar #realisations { display:block; float:left; width:280px; height:121px; padding:15px; margin:6px 0 15px 0; background:url(../../img/bg-box.png) top left repeat; }
body.page #container #sidebar #realisations a { background:url(../../img/ico-link.png) 0 5px no-repeat; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#FFF; padding:0 0 0 15px; font-style:italic; }



/* CONTENT CONTACT */
 div.contentContact { position:relative; display:block; margin:0; padding:10px 0; border-top:1px solid #2f3139; }
div.contentContact h3 { margin:0; color:#5d9732; font-style:italic; font-size:25px; text-transform:uppercase; }
 div.contentContact h4 { margin:0 0 10px; color:#5d9732; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:normal; font-size:20px; }
div.contentContact p { margin:0; font-family:Tahoma, Geneva, sans-serif; font-size:11px; line-height:18px; color:#888888; }
div.contentContact div.ctn { position:relative; display:block; margin:0; padding:0; width:313px; }
 div.contentContact div.ctn label { float:left; display:block; margin:0 0 10px; padding:0; width:75px; line-height:35px; font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#888888; }
 div.contentContact div.ctn input.txt { float:right; display:block; margin:0 0 10px; padding:9px 3px 0; width:227px; height:26px; font-size:12px; background:url(../../img/bgInputTxt.png) left top no-repeat; border:none; }
 div.contentContact div.ctn textarea { float:right; display:block; margin:0 0 10px; padding:5px 3px; width:227px; height:105px; font-size:12px; background:url(../../img/bgTextArea.png) left top no-repeat; border:none; overflow:auto;resize: none; }
 div.contentContact div.ctn select { float:right; display:block; margin:0 0 10px; padding:8px 3px; width:233px; height:35px; font-size:12px; background:url(../../img/bgInputTxt.png) left top no-repeat; border:none; }
 div.contentContact div.ctn option { background:#fff; }
 div.contentContact div.ctn input.btn { float:right; display:block; margin:0 0 0 5px; width:114px; height:35px; font-size:12px; background:url(../../img/bgInputBtn.png) left top no-repeat; border:none; cursor:pointer; }
 
 
 
 .contentPicture { margin:0 0 10px; }
 .pictCont{}
 
 
/* CONTENT SALLE */
 div.contentSalle { position:relative; display:block; margin:0; padding:10px 0; border-top:1px solid #2f3139; }
 div.contentSalle label { float:left; display:block; width:100px; margin:0 5px 10px 0; }
 div.contentSalle input.visible { float:left; display:block; width:200px; margin:0 0 10px 0; }
 div.contentSalle h5.avertise { margin:0; padding:0 0 0 33px; color:#b74444; font-family:Tahoma, Geneva, sans-serif; font-style:normal; font-weight:normal; font-size:11px; line-height:24px; background:url(../../img/salle_avertise.png) left center no-repeat; }
 div.contentSalle div.dossier { font-family:Tahoma, Geneva, sans-serif; }
 div.contentSalle div.dossier.new { height:31px; background:url(../../img/bgSalleNew.png) left center no-repeat; }
 div.contentSalle div.dossier h4.dossier { position:relative; display:block; margin:0 10px 0 0; padding:0; font-size:11px; font-style:normal; font-weight:normal; color:#dfc572; line-height:31px; background:url(../../img/salle_big_dossier.png) 4px center no-repeat; }
 div.contentSalle div.new h4.dossier { line-height:35px; }
 div.contentSalle div.dossier.new h4.dossier { line-height:31px; }
 div.contentSalle div.dossier a { padding:0 31px 0 79px; display:block; color:#dfc572; background:url(../../img/salle_big_dossier.png) 4px center no-repeat; margin-left:50px;}
 div.contentSalle div.new h4.dossier a { background:url(../../img/salle_big_dossier_new.png) 4px center no-repeat; margin-left:50px;}
 div.contentSalle div.dossier.new a { background:url(../../img/salle_big_dossier.png) 4px center no-repeat; }
 div.contentSalle div.new h4.dossier a { background:url(../../img/salle_big_dossier_new.png) 4px center no-repeat;margin-left:50px; }
 div.contentSalle div.dossier span { float:right; }

 div.contentSalle div.fichier { font-family:Tahoma, Geneva, sans-serif; margin:10px 0 0; }
 div.contentSalle div.fichier.new { height:31px; background:url(../../img/bgSalleNew.png) left center no-repeat; }
 div.contentSalle div.indent1 { padding:0 0 0 41px; background:url(../../img/bgIndent.png) 13px center no-repeat; }
 div.contentSalle div.fichier h4.file { display:block; margin:0; padding:0; font-family:Tahoma, Geneva, sans-serif; font-size:11px; font-style:normal; font-weight:normal; color:#b74444; line-height:31px; }
 div.contentSalle div.fichier h4.PDF { padding:0 0 0 38px; background:url(../../img/pdf.png) left center no-repeat; }
 div.contentSalle div.fichier h4.DOC { padding:0 0 0 38px; background:url(../../img/doc.png) left center no-repeat; }
 div.contentSalle div.fichier a { color:#b74444; }
 div.contentSalle div.fichier span { color:#9e9e9e; }





/* CONTENT SALLE IN */
 div.contentSalleIn { position:relative; display:block; margin:0; padding:10px 0; border-top:1px solid #2f3139; }
 div.contentSalleIn h3 { margin:0; color:#5d9732; font-style:italic; font-size:25px; text-transform:uppercase; }
 div.contentSalleIn h5.avertise { margin:0; padding:0 0 0 33px; color:#b74444; font-family:Tahoma, Geneva, sans-serif; font-style:normal; font-weight:normal; font-size:11px; line-height:24px; background:url(../../img/salle_avertise.png) left center no-repeat; }
 div.contentSalleIn div.dossier { font-family:Tahoma, Geneva, sans-serif; margin:19px 0 0; }
 div.contentSalleIn div.dossier.new { height:31px; background:url(../../img/bgSalleNew.png) left center no-repeat; }
 div.contentSalleIn div.dossier h4.dossier { display:block; margin:0; padding:0 0 0 42px; font-size:11px; font-style:normal; font-weight:normal; color:#dfc572; line-height:17px; background:url(../../img/salle_dossier.png) left center no-repeat; }
 div.contentSalleIn div.new h4.dossier { line-height:35px; }
 div.contentSalleIn div.dossier.new h4.dossier { line-height:31px; }
 div.contentSalleIn div.dossier a { color:#dfc572; }
 div.contentSalleIn div.dossier div.indent1 { position:relative; padding:0 0 0 38px; }
 div.contentSalleIn div.dossier div.indent2 { margin-left:39px; }
 div.contentSalleIn div.dossier div.indent3 { margin-left:78px; }
 div.contentSalleIn div.dossier div.indent1 a.btn_salle_del { position:absolute; display:block; top:3px; left:10px; width:14px; height:14px; background:url(../../img/btn_salle_del.png) left top no-repeat; }
 div.contentSalleIn div.dossier div.indent1 a.btn_salle_del span { display:none; }

 div.contentSalleIn div.fichier { font-family:Tahoma, Geneva, sans-serif; margin:19px 0 0; }
 div.contentSalleIn div.fichier.new { height:31px; background:url(../../img/bgSalleNew.png) left center no-repeat; }
 div.contentSalleIn div.fichier.indent1 { padding:0 0 0 38px; background:url(../../img/bgIndent.png) 10px center no-repeat; }
 div.contentSalleIn div.fichier.indent2 { margin-left:39px; }
 div.contentSalleIn div.fichier.indent3 { margin-left:78px; }
 div.contentSalleIn div.fichier h4.file { display:block; margin:0; padding:0; font-family:Tahoma, Geneva, sans-serif; font-size:11px; font-style:normal; font-weight:normal; color:#b74444; line-height:31px; }
 div.contentSalleIn div.fichier h4.PDF { padding:0 0 0 44px; background:url(../../img/th_pdf.png) left center no-repeat; }
 div.contentSalleIn div.fichier h4.DOC { padding:0 0 0 44px; background:url(../../img/th_doc.png) left center no-repeat; }
 div.contentSalleIn div.fichier a { color:#b74444; }
 div.contentSalleIn div.fichier span { color:#9e9e9e; }