/* 
Author: Mathieu AVONS (http://www.webforfreaks.com/)
Date: DEC 2009
URL:  http://www.nealite.fr
Aim: Feuille de style par défaut
 */
body {
	background:url(../images/interface/grid.gif) transparent repeat-y center 0;
	border-top:3px solid #91bad0;
	color: #333;
	font-family:/*'Helvetica,'*/Arial, FreeSans, sans-serif; /* helvetica is desactivate, i know...*/

}
#baseline {
	background:url(../images/interface/baseline.gif) transparent repeat 0 0;
}

/* LINKS
----------------------------------------------------------------------------------------------------*/
a {color:#1993d5; text-decoration:none;}
a:link {color:#1993d5; text-decoration:none;}
a:visited {color:#1993d5; text-decoration:none;}
a:hover {color:#1993d5; text-decoration:underline;}
a:active {color:#1993d5} 
a:focus {position:relative;top:1px;left:1px;}

/* TEXTES
----------------------------------------------------------------------------------------------------*/
body { 
	line-height:1.5em;
}
html > body { 
	font-size:12px
}
p {
	font-size:1em;
	margin-bottom:1.5em;
}
h1 {
	font-size:5em; /* 60px */
	line-height:0.375em;  /* (2*18):60  */ 
	font-weight:200;
	display:inline; 
	letter-spacing:-0.08em;
	/*background:url(../images/interface/line.gif) transparent repeat-x 0 54px;*/
	padding:0 4px;
	text-transform:lowercase;
} 
h2 {
	font-size:4em; /* 48px */
	line-height:0.75em;  /* = (2*18) : 48 */
	letter-spacing:-0.05em;
	font-weight:200;
	text-transform:lowercase;
}
h3 {
	font-size:2em; /* 24px */
	line-height:0.75em; /* = 18 : 24 */
	letter-spacing:-0.05em;
	font-weight:700;
	margin-top:1.5em;	
	text-transform:lowercase;

	margin-top:2.25em;
}
h4 {
	font-size:1.5em; /* 18px */
	line-height:1em; /*  = 18 / 18 */ 
	font-weight:200;
}
h5 {
	font-size:1.38em; /* 16.5px */
	line-height:1.09em; /* = 18 : 16.5 */
	font-weight:700;
	letter-spacing:-0.02em;
	margin:0 0 1.09em 4px;
}
h6 {
	font-size:1.333em; /* 16 px*/
	line-height:1.125em; /*  18 /16  */ 
	font-weight:700;
}
small {
	font-size:0.833em; /* 10 px */
	line-height:1.8em; /*  18 / 10  = 1.8 */ 
	color:#808080;
	text-transform:uppercase;
	font-style:normal;
}
hr {
	background:url(../images/interface/separator.gif) transparent repeat-x 0 0;
	border:none;
	position: relative;
	top:-2px;
	height: 3px; 
	margin: 0 0 15px 0; 
	clear:both;
}
/*STYLES SPECIALS
----------------------------------------------------------------------------------------------------*/
.fondTrame{
	font-size:4em; /* 48px */
	line-height:1em;  /* = (2*18) : 48 */
	height:55px;
	letter-spacing:-0.08em;
	font-weight:700;
	background:url(../images/interface/tramebg.gif) transparent repeat 0 0;
	position:relative;
	top:-2px;
	text-align:center;
	display:block;
	margin-bottom:17px;
}
.fondTrame a, fondTrame a:link, .fondTrame a:visited {
color:#fff;
}
.fondTrame a:hover, .fondTrame   a:active{ 
	color:#1993d5;
}
.chapeau {
	font-size:1.333em; /* 14 */
	line-height:1.125em; /*  18 /16  */ 
	font-weight:700;
	margin:1.125em 0;
	text-transform:lowercase;
}
.fondTrameTel {
	font-size:4.166em;
	line-height:1.08em; /*  54 / 50 = 1.08 */ 
	color:#fff;
	background:url(../images/interface/tramebg.gif) transparent repeat 0 0;
	font-weight:700;
	letter-spacing:-0.1em;
	text-align:center;
	margin-bottom:0.36em;
position:relative;
top:0;
} 
.videoThumb {
	margin-top:1.5em;
	background-color:transparent;
	padding-bottom:4px;
}
.listeTop {
	margin:0 0 18px 0;
	padding:0;
	position:relative;
	top:-3px;
	text-transform:lowercase;
}
.listeTop li {
	padding-left:18px;
	list-style-type:decimal;
	list-style-position:inside;
	color:#fff;
	font-weight:700;
	background:url(../images/interface/listeol.gif) transparent repeat-y 0 0;
}
.listeTop li  p {
	color: #333;
	font-weight:200;
	display:inline;
	margin:0;
}
.fluxRSS {
	font-size:0.666em;
	line-height:1.636em; /*  18 / 11  = 1.8 */ 
	background:url(../images/interface/rss.gif) transparent no-repeat 0 0;
	padding:0 0 0 14px;
	margin-left:10px;
}
.offresEmploi {
	margin-top:18px;
}
.offresEmploi li {
	list-style-type:none;
	line-height:1em;
	font-weight:700;
	margin-bottom:18px;
}
.offresEmploi span {
	font-size:0.8em;
	line-height: 1.875em;
	margin-left:10px;
	color:#808080;
	font-weight:200;
}
.offresEmploi a {
	display:block;
	font-size:0.833em;
	line-height:1.8em; /*  18 / 10  = 1.8 */ 
}
.callToAction  {
	font-size:1.166em; /* 14px */
	line-height:1.36em; /*  18 / 14 = 1.286 */ 
	letter-spacing:-0.07em;
	font-weight:700;
}
#pageErreur img {
	vertical-align:top;
}
.info {
	background:url(../images/interface/rollover.gif) transparent no-repeat;
	color:#ff3c00;
	margin:0;
	font-size:0.9em; /* 10.8px */
	line-height:1.666em;  /* 18 : 10.8 */ 
}
.important {
	color:#ff3c00;
}
.floatLeft, .alignleft  {
float:left;
margin:0 20px 0px 0;
}
.floatRight, .alignright {
float:right;
margin:0 0 0 20px;
}
/* NAVIGATION  + 160px entre chaque bg / Sprite Rocks
----------------------------------------------------------------------------------------------------*/
#nav {
	margin-bottom:17px;
	height:54px;
	padding:0;
}
#nav li {
	background:none;
	padding:0;
	top:0;
	list-style-type:none;
}
#nav li  a {
	background:url(../images/interface/nav.gif) transparent no-repeat;
	height:54px;
	width: 140px;
	margin:0 20px 0 0;
	display: block;
	float: left;
	position: relative;
	text-indent:-9999px;
}

#navAccueil a:link, #navAccueil  a:visited {background-position:20px 0}
#navAccueil a:hover, #navAccueil  a:active  {background-position:20px -54px}

#navReferences a:link, #navReferences  a:visited {background-position:-140px 0}
#navReferences a:hover, #navReferences a:active, #navReferenceActive a   {background-position:-140px -54px}

#navAgence a:link, #navAgence  a:visited {background-position:-300px 0}
#navAgence a:hover, #navAgence a:active, #navAgenceActive a   {background-position:-300px -54px}

#navEquipe a:link, #navEquipe  a:visited {background-position:-460px 0}
#navEquipe a:hover, #navEquipe a:active, #navEquipeActive a   {background-position:-460px -54px}

#navBlog a:link, #navBlog  a:visited {background-position:-620px 0}
#navBlog a:hover, #navBlog a:active {background-position:-620px -54px}
 
#navContact a:link, #navContact  a:visited {background-position:-780px 0}
#navContact a:hover, #navContact a:active, #navContactActive a   {background-position:-780px -54px; }

/* FOOTER
----------------------------------------------------------------------------------------------------*/
#footer {
	width:100%;
	margin-top:36px;
	padding:18px 0;
	background:url(../images/interface/trame.gif) transparent repeat 0 0;
	color:#808080;
}
#footer li {
	background:none;
	list-style-type:none;
	padding:0;
}
#footer .navFooter li a, #footer .navFooter li a:link, #footer .navFooter li a:visited {
	font-size:1.166em; /* 14px */
	line-height:1.36em; /*  18 / 14 = 1.286 */ 
	letter-spacing:-0.05em;
	width:60px;
	display:block;
	float:left;
	margin:0 22px 0 0;
}
#footer .navFooter li a:hover, #footer .navFooter li a:active {
	color:#ff3c00;
}
#footer .liensFonctions li  {
	font-size:0.9em; /* 10.8px */
	line-height:1.666em;  /* 18 : 10.8 */ 
	display:block;
	float:left;
	margin:1.666em 24px 0 0;
}
#footer .liensRS li a {
	width:70px;
	display:block;
	float:left;
	height:36px;
	padding-left:26px;
	margin-right:24px;
}
.liensRSTwitter a {
	background:url(../images/interface/rstwitter.gif) transparent no-repeat 0 0;
}
.liensRSFacebook a {
	background:url(../images/interface/rsfacebook.gif) transparent no-repeat 0 0;
}
.liensRSLinkedin a {
	background:url(../images/interface/rslinkedin.gif) transparent no-repeat 0 0;
}
/* HOMEPAGE
----------------------------------------------------------------------------------------------------*/
#accueil img {
vertical-align:text-top;
	margin-top:12px;
}
#accueil h4 {
display:inline;
	font-size:1.8333em; /* 24px */
	line-height:0.82em; /* = 18 : 24 */
	letter-spacing:-0.05em;
	font-weight:700;
	/*background:url(../images/interface/line.gif) transparent repeat-x 0 20px;*/
	padding:0 4px;
}
.tagline h1 {
	line-height:0;
	margin:0;
	display:block;
	height:54px;
	text-indent:-9999px;
	background:url(../images/interface/tagline.gif) transparent no-repeat 2px 3px;
}
#accueil .tweet {
	width:256px;
	height:102px;
	background:url(../images/interface/trame2x2.gif) transparent repeat 0 0;
	padding:6px 8px 0 38px;
	margin:10px 0 5px 0;
	font-size:1.1666em; /* 14 */
	line-height:1.28em; /*  18 /16  */ 
	font-weight:700;
}
#twitter_update_list li {
	background:none;
	list-style-type:none;
}
/* PAGE REFERENCE
----------------------------------------------------------------------------------------------------*/
#listeReferences {
	margin-left:0;
	padding:0;
	font-size:1.1666em; /* 14 */
	line-height:1.286em; /*  18 /16  */ 
	font-weight:700;
}
#listeReferences li {
	background:none;
	list-style-type:none;
	position:relative;
	top:0;
	margin-bottom:18px;
	height:162px;
	padding-left:4px;
	width:296px
}
#listeReferences li img {
	padding:4px 4px 4px 0;	
}
#listeReferences li:hover{
	background:url(../images/interface/rollover.gif) transparent repeat 0 0;

}
#listeReferences li:active  {
	background:url(../images/interface/trame.gif) transparent repeat 0 0;
}
#listeReferences li a:hover {
text-decoration:none;
}
#listeReferences sup {
	font-weight:700;
	color:#ff3c00;
	margin-left:10px;
}
#listeClient {
clear:both;
}
.listeClients {
	margin-bottom:36px;
}
.listeClients li {
	background:none;
	padding:4px 0 0 6px;
	margin:0;
	height:32px;
	list-style-type:none;
	position:relative;
	top:-1px;
}
.listeClients li:hover, .listeClients li:active{
	background:url(../images/interface/rollover.gif) transparent repeat 0 0;
}
.listeClients li span, .listeClients li a span, .listeClients li a:link span, .listeClients li a:visited span  {
	font-weight:200;
	color:#fff;
	display:block;
	font-size:0.8em;
	line-height: 1.875em;
	position:relative;
	bottom:4px;
}
.listeClients li:hover span, .listeClients li a:hover span, .listeClients li a:active span {
	color:#ff3c00;
}
/* PAGE EQUIPE
----------------------------------------------------------------------------------------------------*/
#portraitEquipe{
	margin:18px 0 0 0;
	padding:0;
}
#portraitEquipe li {
	background:none;
	padding:0;
	height:252px;
	position:relative;
	top:0;
}
#portraitEquipe img {
	padding:4px;
}
#portraitEquipe  strong {
	font-size:1.16666em; /* 14 */
	line-height:1.28em; /*  18 /16  */ 
	display:block;
	padding-left:4px;
}
#portraitEquipe ul {
	margin:0;
	padding:0 0 0 4px;
}
#portraitEquipe ul li {
	font-size:0.833em; /* 10 px */
	line-height:1.9em; /*  18 / 10  = 1.8 */ 
	float:left;
	display:block;
	height:auto;
	margin-right:6px;
}
/* PAGE ETUDE DE CAS
----------------------------------------------------------------------------------------------------*/
.auteurProjet img {
	float:left;
	margin:0 12px 0 0;
	padding:0;
	background-color:green;
	height:36px;
	vertical-align:text-top;
}
.auteurProjet small {
	display:block;
}
#etudeCas .auteur {
	font-size:10px; /* 10 px */
	line-height:1.8em; /*  18 / 10  = 1.8 */ 
	margin-bottom:1.8em;
	color:#808080;
	text-transform:uppercase;
	font-style:normal;
}

.projetRebond  li {
	padding:0;
	margin-bottom:18px;
	background: none;
	text-align:center; 
}
.projetRebond li img {
display:block; 	vertical-align:text-top; position:relative; top:-3px;
}
.visit a, .visit a:link, .visit a:visited {
	font-size:1.38em; /* 16.5px */
	line-height:1.09em; /* = 18 : 16.5 */
	letter-spacing:-0.07em;
	font-weight:700;
	background:url(../../../../images/interface/trame.gif) transparent repeat 0 0;
	display:block;
	margin-bottom:1.09em;
	text-align:center;
	position:relative;
	padding-top:8px;
	height:28px;
	top:-3px;
}
.visit a:hover, .visit a:active {
	background:url(../../../../images/interface/rollover.gif) transparent repeat 0 0;
}
.articlesAssoc li {
	background:none;
	margin:0 0 18px 0;
	padding-left:22px
}
.articlesAssoc li small {
	display:block;
}
/* PAGE AGENCE
----------------------------------------------------------------------------------------------------*/
#fondateurs {
	display:block;
	text-align:center;
	margin-top:26px;
}
/* CONTACT
----------------------------------------------------------------------------------------------------*/
#contactBg {
	background:url(../images/interface/contactbg.gif) transparent no-repeat 0 30px;
}
#contact h2 {
	font-size:14px;
	line-height:18px;
	position:relative;
	top:3px;
	font-weight:700;
	color:#808080;
	text-transform:uppercase;
	padding:0;
	margin:18px 0 0 0;
}
.adressePostale sup {
	font-size:14px;
	letter-spacing:normal;
	color:#808080;
	letter-spacing:-0.05em;
	margin-left:10px;
}
#contact h6 {
	letter-spacing:-0.02em;
}
.email {
	direction: rtl;
	unicode-bidi: bidi-override;
}
.numeroTel {	
	font-weight:700;
	font-size:5.666em; /*  68px */
	line-height:0.8em; 
	letter-spacing:-0.08em;
	margin:0;
	display:block;
	height:54px;
}
.adressePostale {
	font-size:2.666em; /* 32 px */
	line-height:1.125em;  /*  18 /32  = 0.563    --     36/32=1.125  */ 
	margin:0;
	font-weight:700;
	letter-spacing:-0.08em;
	text-transform:lowercase;
}
/* TESTS */
#testBg {
	background:url(../images/tests/argumentaire.png) transparent no-repeat 0 0px;
	height:700px
}
#formulaireDeTest {
	background:url(../images/interface/trame2x2.gif) transparent repeat 0 0;
	padding:1px 0 70px 40px 
}
/* HACKS 4 PIXEL PERFECTION !*/
/* SAFARI 4.0 & CHROME 3.0 */
@media screen and (-webkit-min-device-pixel-ratio:0){
.tousnosclients {display:inline; float:left;position:relative;margin-top:36px;}
.tousnosclients .listeClients {margin-top:-1px}
#listeReferences li { top:-2px}
#portraitEquipe li img { 	padding:3px 4px 5px 5px;}
.adressePostale { letter-spacing:-0.099em}
.navFooter li, .liensRS li {display:inline;}}
/* IE 7 -  v1.3 */ 
*+html #nav li, .nav li a, .navFooter li, .liensRS li {display:inline;}
*+html .adressePostale { letter-spacing:-0.2em}
*+html  h1 {letter-spacing:-0.4em}
*+html #caroussel-container {overflow-x:hidden; width: 980px;}
*+html #caroussel #previous { left:0px}
*+html #caroussel #next { left:900px}
*+html.tagline { border:1px solid red}
*+html #accueil img {margin-top:18px;}
*+html #accueil .tweet {margin-top:14px}
*+html #listeReferences {margin-top:32px;clear:both;display:block;}
*+html #footer .liensRS { margin-top:-16px}
*+html #contactBg { background-position:0 30px}
*+html #contact { padding-top:6px;}
*+html .listeClients {margin-top:32px;}
*+html .accueilcar {margin-top:-2px}
*+html #portraitEquipe {margin-top:32px}
*+html #portraitEquipe li img { margin-left:1px; margin-bottom:5px;}