html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, code, em, font, img, small, strike, strong, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, textarea,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
img {
	vertical-align: middle;
}
ol, ul {
	list-style: none;
}
:focus {
	outline: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*:focus {
	outline: none;
}

/* =====================================
 *              FIN HACK CSS
 * ===================================== */

body {
	background: #333333 url('/img/background.gif') repeat-x;
	margin: 0 auto;
	font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif;
	font-size: 15px;
	color: #333333;
}

a, a:visited { 
	color: #333333;
	text-decoration: none;
}
a:focus, a:hover { 
	color: #808080;
	text-decoration: none;
}

div {
	text-align: left;
	font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif;
}


/* MAIN */
.main {
	width: 928px;
	margin: 0 auto;
	background: url('/img/logo.png') no-repeat;
}
.main_intro {
	width: 658px;
	margin: 0 auto;
}

.points {
	background: url('/img/points.png') no-repeat;
	height: 8px;
	width: 28px;
	position: absolute;
	top: 224px;
	margin-left: -30px;
}
#points_intro {
	top: 224px;
	margin-left: -157px;
}
.rectangle {
	background: #333333;
	width: 910px;
	position: absolute;
}
.rectangle#rect_accueil_index, .rectangle#rect_accueil_boiteaid {
	height: 85px;
	top: 759px;
	-top: 760px;
	margin-left: -910px;
}
.rectangle#rect_portfolio_logotype,
.rectangle#rect_portfolio_prints,
.rectangle#rect_portfolio_packaging,
.rectangle#rect_portfolio_webdesign {
	height: 191px;
	top: 653px;
	-top: 654px;
	margin-left: -910px;
}
.rectangle#rect_services_index {
	height: 191px;
	top: 654px;
	-top: 655px;
	margin-left: -910px;
}
.rectangle#rect_contact_index {
	height: 191px;
	top: 654px;
	-top: 655px;
	margin-left: -910px;
}

.sidebar {
	height: 929px;
	position: relative;
}
.sidebar#accueil_index {
	background: url('/img/accueil_side.png') no-repeat;
	background-position: 0 299px;
	-background-position: 0 300px;
}
.sidebar#accueil_boiteaid {
	background: url('/img/boiteaid_side.png') no-repeat;
	background-position: 0 299px;
	-background-position: 0 300px;
}
.sidebar#portfolio_logotype {
	background: url('/img/portfolio1_side.png') no-repeat;
	background-position: 0 299px;
	-background-position: 0 300px;
}
.sidebar#portfolio_prints {
	background: url('/img/portfolio2_side.png') no-repeat;
	background-position: 0 299px;
	-background-position: 0 300px;
}
.sidebar#portfolio_packaging {
	background: url('/img/portfolio3_side.png') no-repeat;
	background-position: 0 299px;
	-background-position: 0 300px;
}
.sidebar#portfolio_webdesign {
	background: url('/img/portfolio4_side.png') no-repeat;
	background-position: 0 299px;
	-background-position: 0 300px;
}
.sidebar#services_index {
	background: url('/img/services_side.png') no-repeat;
	background-position: 0 299px;
	-background-position: 0 300px;
}
.sidebar#contact_index {
	background: url('/img/contact_side.png') no-repeat;
	background-position: 0 299px;
	-background-position: 0 300px;
}


.gauche {
	float: left;
	width: 284px;
}
.gauche_intro {
	float: left;
	width: 14px;
}
#top_left {
	height: 105px;
	background: url('/img/top_left.png') no-repeat bottom right;
}
#shadow_left {
	height: 790px;
	background: url('/img/shadow_left.png') repeat-y top right;
}
#bottom_left {
	height: 34px;
	background: url('/img/bottom_left.png') no-repeat top right;
}

#centre {
	margin-top: 71px;
	width: 644px;
	float: left;
}
#top {
	height: 34px;
	width: 644px;
	background: url('/img/top.png') no-repeat;
}
#page {
	float: left;
	width: 630px;
}
#shadow_right {
	float: left;
	height: 790px;
	width: 14px;
	background: url('/img/shadow_right.png') repeat-y;
}
#bottom {
	clear: left;
	height: 30px;
	background: url('/img/bottom.png') no-repeat;
}

#header {
	padding-top: 109px;
	height: 65px;
	background: #333333 url('/img/phrase_menu.png') no-repeat 315px 8px;
	border-left: 1px solid #2F2F2F;
	border-right: 1px solid #2F2F2F;
}
#header_intro {
	padding-top: 98px;
	height: 150px;
	background: #333333 url('/img/phrase_menu.png') no-repeat 315px 8px;
	border-left: 1px solid #2F2F2F;
	border-right: 1px solid #2F2F2F;
}
#contenu {
	height: 583px;
	background: #FFFFFF url('/img/degrade_contenu.png') repeat-x bottom left;
}
#contenu_intro {
	height: 390px;
	background: #FFFFFF url('/img/degrade_contenu.png') repeat-x bottom left;
}
#footer {
	text-align: center;
	padding-top: 13px;
	height: 19px;
	color: #666666;
	border-left: 1px solid #2F2F2F;
	border-right: 1px solid #2F2F2F;
	font-size: 14px;
}
#footer_intro {
	background: #333333;
	padding-top: 30px;
	height: 90px;
	border-left: 1px solid #2F2F2F;
	border-right: 1px solid #2F2F2F;
	text-align: center;
}
#copyright {
	color: #666666;
	position: absolute;
	top: 876px;
	margin-left: -30px;
	z-index: 1000;
	font-size: 13px;
}
#copyright a, #footer a {
	color: #666666;
}
#copyright a:focus, #copyright a:hover,
#footer a:focus, #footer a:hover {
	color: #808080;
}

/* MENU */
#menu {
	margin-left: 20px;
	height: 33px;
}
#menu li {
	background: url('/img/ombre.png') no-repeat bottom left;
	width: 120px;
	height: 33px;
	float: left;
}
#menu li a {
	display: block;
	height: 17px;
	width: 120px;
}
#menu #menu_accueil {
	background: url('/img/menu_accueil.gif') no-repeat;
}
#menu #menu_portfolio {
	background: url('/img/menu_portfolio.gif') no-repeat;
}
#menu #menu_services {
	background: url('/img/menu_services.gif') no-repeat;
}
#menu #menu_contact {
	background: url('/img/menu_contact.gif') no-repeat;
}
#menu .separateur {
	margin: 0 16px;
	-margin-top: -2px;
	background: #D9D9D9;
	height: 17px;
	width: 3px;
}
#fleche_verte {
	clear: left;
	background: url('/img/fleche_verte.png') no-repeat 57px 8px;
	height: 24px;
	width: 101px;
}


/* INTRO */
#logo_intro {
	position: absolute;
	background: url('/img/intro.png') no-repeat;
	height: 298px;
	width: 584px;
	margin-left: 23px;
}
#intro {
	padding-top: 215px;
}
#intro #icones {
	background: url('/img/icones.png') no-repeat 40px 0;
	display: block;
	height: 79px;
}
#intro #accroches {
	text-align: center;
	margin-top: 25px;
	font-size: 17px;
}
#entrer {
	background: url('/img/entrer.png') no-repeat;
	display: block;
	width: 161px;
	height: 56px;
	margin: 0 auto;
}
#keywords {
	color: #555;
	font-size: 12px;
	text-align: justify;
	padding: 10px 25px 20px 25px;
}


/* ACCUEIL */
#accueil {
	background: url('/img/accueil_fond.png') no-repeat 30px 124px;
	padding: 20px 35px 0 35px;
}
#accueil p {
	height: 46px;
}
#accueil #conteneur {
	display: block;
	overflow: hidden;
	height: 350px;
}
#accueil #accueil_phrase {
	margin-top: 28px;
	margin-left: 30px;
	height: 49px;
	text-align: center;
	font-weight: bold;
	color: #c2ac5d;
}
#accueil #accroche1 {
	margin-top: 7px;
	font-weight: bold;
	padding-left: 82px;
}
#accueil #accroche2 {
	font-weight: bold;
	padding-left: 235px;
}
#accueil .description_gauche {
	font-size: 13px;
	margin: 42px 0 0 96px;
}
#accueil .description_droite {
	float: right;
	width: 160px;
	font-size: 13px;
}
#accueil #savoir_plus {
	margin: 25px 0 0 353px;
	display: block;
	width: 204px;
	height: 45px;
}
#accueil #accueil_explication {
	margin-top: 5px;
	padding: 17px 10px 0 88px;
	background: url('/img/accueil_bas.png') no-repeat;
	height: 87px;
	font-size: 12px;
	color: #bd9e4a;
}
#accueil_explication #ligne1 {
	margin: 0 0 3px 52px;
}
#boiteaid_lien {
	float: left;
	display: block;
	margin-top: 185px;
	width: 245px;
	height: 170px;
}


/* BOITE A ID */
#boiteaid {
	background: url('/img/boiteaid.jpg') no-repeat;
	height: 584px;
}


/* PORTFOLIO */
#menu_portfolio {
	padding-top: 8px;
}
#menu_portfolio li {
	float: left;
	width: 155px;
	text-align: center;
}
#menu_portfolio li a {
	display: block;
	font-size: 18px;
}
#menu_portfolio li a:hover, #menu_portfolio li a:focus {
	color: #BDCD00;
	text-decoration: underline;
}
#menu_portfolio a.selected_portfolio {
	color: #BDCD00;
	text-decoration: underline;
}
#menu_portfolio .separateur_portfolio {
	background: #333333;
	width: 3px;
	height: 16px;
	margin-top: 4px;
	-margin-top: 2px;
}
#commentaires {
	padding-top: 16px;
	list-style: disc;
	padding-left: 35px;
}
#commentaires li {
	color: #FFFFFF;
}
#commentaires.marge_packaging li {
	margin-bottom: 10px;
}
#commentaires.marge_logotype li {
	margin-bottom: 4px;
}
#commentaires.marge_webdesign li {
	margin-bottom: 14px;
}

.miniatures {
	padding: 406px 40px 0 17px;
}
.miniatures img {
	margin: 0 10px 10px 0;
	cursor: pointer;
}
#grandes {
	clear: left;
	overflow: hidden;
	padding-top: 15px;
}
#grandes #fleche_gauche {
	float: left;
	padding: 227px 15px 0 35px;
}
#grandes #fleche_gauche img {
	cursor: pointer;
}
#grandes #fleche_droite {
	float: left;
	padding: 227px 0 0 15px;
}
#grandes #fleche_droite img {
	cursor: pointer;
}
#grandes #apercu {
	float: left;
	width: 480px;
	height: 480px;
}
#portfolio #description {
	clear: left;
	padding-top: 18px;
	background: url('/img/carres.png') no-repeat 0 20px;
	margin: 0 auto;
	width: 480px;
}
#portfolio #description_inside {
	text-align: center;
	background: url('/img/carres.png') no-repeat 465px 2px;
	height: 30px;
}

/* SERVICES */
#services_sidebar {
	padding-top: 566px;
	list-style: disc;
	padding-left: 30px;
}
#services_sidebar li {
	color: #FFFFFF;
	margin-bottom: 7px;
}
#services {
	padding-left: 37px;
}
#services #icones {
	background: url('/img/icones.png') no-repeat 0 20px;
	height: 99px;
}
#services .titres {
	background: url('/img/fleche_fond.png') no-repeat;
	height: 30px;
	padding-top: 7px;
	margin: 22px 0 10px 0;
	font-weight: bold;
	text-align: center;
}
#services p {
	margin-bottom: 6px;
	padding-right: 35px;
	text-align: justify;
}
#services .desc {
	color: #595959;
	font-size: 15px;
	font-style: italic;
}


/* FORMULAIRES */
.text label, .textarea label {
	width: 62px;
	height: 24px;
	float: left;
	display: block;
	padding-top: 7px;
	font-weight: bold;
}
.text input, textarea {
	color: #666666;
	font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif;
	font-size: 14px;
	padding-left: 28px;
	padding-top: 4px;
	padding-bottom: 2px;
	border: 1px solid #AAA;
}
.text input {
	width: 177px;
	margin-bottom: 8px;
	-margin-bottom: 5px;
}
#form_contact textarea {
	background: #FFFFFF url('/img/form_message.png') no-repeat top left;
	overflow: auto;
	width: 525px;
	height: 120px;
	max-width: 522px;
	max-height: 120px;
}
#form_question textarea {
	padding: 3px;
	background: #FFFFFF;
	margin-left: 20px;
	margin-top: 5px;
	overflow: auto;
	width: 122px;
	height: 44px;
	max-width: 122px;
	max-height: 44px;
}
.radio label {
	padding-left: 7px;
}
#form_contact .message {
	position: absolute;
	margin: 6px 0 0 60px;
	color: #ad4242;
}
#form_question .message {
	margin-top: 10px;
}
.error-message {
	display: none;
}
.error input, .error textarea {
	border: 1px solid #ad4242;
}


/* CONTACT */
#form_question {
	color: #FFFFFF;
	padding-top: 566px;
	padding-left: 30px;
}
#form_question form {
	padding-top: 5px;
}
#form_question #ok {
	display: block;
	position: absolute;
	margin-top: 113px;
	margin-left: 160px;
	background: url('/img/ok.png') no-repeat;
	width: 44px;
	height: 46px;
}

#contact {
	padding-top: 18px;
}
#contact #xid {
	text-align: center;
	margin-bottom: 5px;
}
#contact #xid span {
	font-weight: bold;
	border-bottom: 2px solid #bd9e4a;
	color: #737373;
	font-size: 22px;
}
#contact #tel {
	color: #737373;
	text-align: center;
	margin-bottom: 16px;
	font-size: 16px;
}
#contact #accroches {
	text-align: center;
	font-size: 16px;
}
#contact #mail {
	background: url('/img/mail_fond.png') no-repeat;
	width: 500px;
	padding-top: 13px;
	font-size: 21px;
	height: 40px;
	margin: 0 auto;
	text-align: center;
}
#contact #mail a {
	color: #bd9e4a;
	font-weight: bold;
}
#contact #mail a:hover, #contact #mail a:focus {
	color: #777777;
}
#contact #enveloppe {
	background: url('/img/enveloppe.png') no-repeat;
	margin: 15px 0;
	height: 43px;
	color: #bd9e4a;
	font-size: 13px;
	margin-left: 37px;
	padding: 5px 0 0 180px;
}
#contact #siret {
	text-align: center;
	font-size: 11px;
}
#form_contact {
	padding: 5px 0 8px 37px;
}
#form_contact #gauche {
	float: left;
	width: 284px;
}
#form_contact .tete {
	background: #FFFFFF url('/img/form_tete.png') no-repeat top left;
}
#form_contact .sac {
	background: #FFFFFF url('/img/form_sac.png') no-repeat top left;
}
#form_contact .tel {
	background: #FFFFFF url('/img/form_tel.png') no-repeat top left;
}
#form_contact .i {
	background: #FFFFFF url('/img/form_i.png') no-repeat top left;
}
#form_contact .enveloppe {
	background: #FFFFFF url('/img/form_enveloppe.png') no-repeat top left;
}
#contact #envoyer {
	background: url('/img/envoyer.png') no-repeat 38px 4px;
	height: 53px;
}
#contact #envoyer a {
	margin-left: 390px;
	display: block;
	width: 170px;
	height: 50px;
}