/*
	BASICS, FRAME,
*/

@import url("classes.css");

* { margin: 0; padding: 0; }

html {
	background: url(../img/bg_tile.jpg);
	height: 100%;
}

body {
	font-family: Georgia, "Helvetica Neue", Helvetica, Arial;
	font-size: 10pt;
	color: #353535;
	height: auto !important; height: 100%;
	min-height: 100%;
	position: relative;
}

body.accueil { background: url(../img/bg_ink_accueil.jpg) no-repeat; }
body.services { background: url(../img/bg_ink_services.jpg) no-repeat; }
body.equipe { background: url(../img/bg_ink_equipe.jpg) no-repeat; }
body.portfolio { background: url(../img/bg_ink_portfolio.jpg) no-repeat; }
body.nousjoindre { background: url(../img/bg_ink_nousjoindre.jpg) no-repeat; }

#container {
	/*background: url(../img/bg_top.jpg) no-repeat left top;*/
	height: auto !important; height: 400px;
	min-height: 400px;
}

#page {
	width: 945px;
}

#square_bottom_left {
	background: url(../img/square_bottom_left.png) no-repeat left top;
	width: 219px;
	height: 23px;
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 50;
}

#square_bottom_right {
	background: #2D2D2D;
	width: 13px;
	height: 193px;
	position: fixed;
	bottom: 0px;
	right: 0px;
	z-index: 50;
}

/*
	TAGS,
*/

a {
	text-decoration: none;
	font-family: "Helvetica Neue", Helvetica, Arial;
	font-size: 10pt;
	color: #505050;
	outline: none;
}

a:hover { color: #e10029; }

img { border: none; }

/* Titles */
h2 {
	border-top: 4px solid #3f3f3f;
	border-bottom: 4px solid #3f3f3f;
	font-family: Georgia, Serif;
	font-size: 24pt;
	font-weight: normal;
	color: #3f3f3f;
	padding: 6px 0 4px 0;
}


h2.big { font-size: 32pt; }
h2.realbig { font-size: 42pt; }

h2 span {
	font-size: 14pt;
	display: block;
	position: relative;
	margin-top: -5px;
	padding-bottom: 10px;
}

h3 {
	font-family: Georgia, Serif;
	font-size: 13pt;
	font-weight: normal;
	color: #3f3f3f;
	padding: 3px 0;
}

p {
	font-size: 10pt;
}


/*
	SIDEBAR,
*/

#sidebar {
	float: left;
	width: 258px;
	padding-top: 46px;
}

/* logo */
h1 a {
	display: block;
	background: url(../img/fernandez_logo.jpg) no-repeat;
	width: 219px;
	height: 219px;
}

h1 a span { display: none; }

/* social */
#social {
	font-family: "Helvetica Neue", Helvetica, Arial;
	padding: 13px 0 0 19px;
}

#social p {
	text-transform: uppercase;
	font-size: 8pt;
	padding-bottom: 5px;
}

#social a {
	float: left;
	margin-right: 5px;
}


/*
	RIGHT,
*/

#right_content {
	float: right;
	width: 681px;
}


/*
	HEADER,
*/

/* newsletter, */
#newsletter {
	font-family: "Helvetica Neue", Helvetica, Arial;
	font-size: 9pt;
	height: 50px;
	padding-top: 37px;
	position: relative;
	overflow: hidden;
}

#newsletter #newsletter_form {
	background: url(../img/dotted_bg.gif) repeat-x left top;
	float: right;
	width: 203px;
	padding-top: 10px;
}

#newsletter #newsletter_form label {
	padding-bottom: 3px;
	letter-spacing: 0.02em;
	display: block;
}

#newsletter #newsletter_form #email {
	font-size: 8pt;
	border: none;
	background: transparent;
	color: #dd0028;
	width: 140px;
	float: left;
}

#newsletter #newsletter_form #newsletter_submit {
	border: none;
	background: transparent url(../img/dotted_bg.gif) repeat-x left bottom;
	float: left;
	width: 55px;
	color: #333;
	font-size: 8pt;
	padding: 0;
	margin: 0;
	cursor: pointer;
}

#newsletter #newsletter_form #newsletter_submit:hover {
	color: #dd0028;
}

#newsletter #newsletter_msg {
	float: right;
	color: #dd0028;
	font-size: 9pt;
	padding-top: 29px;
	padding-right: 5px;
	display: none;
}

#newsletter #newsletter_msg p {
	color: #dd0028;
	font-size: 9pt;
}

#newsletter #newsletter_msg p.success { color: #89ad27; }

/* menu */
#menu {
	background: url(../img/dotted_bg.gif) repeat-x left top;
	height: 28px;
	padding-top: 14px;
}

#menu li {
	list-style: none;
	display: block;
	float: left;
	padding-left: 15px;
	list-style-position: inside;
}

#menu li:first-child {
	padding-left: 0;
}

#menu li a {
	text-transform: uppercase;
	display: block;
	float: left;
	font-size: 10pt;
	padding-left: 10px;
}

#menu li a:hover, #menu li a:active {
	background: url(../img/arrow_over.png) no-repeat 0px 5px;
	color: #e10029;
}

/* accueil */
body.accueil #menu li#m_accueil a { background: url(../img/arrow_over.png) no-repeat 0px 5px; color: #e10029; padding-left: 10px; }
/* accueil */
body.services #menu li#m_services a { background: url(../img/arrow_over.png) no-repeat 0px 5px; color: #e10029; padding-left: 10px; }
/* accueil */
body.equipe #menu li#m_equipe a { background: url(../img/arrow_over.png) no-repeat 0px 5px; color: #e10029; padding-left: 10px; }
/* accueil */
body.portfolio #menu li#m_portfolio a { background: url(../img/arrow_over.png) no-repeat 0px 5px; color: #e10029; padding-left: 10px; }
/* accueil */
body.nousjoindre #menu li#m_nousjoindre a { background: url(../img/arrow_over.png) no-repeat 0px 5px; color: #e10029; padding-left: 10px; }

/* slogan */
#slogan {
	background: url(../img/dotted_bg.gif) repeat-x left top;
	font-family: "Helvetica Neue", Helvetica, Arial;
	font-size: 8pt;
	letter-spacing: 0.015em;
	padding-top: 15px;
}

/*
	CONTENT,
*/

/* Submenu */

#accolade {
	background: url(../img/accolade.png) no-repeat;
	width: 73px;
	height: 256px;
	position: absolute;
	top: 448px;
	left: 147px;
	z-index: 100;
}

.submenu {
	/*padding-left: 14px;*/
}

.submenu .item {
	background: url(../img/dotted_bg.gif) repeat-x left bottom;
}

.submenu .item a {
	display: block;
	background: url(../img/arrow.png) no-repeat 29px 5px;
	width: 205px;
	text-transform: uppercase;
	font-size: 10pt;
	padding: 0 0 0 39px;
}

.submenu .item a:hover,
.submenu .item a:active,
.submenu .item a.on {
	background-image: url(../img/arrow_over.png);
	color: #db0028;
}

/*
	ACCUEIL,
*/

#text_scroller {
	border-top: 5px solid #3f3f3f;
	border-bottom: 5px solid #3f3f3f;
	font-family: "Georgia", Georgia, "Myriad pro", Helvetica, Arial;
	color: #3f3f3f;
	font-size: 52pt;
	line-height: 1em;
	margin-top: 110px;
	height: 213px;
	position: relative;
	overflow: hidden;
}

#text_scroller a {
	color: #3f3f3f;
	font-size: 52pt;
	font-family: Georgia, Helvetica, Arial;
	line-height: 1em;
}

#text_scroller a:hover {
	color: #e10029;
}

#text_scroller div {
	position: relative;
}

#submenu_accueil .item {
	background: url(../img/dotted_bg.gif) repeat-x left bottom;
}

#submenu_accueil .item a {
	display: block;
	background: url(../img/arrow.png) no-repeat 29px 12px;
	width: 205px;
	text-transform: uppercase;
	font-size: 10pt;
	padding: 7px 0 14px 39px;
}

#submenu_accueil .item a:hover,
#submenu_accueil .item a:active,
#submenu_accueil .item a.on {
	background-image: url(../img/arrow_over.png);
	color: #db0028;
}

#submenu_accueil .item .content {
	display: none;
	float: right;
	width: 687px;
	line-height: 1.5em;
	padding: 10px 0;
}

#submenu_accueil .item .content p {
	padding: 5px 0;
}

#submenu_accueil .item .content span {
	clear: both;
	display: block;
}

/*
	SERVICES,
*/

.intro {
	font-size: 12pt;
	padding-top: 30px;
}

.intro p {
	padding: 4px 0;
}


#services_accordion {
	padding-top: 20px;
}
#services_accordion h2 {
	border-bottom: none;
	cursor: pointer;
	outline: none;
}

#services_accordion h2.ui-state-active,
#services_accordion h2.ui-last {
	border-bottom: 4px solid #3f3f3f;
	overflow: hidden;
	position: relative;
}

#services_accordion div.section_content {
	line-height: 1.5em;
	padding: 10px 0;
}

#services_accordion div.section_content span {
	display: block;
	clear: left;
}

#services_accordion div.section_content p {
	padding: 4px 0;
}


/*
	NOUS JOINDRE,
*/

body.nousjoindre .intro {
	font-family: Helvetica, Arial;
	font-size: 12pt;
	line-height: 1.25em;
	padding-top: 53px;
}

body.nousjoindre .intro a {
	font-family: Helvetica, Arial;
	font-size: 12pt;
	line-height: 1.25em;
}

#map img{
	border-top: 4px solid #3f3f3f;
	border-bottom: 4px solid #3f3f3f;
	margin-top: 30px;
}


/*
	EQUIPE,
*/

/* submenu */
#submenu_equipe {
	margin: 75px 0 0 0;
	padding-left: 0;
}

#submenu_equipe #accolade {
	top: 347px;
}

#submenu_equipe .item {
	width: 220px;
	padding: 7px 0 14px 0;
}

#submenu_equipe .item a {
	padding-left: 40px;
}

#submenu_equipe #equipe_members,
#submenu_equipe #equipe_collabs {
	padding-top: 4px;
}

#submenu_equipe #equipe_members a,
#submenu_equipe #equipe_collabs a {
	background: none;
	font-size: 9pt;
	padding: 1px 0 0 40px;
}

/* content */
body.equipe #content {
	padding-top: 22px;
}

body.equipe #content .intro {
	padding-bottom: 13px;
}

#equipe_members_content {
	border-bottom: 4px solid #3f3f3f;
}

#equipe_members_content .content {
	padding: 8px 0 12px 0;
}

#equipe_members_content .item { display: none; }

#equipe_members_content .item:first-child { display: block; }

#equipe_members_content .content {
	font-size: 12pt;
	line-height: 1.25em;
}

#equipe_members_content .content p {
	font-size: 12pt;
	line-height: 1.25em;
	padding: 6px 0;
}

#equipe_members_content .content a.link {
	padding: 8px 0 0 0;
}


/*
	PORTFOLIO,
*/

/* submenu */
#submenu_portfolio {
	margin: 53px 0 0 0;
	padding-left: 0;
}

#submenu_portfolio {
	top: 347px;
}

#submenu_portfolio .item {
	width: 220px;
	padding: 22px 0 9px 0;
}

#submenu_portfolio .item a {
	padding-left: 40px;
}

/* content */
#content a {
	text-decoration: none;
	border-bottom: 1px dotted #666;
}


body.portfolio #content {
	padding-top: 103px;
}

#portfolio_content .item .content {
	overflow: hidden;
	position: relative;
}

#portfolio_content .item {
	overflow: hidden;
	position: relative;
}

#portfolio_content .mandat {
	padding-bottom: 25px;
}

#portfolio_content .mandat {
	margin-top: 10px;
	clear: left;
}

#portfolio_content .mandat_content {
	border: 1px solid #949494;
	width: 412px;
	height: auto !important; height: 142px;
	min-height: 142px;
	float: left;
}

#portfolio_content .mandat .title {
	display: block;
	font-size: 14pt;
	padding: 12px 5px 5px 7px;
}

#portfolio_content .mandat .desc {
	font-size: 9pt;
	font-family: Helvetica, Arial;
	line-height: 1.25em;
	padding: 0 7px 12px 7px;
}

#portfolio_content .mandat .photo {
	float: left;
	width: 257px;
	height: 144px;
	margin-left: 10px;
}

#portfolio_content .mandat .photo a {
	border: 0;
}

#portfolio_content .mandat .photo img {
	border: 1px solid #949494;
	width: 255px;
	height: 142px;
}

#portfolio_content .mandat .photo a.portfolio_image {
	display: block;
	width: 257px;
	height: 144px;
}

#portfolio_content .mandat .photo a span.zoom {
	display: block;
	background: url(../img/zoom.gif) no-repeat top left;
	width: 22px;
	height: 21px;
	margin-top: 122px;
	margin-left: 234px;
	position: absolute;
	z-index: 10000;
}

#portfolio_content .mandat .photo a:hover span.zoom {
	background-image: url(../img/zoom_over.gif);
}