/*    
Theme Name: Tellthem ! 
Theme URI: http://www.tellthem.be
Description: An happy colored template 
Author: Tellthem
Author URI: http://www.tellthem.be
Version: 1.0 
. 
General comments/License Statement if any. 
. 
*/ 

/* CSS Document 


Mauve  : #669
Orange : FF7F41
Rouge  : EE2751
Vert  :  07ABA0
Beige  : 918e68


*/



body {
	background:url(images/beton.jpg);
	}
a {
	color:#08C0B4;
	text-decoration:none;
	}
p , li , ul {
	font-family:georgia; 
	color:#444444;
}
p {
	margin-left:.5em;
	margin-right:1em;
	font-size:1.2em;
	}
h1, h2, h3, h4, h5, h6 {font-weight:normal; color:#111; font-family:georgia; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:#69607B;}


.margin {
	padding:15px;
	}
.ombre {
	height:1em;
	/*background:url(images/12px-haut-top.png);*/
	}
	.spaghetti {
		position:absolute;
		top:0; margin-top:-1em;
		left:40px;
	}
.container {
	position:relative;
	background:url(images/graboutcha.png) no-repeat;
	}
.main-navig, .main-navig *  {
	padding:0;
	margin:0;
	list-style:none;
	}
	ul.main-navig {
		position:absolute;
		top:12em;
		left:60px;
		width:165px;
		}
	.main-navig li {
		position:relative;
		height:67px;
		
		}
	.main-navig li a {
		position:absolute;
		top:0.5em;
		left:0;
		display:block;
		height:67px;
		width:115px;
		font-size:1.5em;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		text-align:right;
		color:#FF7F41;
		}
	.main-navig li a:hover {
		color:#726886;
	}		
	.main-navig li img {
		position:absolute;
		right:0;
		top:0;
		}
		.main-navig li img:first-child {
		display:none;
		}
.center {
	margin-top:2em;
	}
	.contenu, .contenu-home {
		background:url(images/trame.gif) no-repeat 7px 1em #ffffff;
		}
	div.contenu {
		padding-top:3em;
		background:url(images/trame-jaune.gif) no-repeat 7px 50em #ffffff;
		}
	div.contenu-home p {
		margin-left:80px;
		}	
	img.headline {
		margin:2em 0 8em 80px;
		}
	div.arc-en-ciel {
		position:absolute;
		left:646px;
		bottom:7em;
		}
	.bloc-blanc {
		height:15em;
		}
	.footer {
		text-align:center;
		padding-top:1.5em;
		margin-top:1.5em;
		}
	.footer p {
		color:#999999;
		}
.graboutcha {
	position:absolute;
	top:70%; left:20%;
	z-index:1;
	}
#navig-service {
	margin: 3em 0 2em 0;
	}

#travaux {
	}
	div.mosaique {
		margin-bottom:10px;
		height:150px;
		
		}
	div.mosaique-single {
		margin-bottom:2px;
	}
	a.mosaique,  a.mosaique-single {
		display:block;
		position:relative;
		width:130px; height:130px;
		overflow:hidden;
		border:10px solid #fff;
		}
	a.mosaique-single {
		border:0;
		width:100px; height:60px;
		border-left:5px solid  #eeeeee;
		border-right:5px solid  #eeeeee;
		}
		div.mosaique-single:first-child a.mosaique-single {
			border-top:5px solid  #eeeeee;
		}
		div.mosaique-single:last-child a.mosaique-single {
			border-bottom:5px solid  #eeeeee;
		}
	div.mosaique img:first-child {
		position:absolute;
		top:-30px;
		left:-30px;
		}
	div.mosaique img.ttf {
		position:absolute;
		bottom:0; left:0;
		}
	div.mosaique-single img:first-child {
		position:absolute;
		top:-30px;
		left:-30px;
		}
	.web {
		border-color: #FF7F41 !important;
		}
	.logos {
		border-color: #07ABA0 !important;
		}
	.pub {
		border-color: #669 !important;
		}
	.graphisme {
		border-color: #EE2751 !important;
	}
	.mosaique span {
		
		padding-top:10px;
		position:absolute; bottom:0; right:0;
		background:url(images/50pc.png);
		color:#cccccc;
		text-align:right;
		font-weight:normal;
		font-size:1.5em;
		line-height:1em;
		}
	ul.post-meta, ul.post-meta li {
		list-style:none;
		margin:0; padding:0;
		line-height:2em;
	}
#services-fenetre {
	overflow:hidden;
	}
.services {
	width:1310px /* 430 * 3 pannaux = 1290 + 3*10 de marges */
}
.service {
}
.news-titre {
	margin-bottom:0;
}
.meta {
	}
	.meta small, .meta small span {
		color:grey;
		font-variant:small-caps;
	}