/* PMP CONCEPT 12/2007 */


/* ------------------------------------ */
/*                                      */
/*            GENERAL                   */
/*                                      */
/* ------------------------------------ */
body, ul, li, p, fieldset, legend, h1, h2, h3, h4, form, select {
	padding: 0;
	margin: 0;
	text-indent: 0;
	border: 0;
}

body {
	background: #a4a4a4;
	color: #737373;
	line-height: 15px;
	font-size: 12px;
	font-family: Arial;
	margin: 0 0 20px 0;
	height: 100%;
}

a {
	color: #4767a0;
}
a:hover {
	color: #1687c2;
}

.vide, legend {
	position: absolute;
	left:-5000px;
}

p {
	text-align: justify;
	margin-bottom: 14px;
}

img { border:0 none; }



/*Couleur*/
.bleu {
	color: #4767a0;
}


.normal { font-weight:normal; }

.infos { padding:10px; border:1px solid #ffe100; background:#fffad7; clear:both; }

.visible { display:block; visibility:visible; }
.invisible { display:none; visibility:hidden; }

.gauche { float: left; }
.droite { float: right; }

address {
	font-style: normal;
}

/* ------------------------------------ */
/*                                      */
/*            HAUT SITE                 */
/*                                      */
/* ------------------------------------ */
#hautSite {
	width: 780px;
	margin-left: -390px;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 100;
}
#hautSite #coeurHaut {
}

#logoSite {
	width: 157px;
	height: 95px;
	margin-top: 8px;
	background-image: url(../_image/technic-chape.png);
	background-repeat: no-repeat;
    background-position: 0 0;
	overflow: hidden;
}
#logoSite a {
    height: 0;
    padding-top: 100px;
    display: block;
}

#sloganSite {
	height: 29px;
	width: 266px;
	background-image: url(../_image/fr/slogan.png);
	background-repeat: no-repeat;
	overflow: hidden;
	
	position: absolute;
	top: 29px;
	margin-left: 445px;
}
#sloganSite em {
	padding-top: 31px;
	height: 0;
	display: block;
	margin: 0;
}

/* en-tete MENU */
#entete {
	width: 207px;
	top: 194px;
	position: absolute;
	left: 50%;
	margin-left: -390px;
	z-index: 300;
}
#entete #entetenav {
	margin: 0;
	padding: 0;
	background-image: url(../_image/fr/menu.png);
	background-repeat: no-repeat;
    background-position: 0 0;
	height: 146px;
}
#entete #entetenav li {
	display: inline;
}
#entete #entetenav li a {
	float: left;
    height: 0;
	width: 207px;
	overflow: hidden;
    padding-top: 29px;
	background-image: url(../_image/fr/menu.png);
	background-repeat: no-repeat;
}
#menuhaut {
	clear: both;
	height: 55px;
	width: 207px;
	display: block;
	background-image: url(../_image/menu_haut.png);
	background-repeat: no-repeat;
    background-position: 0 top;
}
#menubas {
	clear: both;
	height: 55px;
	width: 207px;
	display: block;
	background-image: url(../_image/menu_bas.png);
	background-repeat: no-repeat;
    background-position: 0 bottom;
}


/* boutons */
#entete #entetenav li#etn-technic a { background-position: 0 0; }
#entete #entetenav li#etn-chape a { background-position: 0 -30px; margin-top: 1px; }
#entete #entetenav li#etn-produits a { background-position: 0 -60px; margin-top: 1px; }
#entete #entetenav li#etn-references a { background-position: 0 -90px; margin-top: 1px; }
#entete #entetenav li#etn-contact a { background-position: 0 -120px; margin-top: 1px; }

/* PAR-DESSUS ETATS */
#entete #entetenav li#etn-technic a:hover { background-position: -207px 0; }
#entete #entetenav li#etn-chape a:hover { background-position: -207px -30px; }
#entete #entetenav li#etn-produits a:hover { background-position: -207px -60px; }
#entete #entetenav li#etn-references a:hover { background-position: -207px -90px; }
#entete #entetenav li#etn-contact a:hover { background-position: -207px -120px; }

/* PRESS ETATS */
#entete.technic #entetenav li#etn-technic a { background-position: -414px 0 !important; }
#entete.chape #entetenav li#etn-chape a { background-position: -414px -30px !important; }
#entete.produits #entetenav li#etn-produits a { background-position: -414px -60px !important; }
#entete.references #entetenav li#etn-references a { background-position: -414px -90px !important; }
#entete.contact #entetenav li#etn-contact a { background-position: -414px -120px !important; }

/* ACTIVE ETATS */
#entete #entetenav li#etn-technic a:active { background-position: -414px 0 !important; }
#entete #entetenav li#etn-chape a:active { background-position: -414px -30px !important; }
#entete #entetenav li#etn-produits a:active { background-position: -414px -60px !important; }
#entete #entetenav li#etn-references a:active { background-position: -414px -90px !important; }
#entete #entetenav li#etn-contact a:active { background-position: -414px -120px !important; }



/* ------------------------------------ */
/*                                      */
/*            BAS PAGE	                */
/*                                      */
/* ------------------------------------ */

#telephone {
	width: 225px;
	height: 52px;
	display: block;
	position: absolute;
	top: 105px;
	left: 50%;
	margin-left: 106px;
	background-image: url(../_image/telephone.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	z-index: 200;
}

#basSite {
    width: 766px;    
    font-size: 11px;
	margin: 0 auto;
	position: relative;
	
}
#basSite p {
	padding-left: 39px;
	padding-top: 25px;
	text-align: left;
	color: #545454;
}
#basSite p a {
	text-decoration: none;
	color: #545454;
}
#basSite p a:hover {
	text-decoration: underline;
}

#basPage {
	height: 50px;
    width: 766px;  
	display: block;
	background-position: left bottom;
	background-repeat: no-repeat;
	background-image: url(../_image/angle_bas.png);
	background-color: white;
	text-align: right;
}

#pmpconcept {
	width: 25px;
	height: 30px;
	display: block;
	background-image: url(../_image/logopmpconcept.png);
    background-repeat: no-repeat;
	/*position: absolute;
	margin-left: 785px;*/
	float: right;
	margin-top: 16px;
}
#pmpconcept span {
	height: 0;
	display: block;
	overflow: hidden;
}

/* ------------------------------------ */
/*                                      */
/*            COEUR PAGE                */
/*                                      */
/* ------------------------------------ */
#coeurSite {
	width: 766px;
	margin: 0 auto;
	background-color: white;
	background-image: url(../_image/fond_page.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	/*margin-top: 112px;*/
	position: relative;
}
#haut { height: 112px; display: block}

.page {
	min-height: 377px;
	background-position: top right;
	background-repeat: no-repeat;
	background-image: url(../_image/angle_haut.png);
}
.page ul,
.page dl {
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0;
}
.page li,
.page dt {
	padding: 0 0 0 6px;
	margin: 0;
	background-image: url(../_image/puce02.png);
    background-position: 0 0;
    background-repeat: no-repeat;
}
.page dd {
	margin: 0 0 5px 0;
	padding: 0 0 0 6px;
}
.page p {
	padding: 0 10px 0 10px;
	overflow: hidden;
}


#colDroite {
	width: 513px;
	padding: 133px 10px 0 0;
	float: right;
	
	/*background-color: yellow;*/
}
#colGauche {
	width: 190px;
	padding: 357px 43px 0 10px;
	float: left;
	
	/*background-color: red;*/
}

img.droite,
div.droite.img {
	margin-left: 15px;
	padding-bottom: 10px;
	
	font-size: 10px;
	text-align: right;
	color: #7a91ba;
	line-height: 10px;
}

.colonne {
	clear: both;
	margin-top: 20px;
}
.colonne .gauche {
	width: 236px;
	margin-right: 34px;
	
	/*background-color: green;*/
}
.colonne .droite {
	width: 243px;
	
	/*background-color: blue;*/
}

/************* GAUCHE *************/
address {
	color: #4767a0;
	padding-top: 3px;
}
address strong {
	font-weight: normal;
}

/************* DROITE *************/
#navigRapide {
	text-align: right;
	padding-top: 15px;
	font-size: 14px;
	clear: both;
}
.page .titre {
	font-size: 16px;
	color: #545454;
	line-height: normal;
	padding-left: 19px;
	padding-bottom: 14px;
	background-image: url(../_image/puce01.png);
    background-position: 0 0;
    background-repeat: no-repeat;
}
.page .titre strong {
	font-weight: normal;
	color: #4767a0;
	text-transform: uppercase;
}

/*Produits*/
.produits dt,
 {
	font-size: 14px;
	margin-bottom: 2px;
}
.produits dd {
	margin-bottom: 25px;
}

/*references*/
.references dt {
	font-size: 123x;
	margin-bottom: 0px;
	color: #737373;
}
.references dd {
	margin-bottom: 20px;
}

/*Contact*/

#fields {
	font-size: 14px;
    line-height: 13px;
    overflow: hidden;
}
#fields input, #fields textarea {
	color: #737373;
	border: 1px solid #737373;
	padding: 3px 2px 2px 5px;
	font: 12px Arial, sans-serif;
	margin: 2px 3px 1px 3px;
	width: 275px;
}

table.tableform {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}	
table.tableform th, table.tableform td {
	margin: 0;
	padding: 8px;
}	
table.tableform th {
	padding-top: 12px;
	text-align: right;
	vertical-align: top;
	color: #4767a0;
	font-weight: normal;
	font-size: 14px;
}
table.tableform td input.checkbox {
	border: none;
}
/*erreur formulaire*/
.fields .erreurForm {
}
#fields .erreurForm input, #fields .erreurForm textarea {
	background-color: #dee3ef;
	border: 1px solid #8ba9cf;
	color: #545454;
}
table.tableform .erreurForm th {
	color: #d54f1f;
}

#fields input.button {
	border: none;
	padding: 0;
	width: auto;
}