/*
S T Y L E . C S S
feuille de style pour le site web des chantiers de tramasset
www.chantierstramasset.fr
date de conception : aout 2008 
auteur : Monsieur Pixel - www.monsieurpixel.com - 
*****************************************************************************************
Couleurs utilisées
maron foncé : #552217
maron clair : #883219
orange : #E7511E
gris : #999999
*****************************************************************************************
mise en page à 3 colonnes avec colonne centrale extensible
*/

* { padding: 0; margin: 0; border: 0; } 
body { background-color: #FFF; color: #000; font: .8em/1.5em Verdana, Arial, sans-serif; } 
#document { position: absolute; width: 100%; } 
#entete { line-height: 7em; background-color: #552217; height: 145px; background-image: url(img/fd_banniere.png) } 
/*height: 7em; */
#colonne1, #colonne2 { position: absolute; top: 0.5em;   } 
#colonne1 { left: 0.5em; width: 221px;}
#colonne2 { right: 0; width: 220px; } 
#corps { margin: 0 220px 0 225px; background-color: #FFF; }
#contenu{padding: 2% 4%; }
/*blocs colonne de gauche*/
#blocaction{
	background-image: url(img/fdgauche.png);
	background-repeat: repeat-y;
	background-position: center;
}
#blocasso{background-image: url(img/fdgauche.png);
	background-repeat: repeat-y;
	background-position: center;
	}
#blocplan{
	height: 190px;
	background-image: url(img/plan.png);
}

/*blocs colonne de droite*/
#blocrecherche{
	background-image: url(img/fd_recherche.png);
	background-repeat: no-repeat;
	background-position: left;
	width: 215px;
	height: 39px;
	text-align: left;	
	padding-top: auto;
	padding-bottom: auto;
}
#formrecherche{
	margin: 11px;
}
#blocbreves{
	background-image: url(img/fdgauche.png);
	background-repeat: repeat-y;
	background-position: center;
	width: 210px;
	}
#bloclogo{
	background-image: url(img/fdgauche.png);
	background-repeat: repeat-y;
	background-position: center;
	width: 210px;
}
#pied {

	height: 3em;
	line-height: 2em;
	text-align: center;
	color:#999999;
}
#lienadmin{
	position: absolute;
	right : 1em;
	top : 85px;
	z-index: 8;
	height : 20px;	
}
#lienadmin a{
	text-decoration: none;
}
.htblocgauche{
	width: 221px;
	margin-left: auto;
	margin-right: auto; 
}
.imgaligntop {
	vertical-align: top;
}

.bsblocgauche{
	width: 221px;
	margin-left: auto;
	margin-right: auto;
}
.paragraphe {
	text-align: justify;
	color: #444444;
}
.paragraphe2 {
	text-align: justify;
	color: #444444;
	display:block;
}

.logo{
	text-align: center;	
}
.textlogo{
	color:#883219;
	font-size: 9pt;
	margin: 0 10px 0 15px;
	line-height: 12px;
	text-align:left; 
}
h1 {
	color: #883219;
	font-size: 13pt;
	font: 400;
} 
h2 {
	color: #883219;
	font-size: 11pt;
	font: 200;
}
a {
	color : #E7511E;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
dt{
padding-bottom: 4px;
padding-top: 4px;
	background: url(img/sepa_d.png) left bottom no-repeat;
}
li{
	
}
.list_menu{
	color: #E7511E;
	margin-left: 12px;
	text-decoration: none;	
}
.list_menu a{
	text-decoration: none;
}
.list_menu a:hover{
	text-decoration: underline;
}
.text_breve{
	padding: 5px 20px 5px 18px;
	color: #999999;
	font-size: 8pt;
	line-height: 14px;
	background-repeat: no-repeat;
	background-image: url(img/sepa_d.png);
	background-position: bottom;
}
.text_breve a{
	color:#E7511E;
	text-decoration: none;
}
.text_breve a:hover{
	text-decoration: underline;
}
.sepa{
	height:10px;
}
.ssmenu ul{
	margin-left: 8px;
	padding-left: 7px;
	font-size: 11px;
	font-weight: normal;
	list-style-image : none;
	background-image: none;
}
.ssmenu li{
	margin-left: 3px;
	padding-left: 3px;
	list-style-image: none;
	list-style-type: circle;
	list-style-image : none;
}
#cadrephoto{
	border: 1px;
	border-color: #dddddd;
	margin: 5px;
	background-color: #eeeeee;
	border-style: solid;
}
.defrubrique{
display:block;
	margin-left:70px;
	font-size: 12px;	
}
.defrubrique a{
	
}
.gestlogorub{
float:left;
width: 40px;
	padding-top:5px;
	margin-left:-10px;
}
.blocarti2{
	/*height: 75px;*/
	border-bottom: 1px;
	border-bottom-color: #552217;
	border-bottom-style: dotted;
	padding-bottom: 5px;
	min-height: 65px;
}
.blocarti2 a{
	font-size: 13px;
	font-weight: bold;
	color:#E7511E;	
}
.blocarti{
	border-bottom: 1px;
	border-bottom-color: #552217;
	border-bottom-style: dotted;
	padding-bottom: 5px;
}
.blocarti a{
	margin-left:25px;
	font-size: 13px;
	font-weight: bold;
	color:#E7511E;	
}
.blocrub{
	background-repeat: no-repeat;
	//background-image: url(img/boat.png);
	background-position: top left;
	border-bottom: 1px;
	border-bottom-color: #552217;
	border-bottom-style: dotted;
	padding-bottom: 5px;
}
.blocrub a{
	margin-left:70px;
	font-size: 13px;
	font-weight: bold;
	color:#E7511E;	
}
.blocrub2{
	background-repeat: no-repeat;
	//background-image: url(img/boat2.png);
	background-position: top left;
	border-bottom: 1px;
	border-bottom-color: #883219;
	border-bottom-style: dotted;
	padding-bottom: 5px;
}

.blocrub2 a{
	margin-left: 70px;
	font-size: 13px;
	font-weight: bold;
	color: #E7511E;	
}

.imgbottom{
	vertical-align: bottom;
}

.imgtop{
	vertical-align: top;
}

.artilogo{
	left: 5px;
}
.ssrub{
	font-size: 15px;
	padding-left: 40px;
	font-weight: bold;
	list-style-image: url(img/pucefleche.png);
}
.soutitre{
	font-style: italic;
	color: #883219;
}
.texte img{
	border: thick white;
}
.spip_documents_center{
		
}
.spip_documents_left{
	margin-right: 10px;
}
.spip_documents_right{
	margin-left: 10px;
}
.spip_logos{
	margin-left: 10px;
}
.textmaronc{
	color: #883219;
}
.textgras{
	font-weight: bold;
}
.textgras a{
	font-weight: bold;
}
.bartop{
	border-top: 1px;
	border-top-color: #552217;
	border-top-style: dotted;
	padding-top: 5px;
}
.encarbas{
	border: 1px;
	border-color: #552217;
	border-style: dotted;
	padding: 5px;
	background-color: #eeeeee;
}
p.spip {padding-top:5px;
padding-bottom:5px;}