/* Copyright Thot'em Interactif 2008 */
/* global.css */

/* import */
@import "init.css";
@import "menu.css";

.clear         { clear: both; font: 0pt/0em Arial; line-height: 0em; height: 0px; }
.spacer5       { height: 5px; font: 0pt/0em Arial; }
.spacer10      { height: 10px; font: 0pt/0em Arial; }
.spacerwidth5  { width: 5px; height: auto; float: left;  }
.spacer20      { height: 20px; font: 0pt/0em Arial; }
.p-left-20     { padding-left: 20px; }
a.links         { font: 8pt/1.4em Arial, Verdana, Sans-Serif; font-weight: bold; color: #034DA2; text-decoration: none; }
a.links:hover   { text-decoration: underline; }

.f-right       { float: right; }

h1             { font: 19pt/1.6em Arial, Verdana, Sans-Serif; font-weight: bold; color: #034DA2; padding-left: 5px; }

h1.h1complete { background: url("../media/site/b-page.jpg") 0px 43px repeat-x; height: 53px; }

#site          { width: 1000px; margin: 0 auto; }

#top           { width: 990px; height: 130px; background: url("../media/site/top.jpg") no-repeat; text-align: right; padding-right: 10px; }
#top a         { font: 8pt/1.8em Arial, Verdana, Sans-Serif; color: #4F4F4F; text-decoration: none; font-weight: bold; }
#visuel-default               { width: 1000px; height: 220px; background: url("../media/visuels/visuel-default.jpg") no-repeat; }
#visuel-traitement-bois       { width: 1000px; height: 220px; background: url("../media/visuels/visuel-traitement-bois.jpg") no-repeat; }
#visuel-restructuration-bois  { width: 1000px; height: 220px; background: url("../media/visuels/visuel-restructuration-bois.jpg") no-repeat; }
#visuel-assechement-murs      { width: 1000px; height: 220px; background: url("../media/visuels/visuel-assechement-murs.jpg") no-repeat; }
#visuel-restructuration-beton { width: 1000px; height: 220px; background: url("../media/visuels/visuel-restructuration-beton.jpg") no-repeat; }
#tac-metier    { width: 1000px; height: 100px; }
#menu          { width: 1000px; height: 30px; background: url("../media/site/menu.jpg") no-repeat; }
#content       { width: 980px; background: url("../media/site/fond-content.jpg") top repeat-y; padding: 10px 10px 0 10px; }

#bottom        { width: 1000px; height: 10px; background: url("../media/site/bottom.jpg") no-repeat; }
#bottom-menu   { width: 1000px; height: 15px; text-align: center; padding: 6px 0 0 0; color: #000000; font: 7pt/1em Arial, Verdana, Sans-Serif; font-weight: bold; }
#bottom-menu a { color: #000000; font: 7pt/1em Arial, Verdana, Sans-Serif; font-weight: bold; text-decoration: none; }

a.puce         { padding: 0 0 3px 13px; background: url('../media/site/puce.jpg') no-repeat; font: 8pt/1.4em Arial, Verdana, Sans-Serif; font-weight: bold; color: #034DA2; text-decoration: none; }
a.puce:hover   { text-decoration: underline; }

ul.bois li     { padding: 0 0 8px 15px; }

/* HOME */
.home-left      { float: left; width: 330px; padding-left: 10px; }
.home-center    { float: left; width: 330px; padding-left: 20px; }
.home-right     { float: left; width: 270px; padding-left: 20px; }

.home-left ul li, 
.home-center ul li,
.home-right ul li { /*background: url("../media/site/li.png") 0px 3px no-repeat;*/ padding-left: 10px; padding-bottom: 6px;}

.edito-txt      { padding: 15px 30px 0 10px; text-align: justify; }
.metier-txt     { padding: 15px 25px 0 10px; text-align: justify; }
.contact-txt    { padding: 15px 30px 0 10px; text-align: justify; }

.titre          { float: left; font: 9pt/1.7em Arial, Verdana, Sans-Serif; font-weight: bold; }
.rouge          { color: #D2232A; }
.vert           { color: #00AB66; }
.orange         { color: #F58220; }
.bleu           { color: #00AEEF; }
.gris           { color: #666666; }
.bleu-fonce     { color: #034DA2; }

#partenaire     { width: 260px; height: 149px; }

/* PAGE */
.page-complete      { width: 980px; }
.page-complete-txt  { padding: 15px 0 0 10px; text-align: justify; }
.page-left          { float: left; width: 640px; }
.page-left-txt      { padding: 15px 0 0 10px; text-align: justify; }
.page-right         { float: left; width: 320px; padding-left: 20px; }
.page-right-txt     { padding: 15px 0 0 10px; text-align: justify; }

/* REALISATIONS */
.realisations-left   { width: 450px; float: left; padding-right: 15px; text-align: justify; }
.realisations-right  { width: 465px; float: right; }
.autres_realisations { border : 2px solid;width: 450px; }

.rea-bloc           { width: 670px; margin: 0 auto; }
#rea-top-left       { padding: 6px;  width: 312px; float: left; height: 312px; border: 2px solid #D2232A; background: url("../media/visuels/carre-rouge.jpg") no-repeat;}
#rea-top-right      { padding: 6px;  width: 312px; float: left; height: 312px; border: 2px solid #00ADEF; background: url("../media/visuels/carre-bleu.jpg") no-repeat; }
#rea-bottom-left    { padding: 6px;  width: 312px; float: left; height: 312px; border: 2px solid #00AC65; background: url("../media/visuels/carre-vert.jpg") no-repeat; }
#rea-bottom-right   { padding: 6px;  width: 312px; float: left; height: 312px; border: 2px solid #F48221; background: url("../media/visuels/carre-orange.jpg") no-repeat;  }

.rea-mini { float: left; width: 150px; height: 150px; padding: 3px;  }

.rea-links a { padding: 0 0 8px 0; font: 8pt/1.4em Arial, Verdana, Sans-Serif; font-weight: bold; color: #034DA2; text-decoration: none;  }
.rea-links a:hover { text-decoration: underline;  }

/* Formulaire */
.form-left  { float: left; font-weight: bold; width: 150px; }
.form-left input { float: right;  }
.form-right { float: left; width: 300px; }
.form-right input { width: 300px; background: #FFFFFF; }

/* plan du site */
#plan-du-site ul li { padding-right: 25px; padding-bottom: 5px; float: left; }
#plan-du-site ul li li { clear: both; }
#plan-du-site ul li a { padding-left: 15px; padding-bottom: 5px; background: url('../media/site/puce.jpg') no-repeat; font: 8pt/1.4em Arial, Verdana, Sans-Serif; font-weight: bold; color: #034DA2; text-decoration: none;  }
#plan-du-site ul li a:hover { text-decoration: underline;  }

/* rail */
.rail { padding: 15px 0 0 10px; font: 9pt/1.4em Arial, Verdana, Sans-Serif; font-weight: bold; }
.rail a { font: 9pt/1.4em Arial, Verdana, Sans-Serif; font-weight: bold; color: #034DA2; }

/* Actualite */
.one-article { padding-bottom: 10px; }
.one-article h2 { clear: both; font: 10pt/1.4em Arial, Verdana, Sans-Serif; font-weight: bold; }
.one-article h3 { clear: both; font: 8pt/1.4em Arial, Verdana, Sans-Serif; padding-bottom: 5px;}


/* Actualite home */
#myactu { border: 1px solid #8EA4BC; height: 155px; width: 218px; }
#myactutxt { height: 150px; overflow:hidden;}

.home-actu { padding-bottom: 10px; }
.home-actu h2 { clear: both; font: 10pt/1.4em Arial, Verdana, Sans-Serif; font-weight: bold; }
.home-actu h3 { clear: both; font: 8pt/1.4em Arial, Verdana, Sans-Serif; color: #666666; padding-bottom: 5px;}
.home-actu .actu-txt { text-align: left; }

/* Newsletter */
.news-titre				{ height: 90px; background: url('../media/site/logo_tac.jpg') no-repeat; font: 15pt/1.6em Arial, Verdana, Sans-Serif; font-weight: bold; color: #D2232A; margin: 10px 0 5px 0; padding: 35px 0 0 80px; }
.news-ss-titre		{ font: 12pt/1.6em Arial, Verdana, Sans-Serif; font-weight: bold; color: #034DA2; margin: 0 0 10px 0; }
.newsletter-titre { font: 12pt/1.4em Verdana; color: #003895; font-weight: bold; margin: 0 0 5px 0; }
.newsletter-texte { text-align: justify; width:950px; }
a.links2          { font: 10pt/1.4em Arial, Verdana, Sans-Serif; font-weight: bold; color: #034DA2; text-decoration: none; }
a.links2:hover    { text-decoration: underline; }
.t10							{ font: 10pt/1.4em Arial, Verdana, Sans-Serif; font-weight: bold;}
.news-l						{ float:left; width: 700px; height: 290px; text-align: justify; }
.news-r						{ float:left; width: 180px; height: 290px; margin: 0 0 0 30px; }