/*
Theme Name: Genutsprod
Theme URI: http://genutsprod.com/
Description: .
Version: 1.0b
Author: Sébastien Grégoire
Author URI: http://genutsprod.com/
Tags: 

This theme was designed and built by Sebastien Gregoire,
whose blog you will find at http://blog.sebastiengregoire.fr/

*/

@import url(http://fonts.googleapis.com/css?family=Lobster);

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: middle;
  background: transparent;
}
body {
  line-height: 1;
  font-family: 'Lobster', arial, serif;
  background: #444854;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
* {
  margin: 0;
  padding: 0;
}

a {
	text-decoration: none;
	color: #FFF;
}
a:visited {
	color: #FFF;
}

h2 {
	color: #539dbb;
	font-size: 30px;
	font-weight: normal;
	text-shadow: #444753 -1px -1px 0px;
	margin-bottom: 10px;
}

p {
	color: #444854;
	font-size: 18px;
	text-align: justify;
}

	/*										*/

/* EN-TETE */
#header {
	height: 240px;
	width: 900px;
	margin: 0 auto;
}

/* MENU */
#menu-haut {
	font-size: 24px;
	color: #FFF;
	text-shadow: #444753 0px 2px 0px;
}

.menu-haut-gauche {
	height: 41px;
	width: 20px;
	background: transparent url('./images/menu-haut-gauche.png') top no-repeat;
}
.menu-haut {
	padding-left: 30px;
	padding-right: 30px;
	height: 41px;
	background: transparent url('./images/menu-haut-bg.png') top repeat-x;
}
.menu-haut-droit {
	height: 41px;
	width: 20px;
	background: transparent url('./images/menu-haut-droit.png') top no-repeat;
}

#header-img {
	height: 199px;
	width: 900px;
	background: transparent url('./images/titre.jpg') top no-repeat;
}

/* CONTENU */
#content {
	width: 100%;
	background: #FFF;
}
#page {
	width: 840px;
	margin: 0 auto;
	background: #FFF url('./images/page-bg.jpg') center repeat-y;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 50px;
}

#page a {
	color: #00719c;
}
#page a:hover {
	color: #539dbb;
}

#page-titre {
	font-size: 48px;
	color: #FFF;
	text-shadow: #444753 -2px -2px 0px;
	margin-bottom: 50px;
}

.page-titre-gauche {
	height: 70px;
	width: 25px;
	background: transparent url('./images/page-titre-gauche.png') top no-repeat;
	
}
.page-titre {
	height: 70px;
	background: transparent url('./images/page-titre-bg.png') top repeat-x;
	
}
.page-titre-droit {
	height: 70px;
	width: 24px;
	background: transparent url('./images/page-titre-droit.png') top no-repeat;
	
}

#carroussel {
	height: 300px;
	width: 840px;
	margin-bottom: 30px;
}

#a-propos, #me-contacter {
	vertical-align: top;
	width: 50%;
}
#a-propos p, #me-contacter p {
	padding-left: 10px;
	padding-right: 10px;
}

#me-contacter-liens {
	margin-left: 75px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 24px;
	color: #00719c;
}

#me-contacter-liens td img {
	margin-left: 20px;
	margin-right: 5px;
}

#div-presse ul {
	margin-top: 10px;
	margin-left: 20px;
    list-style: url('./images/puce.jpg') inside;
}
#div-presse ul li {
	line-height: 20px;
	color: #656a79;
	font-size: 18px;	
}

/* ARCHIVES */
.archive h2 a {
	color: #09C;
}

/* FOOTER */
#footer {
	width: 100%;
	height: 250px;
	background: transparent url('./images/footer-bg.jpg') top repeat-x;
}
#footer-contenu {
	height: 220px;
	width: 880px;
	margin: 0 auto;
	background: transparent url('./images/footer-contenu-bg.jpg') top no-repeat;
	padding-left: 30px;
	padding-right: 30px;
}

#footer h2 {
	padding-top: 20px;
	padding-left: 10px;
	color: #FFF;
}

#footer-contenu ul {
	margin-top: 10px;
	margin-left: 30px;
    list-style: url('./images/puce-footer.jpg') inside;
}
#footer-contenu ul li {
	line-height: 20px;
	color: #444854;
	font-size: 18px;	
}

#follow-me {
	width: 335px;
}

.mini-cv {
	color: #3590a4;
	font-size: 24px;
	margin-top: 30px;
}

#mini-cv-gauche {
	width: 180px;
	padding-right: 15px;
}
#mini-cv-gauche p {
	text-align: right;
	line-height: 1.2;
}
#mini-cv-droit {
	padding-left: 15px;
}
#mini-cv-droit p {
	text-align: left;
}

#copyright {
	margin-top: 25px;
	text-align: center;
	color: #FFF;
}