/* @override 
	http://www.karrington-creation.com/beta/themes/darkmetal/css/karrington_metal.css
	http://www.karrington-creation.com/themes/darkmetal/css/karrington_metal.css
*/

* {
	margin: 0;
	padding: 0;
}

#reflet {
		margin-right: auto;
	margin-left: auto;
	width: 950px;
	text-align: center;
}

#reflet img {
	text-align: center;
}

#creation tbody tr td a.image img {
}

/* @group Couleur des menus */

ul.menu li a.red_current {
	display: block;
	margin: 2px 0 0;
	padding-left: 9px;
	padding-right: 9px;
	background: black url(karrington_creation_notre_portefolio.html) center top;
	text-decoration: none;
	width: 89px;
	text-align: center;
	color: white;
	line-height: 28px;
	font-size: 0.9em;
	height: 32px;
}

ul.menu li a.blue_current {
	display: block;
	margin: 2px 0 0;
	padding-left: 9px;
	padding-right: 9px;
	background: black url(karrington_creation_notre_portefolio.html) center top;
	text-decoration: none;
	width: 89px;
	text-align: center;
	color: white;
	line-height: 28px;
	font-size: 0.9em;
	height: 32px;
}

ul.menu li a.purple_current {
	display: block;
	margin: 2px 0 0;
	padding-left: 9px;
	padding-right: 9px;
	background: black url(../img/portefolio.png) center top;
	text-decoration: none;
	width: 89px;
	text-align: center;
	color: white;
	line-height: 28px;
	font-size: 0.9em;
	height: 32px;
}

ul.menu li a.orange_current {
	display: block;
	margin: 2px 0 0;
	padding-left: 9px;
	padding-right: 9px;
	background: black url(../img/contact.png) center top;
	text-decoration: none;
	width: 89px;
	text-align: center;
	color: white;
	line-height: 28px;
	font-size: 0.9em;
	height: 32px;
}

/* @end */

a.picture {
	display: block;
	background-color: orange;
}

#banner p {
	margin-left: 398px;
	margin-right: 0;
	padding-top: 45px;
	font-size: 39px;
	line-height: 54px;
	letter-spacing: 1px;
	color: #8d8d8d;
}

#banner p b {
	color: white;
	font-size: 55px;
}

#menu {
	border-color: #484848;
	height: 35px;
	width: 950px;
	margin: 0 auto;
	background: url(../img/menu.png) no-repeat center center;
}

#banner p span {
	color: #fffeff;
}

a {
	text-decoration: none;
	color: silver;
}

a:hover {
	color: #f33919;
	text-decoration: none;
}

#content p {
	width: 495px;
	line-height: 24px;
	font-size: 0.9em;
	color: white;
}



#footer a {
	text-decoration: none;
	font-size: 0.8em;
	color: #737373;
	display: inline-block;
}

#footer a:hover {
	text-decoration: none;
	font-size: 0.8em;
	color: white;
	display: inline-block;
}

#links {
	text-align: center;
	color: #393a3a;
	font-size: 1em;
	height: 100%;
	width: 100%;
	line-height: 61px;
}

#pub p {
	width: 100%;
	line-height: 58px;
	display: block;
	color: #999797;
	background-repeat: no-repeat;
	background-position: 7px -206px;
	font-size: 0.9em;
	height: 100%;
}

td.service {
	text-align: center;
	width: 159px;
	height: 244px;
}

td.description_service {
	padding-left: 19px;
	color: #888;
	padding-right: 19px;
	font-size: 0.8em;
}

td.exemples_de_services ul li {
	font-size: 0.8em;
	width: 100%;
	height: 21px;
	text-align: center;
	background-color: #1b1b1b;
	margin-bottom: 0.5em;
}

a#button {
	display: block;
	width: 202px;
	height: 36px;
	margin-top: 18px;
	text-align: center;
	background: url(../img/devis.png) no-repeat;
	font-size: 0.8em;
	line-height: 33px;
	margin-left: 42px;
}

a:hover#button {
	display: block;
	width: 202px;
	height: 36px;
	margin-top: 18px;
	text-align: center;
	background: url(../img/devis_hover.png) no-repeat;
	font-size: 0.8em;
	line-height: 33px;
	color: white;
	margin-left: 42px;
}



ul.accueil {
	display: block;
	float: left;
	margin-top: 7px;
	text-align: left;
	width: 176px;
	padding-bottom: 11px;
	border-right: 1px solid #5b5b5b;
}

span#date {
	font-size: 0.6em;
	color: silver;
}

#none {
	border-right-style: none;
}

#more ul.accueil a li img {
	margin-top: 9px;
}

#more ul.accueil li a {
	display: block;
	background-color: transparent;
	color: #c6c6c6;
	width: 131px;
	height: 26px;
	text-align: left;
	padding-left: 0;
	line-height: 25px;
	background-image: url(../img/button.png);
	text-indent: 25px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	font-size: 0.8em;
}


#more ul.accueil li a:hover {
	display: block;
	background-color: #484848;
	color: white;
}


#more ul.accueil li a,#more ul.accueil li a:hover
{
	margin-top: 5px;
}

#more ul.accueil li {
	margin-top: 10px;
	margin-left: 2px;
	padding-left: 15px;
	margin-right: 27px;
}

#more ul.accueil li img {
	width: 143px;
	height: 94px;
}

li.title {
	font-weight: bold;
	color: white;
	font-size: 1.1em;
	padding-left: 00px;
	margin-left: 0;
	margin-bottom: 11px;
}

#more ul.accueil li b {
	font-size: 1.1em;
}

#more {
	margin: 0 auto 0 70px;
	width: 558px;
	height: 380px;
	display: none;
}



#nos_services tbody tr td.exemples_de_services ul {
	padding-left: 0;
}

td.exemples_de_services {
	width: 158px;
}

#footer .red a {
	color: red;
}



a.link {
	display: block;
	width: 202px;
	height: 31px;
	font-size: 1em;
	line-height: 28px;
	background-color: gray;
	margin-right: auto;
	margin-left: auto;
	margin-top: 22px;
}



a:hover.link {
	display: block;
	width: 202px;
	height: 31px;
	font-size: 1em;
	line-height: 28px;
	background-color: #ff9933;
	font-weight: bold;
	margin: 32px;
}



em {
	display: block;
	margin-bottom: 1em;
	margin-top: 1em;
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	line-height: 25px;
}

p.intro {
	color: white;
	display: block;
}

#right_box p strong {
	color: #ededed;
}





#conteneur {
	width: 540px;
	height: 360px;
	margin: 20px;
	padding-left: 20px;
	padding-top: 20px;
	border: 1px solid #2e2e2e;
	background: url(../img/conteneur.png) repeat;
}

#categories li {
	display: inline-block;
	padding-right: 12px;
	padding-left: 12px;
	margin: 0 3px 0 0;
	width: 116px;
	height: 28px;
}

#categories {
	margin-left: 42px;
	margin-bottom: 0;
	height: 28px;
	width: 600px;
	margin-top: 23px;
	background: #4f4f4f url(../img/categories.png) repeat-x;
}

#categories li a.current {
	color: black;
	font-weight: bold;
	background-color: white;
}

#categories li a.current:hover {
	color: black;
	font-weight: bold;
	background-color: white;
}

#categories li a {
	height: 28px;
	display: block;
	line-height: 24px;
	float: left;
	width: 112px;
	text-indent: 0;
	text-align: center;
	color: #969696;
	text-transform: capitalize;
}

#categories li a:hover {
	height: 28px;
	display: block;
	line-height: 24px;
	float: left;
	width: 112px;
	text-indent: 0;
	text-align: center;
	color: white;
}



a.image {
	display: block;
	height: 158px;
	text-align: center;
	width: 158px;
	border: 1px solid #4d4d4d;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-top: 0;
	background: url(../img/thumbnail.png) center center;
}

#conteneur a.image img {
	width: 149px;
	height: 149px;
	margin: 4px;
	padding: 0;
	border: 1px solid #4d4d4d;
}

img.thumb {
}


a:hover.image {
	border: 1px solid white;
}

#right_box em {
	width: 607px;
	margin-left: 43px;
	color: white;
}




marquee p {
	color: #fffff0;
}

 marquee p span {
	font-weight: bold;
	color: #fffeff;
}


#footer p {
	font-size: 0.9em;
	width: 100%;
	height: 100%;
	line-height: 63px;
	color: #fcfeff;
	text-align: center;
}

#karrington_creation {
	
}

a.contact {
	color: silver;
	text-decoration: none;
}

a:hover.contact {
	color: white;
	text-decoration: none;
}

body {
	background: black url(../img/back.jpg) no-repeat center top;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#red {
	background-image: url(../img/a_current_red.png);
	color: white;
}

#blue {
	color: white;
}

#purple {
	color: white;
}

#green {
	color: white;
}

#orange {
	color: white;
}



#wrap {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	color: #666666;
	font: 1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background-repeat: repeat-y;
	background-position: center top;
}

#nos_services tbody tr td.service img {
	width: 180px;
}






/* @group Menu principal du site */

ul.menu {
	height: 34px;
	display: block;
	width: 950px;
	text-align: center;
	clear: both;
	background: url(../img/menu.png) repeat-x;
	margin-right: auto;
	margin-top: 0;
	margin-left: auto;
}

ul.menu li {
	display: inline-block;
	list-style-type: none;
	margin-left: 3px;
	height: 32px;
	float: left;
}


ul.menu li a {
	display: block;
	margin: 2px 0 0;
	padding-left: 9px;
	padding-right: 9px;
	background: url(../img/a.png) repeat-x center top;
	text-decoration: none;
	width: 89px;
	text-align: center;
	color: silver;
	line-height: 28px;
	font-size: 0.9em;
	height: 30px;
	font: bold 0.8em/33px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-transform: capitalize;
}


ul.menu li a:hover {
	display: block;
	text-decoration: none;
	color: white;
	height: 30px;
	padding-right: 9px;
	padding-left: 9px;
	width: 89px;
	background-position: center top;
}


marquee {
	height: 46px;
	line-height: 4em;
	color: white;
	font-size: 0.8em;
	background: url(../img/marquee.png) center top;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
}

#content {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	background: url(../img/wood.jpg) repeat center center;
	padding-bottom: 41px;
	color: #878787;
	font-size: 1em;
	line-height: 23px;
}

/* @end */

/* @group Tableau du portefolio */

td.client {
	font-size: 0.9em;
	font-weight: bold;
}

td.description {
	font-size: 0.8em;
}

#creation tbody tr td  {
	text-align: center;
	width: 250px;
	height: 200px;
	background-repeat: repeat-x;
	background-position: center 9px;
}



td.type {
	font-size: 0.9em;
}

table#nos_services {
	width: 573px;
	margin-left: 47px;
	margin-right: auto;
	margin-top: 34px;
	border: 1px solid #313232;
	background-color: #3b3b3b;
}

table#creation {
	background-color: #3b3b3b;
	padding-left: 0;
}



table#formulaire {
	background-color: #3b3b3b;
	background-image: none;
	margin-left: 41px;
	width: 574px;
	margin-top: 10px;
	height: 566px;
}

#firt_service {
	margin-top: 30px;
}





td.picture {
	background-color: maroon;
	width: 150px;
}

caption {
	font-size: 1em;
	color: white;
	height: 28px;
	line-height: 1.8em;
	font-weight: bold;
	background-color: #595b5b;
}

th {
	font-size: 1em;
	padding-left: 20px;
	padding-right: 30px;
	color: white;
	height: 26px;
	background-color: #2e2e2e;
}


tr {
	color: #fffeff;
	font-size: 1em;
	background-color: #262626;
}

tr.grey {
	background-color: #171717;
}

#right_box p.center {
	
}

p.important {
	text-align: center;
	color: red;
	margin: 0;
}

tr.on {
	background-color: #595b5b;
	color: #fffeff;
}



/* @end */

#header {
	width: 950px;
	background: url(../img/wood.jpg) repeat-x;
	margin-right: auto;
	margin-left: auto;
	height: 71px;
}

#welcom {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}

#header a {
	display: block;
	width: 185px;
	height: 75px;
	position: absolute;
	background-image: url(../img/logo.png);
}

#header a:hover {
	display: block;
	width: 182px;
	height: 75px;
	position: absolute;
	background-image: url(../img/logo_hovee.png);
}



#banner {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	opacity: 1;
	margin-top: 0;
	height: 220px;
}

#footer {
	height: 78px;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0;
	background: url(../img/footer.png) repeat-x center top;
}

#banner p span.red {
	color: #990000;
}

#banner p span.blue {
	color: blue;
}

#banner p span.violet {
	color: purple;
}

#banner p span.orange {
	color: orange;
}

#right_box h1 {
	margin-top: 0;
	margin-left: 37px;
	margin-bottom: 1px;
	color: #ededed;
}

#right_box h2 {
	color: silver;
	border-color: #fffeff;
	margin-top: 28px;
	display: block;
	margin-left: 43px;
	margin-bottom: 4px;
}

#right_box p.intro b {
	color: #b22f2d;
	display: block;
	margin-top: 18px;
	font-size: 1.2em;
}




#right_box hr {
	margin-left: 36px;
	margin-top: 10px;
	margin-right: 35px;
	border-style: dotted;
	border-color: #626363;
}


#banner.accueil {
	background-image: url(../../../images/banner/1.jpg);
}



#banner.services {background-image: url(../../../images/banner/2.jpg);
}



#banner.portefolio {background-image: url(../../../images/banner/3.jpg);
}


#banner.contact {background-image: url(../../../images/banner/5.jpg);
}

#banner.conditions {background-image: url(../../../images/banner/4.jpg);
}

ul.menu li a.current {
	color: black;
	background-image: url(../img/a_current_red.png);
	font: bold 0.8em/33px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background-color: red;
}





#right_box {
	margin-left: 283px;
	padding-top: 0;
	padding-right: 0;
	width: 667px;
	margin-top: 15px;
}

#right_box.red {
	background-repeat: no-repeat;
}

#right_box div.content_footer {
	width: 667px;
	height: 50px;
	background: url(../img/content_footer.png) repeat-x;
}

address {
	display: block;
	margin-left: 59px;
	text-align: left;
	color: white;
	font-size: 1em;
	line-height: 24px;
}

address b {
	font-size: 1.2em;
}

#right_box address span {
	color: silver;
}

#right_box p{
	margin-left: auto;
	margin-right: auto;
	display: block;
	padding-right: 54px;
	border-color: #0a0a0a;
	width: 522px;
}




#right_box ul {
	font-size: 0.9em;
	color: silver;
	padding-left: 0;
	
}

p#precision {
	font-size: 0.8em;
	line-height: 1.5em;
	color: #7b7b7b;
}

#right_box ol {
	margin-bottom: 18px;
	margin-left: 28px;
}

#right_box h3 {
	margin-left: 43px;
	color: white;
	font-size: 1em;
	margin-bottom: 5px;
}

#right_box form {
	margin: 0 auto 17px;
	background-repeat: no-repeat;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}

 blockquote {
	width: 437px;
	margin-right: auto;
	margin-left: auto;
}

 {
	
}

#right_box ul li {
	list-style-type: none;
}

/* @group Light box */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;
}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #4a4b4b; width: 250px; height: 250px; margin: 0 auto;
	border-width: 1px;
	border-style: solid;
}
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #222; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;
	color: white;
	font-size: 1em;
	display: block;
	margin-top: 0.5em;
}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;
	border-color: #2e2e2e;
}

/* @end */

#left_box {
	color: #fdfdfe;
	text-align: right;
	margin: 0;
	padding: 0;
	width: 284px;
	float: left;
	background-repeat: repeat-y;
}


#left_box ul {
	position: fixed;
	top: 521px;
}


#left_box ul li  {
	list-style-type: none;
}



#left_box ul li a {
	text-align: center;
	font-size: 1em;
	line-height: 33px;
	width: 280px;
	display: block;
	height: 35px;
	background: url(../img/left_barre.png) right top;
}




#left_box img {
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
}


#shadow_1 {
	width: 100%;
	height: 12px;
	background: url(../img/shadow_1.png) repeat-x;
}

#shadow_2 {
		width: 667px;
	height: 25px;
	background: url(../img/shadow_2.png) repeat-x center bottom;
}



#pub {
	width: 950px;
	height: 66px;
	text-align: center;
	color: #fffeff;
	background: #121313 url(../img/pub.png) repeat;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	display: none;
}

#support_up {
	background: url(../img/content.png) repeat-y center 5px;
}

#support_down {
	background: url(../img/content.png) repeat-y center center;
}

/* @group Formulaire */

#form_name td.center input.writein {
	width: 94%;
	height: 21px;
	background-color: white;
	margin: 10px;
	padding: 0 0 0 5px;
	border: 1px solid #333333;
}

#form_prenom td.center input.writein {
	width: 94%;
	height: 21px;
	background-color: white;
	margin: 10px;
	padding: 0;
}

#form_email td.center input.writein {
width: 94%;
	height: 21px;
	background-color: white;
	margin: 10px;
	padding: 0;	
}


#form_societe td.center input.writein {
width: 94%;
	height: 21px;
	background-color: white;
	margin: 10px;
	padding: 0;	
}


#nepasimprimer td.lesboutons {
	text-align: center;
}

#form_name td.center,#form_prenom td.center,#form_email td.center,#form_societe td.center  {
	text-align: center;
	border-top: 1px solid #3b3b3b;
}


#form_buttons td.center {
	text-align: center;
	height: 37px;
	background-color: #171717;
}


#form_title td.center {
	text-align: center;
	height: 37px;
	border-top: 1px solid #6f6f6f;
}

#formulaire tbody {
	display: block;
	background-color: #121313;
	font-size: 0.9em;
	border: 1px solid #2b2b2b;
	margin-right: 0;
	width: 570px;
}

#form_prenom td.center {
	text-align: center;
}

#form_societe td.center {
	text-align: center;
}


#form_motif td.center {
	text-align: center;
	padding-left: 17px;
	padding-right: 17px;
	border-top: 1px solid #3b3b3b;
}

td.center input {
	line-height: 0;
	font-size: 0.8em;
	font-weight: bold;
}

#form_buttons td.center input.send {
	width: 158px;
	display: block;
	height: 36px;
	color: silver;
	line-height: 18px;
	font-size: 0.8em;
	font-weight: bold;
	background: url(../img/submit.png) no-repeat center center;
	border-style: none;
}


#form_buttons td.center input.send:hover {
	width: 158px;
	display: block;
	height: 36px;
	color: white;
	line-height: 18px;
	font-size: 0.8em;
	font-weight: bold;
	background: url(../img/submit_over.png) no-repeat center center;
	border-style: none;
}



#form_buttons td.center input {
	width: 123px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	height: 148px;
}

#form_motif td.liste {
	border-top: 1px solid #393a3a;
}

#form_motif td.liste input {
	margin: 8px;
}

#form_message td.center {
	text-align: center;
}

#form_message td.contenant {
}

#form_message td.center textarea {
	margin: 11px 11px 11px 0;
	width: 93%;
	height: 99%;
	padding: 12px;
	font-size: 12px;
	background-color: white;
	border-style: none;
	color: black;
	font-weight: bold;
}

tr#form_buttons {
}

#form_email td.center {
	text-align: center;
}


tr#form_name,tr#form_email,tr#form_motif {
	background-color: #171717;
}

tr#form_title {
	background-color: #262626;
}

/* @end */

/* @group portefolio slider */

#stage{width:632px;overflow-x:hidden; overflow-y:hidden; height:200px;
	margin-top: 0;
	margin-left: auto;
	margin-bottom: 0;
}

#stage {
	
}
#slider-buttons{width:632px; margin:0 auto;}
#myList{width:2000px; border:0; margin:0; padding:0; left:400px;}
#myList li{
		list-style:none; 
		margin:0; 
		padding:0; 
		border:0; 
		margin-right:4px;
		padding:4px; 
		background:#DEDEDE;
		float:left;
		width:200px;
		height:200px;
		}

/* @end */

body.rouge {
	background-repeat: repeat-x;
}

body.bleu {
	background: black url(../../../images/backgrounds/blue.jpg) repeat-x;
}

body.violet {
	background: black url(../../../images/backgrounds/purple.jpg) repeat-x;
}

body.vert {
	background: black url(../../../images/backgrounds/green.jpg) repeat-x;
}

body.orange {
	background: black url(../../../images/backgrounds/orange.jpg) repeat-x;
}

#trait {
	background: url(../../../themes/darkmetal/img/trait.png) repeat-x;
	width: 667px;
	height: 97px;
	padding: 0;
}

#portefolio {
	width: 539px;
	text-align: center;
	padding-top: 1px;
	padding-bottom: 1px;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 20px auto 25px 44px;
}

#portefolio embed {
	opacity: 1;
	display: block;
	padding: 0;
	width: 570px;
	height: 322px;
	margin-top: 26px;
	margin-left: 49px;
	margin-bottom: 24px;
	border: 1px solid #707070;
}