/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 21, 2011 */

@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('../res/font/league_gothic-webfont.eot');
    src: url('../res/font/league_gothic-webfont.eot?#iefix') format('eot'),
         url('../res/font/league_gothic-webfont.woff') format('woff'),
         url('../res/font/league_gothic-webfont.ttf') format('truetype'),
         url('../res/font/league_gothic-webfont.svg#webfont2e4KA6ok') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LeagueScriptThinLeagueScript';
    src: url('../res/font/leaguescript-webfont.eot');
    src: url('../res/font/leaguescript-webfont.eot?#iefix') format('eot'),
         url('../res/font/leaguescript-webfont.woff') format('woff'),
         url('../res/font/leaguescript-webfont.ttf') format('truetype'),
         url('../res/font/leaguescript-webfont.svg#webfont8vjeZl6n') format('svg');
    font-weight: normal;
    font-style: normal;
}

body, td, input, select {
	font-family: arial, verdana, sans-serif;
	font-size: 1em;
	color: #111;
}
body, td {
	margin: 0px;
	padding: 0px;
}
body {
	/*background-color: #FDFDFD;*/
	background-color: #fff;
}

form {
	margin: 0px;
	padding: 0px;
}

img {
	border: 0px;
}

object {
	vertical-align: middle;
}

div.clear {
	clear: both;
}

a {
	color: #FF7800;
}

/* Conteneur */

#conteneur {
	position: relative;
	width: 790px;
	background: #fff;
	margin: 0 auto;
	padding: 0 0 45px 0;
}

/* Logo */

#logo-conteneur {
	width: 790px;
	position: relative;
	margin: 0 auto;
}
#logo {
	display: none;
	position: absolute;
	z-index: 900;
}
#doc-accueil #logo {
	display: block;
	top: 140px;
	left: 60px;
}
#doc-services #logo {
	display: block;
	top: 140px;
	left: 440px;
}
#doc-clients #logo {
	display: block;
	top: -80px;
	left: 440px;
}
#doc-equipe #logo {
	display: block;
	top: 220px;
	right: 20px;
}
#doc-nouvelles #logo,
#doc-contact #logo {
	display: block;
	top: 160px;
	right: 120px;
}

/* Header */

#header {
	position: relative;
	width: 790px;
	margin: 0 auto;
	padding: 50px 0 0 0;
	font-size: 1.4em;
	font-family: LeagueGothicRegular, arial, sans-serif;
	text-transform: uppercase;
	line-height: 1.5em;
	height: 1.4em;
}
#header ul {
	margin: 0;
	padding: 0;
}
#header li {
	list-style: none;
}
#header img {
	vertical-align: middle;
}
#header-logo img {
	vertical-align: baseline;
}
#header a {
	color: #111;
	text-decoration: none;
	padding: 3px 0;
}
#principal-nav li.doc a:hover,
#secondaire-nav #nav-lng a:hover {
	border-top: 2px solid #111;
}
#header li.doc.path a {
	color: #FF7800;
	border-top: 2px solid #FF7800;
}
#principal-nav {
	position: absolute;
	left: 0;
}
#principal-nav li {
	float: left;
	margin: 0 20px 0 0;
}
#secondaire-nav {
	position: absolute;
	right: 0;
}
#secondaire-nav li {
	float: right;
	margin: 0 0 0 10px;
}
#secondaire-nav #nav-lng {
	margin-left: 20px;
}

/* Titre */

#titre {
	margin: 50px 0;
}
#titre h1 {
	margin: 0;
	font-family: LeagueScriptThinLeagueScript, arial, sans-serif;
	font-feature-settings: 'liga=1,dlig=1'; -moz-font-feature-settings: 'liga=1,dlig=1'; -webkit-font-feature-settings: 'liga=1,dlig=1'; -o-font-feature-settings: 'liga=1,dlig=1';
	font-weight: normal;
	font-size: 2.4em;
	height: 1.5em;
	line-height: 1.5em;
	text-transform: lowercase;
}
#titre a {
	color: #111;
	text-decoration: none;
}

/* Texte */

div.texte {
	margin: 0;
	font-size: 0.9em;
}
div.texte h2 {
	font-family: LeagueGothicRegular, arial, sans-serif;
	font-size: 1.8em;
	font-weight: normal;
	line-height: 1.2em;
	margin: 1.5em 0 0.5em 0;
}
div.texte p {
	margin: 0 0 0.5em 0;
	line-height: 1.5em;
}
div.texte ul {
	padding: 0 0 0 1em;
	margin: 0 0 0.5em 0;
}
div.texte li {
	margin: 0 0 0.5em 0;
	line-height: 1.5em;
}
div.texte blockquote {
	margin: 0;
}
div.texte div.sig {
	text-align: right;
}
div.texte div.sig div.nom {
	font-weight: bold;
}

/* Itemtab */

ul.itemtab-nav {
	margin: 0 0 45px 0;
	padding: 0;
}
ul.itemtab-nav li {
	list-style: none;
	float: left;
	margin: 0 15px 0 0;
}
ul.itemtab-nav a {
	display: block;
	width: 60px;
	height: 60px;
	overflow: hidden;
	border: 5px solid #111;
}
ul.itemtab-nav li.sel a {
	border-color: #FF7800;
}
ul.itemtab-nav li.vertical img {
	width: 60px;
}
ul.itemtab-nav li.horizontal img {
	height: 60px;
}

/* Diaporama */

ul.diaporama-nav {
	margin: 0;
	padding: 0;
}
ul.diaporama-nav li {
	list-style: none;
	float: left;
	margin: 0;
}
ul.diaporama-nav a {
	display: block;
	width: 9px;
	height: 9px;
	padding: 3px;
	background: url(../res/element/item-noir.png) top left no-repeat;
}
ul.diaporama-nav li.sel a {
	background: url(../res/element/item-normal.png) top left no-repeat;
}

/* Accueil */

#doc-accueil #titre {
	display: none;
}
#doc-accueil #conteneur {
	width: 100%;
}

#accueil {
	margin: 60px auto;
}
#accueil ul.diaporama-nav {
	width: 520px;
	margin: 30px auto 0 auto;
}
#accueil ul.photo-list {
	margin: 0;
	padding: 0;
}
#accueil li.photo {
	list-style: none;
	margin: 0;
	text-align: center;
}
#accueil li.photo div.client {
	font-family: LeagueGothicRegular, arial, sans-serif;
	font-size: 1.4em;
	line-height: 1.2em;
	margin-top: 15px;
}

/* Services */

#services-principal {
	width: 385px;
	float: left;
}
#services-secondaire {
	width: 385px;
	float: right;
}

#services-intro p.intro {
	font-family: LeagueGothicRegular, arial, sans-serif;
	font-size: 1.8em;
	line-height: 1.2em;
}

#services-offre {
	margin-top: 45px;
	width: 400px;
}
#services-offre h2 {
	margin: 0;
	font-family: LeagueGothicRegular, arial, sans-serif;
	font-size: 1.6em;
	line-height: 1.2em;
	font-weight: normal;
}
#services-offre div.texte {
	font-size: 0.8em;
}
#services-offre h3 {
	border-top: 1px solid ;
	padding-top: 5px;
	font-size: 1em;
}
#services-offre ul {
	margin: 0;
	padding: 0;
}
#services-offre li {
	list-style: none;
	float: left;
	width: 185px;
	margin-right: 15px;
}
#services-offre li:nth-child(2n+1) {
	clear: left;
}
#services-offre li li {
	float: none;
	margin: 0 0 0.5em 0;
}

#services-natalie {
	color: #fff;
	background: #111;
	padding: 15px 0 15px 15px;
}
#services-natalie div.thumb {
	float: left;
	width: 125px;
}
#services-natalie div.texte {
	float: right;
	width: 230px;
}
#services-natalie div.texte p {
	font-family: LeagueGothicRegular, arial, sans-serif;
	font-size: 1.6em;
	line-height: 1.2em;
}
#services-natalie div.texte div.sig {
	padding-right: 15px;
}

#services-reputation {
	margin-top: 45px;
}
#services-reputation h2 {
	margin: 0;
	font-family: LeagueGothicRegular, arial, sans-serif;
	font-size: 1.6em;
	line-height: 1.2em;
	font-weight: normal;
}
#services-reputation div.texte {
	background: #FF7800;
	padding: 15px 0 15px 15px;
	margin-top: 15px;
}
#services-reputation div.texte p {
	font-family: LeagueGothicRegular, arial, sans-serif;
	font-size: 1.4em;
	line-height: 1.2em;
}
#services-reputation div.texte div.sig {
	padding-right: 15px;
}
#services-reputation ul {
	margin: 0;
	padding: 0;
}
#services-reputation li {
	list-style: none;
	margin: 0;
}
#services-reputation ul.diaporama-nav {
	margin-top: 30px;
}
#services-reputation ul.diaporama-nav li.sel a {
	background: url(../res/element/item-blanc.png) top left no-repeat;
}

/* Clients */

#clients {
	margin: 0;
	padding: 0;
}
#clients li.client {
	list-style: none;
}
#clients div.bloc-texte {
	width: 250px;
	float: left;
}
#clients h2 {
	margin: 0 0 1em 0;
	font-family: LeagueGothicRegular, arial, sans-serif;
	font-weight: normal;
	font-size: 1.8em;
}
#clients div.texte ul {
	margin: 0;
	padding: 0;
}
#clients div.texte li {
	list-style: none;
	margin: 0 0 1em 0;
	font-size: 0.9em;
}
#clients div.photo-diaporama {
	width: 520px;
	float: right;
}
#clients div.photo-diaporama ul.diaporama-nav {
	margin: 15px 0 0 0;
}
#clients ul.photo-list {
	margin: 0;
	padding: 0;
}
#clients li.photo {
	list-style: none;
	margin: 0;
	text-align: center;
}

/* Équipe */

#equipe {
	margin: 0;
	padding: 0;
}
#equipe li {
	list-style: none;
	margin: 0 0 1.5em 0;
}
#equipe div.portrait {
	width: 220px;
	float: left;
	background: #111;
	padding: 15px;
}
#equipe div.portrait img {
	width: 220px;
}
#equipe div.texte {
	width: 520px;
	float: right;
	font-size: 0.8em;
}
#equipe h2 {
	font-family: LeagueScriptThinLeagueScript, arial, sans-serif;
	font-feature-settings: 'liga=1,dlig=1'; -moz-font-feature-settings: 'liga=1,dlig=1'; -webkit-font-feature-settings: 'liga=1,dlig=1'; -o-font-feature-settings: 'liga=1,dlig=1';
	font-size: 2em;
	line-height: 1.2em;
	font-weight: normal;
	margin: 0 0 5px 0;
}
#equipe div.poste {
	margin: 0 0 1.5em 0;
	font-family: LeagueGothicRegular, arial, sans-serif;
	font-weight: normal;
	font-size: 1.8em;
}
#equipe p.intro {
	font-family: LeagueGothicRegular, arial, sans-serif;
	font-weight: normal;
	font-size: 2.0em;
	line-height: 1.2em;
	margin: 0 0 0.2em 0;
}

/* Presse */

ul.date-list {
	margin: 0;
	padding: 0;
}
ul.date-list li.date {
	margin: 0 0 1em 0;
	list-style: none;
}
ul.date-list div.date {
	font-family: LeagueGothicRegular, arial, sans-serif;
	font-weight: normal;
	font-size: 1.2em;
	margin: 0 0 0.2em 0;
}

ul.comm-list {
	margin: 0;
	padding: 0;
	width: 520px;
}
ul.comm-list li.comm {
	list-style: none;
	margin: 0 0 0.5em 0;
}
ul.comm-list div.titre {
	font-size: 1.1em;
}
ul.comm-list div.titre a {
	text-decoration: none;
}
ul.comm-list div.titre a:hover {
	text-decoration: underline;
}
ul.comm-list div.client {
	margin: 0.2em 0 0 0;
	font-size: 0.8em;
	font-weight: bold;
}

div.comm h2 {
	font-family: LeagueGothicRegular, arial, sans-serif;
	font-weight: normal;
	font-size: 1.8em;
	line-height: 1.2em;
	margin: 0 0 0.5em 0;
}
div.comm h2 span.sous {
	display: block;
	font-family: arial, sans-serif;
	font-size: 0.6em;
	line-height: 1.2em;
}
div.comm h2 a {
	color: #111;
	text-decoration: none;
}

/* Popup */

#popup {
	position: fixed;
	z-index: 1000;
	background: rgba(255,255,255,.9);
	border: 2px solid #000;
	box-shadow: 0 5px 10px #000; -moz-box-shadow: 0 5px 10px #000; -webkit-box-shadow: 0 5px 10px #000; -o-box-shadow: 0 5px 10px #000;
}
#popup-header {
	width: 520px;
	background: #FF7800;
	padding: 15px 30px 0 30px;
}
#popup-header a {
	color: #111;
	text-decoration: none;
}
#popup-titre {
	font-family: LeagueScriptThinLeagueScript, arial, sans-serif;
	font-feature-settings: 'liga=1,dlig=1'; -moz-font-feature-settings: 'liga=1,dlig=1'; -webkit-font-feature-settings: 'liga=1,dlig=1'; -o-font-feature-settings: 'liga=1,dlig=1';
	text-transform: lowercase;
	font-weight: normal;
	font-size: 1.2em;
	line-height: 1.2em;
}
#popup-btn {
	float: right;
	font-size: 1.2em;
}
#popup-contenu {
	width: 520px;
	padding: 30px;
	overflow: auto;
}

/* Tip */

#tip {
	position: absolute;
	z-index: 1000;
}
#tip.from-itemtab {
	padding-top: 0;
}
#tip-ptr {
	background: url(../res/element/pointeur-haut.png) top left no-repeat;
	height: 9px;
	margin: 0 0 0 10px;
}
#tip.position-right #tip-ptr {
	background: url(../res/element/pointeur-haut.png) top right no-repeat;
	margin: 0 10px 0 0;
}
#tip-contenu {
	color: #fff;
	background: #111;
	padding: 3px 7px;
	font-family: LeagueGothicRegular, arial, sans-serif;
	text-transform: uppercase;
	font-size: 1.1em;
}

/* Gen */

#gen {
	display: none;
	width: 760px;
	margin: 0px auto;
	color: #999;
	font-size: 8.5pt;
	text-align: center;
	padding: 10px 0px;
}
#gen a {
	color: #666;
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom: 1px solid #ccc;
}
#gen a:hover {
	color: #f30;
	border-bottom: 1px solid #f96;
	padding-bottom: 1px;
}
#gen code {
	padding: 1px 6px;
	background-color: #ffd;
	border: 1px solid #eec;
}

/* Dev */

#dev {
	position: fixed;
	top: 0;
	left: 0;
	width: 200px;
	box-shadow: inset -3px 0 4px -2px #999; -moz-box-shadow: inset -3px 0 4px -2px #999; -webkit-box-shadow: inset -3px 0 4px -2px #999; -o-box-shadow: inset -3px 0 4px -2px #999;
	background: #eee;
	height: 100%;
	overflow: hidden;
}
#dev:hover {
	overflow-y: auto;
}
body.dev #conteneur-wrap {
	margin-left: 200px;
}

#log {
	color: #111;
	font-size: 0.8em;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
#log li {
	list-style: none;
	padding: 2px 10px;
	border-bottom: 1px solid #ccc;
}