@charset "UTF-8";

/* -------------------------------- */
/* Définition des balises HTML		*/
/* -------------------------------- */

HTML {
	font-size:100%;
}
BODY {
	background: #3b1c13 url(../_image/background.png) no-repeat center top;
	color: #ebe6d6;
	font: normal .75em Tahoma, Geneva, sans-serif;

}

html, body, ol, ul, form, fieldset {
  margin: 0;
  padding: 0;
}

fieldset {
  border: 0;
}

textarea {
  font: inherit;
}


/* Liens */
a {
  	color: #ea670c;
	text-decoration: none;
}
a:visited {
 }
a:hover, a:focus, a:active {
  	text-decoration: underline;
}


a img {
  border: 0;
}

/* Titres */
h1 {
  color: #FF7800;
  margin: 10px 0 15px 0;
  padding: 0px 0 0 0;
  line-height: 1.2;
  font-size: 2em;
  font-weight:bold;
}

h2 {
  color : #ebe6d6;
  font-size: 1.4em;
  font-weight: normal;
  margin: 0 0 10px -9px;
  padding: 0 0 0 20px;
	background: url(../_image/puce-01.gif) no-repeat 0 0;
}

h3 {
	font-size: 1.1em;
	margin: 1.5em 0 0.8em 0;
}

h4 {
	font-size: 1em;
	/*font-style: italic;
	font-weight: normal;*/
	margin: 1.5em 0 1em 0;
}

h1 a {
  color: #FF7800;
  /*font-family:Sans-serif;*/
}
h1 a:visited {
  color: #EAA515;
}
h1 a:hover, h1 a:focus, h1 a:active {
  text-decoration: none;
  color: #eb5800;
}


/* Positionnement et alignement */
.left {
  float: left;
  margin: 0 10px 5px 0;
}

.right {
  float: right;
  margin: 0 0 5px 10px;
}



/* Messages */
.remarque {
  outline-color:#C5C58B;
  outline-style:solid;
  outline-width:3px;
  padding: 1.2em;
}

.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;
	margin-bottom: 10px;
}

.error {
  	background: #c00;
}

.warn {
  	background: #FF7800;
}

.good {
  	background: #83BF00;
}

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

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

/* @group Paragraphe */
.paragraphe {
	line-height: normal;
}

/* Positionnement et alignement */
.paragraphe .tright {
  	text-align: right;
}

.paragraphe .center {
  	text-align: center;
}


.paragraphe tt,
.paragraphe code,
.paragraphe samp {
  	color: #a1af00;
  	font-size: 1.231em;
} 
.paragraphe dt {
	color:#369;
  	margin-top:0.5em;

}

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

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

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

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


/* Listes */
.paragraphe p, .paragraphe ul, .paragraphe address {
  /*text-align: justify;
  line-height:150%;*/
  margin-bottom:1.3em;
}
.paragraphe ul {
  margin: 1em 0;
  list-style: none;
}
.paragraphe ol {
  margin: 1em 0 1em 24px;
}
.paragraphe ul li {
  padding-left: 10px;
  background: url(../_image/base/ico-puce.png) left 7px no-repeat;
}
.paragraphe li ul, .paragraphe li ol {
	margin-top: .25em;
	margin-bottom: .5em;
}
.paragraphe ul ol > li {
	padding-left: 0;
	background: none;
}
.paragraphe ul.nostyle li {
  background:none;
}
.paragraphe .markItUp li {
  background:none;
  padding:0;
}

/* Icones */
.ico-arrow, .paragraphe ul li.ico-arrow {
  padding-left: 17px;
  background: url(../_image/base/ico-fleche.png) left 4px no-repeat;
}
.ico-smile, .paragraphe ul li.ico-smile {
  padding-left: 20px;
  background: url(../_image/base/ico-lol.png) 1px center no-repeat;
}
.ico-question, .paragraphe ul li.ico-question {
  padding-left: 20px;
  background: url(../_image/base/ico-question.png) left 70% no-repeat;
}
.ico-star, .paragraphe ul li.ico-star {
  padding-left: 20px;
  background: url(../_image/base/ico-star.png) left 4px no-repeat;
}
.ico-light, .paragraphe ul li.ico-light {
  padding-left: 20px;
  background: url(../_image/base/ico-light.gif) left 4px no-repeat;
}

/*Photo*/
.paragraphe .illustration {
  float: left;
  margin: 6px 15px 5px 0;
	border: 2px solid white;
}
.paragraphe .illustrationdroite {
  float: right;
  margin: 6px 0 5px 15px;
	border: 2px solid white;
}
/* @end */



/* -------------------------------- */
/* Haut site						*/
/* -------------------------------- */
#hautsite {
	width: 914px;
	margin: 0 auto;
	height: 150px;
	position: relative;
}

#hautsite .logosite {
	position: absolute;
	left: 9px;
	top: 33px;
}

#hautsite blockquote {
	margin: 0;
	padding: 0;
	position: absolute;
	text-align: right;
	right: 33px;
	top: 2px;
}

/* Menu */
#menu {
	text-transform: uppercase;
	font: 133.33% Georgia, "Times New Roman", Times, serif;
}

#menunav {
	margin: 0;
	padding: 110px 0 0;
	float: right;
}
#menunav li {
	display: inline;
}
#menunav a {
	color: #ebe6d6;
	text-decoration: none;
	padding-right: 12px;
	padding-left: 12px;
	margin-left: 7px;
}
#menunav a:hover {
	color: #ea670c;
}

/*active*/
#menu.mn-acc #menunav #mn-acc a,
#menu.mn-ksi #menunav #mn-ksi a,
#menu.mn-rea #menunav #mn-rea a,
#menu.mn-con #menunav #mn-con a {
	color: #ea670c;
	font-weight: bold;
}


/* -------------------------------- */
/* Bas site							*/
/* -------------------------------- */
#bassite {
	width: 914px;
	margin: 0 auto;
	clear: both;
	position: relative;
	padding-bottom: 15px;
}


/* Coordonnées */
#bassite .coordonnees {
	text-align: center;
	font-size: 116.67%;
}
#bassite .coordonnees address {
	font-weight: normal;
	font-style: normal;
	margin: 0;
}
#bassite .coordonnees p {
	margin: 0;
}
#bassite .coordonnees p strong {
	font-size: 128.57%;
}

/* Copyright */
#bassite .copyright {
	position: absolute;
	top: 0;
}
#bassite .copyright a {
	color: #ebe6d6;	
}
#bassite .copyright a:hover {
	color: #ea670c;
}
#bassite .copyright a.mention {
	text-transform: lowercase;
	text-decoration: underline;
}

/* PMP Concept */
#bassite a.pmpconcept {
	position: absolute;
	display: block;
	width: 65px;
	height: 0;
	padding-top: 30px;
	overflow: hidden;
	top: 6px;
	right: 9px;
	background-image: url(../_image/fr/pmpconcept.png);
}


/* -------------------------------- */
/* Coeur site						*/
/* -------------------------------- */
#coeursite {
	width: 914px;
	margin: 0 auto;
	clear: both;
	padding-bottom: 100px;
	overflow: hidden;
}

#coeursite .blocTxt {
	background-color: #271511;
	padding: 25px 9px 15px;
	font-size: 116.67%;
	line-height: 128.57%;
	overflow: hidden;
}

#coeursite .intropage {
	width: 908px;
	height: 176px;
	padding: 3px;
	margin-bottom: 26px;
	background: white no-repeat 3px 3px;
}
#coeursite .intropage h1 {
	color: white;
	font-size: 200%;
	font-weight: bold;
	line-height: 116.67%;
	margin: 0;
	padding: 65px 0 0 34px;
}
#coeursite .intropage h1 em {
	display: block;
	font-weight: normal;
	font-style: normal;
	font-size: 58.33%;
	line-height: 128.57%;
}

/*navigation*/
.navigation {
	padding: 5px;
	color: #ebe6d6;
	text-align:center;
	margin-top: 30px;
	background-color: #1c0f0a;
}
.navigation strong {
	padding: 0 3px;
}
.suiv a,
.prec a {
	}
.suiv {
	float:right;
  	/*padding-right: 17px;
  	background: url(../_image/base/ico-fleche.png) no-repeat right 2px;*/
}
.prec {
	float:left;
  	/*padding-left: 17px;
  	background: url(../_image/base/ico-fleche2.png) no-repeat left 2px;*/
}



/* ACCUEIL */
.introacc {
	width: 908px;
	height: 335px;
	background-color: white;
	padding: 3px;
	margin-bottom: 26px;
}
#accrochevisu {
	background-image: url(../_image/intro_acc.jpg);
	width: 908px;
	height: 335px;
	display: block;
	overflow: hidden;
	text-align: right;
}
#coeursite .blocTxt.mn-acc {
	background: #271511 url(../_image/background-blocacc.gif) repeat-y 512px;
	overflow: hidden;
}
#blcAcc1 {
	width: 495px;
	height: 148px;
	float: left;
	padding-right: 9px;
	/*margin-right: 2px;*/
}
#blcAcc2 {
	width: 381px;
	height: 148px;
	float: left;
	padding-left: 9px;
}
#blcAcc2 .signature {
	text-align: right;
	padding-right: 10px;
}


/* KSIO */
#coeursite .intropage.mn-ksi {
	background-image: url(../_image/background-top-01.jpg);
}

#demarcheKsio {
	display: block;
	width: 896px;
	height: 0;
	padding-top: 118px;
	overflow: hidden;
	background-image: url(../_image/fr/demarche-ksio.png);
	margin-left: 0;
}


/* REALISATIONS */
#coeursite .intropage.mn-rea {
	background-image: url(../_image/background-top-02.jpg);
}
#blcksi2 {
	margin-top: 3px;
}

/* PMP Gallery™ */
.pmpup-gallery {
	clear: both;
}
.pmpup-gallery ul {
	margin-right: 0;
	margin-left: 0;
	overflow: hidden;
}
.pmpup-gallery ul li {
	display: block;
	background-image: none;
	padding: 0 14px 20px;
	width: 192px;
	float: left;
	color: #ebe6d6;
	font-size: 71.428%;
	height: 150px;
}
.pmpup-gallery ul li a {
	text-decoration: none;
}
.pmpup-gallery ul li img {
	width: 188px;
	height: 116px;
	margin-bottom: 3px;
}
.pmpup-gallery .pmpup img {
	border: 2px solid white;
}
.pmpup-gallery .pmpup:hover img {
	border-color: #ea670c;
}
body .dark {
	color: #ebe6d6;
	font-size: 14px;
	font-weight: bold;
	background-color: #23130c;
}
body .dark .pmpup-caption {
	color: #ebe6d6;
	background-color: #23130c;
}
body .dark .pmpup-number {
	color: #625146;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
}
body .pmpup-thumbstrip-horizontal img {
	height: 75px;
}
body .pmpup-thumbstrip-horizontal .pmpup-marker {
	top: 82px;
}


/* CONTACT */
#coeursite .intropage.mn-con-intro {
	background-image: url(../_image/background-top-03.jpg);
}

#coeursite .blocTxt.mn-con {
	background: #271511 url(../_image/background-blocacc.gif) repeat-y 511px;
	overflow: hidden;
}
#blccon1 {
	width: 495px;
	float: left;
	padding-right: 9px;
}
#blccon1 address {
	font-style: normal;
}
#blccon1 address, #blccon1 p {
	padding-left: 3px;
}
#blccon1 .illustrationdroite {
	margin-right: 30px;
}

#blccon2 {
	width: 381px;
	float: left;
	padding-left: 9px;
}

/*formulaire*/
.formulaire .erreursaisie,
.rouge {
	color:#cb282b;
	font-weight:bold;
}
.formulaire td,
.formulaire th {
	padding:2px;
	vertical-align:top;
}
.formulaire th {
	text-align:right;
	font-weight:normal;
	padding-right:5px;
	padding-top:5px
}
.formulaire td {
	text-align:left;
	font-size:11px;
}
.formulaire td input,
.formulaire td textarea {
	font-family:Tahoma, Geneva, sans-serif;
	border: 1px solid white;
	padding:1px 2px 1px 2px;
	width:200px;
	background-color: #ebe6d6;
}
.formulaire td textarea {
	height:70px;
}
.formulaire td input.num {
	width:60px;
}
.formulaire td input.autre {
	width:150px;
}
.formulaire td input.no {
	width:auto;
	border:0 none;
}