@charset "UTF-8";

@import "reset.css";

/*@font-face{font-family:"Prototype";src: url("http://serveurpmp/www.veralis.fr/_css/Prototype.ttf")};*/

/*----------------------------------------------+
+ Définition des balises HTML			        +
+----------------------------------------------*/
HTML {
	font-size:100%;
}
BODY {
	padding:0 2em 2em;
	font-size:.75em;
	line-height:1.3em;
	color:#002e3e;
	background-color:#FFF;
	background-image:url(../_image/background.png);
	background-position:top;
	background-repeat:repeat-x;
}

/* Liens */
a {
  color: #0186cb;
  text-decoration: none;
}

a:visited {
  }


a:hover, a:focus, a:active {
  text-decoration: underline;
}


/* Paragraphe */
P {
	margin-bottom:1.25em;
	text-align:justify;
}
DIV.retrait P {
	padding-left:25px;
}
.colgauche P {
	line-height:1.113em;
}

/* Liste */
UL {
	margin-bottom:1.25em;
}

/* Titre */
DIV.entry-header {
		margin:0 0 15px;
		padding:5px;
		background:#707E84 url(../_image/tall-grey.png) 0 0 repeat-x;
		/*background:#e1721f url(../_image/tall-jaune.png) 0 0 repeat-x;*/
}
DIV.entry-header H1 {
	/*font-weight:900;*/
	line-height:1;
	color:#fff;
	font-family:/*Prototype,*/"Myriad Pro",Arial,Verdana,Sans-serif;
	font-size:26px;
}
DIV.entry-header P {
	font:bold 16px /*Prototype,*/Myriad,"Myriad Pro",Arial,Verdana,Sans-serif;
	/*font-style:italic;*/
	color:#fff;
	margin-bottom:0;
}
DIV.entry-header P A {
	color:#fff;
	-moz-opacity:.9;
	opacity:.9;
	text-decoration:none;
}
DIV.entry-header P A:hover {
	text-decoration:underline;
}

#content H3 {
  color : #0086cb;
  font-size: 1.4em;
  font-weight: normal;
  margin: 5px 0 5px 0;
  padding: 5px 0 0 0;
}

#content H4 {
	font-size: 1.1em;
	margin: 1.5em 0 0.8em 0;
}

h2.location{margin:0 0 10px;font-size:11px;font-weight:normal;color:#999;}
h2.location a{font-size:11px;text-decoration:underline;color:#999;}
h2.location a:hover{color:#0186cb;}



/*cadre pour image en background*/
.cadreimg {
	display:block;
	overflow:hidden;
	height:0;
}

#content img.alignleft{display:inline;float:left;margin:0 10px 0 0;}
#content img.alignright{display:inline;float:right;margin:0 0 0 10px;}
#content .aligncenter { text-align:center; }

.retourLigne {
	clear:both;
	display:block;
	padding-bottom:15px;
}



/*----------------------------------------------+
+ Haut site								        +
+----------------------------------------------*/
#hautsite {
	width:900px;
	height:134px;
	margin:0 auto 7px;
	position:relative;
}

/*Logo*/
.logo {
	position:absolute;
	top:17px;
	left:21px;
}

/*Acces Rapide*/
.accesrapide {
	position:absolute;
	top:15px;
	right:0;
}
.accesrapide LI {
	display:inline;
	text-transform:uppercase;
	margin-left:15px;
	font-size:0.833em;
}
.accesrapide LI A {
	color:#fff;
	text-decoration:none;
}
.accesrapide LI A:hover {
	text-decoration:underline;
}

/*Telephone*/
.telephone A {
	background-image:url(../_image/fr/veralis-telephone.png);
	padding-top:26px;
	width:195px;
	position:absolute;
	top:31px;
	right:11px;
}

/*Menu*/
#menu {
	position:absolute;
	top:89px;
}
#menu #menunav {
	height:45px;
	width:889px;/*900*/
	display:block;
	background-image:url(../_image/fr/menu.png);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:11px;
}
#menu #menunav LI {
	display:inline;
}
#menu #menunav LI A {
	width:176px;
	padding-top:45px;
	background-image:url(../_image/fr/menu.png);
	background-position:left top;
	background-repeat:no-repeat;
	float:left;
}

/*active*/
#menu #menunav LI#mn-bat A {
	background-position:-11px 0;
}
#menu #menunav LI#mn-sto A {
	width:175px;
	background-position:-187px 0;
}
#menu #menunav LI#mn-laq A {
	background-position:-362px 0;
}
#menu #menunav LI#mn-aut A {
	background-position:-537px 0;
}
#menu #menunav LI#mn-elc A {
	background-position:-713px 0;
}
/*hover*/
#menu #menunav LI#mn-bat A:hover,
#menu.mn-bat #menunav LI#mn-bat A {
	background-position:-11px -45px;
}
#menu #menunav LI#mn-sto A:hover,
#menu.mn-sto #menunav LI#mn-sto A {
	background-position:-187px -45px;
}
#menu #menunav LI#mn-laq A:hover,
#menu.mn-laq #menunav LI#mn-laq A {
	background-position:-362px -45px;
}
#menu #menunav LI#mn-aut A:hover,
#menu.mn-aut #menunav LI#mn-aut A {
	background-position:-537px -45px;
}
#menu #menunav LI#mn-elc A:hover,
#menu.mn-elc #menunav LI#mn-elc A {
	background-position:-713px -45px;
}


/*----------------------------------------------+
+ Bas du site							        +
+----------------------------------------------*/
#bassite {
	width:900px;
	margin:0 auto;
	position:relative;
}

/*menu bas*/
#bassite .menu {
	padding-top:4px;
	padding-left:16px;
}
#bassite .menu LI {
	display:inline;
}
#bassite .menu LI A {
	color:#002e3e;
	text-decoration:none;
}
#bassite .menu LI A:hover {
	text-decoration:underline;
}

/*PMP Concept*/
.pmpconcept A {
	width:68px;
	padding-top:30px;
	background-image:url(../_image/fr/pmpconcept.png);
	position:absolute;
	top:0;
	right:16px;
}


/*----------------------------------------------+
+ Coeur du SIte							        +
+----------------------------------------------*/
#coeursite {
	width:900px;
	margin:0 auto;
	background-image:url(../_image/background-page.gif);
	background-position:top;
	background-repeat:repeat-y;
	
	min-height:200px;
	margin-bottom:7px;
	
	position:relative;
}

/*cadre page*/
.cadre-haut {
	width:900px;
	background-image:url(../_image/background-page-top.png);
	background-repeat:no-repeat;
	padding-top:13px;
}
.cadre-bas {
	width:900px;
	background-image:url(../_image/background-page-bas.png);
	background-repeat:no-repeat;
	padding-top:13px;
	bottom:0;
	left:0;
	position:absolute;
}

/*Conteneur*/
.conteneur {
	padding:0 11px;
	overflow:hidden;
}

/*Colonne de gauche*/
.colgauche {
	width:596px;
	float:left;
}
/*Colonne de droite*/
.coldroite {
	width:260px;
	float:right;
}

/*Bouton simulateur de teinte*/
.btt_simulateur {
	margin-bottom:12px;
}
.btt_simulateur A {
	padding-top:98px;
	width:260px;
	background-image:url(../_image/fr/simulateur.png);
	background-position:0 0;
	background-repeat:no-repeat;
}
.btt_simulateur A:hover {
	background-position:0 -98px;
}

/*Cadre bleu*/
.cadre-bleu {
	background-color:#0186cb;
	margin-bottom:12px;
}
.cadre-bleu .top {
	padding-top:5px;
	width:260px;
	background-image:url(../_image/cadre-bleu-top.gif);
	background-repeat:no-repeat;
}
.cadre-bleu .footer {
	padding-top:5px;
	width:260px;
	background-image:url(../_image/cadre-bleu-bas.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}
.cadre-bleu .content {
	padding:6px;
	color:#fff;
}

/*mini actualites*/
.miniactu H3 {
	font-size:1.166em;
	margin-bottom:12px;
}
.miniactu IMG {
	float:right;
	margin-left:5px;
}

/*----------------------------------------------+
+ formulaire							        +
+----------------------------------------------*/
.mini-formunaire H3 {
	font-size:1.5em;
	margin-bottom:12px;
}
.addressEditor {
}
.line{
	display:block;
	margin:0 auto;
	clear:left;
	padding: 0px 0px 2px 0px;
}
.addressEditor .line INPUT,
.addressEditor .line TEXTAREA,
.addressEditor .line SELECT {
	cursor:auto;
	padding:1px;
	display:inline-block;
	letter-spacing: normal;
	line-height: normal;
	margin:0;
	text-indent:0px;
	text-transform:none;
	word-spacing:normal;
	border:1px solid #007dc1;
	
	font-size:1em;
}
.addressEditor .line LABEL {
	display:block;
}
.L10 {
	font-size:.916em;
	line-height:14px;
	display:inline;
}
.addressEditor .line TEXTAREA {
	width:235px;
}

/*Bouton Envoyer*/
.btt_envoyer A {
	width:111px;
	padding-top:20px;
	background-image:url(../_image/fr/btt_envoyer.png);
	background-position:0 0;
	margin:10px auto 0;
}
.btt_envoyer A:active {
	background-position:0 -20px;
}

/*----------------------------------------------+
+ Accueil								        +
+----------------------------------------------*/
.colonneAcc {
	width:287px;
	float:left;
}
.colonneAcc H1 {
	width:287px;
	padding-top:145px;
}
.colonneAcc .content {
	height:339px;/*350*/
	background-image:url(../_image/background_acc.jpg);
	color:#3f3e3e;
	padding:11px 7px 0;
	position:relative;
}
.colonneAcc .content IMG {
	float:right;
	margin:0 0 5px 10px;
}
.colonneAcc .content P {
	padding:17px 3px 0;
}
.colonneAcc .content P A {
	color:#0085c8;
	font-weight:bold;
}
.colonneAcc .content P A:hover {
	color:#3f3e3e;
	text-decoration:none;
	border-bottom:1px solid #0085c8;
}
.colonneAcc .content UL {
	position:absolute;
	height:203px;
	top:138px;
}
.colonneAcc .content UL LI A {
	width:269px;
	padding-top:63px;
	background-repeat:no-repeat;
	background-image:url(../_image/fr/acc-menu.png);
	margin-top:7px;
}
.colonneAcc .content .pointe {
	width:43px;
	padding-top:21px;
	position:absolute;
	top:0;
	left:122px;
}

/*vitrage*/
.colonneAcc.vitrage {
	margin-right:22px;
}
.colonneAcc.vitrage H1 {
	background-image:url(../_image/fr/veralis-vitrage.jpg);
}
.colonneAcc.vitrage .content .pointe {
	background-image:url(../_image/veralis-vitrage-pointe.jpg);
}
.colonneAcc .content UL LI#acc-bat A {
	background-position:0 0;
	margin:0;
}
.colonneAcc .content UL LI#acc-bat A:hover {
	background-position:0 -63px;
}
.colonneAcc .content UL LI#acc-sto A {
	background-position:-269px 0;
}
.colonneAcc .content UL LI#acc-sto A:hover {
	background-position:-269px -63px;
}
.colonneAcc .content UL LI#acc-aut A {
	background-position:-538px 0;
}
.colonneAcc .content UL LI#acc-aut A:hover {
	background-position:-538px -63px;
}
/*electricite*/
.colonneAcc.electricite H1 {
	background-image:url(../_image/fr/veralis-electricite.jpg);
}
.colonneAcc.electricite .content .pointe {
	background-image:url(../_image/veralis-electricite-pointe.jpg);
}
.colonneAcc .content UL LI#acc-enr A {
	background-position:-807px 0;
	margin:0;
}
.colonneAcc .content UL LI#acc-enr A:hover {
	background-position:-807px -63px;
}
.colonneAcc .content UL LI#acc-elg A {
	background-position:-1076px 0;
}
.colonneAcc .content UL LI#acc-elg A:hover {
	background-position:-1076px -63px;
}
.colonneAcc .content UL LI#acc-cof A {
	background-position:-1345px 0;
}
.colonneAcc .content UL LI#acc-cof A:hover {
	background-position:-1345px -63px;
}




.introFiche {
	width:320px;
	float:left;
}
#content .fichePlus {
	background:#f3f3f3;
	border:1px solid #f9f9f9;
	margin-top:15px;
	clear: both;
	overflow: hidden;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	padding:5px 80px 5px 5px;
	margin-bottom:15px;
	clear:both;
}


/* contact */
.coordonnees {
	width:287px;
	float:left;
	margin-left:5px;
	margin-bottom:40px;
}
#content .coordonnees H3 {
	color:#3e3e3e;
	background-image:url(../_image/ico-soleil.png);
	background-repeat:no-repeat;
	background-position:left;
	line-height:17px;
	padding:0 0 0 23px;
	margin:0 0 5px 0;
}
#content .coordonnees H4 {
	color:#0086cb;
	padding:0;
	margin:5px 0 0 0;
}
#content .coordonnees H4 SPAN {
	color:#3e3e3e;
}
.contenair {
	padding-left:20px;
}

#content .coordonnees.electricite H3 {
	background-image:url(../_image/ico-eclair.png);
}
#content .coordonnees.electricite H4,
#content .coordonnees.electricite A {
	color:#d53523;
}

.tel-siege {
	width:195px;
	padding-top:26px;
	background-image:url(../_image/telsiege.png);
}
.tel-guillame {
	width:195px;
	padding-top:18px;
	background-image:url(../_image/tel-guillame.png);
}
.tel-laurent {
	width:195px;
	padding-top:18px;
	background-image:url(../_image/tel-laurent.png);
}




/* Listes */

#content p, #content ul {
  text-align: justify;
  margin-bottom:1.3em;
}

#content ul {
  margin: 1em 0;
  list-style: none;
}

#content ol {
  margin: 1em 0 1em 24px;
}

#content ul li {
  padding-left: 10px;
  background: url(../_image/ico-puce.png) left 7px no-repeat;
}

#content li ul, #content li ol {
	margin-top: .25em;
	margin-bottom: .5em;
}

#content ul ol > li {
	padding-left: 0;
	background: none;
}


/* Messages info */

.discret {
  color:#999;
}

.error, .good, .warn {
  clear:both;
  color:#fff;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
  font-weight:bold;
  padding:10px 10px 5px;
  margin-bottom:15px;
}
#content .error P, #content .good P, #content .warn P {
	margin-bottom: 5px;
}

.error {
  background:#c00;
}

.warn {
  background:#FF7800;
}

.good {
  background:#83BF00;
}

.warn a, .good a, .error a {
  color:#fff;
  text-decoration:underline;
}

.info {
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  padding: 10px 10px;
}



#content .titre {
	font-weight:bold;
	font-size:2em;
}

/* Liste evoluee */

#content .newslist .titre {
  font-size: 1.3em;
  border-top: 1px solid #e7e7e7;
  padding:10px 0 0 0;
  margin-bottom:0px;
  border:0;
}

#content .newslist img {
	float:left;
	margin-right:15px;
	margin-bottom:10px;
}

#content .newslist li {
	clear:both;
	border-top:1px solid #eee;
	background:none;
	padding-top:10px;
}

#content .newslist li .meta {
	display:block;
	color:#999;
	font-size:0.9em;
}

#content .newslist li.first {
	border:none;
}

#content ul.newslist {
	padding-bottom:3em;
}

/* Citations */

#content blockquote {
	margin: 1em;
	padding: 0 0 0 50px;
	background:url(../_image/blockquote1.png) no-repeat top left;
}

#content blockquote p:last-child {
	background:url(../_image/blockquote2.png) no-repeat bottom right;
	min-height: 33px;
	margin-bottom:0;
	padding: 0 50px 0 0;
}

#content blockquote span.link {
  background:none;
  margin:0 10px 0 0;
  padding:0;
  text-align:right;
  font-size:0.9em;
  display:block;
}

#content blockquote span.link a {
  color:#ccc;
}

/* Icones */

.ico-arrow, #content ul li.ico-arrow {
  padding-left: 17px;
  background: url(../_image/ico-fleche.png) left 4px no-repeat;
}

.ico-smile, #content ul li.ico-smile {
  padding-left: 20px;
  background: url(../_image/ico-lol.png) 1px center no-repeat;
}

.ico-question, #content ul li.ico-question {
  padding-left: 20px;
  background: url(../_image/ico-question.png) left 70% no-repeat;
}

.ico-star, #content ul li.ico-star {
  padding-left: 20px;
  background: url(../_image/ico-star.png) left 4px no-repeat;
}

.ico-light, #content ul li.ico-light {
  padding-left: 20px;
  background: url(../_image/ico-light.gif) left 4px no-repeat;
}


/* Lire... */

#content .niveaux {
	background:#f3f3f3;
	border:1px solid #f9f9f9;
	margin-top:15px;
	clear: both;
	overflow: hidden;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	padding: 5px 10px;
}

#content .auteur {
	background:#f3f3f3/* url(../_image/picto-edit.png) no-repeat 96% 30%*/;
	border:1px solid #f9f9f9;
	margin-top:15px;
	clear: both;
	overflow: hidden;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	padding:5px 5px 5px 5px;
	margin-bottom:15px;
}

#content .auteur.light {
  width:55%;
  clear:none;
}

#content .auteur-end {
  clear:both;
  margin-bottom:10px;
}

#content .auteur p {
	margin:5px;
	text-align:left;
}

#content .auteur .meta {
  color:#999;
  font-size:0.9em;
}

#content .meta {
  font-size:0.9em;
  color:#ccc;
}

#content .meta a {
  color:#999;
}