/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}:focus{outline:0;}body{line-height:1;color:#000;background:#FFF;}ol,ul{list-style:none;}table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:400;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}

body {
	min-width:960px;
	font-family: verdana, arial, helvetica, tahoma;
	font-size: 0.8em;
}

p {
	margin-bottom: 2em;
	line-height: 1.9;
}

/* Header */

#haut {
	margin-left:85px;
	width:872px;
	font-family: arial, verdana, helvetica, tahoma;
	letter-spacing:0.3em;
	font-size: 0.9em;
}

#header {
	background: url(images/designGraphique.png) no-repeat 450px 60px;
	position: relative;
	margin-top:80px;
	height:84px;
}

#navigation {
	border-top: 1px solid rgb(102, 30, 15);
}

/* Fin header */

#menu-primaire li,#footer li, #menu-gallerie li {
	float: left;
	display: block;
}

#footer li {
	display: block;
	padding: 0 1em 0 0;
}

/* Menu */

#menu-primaire {
	float: right; 
	overflow: hidden;
}

#menu-primaire a {
	display: block;
	float: left;
	height: 13px;
	padding: 5px 2.5em 5px 3.15em;
	background-image: url(images/carreMenu.png);
	background-repeat: no-repeat;
	background-position: top right;
}

#menu-primaire a:link, #menu-primaire a:visited {
	
}

#menu-primaire a.lienCourant:link, #menu-primaire a.lienCourant:visited {
	background-position: right 100%;
}

#menu-primaire a:hover, #menu-primaire a:active  {
	background-position: right 100%;
}

#menu-primaire a.lienCourant:hover, #menu-primaire a.lienCourant:active  {
	background-position: top right;
}
	
#lnkServices {
	border-left: 1px solid rgb(101, 34, 5);
}

#menu-secondaire {
	overflow: hidden;
	padding-top: 0.5em;
}

a#lnkTitre {
	position: absolute; 
	top: 60px;
	left: 350px;
	width: 24px;
	height: 24px;
	display: block;
	background: rgb(225, 201, 91);
}

#index a#lnkTitre {
	background: rgb(101, 34, 5);
}

a:hover#lnkTitre {
	background: rgb(101, 34, 5);
}

#index a:hover#lnkTitre {
	background: rgb(225, 201, 91);
}

/* Fin menu */

/* Menu gallerie */

#menu-gallerie {
	margin-left: 120px;
	margin-top: 20px;
	color: #a0a495;
}

#menu-gallerie li {
	margin-left: 10px;
	padding-right: 10px;
	border-right: 1px solid #a0a495;
}

#menu-gallerie .last {
	border-right: 0px none #a0a495;
}

#menu-gallerie a:link, #menu-gallerie a:visited {
	color: #a0a495;
}

#galCourante a:link, #galCourante a:visited {
	color: #652306;
}

#menu-gallerie a:hover, #menu-gallerie a:active {
	color: #d8c04f;
}

/* Fin menu gallerie */

/* Contenu */

#content {
	margin-top: 3em;
	background-color:#a0a495;
	height:288px;
	margin-bottom: 10px;
}

#engagement #content, #services #content, #contact #content {
	line-height: 2;
}

#colonne-gauche {
	background: url(images/degradContenuGauche.jpg) repeat-x;
	width: 345px;
	float: left;
	margin-left: 70px;
	min-height: 484px;
	padding: 15px 15px 15px 15px;
}

#contact #colonne-gauche {
	background: none;
}

#colonne-gauche p {
	text-align: justify;
}

#engagement #colonne-gauche ul {
	line-height: 2.5;
}

#engagement #colonne-gauche ul, #services #colonne-gauche ul {
	list-style-type: disc;
	margin-left: 20px;
}

#services #colonne-gauche {
	line-height: 1.8;
}

#colonne-droite {
	float: left;
	width: 272px;
	height: 138px;
	background-color: #c1c5b6;
	padding: 80px 120px 70px 120px;
}

#index #colonne-droite {
	width: 512px;
	height: 278px;
	padding : 0;
}

 #portfolio #colonne-droite {
	width: 510px;
	height: 288px;
	padding : 0 0 0 0;
	background-color: #c1c4b5;
}

#engagement #colonne-droite, #services #colonne-droite {
	color: #FFFFFF;
	font-size: 1.1em;
}

#engagement #colonne-droite {
	background: url(images/degradEngagement.png) repeat-y;
}

#services #colonne-droite {
	background: url(images/degradServices.png) repeat-y;
}

h3 {
	color: #652205;
	font-size: 1.1em;
}

#portfolio #colonne-gauche {
	background-image: url(images/degradPortfolio.png);
	background-repeat: repeat-y;
	height: 288px;
	min-height: 1px;
	margin-left: 0px;
	width: 446px;
	padding : 0 0 0 0;
	position: relative;
}

	/* Carrés images */
	
	#imagesGal {
		height: 240px;
		width: 295px;
		background-repeat: no-repeat;
		margin: 15px 0 0 65px;
	}
	
	#imagesGal a {
		width: 27px;
		height: 25px;
		background-color: #d7bf4f;
		margin: 20px 0 0 28px;
		float: left;
		cursor: pointer;
	}
	
	#imagesGal a:hover, #imagesGal a:active {
		background-color: rgb(101, 34, 5);
	}
	
	#imagesGal .bg-rouge {
		background-color: rgb(101, 34, 5);
	}
	
	/* Fin carrés images */
	
	#portfolio #colonne-gauche ul {
		position: static;
		color: #c1c5b6;
		left: 10px;
	}
	
	#suivant-precedent {
		text-align: right;
		position: absolute;
		right: 2px;
		top: 35px;
	}
	
	#suivant-precedent li {
		margin-bottom: 15px;
		cursor: pointer;
		position: relative;
		left: 14px;
	}
	
	#suivant-precedent li a {
		padding-right: 15px;
		background-repeat: no-repeat;
	}
	
	#btnSuivant {
		background-image: url(images/flechesSuivantes.png);
		background-position: right -19px;
	}
	
	#btnSuivant:hover {
		background-position: right -1px;
	}
	
	#btnPrecedent {
		background-position: right -19px;
		background-image: url(images/flechesPrecedentes.png);
	}
	
	#btnPrecedent:hover {
		background-position: right -1px;
	}
	
	#portfolio #colonne-droite img {
		margin-left: 75px;
		margin-right: 25px;
	}
	
	#lancement {
		position:relative;
		right:15px;
		border: none;
	}

/* Fin contenu */

#menuFooter {
	padding-bottom: 35px;
}

#descfooter {
	color: #5c5e56;
	padding-bottom: 35px;
}

#footer {
	margin-top: 60px;
	margin-left: 470px;
	font-size: 0.85em;
	letter-spacing: 0.1em;
}

a:link, a:visited {
	color: rgb(92, 5, 5);
	text-decoration: none;
}

p a:link, p a:visited {
	text-decoration: underline;
}

a.lienCourant:link, a.lienCourant:visited {
	color: #a0a495;
}

a:hover, p a:hover, a.lienCourant:hover, a:active, p a:active, a.lienCourant:active {
	color: #d8c04f;
	text-decoration: none;
}