/*
Theme Name: Citroën Business
Theme URI: http://yellowpimento.com
Description: Citroën URL Shortener
Version: 1
Author: Grégory Clément
*/
		
/*------------------------------------------------------------------------------
  SUMMARY
--------------------------------------------------------------------------------

1    licence
2    reset CSS by Eric Meyer
3    global
4    header
5    content
6    sidebar
7    footer
8    class


--------------------------------------------------------------------------------
1  LICENCE
--------------------------------------------------------------------------------

@author        Grégory Clément - Yellow Pimento
@date          2014
@license       MIT (http://opensource.org/licenses/mit-license.php)
@contact       http://yellowpimento.com

COLORS
red: #2C002E
blue: #116873

/*------------------------------------------------------------------------------
2 RESET CSS BY ERIC MEYER meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded
------------------------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	outline:0;
	vertical-align:baseline;
	background:transparent;
}
article, aside, figure, footer, header, hgroup, nav, section {
	display:block;
}
nav ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none;
}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
	margin:1em 0;
	padding:0;
}
input, select {
	vertical-align:middle;
}
table {
	font-size:inherit;
	font:100%;
}
select, input, textarea {
	font:99% sans-serif;
}
pre, code, kbd, samp {
	font-family: monospace, sans-serif;
}
body, select, input, textarea {
	color:#000;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
html {
	-webkit-font-smoothing: antialiased;
}
a:hover, a:active {
	outline: none;
}
ul {
}
li {
	list-style: none none outside;
}
ol {
	list-style-type: decimal;
}
small {
	font-size:85%;
}
strong, th {
	font-weight: bold;
}
td, td img {
	vertical-align:top;
}
sub {
	vertical-align: sub;
	font-size: smaller;
}
sup {
	vertical-align: super;
	font-size: smaller;
}
pre {
	padding: 15px;
	white-space: pre;
	white-space: pre-wrap;
	white-space: pre-line;
	word-wrap: break-word;
}
input[type="radio"] {
	vertical-align: text-bottom;
}
input[type="checkbox"] {
	vertical-align: bottom;
*vertical-align: baseline;
}
.ie6 input {
	vertical-align: text-bottom;
}
label, input[type=button], input[type=submit], button {
	cursor: pointer;
}

::-moz-selection {
background: #ffd200;
color:#000;
text-shadow: none;
}
::selection {
	background:#ffd200;
	color:#000;
	text-shadow: none;
}
a:link {
	-webkit-tap-highlight-color: #ffd200;
}
a img {
	border: none;
}
html {
	height:100%;
}
button {
	width: auto;
	overflow: visible;
}
.ie7 img {
	-ms-interpolation-mode: bicubic;
}
.ir {
	display:block;
	text-indent:-999em;
	overflow:hidden;
	background-repeat: no-repeat;
}
@font-face {
    font-family: 'CitroenBold';
    src: url('/fonts/citroen-bold-webfont.eot');
    src: url('/fonts/citroen-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/citroen-bold-webfont.ttf') format('truetype'),
         url('/fonts/citroen-bold-webfont.svg#CitroenBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'CitroenRegular';
	src: url('/fonts/citroen-webfont.eot');
	src: url('/fonts/citroen-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/citroen-webfont.ttf') format('truetype'),
		 url('/fonts/citroen-webfont.svg#CitroenRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'CitroenLight';
	src: url('/fonts/citroen-light-webfont.eot');
	src: url('/fonts/citroen-light-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/citroen-light-webfont.ttf') format('truetype'), 
		 url('/fonts/citroen-light-webfont.svg#CitroenLight') format('svg');
	font-weight: normal;
	font-style: normal;
}
*{padding:0;margin:0;border:0;}
html{height:100%;}
body{
	min-height:100%;
	font-size:0.7em;
	line-height:0.8em;
	font-weight: normal;
	font-family:'CitroenRegular',Helvetica,arial,sans-serif;
	color:#000;
	position:relative;
	background: #ffffff; /* Old browsers */
	-webkit-font-smoothing: antialiased;
}

#page404{width:280px;height:auto;padding:20px 20px 20px 20px;background:#fff;position:absolute;top:50%;left:50%;margin:-75px auto auto -160px;border:3px solid #6fd4e4;}

	#page404 h1{text-transform:uppercase;font-size:3em;line-height:2em;padding:0 50px;}
		#page404 h1 span{color:#afadc3;}
		#page404 h1 a{font-size:.5em;line-height:1em;float:left;background:#ee7824;color:#fff;text-decoration:none;text-align:center;padding:10px 20px;border:1px solid #ee7824;}
		#page404 h1 a:hover{color:#ee7824;background:#fff;}
		#page404 h1 a.right{float:right;}
	#page404 p{font-size:2em;line-height:1.4em;padding-bottom:20px;color:#aea79f;}
	#page404 li{font-size:1.5em;line-height:1.2em;color:#aea79f;}


#wrapper{min-height:200px;background:url(/img/logo.png) 98% 30px no-repeat;}

footer{position:absolute;width:100%;bottom:0;left:0;}


body.DS {background:#000;color:#fff;}
body.DS #page404{background:#000;border:1px solid #fff;}
body.DS #page404 h1 span{color:#fff;}
body.DS #page404 h1 a{background:#8e0038;color:#fff;border:1px solid #8e0038;}
body.DS #page404 h1 a:hover{color:#fff;background:#000;}
body.DS #page404 p{color:#fff;}
body.DS #page404 li{color:#fff;}
body.DS #wrapper{background:url(/img/logoDS.png) 98% 30px no-repeat;}