/**** FEUILLE DE STYLE TRADILOGIS ************************************************************************************/

@charset "iso-8859-1"; 

/**** GÉNÉRAL ************************************************************************************/
*								{ font-family:Verdana, Helvetica, sans-serif; }
body							{ margin:0; padding:0; font-size:11px; color:#333; text-align:center; border-top:5px solid #9bc319; background:#fff url(../img/bg.png) repeat-x 0 0; }
td								{ font-size:11px; color:#333; }
h1, h2, h3, h4, h5, h6			{ margin:0; padding:0; }
img								{ border:0; }
p								{ margin:10px 0; text-align:left; }
form							{ margin:0; padding:0; }
input[type=text],
select, textarea				{ font-size:11px; color:#333; vertical-align:middle; border:1px solid #c3beb4; }
input[type=text]:focus,
select:focus, textarea:focus	{ color:#78a000; border:1px solid #9bc319; }

/* couleurs */
.vert							{ color:#9bc319; }
.vert2							{ color:#78a000; }
.orange							{ color:#ff8200; }
.bleu							{ color:#6991be; }
.blanc							{ color:#fff; }
.color							{ color:#9bc319; }

/* liens */
a								{ color:#333; text-decoration:underline; }
a:hover							{ color:#9bc319; }

/* listes */
ul, ul li						{ margin:0; padding:0; }
ul								{ margin-bottom:15px; }
ul li							{ list-style-type:none; list-style-image:url(../img/li.gif); margin:0 0 10px 40px; padding:0; text-align:left; }
ul li.liVert					{ list-style-image:url(../img/li-vert.gif); }
ul li ul						{ margin:10px 0 0 0; padding:0; }
ul li ul li a					{ color:#999; }

/* Alignements */
.align_right					{ text-align:right; }
.align_left						{ text-align:left; }
.align_center					{ text-align:center; }
.left							{ float:left; margin:0 30px 10px 0; }
.right							{ float:right; margin:0 0 10px 30px; }
.clear							{ clear:both; height:1px; font-size:1px; }
 
.toppage						{ text-align:right; }
.toppage a						{ text-decoration:none; font-size:10px; padding:1px 15px; color:#fff; background-color:#9bc319; }
.toppage a:hover				{ background-color:#ff8200; }

/**** HEADER ************************************************************************************/
#header							{ height:94px; position:relative; }
#logo							{ position:absolute; top:17px; left:0; z-index:20; }



/**** STRUCTURE ************************************************************************************/
.content						{ position:relative; padding:0 15px; width:775px; }
.sidebar						{ border-left:1px solid #ddd; color:#fff; }
.BotRight						{ position:absolute; bottom:0; right:0; }
.TopRight						{ position:absolute; top:0; right:0; }

#all							{ position:relative; margin:auto; width:980px; text-align:left; }
#all .inc						{ padding:0; margin:0; height:auto !important; background-color:#fff; position:relative; }
#all .content					{ padding:10px; }

/* Sidebar Content */
#all .sidebar					{ width:175px; background:#6991be url(../img/bg_memo.gif) repeat-x 0 0; }
.back							{ padding:5px 5px 0 5px; text-align:right; margin-bottom:89px; }
#all .sidebar #memo				{ padding:0 0 20px 0; background-color:#6991be; text-align:right; }
#all .sidebar #memo h3			{ font-size:20px; border-top:1px solid #fff; text-align:right; margin:40px 0 0 10px; padding:5px; }
#all .sidebar #memo p			{ margin:0 10px 10px 5px; text-align:right; }
#all .sidebar #memo a			{ color:#fff; }
#all .sidebar #memo img			{ margin:15px auto; }
#all .sidebar #memo strong		{ color:#32557d; }
#all .sidebar #memo ul li		{ list-style-image:url(../img/li-bleu.gif); margin:0 0 10px 20px; }
#all .sidebar #memo ul.small li	{ font-size:10px; margin:0 0 0 20px; }

#all .sidebar #memo form		{ text-align:right; margin:0 10px; }
#all .sidebar #memo label		{ text-align:right; font-size:10px; display:block; margin-top:5px; }
#all .sidebar #memo input		{ text-align:right; font-size:10px; }
#all .sidebar #memo .inputReset	{ width:135px; }
#all .sidebar #memo input[type=image]	{ margin:5px 0; }


/**** BOTTOM ************************************************************************************/
#bottom							{ height:195px; background:#9bc319 url(../img/bg_bottom.png) repeat-x 0 0; color:#fff; }
#bottom p, #bottom a			{ margin:0; padding:0; }
#bottom a						{ text-decoration:underline; color:#fff; }
#bottom	.inc					{ position:relative; margin:auto; width:980px; text-align:left; }

#bottom	.content				{ padding-top:30px; }

/* Sidebar Bottom */
#bottom	.sidebar				{ padding:30px 0 10px 10px; width:165px; height:auto !important; height:155px; min-height:155px; }
#bottom	.col1					  { width:320px; float:left; }
#bottom	.col2					  { width:220px; float:left; }
#bottom	.col3					  { width:220px; float:right; }

#bottom	.carte					{ float:right; margin:0 15px 0 10px; }



/**** FOOTER ************************************************************************************/
#footer							{ position:relative; margin:auto; width:980px; text-align:right; margin:10px auto; }
#footer ul, #footer ul li		{ margin:0; padding:0; list-style-type:none; }
#footer ul li					{ margin:0; padding:0 10px 0 5px; display:inline; border-right:1px solid #969696; }
#footer ul li a, #footer #coord	{ margin:0; padding:0; color:#969696; font-size:10px; }
#footer #coord					{ float:left; text-align:left; margin-bottom:10px; }



/**** CONTENT ************************************************************************************/
h1, h2, h4						{ text-transform:uppercase; text-align:right; }
h1								{ font:normal 36px "Trebuchet MS", Arial, Helvetica, sans-serif, Helvetica, sans-serif; color:#9bc319; }
h1 strong						{ font:normal 36px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#78a000; }
h2, h2 a						{ font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333; }
h3								{ font:normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; }
h3 strong						{ font:normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333; }
h4								{ font:normal 10px Arial; color:#9b9b9b; letter-spacing:6px; margin-bottom:20px; }
h5								{ font:normal 20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#9bc319; text-transform:uppercase; border-bottom:1px solid #ddd; margin:10px 0 5px 0; }
h5 strong						{ font:normal 20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#78a000; display:block; }
h6								{ font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333; }

em								{ color:#8c8c7d; }


/* Homepage */
#homepage						{ height:360px; }
.visuHome						{ position:absolute; top:15px; left:60px; }
.partHome						{ position:absolute; bottom:5px; right:10px; }
.phone							{ position:absolute; top:95px; right:10px; background:url(../img/bando_tel.gif) no-repeat 0 50%; color:#fff; font:normal 30px "Trebuchet MS", Arial, Helvetica, sans-serif; width:244px; height:41px; text-align:right; padding-right:16px; }


/* Réalisations */
#reaBbc							{  }
#reaTrad						{  }

#reaBbc .visu .num				{ background-color:#9bc319; }
#reaTrad .visu .num				{ background-color:#fa0; }
#decoAmenag .visu .num			{ background-color:#6991be; }

#reaBbc .visu strong			{ color:#78a000; }
#reaTrad .visu strong			{ color:#fa0; }
#decoAmenag .visu strong		{ color:#6991be; }

.detail							{ width:370px; height:175px; float:left; margin:10px 10px 0 0; }
.visu							{ width:204px; height:144px; float:left; margin:0 10px 0 0; background:url(../img/ombre.png) no-repeat 50% 100% !important; background:url(../img/ombre.gif) no-repeat 50% 100%; position:relative; text-align:center; }
.visu img						{ width:190px; height:130px; margin:auto; border:2px solid #fff; z-index:10; }
.visu .etiquette				{ position:absolute; top:-10px; left:-8px; z-index:50; width:42px; height:77px; background:url(../img/small_etiquette.png) no-repeat 50% 100% !important; background:url(../img/small_etiquette.gif) no-repeat 50% 100%; }
.visu .num						{ position:absolute; top:2px; right:10px; width:22px; padding:20px 2px 2px 2px; color:#fff; font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; }
.detail strong					{ display:block; }


/* Maison terrain */
#maisonTerr1 .visu .num			{ background-color:#ff8200; }
#maisonTerr1 .visu				{ float:right; margin:0 0 0 10px; }


/* Outils */
.tab_outils						{ width:98%; border-collapse:collapse; margin:20px 0; }
.tab_outils th, .tab_outils td	{ padding:2px 10px; }
.tab_outils th					{ background-color:#9bc319; color:#fff; }
.tab_outils td a				{ color:#9bc319; }

.tab							{ width:98%; border-collapse:1px; margin:10px 0; }
.tab th, .tab td				{ padding:2px 10px; text-align:center; }
.tab th							{ background-color:#9bc319; color:#fff; }
.tab td							{ border-bottom:1px solid #ddd; vertical-align:top; }
.tab td.bordright				{ border-right:1px dotted #ddd; }


/* Partenaires */
.fiche							{ padding:0; float:left; width:245px; height:200px; margin:0 10px 10px 0; border:1px solid #ddd; text-align:center; position:relative; }
.fiche h6						{ background-color:#d9d7ca; color:#696969; padding:5px; font-weight:normal; }
.fiche img						{ border:none; margin:10px; }
.fiche a.link					{ position:absolute; bottom:5px; right:5px; color:#888; font-size:10px; }
.fiche p						{ margin:0 10px; }
.fiche p strong					{ color:#; display:block; }


/* Contact */
#contact						{ background:url(../img/bg_contact.gif) no-repeat 100% 100%; }

.tab_contact					{ margin:20px 0 0 0; }
.inputReset						{ width:190px; }