* {
	margin:0;
	padding:0;
}

body {
	font-family:Arial,'Liberation sans',Helvetica,sans-serif;
	font-size:12px;
	background-color:#FFF;
	color:#545454;
}

.clear {
	clear:both;
}

.mono {
	font-family:'DejaVu Sans Mono','Lucida console',Monaco,monospace;
	font-size:0.8em;
	word-spacing:0.1em;
	letter-spacing:0.01em;
}

.border {
	border-left:dotted 2px #555;
	padding:5px 12px 4px;
}

a {
	text-decoration:none;
	color:#545454;
}

a:focus {
	outline-width:0;
}

img {
	border:0;
}

h1 {
	font-size:14px;
	position:absolute;
	left:-10000px;
}

#page {
	width:997px;
	margin:0 auto;
	border:solid 3px #C1C1C1;
}

/*** Zone supérieure ***/
#header {
	height:138px;
	background-image:url(../images/Localisation.png);
	background-repeat:no-repeat;
	background-position:814px 7px;
}

#logo {
	float:left;
	padding-top:10px;
	padding-left:38px;
}

#logoTitre {
	margin-bottom:68px;
	margin-left:22px;
}

#nom {
	display:inline-block;
	float:left;
	position:relative;
	left:-244px;
	top:66px;
	font-size:1em;
}

#liens {
	float:left;
	margin-top:41px;
	margin-left:-32px;
}

a.lien {
	display:block;
	float:left;
	text-align:center;
	line-height:0.7em;
	margin-right:3px;
}

span.lien {
	display:block;
	min-width:34px;
	font-size:10px;
}

#contact {
	position:absolute;
	left:992px;
	top:90px;
	display:none;
}

#coords {
	float:right;
	padding:5px 74px 4px 0;
	margin-top:32px;
	margin-left:180px;
}

#email {
	padding-top:5px;
	padding-right:12px;
	padding-bottom:4px;
}

/*** Menu horizontal ***/
#menuH {
	clear:both;
	overflow:hidden;
	height:auto;
	border-width:3px 0;
	border-style:solid;
	border-color:#C1C1C1;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	/*padding:4px 0 5px;*/
	background-image:url(../images/Createur-d-images.png);
	background-repeat:no-repeat;
	background-position:40px 50%;
}

#menuH li {
	float:left;
	max-width:174px;
	min-width:112px;
	border-left-width:1px;
	border-left-style:solid;
	border-left-color:#C1C1C1;
	padding:5px 10px 5px 26px;
	background-image:url(../images/Fleche-verte.png);
	background-repeat:no-repeat;
	background-position:10px 50%;
	font-size:0.9em;
}

#menuH .presentation {
	margin-left:287px;
}

#menuH li.select {
	background-image:url(../images/Fleche-rouge.png);
}

#menuH li.select a {
	color:#90101F;
}

#menuH li#menuHcontact {
	float:right;
	min-width:0;
	width:4.6em;
}

/*** Zone centrale ***/
#corps {
	clear:both;
}

/*** Partie gauche de la zone centrale ***/
#sidebar {
	float:left;
	padding:17px 4px 0;
	width:285px;
}

#sidebar p {
	background-image:url(../images/Fleche-rouge.png);
	background-repeat:no-repeat;
	background-position:3px center;
	padding-left:20px;
	margin-bottom:8px;
}

#sidebar img {
	border:solid 2px #C1C1C1;
	margin:2px 4px;
}

#cv {
	margin-top:8px;
}

#lienCV {
	display:-moz-grid-line;
	display:inline-block;
	text-align:center;
	margin-left:29px;
	vertical-align:18px;
}

#lienCV img {
	border:0;
}

#sidebar img.vignette {
	margin:2px;
}

#menuV {
	margin-top:12px;
}

/*** Partie droite de la zone centrale ***/
#contenu {
	float:right;
	height:472px;
	width:701px;
	padding-top:20px;
	border-left-width:3px;
	border-left-style:solid;
	border-left-color:#C1C1C1;
	background-color:#545454;
	color:#FFF;
	font-size:1em;
	overflow:auto;
}

#contenu h3, #contenu h4, #contenu h3, #contenu p {
	margin-left:30px;
	margin-right:34px;
}
#contenu h3 {
	font-size:1.2em;
	font-weight:normal;
}

#contenu h4 {
	margin-top:14px;
}

#contenu h5 {
	background-image:url(../images/Fleche-verte.png);
	background-repeat:no-repeat;
	background-position:center left;
	margin-left:12px;
	padding-left:18px;
}

#contenu h4, #contenu h5 {
	font-weight:normal;
	font-size:1.1em;
}

#contenu h4, #contenu h5, .vert {
	color:#BFDC00;

}

#contenu span {
	margin-left:0;
}

#bienvenue {
	margin-top:3.7em;
	padding-left:202px;
	text-align:center;
}

/*** Pied de page ***/
#pied {
	border-top:solid 3px #C1C1C1;
	padding:5px 32px 4px;
	text-align:right;
}

#pied a {
	padding:5px 14px 4px 34px;
	background-image:url(../images/Fleche-rouge-h.png);
	background-repeat:no-repeat;
	background-position:12px 50%;
}

#pied a.select {
	color:#90101F;
	background-image:url(../images/Fleche-rouge-v.png);
}

/*** Propriétés pour les pages portfolio ***/
#txtImg {
	height:18px;
	padding-left:62px;
	line-height:18px;
	color:#C1C1C1;
}

#titreImg {
	font-weight:bold;
}

#galerie {
	width:576px;
	margin:0 auto;
	overflow:hidden;
}

#carousel {
	list-style-type:none;
	list-style-image:none;
}

#carousel li {
	width:576px;
	height:405px;
}

#boutons {
	padding:12px 22px 0;
	text-align:center;
	height:34px;
}

#carousel-prev {
	float:left;
}

#carousel-next {
	float:right;
}

#carousel-auto {
	position:relative;
	top:-46px;
	z-index:2;
}

/*** Propriétés pour la page mentions ***/
#contenu.mentions {
	background-image:url(../images/BgMentions.png);
	background-repeat:no-repeat;
	background-position:10px 50%;
}

#mentions {
	padding-left:64px;
	font-size:11px;
}

#mentions h5 {
	margin-top:22px;
}

#mentions p {
	margin-top:24px;
	line-height:2em;
}

h5.prestataire {
	display:-moz-inline-stack;
	display:inline-block;
}

#mentions a {
	color:#FFF;
}

/*** Propriétés pour la page contact ***/
#contenu.contact {
	background-image:url(../images/BgContact.png);
	background-repeat:no-repeat;
	background-position:10px 22px;
}

#contactForm {
	margin-top:24px;
}

#contactForm p {
	margin:0;
	padding-left:32px;
}

p#legende {
	padding-left:158px;
	margin-top:2px;
	font-size:0.8em;
}

#contactForm label {
	display:-moz-inline-stack;
	display:inline-block;
	float:none;
	width:100px;
	margin-right:20px;
	text-align:right;
}

#contactForm label.error {
	width:auto;
	margin-left:10px;
	margin-right:0;
	color:#BFDC00;
	font-size:10px;
}

#contactForm input {
	width:175px;
	border-width:2px;
}

#contactForm textarea {
	width:533px;
	height:222px;
	border:solid 2px #A9A9A9;
	margin-left:50px;
	overflow:auto;
}

#contactForm #lblMessage {
	margin-top:28px;
}

#send {
	width:537px;
	margin-left:50px;
	background-color:#F0F0F0;
}

#status {
	margin-top:14px;
	text-align:center;
	font-family:Arial,'Liberation sans',Helvetica,sans-serif;
	font-weight:bold;
	font-style:italic;
	letter-spacing:0.08em;
}

/*** Propriétés pour la page liens ***/
#liensExt {
	padding:0 10px;
}

#liensExt a {
	color:#FFF;
}

#liensExt img, #liensExt object {
	margin:10px;
	vertical-align:middle;
}