@charset "UTF-8";

/*html {overflow:hidden;}*/

body{
	position: relative;
	height: 500px;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	font-size: 11px;
}
a:hover {
	text-decoration: underline;
}

.jdGallery p {margin:0;}
#fixed {position:absolute; top:25px; left:10px; width:150px; z-index:10; color:#567; border:1px solid #000; padding:10px;}

a#itemMenu {
	background-image: url(../images/puce.gif);
	background-repeat: no-repeat;
	text-indent: 50px;
	background-position: left center;
	padding: 8px;
}

#menu {
	height: 70px;
	position: absolute;
	left:281px;
	z-index:1;
	width: 875px;
	top: 135px;
	margin-left: 60px;
}

#menu ul li, #menu ul
{
	float: left;
}

#menu a[href="#devis"]
{
	font-size: 110%;
}

#menu ul li
{
	margin: 0 1em;
}


#logo {
	height: 60px;
	width: 255px;
	position: absolute;
	z-index:1;
	top: 118px;
}
#basDroit {
	height: 34px;
	width: 130px;
	position:absolute;
	left:1155px;
	z-index:1;
	top: 458px;
}

#basGauche {
	height: 34px;
	width: 127px;
	position: absolute;
	z-index:1;
	left: 7px;
	top: 451px;
}

.rubrique {
	width: 960px;
	text-align: left;
	vertical-align:top;
}


#target {
	position: absolute;
}


h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -0.05em;
	width: 100%;
	background-image: url(../images/barreH1.gif);
	background-repeat: repeat-x;
	padding-top: 2px;
	margin: 0px;
}
h2 {
	font-size: 1.1em;
	padding: 12px 0px 4px 0px;
	margin: 0px;
}
h3 {
	font-size: 0.9em;
	font-weight: bold;
	margin: 0px;
	padding-bottom: 3px;
	padding-top: 10px;
	line-height: 5px;
}
li {
	margin: 0px 0px;
	list-style-image: url(../images/puce.gif);
	list-style-type: none;
	list-style-position: outside;
	clip: rect(auto,auto,auto,auto);
	padding: 0px;
	}
li a {
	font-size: 10px;
}
ul {
	margin: 5px 15px;
	padding: 0px;
}
table .contenu {
	width: 100%;
	padding: 0px;
	margin: 0px;
	height: 360px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	letter-spacing:0px;
}
.contenu td{
	padding-left: 10px;
	padding-right: 0px;
	padding-top: 0px;
	margin: 0px;
}
blockquote {
	right: 10px;
	margin: 0px;
	margin-left: 20px;
}

#mailto {
color:#000;
}

/*-------------------MODIFICATIONS FARID-----------------*/
/*Ajout d'un sous-menu en page d'accueil: developpement du devis*/
#tableauGene
{
	position: relative;
}

#macaron
{
	position: absolute;
	margin: 6px 0 0 20px;
}

#Tableau_01
{
	height: 341px;
}

#Tableau_01 #sousmenuDevis ul li
{
	float: left;
	list-style: none !important;
	margin: 0;
    padding: 4px 7px;
	border-right: 1px solid #212121;
}

#Tableau_01 #sousmenuDevis ul li a
{
	color: #fff;
}

#Tableau_01 #sousmenuDevis ul li:last-child
{
	padding-right: 0pt; border-right: 0pt none;
}

#Tableau_01 #sousmenuDevis
{
	position: absolute;
	top: 326px;
	margin-left: -23px;
	width: 337px;
	color: #fff;
	background: url(../images/fond_menu_home.png) repeat-x;
}

#Tableau_01 #sousmenuDevis ul
{
	float: left;
	margin: 3px 0 0 0;
	padding: 0;
}

#Tableau_01 #hoversousmenu
{

}

#Tableau_01 td
{
	padding: 0;
	margin: 0;
}

/*Modifications index général*/
#gene
{
	margin: 84px 0 0 50px;/*repositionnement après ajout d'une doctype*/
}

#Tableau_01
{
	text-align: left;
}

#lienCameleons/*Lien cameleons*/
{
	position: absolute;
	bottom: 0;
	padding-left: 15px;
}

img[src="images/carreGris2.gif"]
{
	margin: 1.5em 0 0 0;
}

img[src="images/logo-perfecta.gif"]
{
	margin: 0;
}

#accesSite
{
	display: block; 
	padding-right: 36px;
	
}

#accesSite strong
{
	color: #fe8b10 !important;
}

#accesSite strong:hover
{
	text-decoration: underline !important;
}

#accesSite a:hover
{
	text-decoration: none !important;
}

.prehome.image1
{
	background: url("../images/home/fond-prehome_08.jpg") no-repeat;
}

.prehome.image2
{
	background: url("../images/home/fond-prehome_10.jpg") no-repeat;
}

.prehome.image3
{
	background: url("../images/home/fond-prehome_11.jpg") no-repeat;
}


/*Modification imprimerie_perfecta.html*/
#blocengagement
{
	width: 750px;
}
#blocengagement td+td
{
	padding-top: 12px;
}

#blocengagement .contenu td img + br + img
{
	margin-left: 30px;
}

#scroller
{
	width: 310px !important;
}

#homeMask
{
	display: block;
	width: 531px;
	height: 274px;
	position: absolute;
}

a:hover #homeMask
{
	background: url("../images/mask_home.png") no-repeat transparent;
}