/* @override http://dev.menuisierspevecistes.com/css/divers.css */

/*
	CONSTRUCTION DES BLOCS ET DIVERS
*/ 

div.blocs {
	height: 100px;
	overflow:hidden;
	margin-bottom:15px;	
	color: #888;
}
div.blocs h2 {
	font-size:18px;
	font-weight:normal;
	margin:0;
	padding-left: 50px;
	padding-right: 15px;
	margin-bottom:4px;
	color: #6e007c;
}
div.blocs h2 a {
	font-weight:normal;
	color: #666;
}
div.blocs p a {
	font-weight:normal;
	color: #666 !important;
}
div.blocs p a:hover {
	color: #000 !important;
}

div.blocs strong {
	color: #666;
}
div.blocs h3 {
	font-size:12px;
	margin:0;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom:0px;
	color: #6e007c;
}
/* index */
div.offre_promo {
	width: 421px;
	height: 86px;
	overflow:hidden;
	background-image: url(../images/bloc_530.jpg);
	float: right;
	padding-top: 14px;
	position: relative;
}

div.offre_promo p {
	padding-left: 15px;
	width: 310px;
	text-align: left;
	margin:0;
	font-size:0.85em;
	overflow:hidden;
}
div.offre_promo .image {
	width:70px;
	height:70px;
	position: absolute;
	top: 15px;
	right: 15px;
}


/* Les actu du moment */
div.actu_moment {
	width: 255px;
	height: 300px;
	background-image: url(../images/bloc_530.jpg);
	float: right;
	padding-top: 14px;
}
div.actu_moment p {
	padding-left: 15px;
	padding-right: 15px;
	text-align: left;
	margin:0;
		font-size:0.85em;

}

/* Les FAQ */

div.FAQ {
	width: 421px;
/*	height: 100px;*/
		height: 86px;

	overflow:hidden;
	background-image: url(../images/bloc_530.jpg);
	padding-top: 14px;
}
div.FAQ p {
	padding-left: 15px;
	padding-right: 15px;
	text-align: left;
	margin:0;
		font-size:0.85em;

}
/* Le vrai faux*/

div.vraifaux {
	width: 421px;
/*	height: 100px;*/
		height: 86px;

	overflow:hidden;
	float: right;

	background-image: url(../images/bloc_530.jpg);
	padding-top: 14px;
}
div.vraifaux p {
	padding-left: 15px;
	padding-right: 15px;
	text-align: left;
	margin:0;
		font-size:0.85em;

}
/*.Projet {
	background-image: url(../images/projet.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 80px;
	width: 530px;
	padding-left: 260px;
	padding-right: 10px;
	padding-top: 2px;
	text-align:left;
}*/
div#unprojet
{
	background: url(../images/projet.jpg) no-repeat left top;
	height: 80px;
	width: 530px;
}
div#unprojet p
{
	width: 250px;
	padding-left: 262px;
	padding-top: 3px;
	text-align:left;
}
div#temoignages
{
	background: url(../images/temoignages.jpg) no-repeat left top;
	height: 80px;
	width: 530px;
}
div#temoignages p
{
	width: 250px;
	padding-left: 262px;
	padding-top: 3px;
	text-align:left;
}

/* lettres du lexique */
.lexique_lettre
{
	font-size: 16px;
	font-weight: bold;
}
/*
	Add on photos pages
*/
div#tooltipPhoto
{
	background-color:#FFFFCC;
	padding-top:2px;
	padding-bottom:2px;
	
	padding-left:4px;
	padding-right:4px;
	border:1px solid #EEEE99;	
}
div#tooltipPhoto p
{
	color:#dd5d2b;
	margin:0;
	padding:0;	
}

div#showImage {
	position: relative;
	padding-bottom:20px;
}

div#showImage div#devis_small_photos {
	position: absolute;
	top: 2px;
	left: 4px;
	z-index: 10;
	width:80px;
	height:80px;
	background-color:transparent;
	background: url(../images/devis_gratuit.png) no-repeat left top;
	opacity: 0.9;
}
*html div#showImage div#devis_small_photos {
	background: url(../images/devis_gratuit.gif) no-repeat left top;
	opacity: 1;
	filter: alpha(opacity=100);	
}

div#showImage div#devis_small_photos img {
	background-color:transparent;
}


/*
BOUTON EDIT 
*/

a#btn_edit {
	position: absolute;
	top: 6px;
	left: 8px;
	background: #FFFFCC url(../images/fleche_noir.gif) no-repeat 12px 8px;
	color: black;
	border: 1px solid #d3d589;
	padding: 4px 20px 4px 30px;
}
a#btn_edit:hover{
	color: red;
}
a#btn_supprimer {
	position: absolute;
	top: 6px;
	left: 130px;
	background: #FFFFCC url(../images/fleche_noir.gif) no-repeat 12px 8px;
	color: black;
	border: 1px solid #d3d589;
	padding: 4px 20px 4px 30px;
}
a#btn_supprimer:hover{
	color: red;
}
p#btn_msg {
	position: absolute;
	top: 30px;
	left: 8px;
	background: #FFFFCC url(../images/fleche_noir.gif) no-repeat 12px 8px;
	color: black;
	border: 1px solid #d3d589;
	padding: 4px 20px 4px 30px;
}