@font-face {
    font-family: 'AkzidenzGroteskCondensedBQRg';
    src: url('../fonts/akzidenz_grotesk_r_condensed_medium-webfont.eot');
    src: url('../fonts/akzidenz_grotesk_r_condensed_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/akzidenz_grotesk_r_condensed_medium-webfont.woff') format('woff'),
         url('../fonts/akzidenz_grotesk_r_condensed_medium-webfont.ttf') format('truetype'),
         url('../fonts/akzidenz_grotesk_r_condensed_medium-webfont.svg#AkzidenzGroteskCondensedBQRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
	margin:0;
	padding:0;
}

body {
	background-image:url(../images/background.jpg);
	background-repeat:repeat;
	width:970px;
	margin:10px auto 0 auto;
}

img {
	border:0;
}

.alerte{ background-image:url(../images/popup_bg.png);
width:600px;
height:435px;
}

.alerte table {
	margin:0 auto 0 auto;
	width:95%;
	border:0;
}
.alerte h1 {
	font-family: 'AkzidenzGroteskCondensedBQRg';
	font-size:36px;
	font-weight:lighter;
	color:#333;
}
.alerte .intro{
	font-family: 'Ubuntu',arial,serif;
	font-size:13px;
}

.alerte .formulaire label{	
	font-weight:bold;
	margin-bottom:4px;
	display:block;
	font-family: 'Ubuntu', arial, serif;
}

.alerte .formulaire .input{
	background-image:url(../images/champs_input2.png);
	width:252px;
	height:33px;
	margin-bottom:7px;
}
.alerte .formulaire .input input[type=text]{
	border:0;
	background:transparent;
	margin:5px 10px 0 10px;
	width: 230px;
	height:20px;
	font-size:14px;
}
.alerte .formulaire .input select{
	border:0;
	background:transparent;
	margin:6px 0 0 10px;
	width:235px;
	height:20px;
	font-size:14px;
}

.alerte .formulaire input[type=submit]{
	background:transparent;
	background-image:url(../images/btn_envoyer.png);
	width:83px;
	height:32px;
	border:0;	
	cursor:pointer;
}
.alerte #confirm { display:none; font-family: 'Ubuntu', arial, serif; }
.alerte #erreur { display:none; font-family: 'Ubuntu', arial, serif; color:#F00;   font-size:12px; padding-top:5px;}


#res_cos
{
	text-align:right;
	padding-right:10px;
}
#res_cos img
{
	margin-right:5px;
}

#header  {
	width:970px;
	background-image:url(../images/bg_header.png);
	height:62px;
}
#header p{
	font-family: 'Geo', arial, serif;
	color:#2e4412;
	font-size:20px;
	float:right;
	margin-top:18px;
	margin-right:75px;
}

#contenu  {
	background:#FFF;
}
#contenu  #jaime{
	float:left;
	margin-left:40px;
}
#contenu  #menu{
	float:right;
	margin-right:25px;
}
#contenu  #menu ul li{
	list-style-image:url(../images/puce.png);
	float:left;
	font-size:28px;
	list-style-position:inside;
	margin-right:40px;
	font-family: 'AkzidenzGroteskCondensedBQRg';
	color:#2e4412;
}
#contenu  #menu ul li a{
	font-family: 'AkzidenzGroteskCondensedBQRg', Verdana, serif;
	color:#2e4412;
	text-decoration:none;
}

#contenu  #menu ul li a:hover{
	text-decoration:underline;
}
#contenu  #slider{
	margin:0 0 0 15px;

}
#contenu  #img_head{
	margin:0 0 0 15px;

}

#contenu #special {
	margin-top:20px;
	margin-left:25px;
}

#contenu #special h2{
	font-family: 'AkzidenzGroteskCondensedBQRg';
	font-size:32px;
	font-weight:lighter;
	color:#333;
}
#contenu #special p{
	font-family: 'Ubuntu', arial, serif;
	font-size:13px;
	color:#333;
	line-height:20px;
	margin-top:8px;
}

#contenu #special #social{
	width:278px;
	text-align: justify;
	float:left;
}

#contenu #special #adver{
	width:278px;
	text-align: justify;
	float:left;
	margin-left:42px;
}

#contenu #special #concep{
	width:278px;
	text-align: justify;
	float:left;
	margin-left:42px;
}

#contenu #clients {
	margin-top:40px;
	margin-left:25px;
	margin-bottom:20px;
}
#contenu #clients h2 {
	font-family: 'AkzidenzGroteskCondensedBQRg';
	font-size:32px;
	font-weight:lighter;
	color:#333;
}

#contenu #actu {
	margin-top:30px;
	margin-left:25px;
	margin-bottom:20px;
}
#contenu #actu h2 {
	font-family: 'AkzidenzGroteskCondensedBQRg';
	font-size:32px;
	font-weight:lighter;
	color:#333;
}

#contenu #actu #blog {
	width:278px;
	float:left;
}
#contenu #actu #blog table {
	width:278px;
	border:0;
	font-family: 'Ubuntu', arial, serif;
	font-size:13px;
	margin-top:8px;
	color:#333;
}

#contenu #actu #blog tr td{
	vertical-align:top;
	padding-top:6px;
}
#contenu #actu #blog tr .date{
	color:#43621c;
	width:35px;
	text-align:center;
}
#contenu #actu #blog tr .texte{
	padding-left:12px;
}
#contenu #actu #blog tr .texte a{
	color:#000;
	text-decoration:none;
}
#contenu #actu #blog tr .texte a:hover{
	text-decoration:underline;
}

#contenu #actu #twitter {
	width:278px;
	float:left;
	margin-left:42px;
}
#contenu #actu #twitter table {
	width:278px;
	border:0;
	font-family: 'Ubuntu', arial, serif;
	font-size:13px;
	margin-top:4px;
	color:#333;
}

#contenu #actu #twitter tr td{
	vertical-align:top;
	padding-top:6px;
}
#contenu #actu #twitter tr .ico{
	text-align:center;
	width:30px;
}
#contenu #actu #twitter tr .texte{
	padding-left:6px;
}
#contenu #actu #twitter tr .arrow{
	text-align:right;
	width:45px;
}
#twitter a{
	color:#000;
}

#contenu #actu #reseaux {
	width:278px;
	float:left;
	margin-left:42px;
}

#contenu #actu #reseaux table {
	width:278px;
	border:0;
	font-family: 'Ubuntu', arial, serif;
	font-size:13px;
	margin-top:2px;
	margin-bottom:15px;
	color:#333;
}
#contenu #actu #reseaux a{
	color:#333;
	text-decoration:none;
}
#contenu #actu #reseaux a:hover{
	text-decoration:underline;
}

#contenu #actu #reseaux tr td{
	vertical-align:top;
	padding-top:6px;
}

#contenu #actu #reseaux tr .ico{
	width:40px;
	text-align:center;
}
#contenu  #actu #reseaux .input{
	background-image:url(../images/champs_input.png);
	width:185px;
	height:33px;
	float:left;
	margin-top:10px;
}
#contenu #actu #reseaux .input input[type=text]{
	height:22px;
	margin:5px 8px 0 8px;
	width:169px;
	border:0;
	background:transparent;
}
#contenu #actu #reseaux input[type=submit]{
	background:transparent;
	background-image:url(../images/btn_submit.png);
	width:22px;
	height:33px;
	float:left;
	margin-left:15px;
	border:0;
	cursor:pointer;
	margin-top:10px;
	
}
#reseaux_link {
	color:#333;
	text-decoration: none;
}
#footer {
	margin-top:15px;
	margin-bottom:20px;
	width:970px;
}
#footer #categories{
	width:310px;
	float:left;
	font-family: 'Ubuntu', arial, serif;
	font-size:13px;
	color:#43621c;
}
#footer #categories h2{
	font-family: 'AkzidenzGroteskCondensedBQRg';
	font-size:28px;
	font-weight:lighter;
}
#footer #categories p{
	height:22px;
}
#footer #categories a{
	font-size:13px;
	color:#43621c;
	text-decoration:none;
}
#footer #categories a:hover{
	text-decoration:underline;
}

#footer #like{
	width:310px;
	float:left;
	margin-left:20px;
}
#footer #contact{
	width:300px;
	float:left;
	margin-left:20px;
}
#footer #contact .bloc{
	background-image:url(../images/bg_contact.png);
	width:273px;
	height:124px;
}
#footer #contact .bloc div{
	padding:20px;
	font-family: 'Ubuntu', arial, serif;
	font-size:13px;
}
#footer #contact .bloc div span{
	font-size:20px;
	display:block;
	margin-bottom:8px;
}

#contenu #references h1 {
	font-family: 'AkzidenzGroteskCondensedBQRg';
	font-size:60px;
	font-weight:lighter;
	color:#000;
}
#contenu #references {
	margin-top:10px;
	margin-left:25px;
	margin-bottom:20px;
}

#contenu #business_cases {
	margin-top:10px;
	margin-left:25px;
	margin-right:25px;
}
#contenu #business_cases table{
	width:100%;
}
#contenu #business_cases table tr td{
	width:50%;
	vertical-align:top;
}

#contenu #business_cases table tr td table{
	margin-top:15px;
}
#contenu #business_cases table tr td table tr{
}
#contenu #business_cases table tr td table tr{
	font-family: 'Ubuntu', arial, serif;
	font-size:13px;
	vertical-align:top;
}
#contenu #business_cases table tr td table tr .img{
	width:25%;
}
#contenu #business_cases table tr td table tr .txt{
	padding-left:8px;
	padding-right:15px;
	text-align:justify;	
	width:75%;
}

#contenu #business_cases h2{
	font-family: 'AkzidenzGroteskCondensedBQRg';
	font-size:28px;
	font-weight:lighter;
}

#contenu #agence{
	margin-top:10px;
	margin-left:25px;
	margin-right:25px;
	margin-bottom:20px;
	font-family: 'Ubuntu', arial, serif;
	font-size:14px;
}
#contenu #agence a {
	color:#000;
}
#contenu #agence table tr td a {
	color:#000;
}
#contenu #agence .bloc1 {
	width:48%;
	float:left;
	text-align:justify;
	color: #333;
}
#contenu #agence .bloc2 {
	width:48%;
	float:right;
	text-align:justify;
	color: #333;
}
#contenu #agence .bloc3 {
	width:45%;
	float:right;
	color: #333;
}

#contenu #agence h2{
	font-family: 'AkzidenzGroteskCondensedBQRg';
	font-size:28px;
	font-weight:lighter;
	margin-bottom:10px;
}

#contenu #equipe{
	margin-top:10px;
	margin-left:25px;
	font-family: 'Ubuntu', arial, serif;
	font-size:14px;
	color: #333;
}
#contenu #equipe h2{
	font-family: 'AkzidenzGroteskCondensedBQRg';
	font-size:28px;
	font-weight:lighter;
	margin-bottom:10px;
}
#contenu #equipe h3{
	font-family: 'Ubuntu', arial, serif;
	font-size:18px;
	font-weight:lighter;
	margin-bottom:10px;
}
#contenu #equipe table tr td{
	width:25%;
	font-family: 'Ubuntu', arial, serif;
	font-size:14px;
	padding:8px;
	vertical-align:top;
}
#contenu #equipe table tr td a {
	color: #000;
}

#contenu #solutions{
	margin-top:10px;
	margin-left:25px;
	margin-bottom:20px;
	font-family: 'Ubuntu', arial, serif;
	font-size:14px;
	color: #333;
}
#contenu #solutions .bloc1 {
	width:32%;
	float:left;
	text-align:justify;
}
#contenu #solutions .bloc1 ul {
	margin-left:15px;
	margin-top: 10px;
}
#contenu #solutions .bloc2 {
	width:31%;
	float:left;
	margin-left:2%;
	text-align:justify;
}
#contenu #solutions .bloc3 {
	width:31%;
	float:right;
	margin-right:2%;
	text-align:justify;
}

#contenu #solutions h2{
	font-family: 'AkzidenzGroteskCondensedBQRg';
	font-size:28px;
	font-weight:lighter;
	margin-bottom:10px;
}
#contenu #approche{
	margin-top:10px;
	margin-left:25px;
	font-family: 'Ubuntu', arial, serif;
	font-size:14px;
	color: #333;
}
#contenu #approche h2{
	font-family: 'AkzidenzGroteskCondensedBQRg';
	font-size:28px;
	font-weight:lighter;
	margin-bottom:10px;
}

#contenu #approche .fleche{
	background-image:url(../images/bg_approche.png);
	width:920px;
	height:400px;
	margin-top:15px;
	font-family: 'Ubuntu', arial, serif;
	font-size:13px;
}

#contenu #approche .fleche h3{
	font-family: 'Ubuntu', arial, serif;
	color:#5c8718;
	font-size:20px;
	margin-bottom:5px;
	font-weight:normal;
}
#contenu #approche .fleche ul{
	margin-left:15px;
	margin-top:3px;
	margin-bottom:8px;
}
#contenu #approche .fleche p{
	height:20px;
}

#contenu #approche .fleche .bloc1{
	float:left;
	margin:32px 0 0 25px;
}
#contenu #approche .fleche .bloc2{
	float:left;
	margin:160px 0 0 5px;
}
#contenu #approche .fleche .bloc3{
	float:left;
	margin:215px 0 0 75px;
}
#contenu #approche .fleche .bloc4{
	float:right;
	margin:200px 0 0 0;
}
#contenu #contact{
	margin-top:10px;
	margin-left:25px;
	font-family: 'Ubuntu', arial, serif;
	font-size:14px;
}
#contenu #contact h2{
	font-family: 'AkzidenzGroteskCondensedBQRg';
	font-size:28px;
	font-weight:lighter;
	margin-bottom:10px;
}
#contenu #contact table tr td{
	vertical-align:top;
}
#contenu #contact .reseaux {
	width:250px;
	border:0;
	font-family: 'Ubuntu', arial, serif;
	font-size:13px;
	margin-top:2px;
	margin-bottom:15px;
	color: #333;
}
#contenu #contact .reseaux a{
	color:#333;
	text-decoration:none;
}
#contenu #contact .reseaux a:hover{
	text-decoration:underline;
}
#contenu #contact .reseaux tr td{
	vertical-align:top;
	padding-top:6px;
	height:35px
}

#contenu #contact .reseaux tr .ico{
	width:40px;
	text-align:center;
}
#contenu #contact .formulaire{
	width:100%;
	margin-top:10px;

}
#contenu #contact .formulaire tr td{
	vertical-align:top;
	padding-top:25px;
	width:50%;
}
#contenu #contact .formulaire label{	
	font-weight:bold;
	margin-bottom:8px;
	display:block;
}

#contenu #contact .formulaire .input{
	background-image:url(../images/champs_input2.png);
	width:252px;
	height:33px;
}
#contenu #contact .formulaire .input input[type=text]{
	border:0;
	background:transparent;
	margin:5px 10px 0 10px;
	width: 230px;
	height:20px;
	font-size:14px;
}
#contenu #contact .formulaire .input select{
	border:0;
	background:transparent;
	margin:6px 0 0 10px;
	width:235px;
	height:20px;
	font-size:14px;
}
#contenu #contact .formulaire .textarea{
	background-image:url(../images/textarea.png);
	width:607px;
	height:179px;
}
#contenu #contact .formulaire .textarea textarea{
	padding:9px 8px 9px 8px;
	width:98%;
	border:0;
	background:transparent;
	overflow: auto;
    resize:none;
	height:161px;
}
#contenu #contact .formulaire input[type=submit]{
	background:transparent;
	background-image:url(../images/btn_envoyer.png);
	width:83px;
	height:32px;
	border:0;	
	cursor:pointer;
}
.picto {
	width:100px;
	height:100px;
	float:left;
	margin:8px 0 0 15px;
}
.picto img{
	display:none;
}
.picto_afflelou {
	background-image:url(../images/picto_afflelou_n.jpg);
}
.picto_babolat {
	background-image:url(../images/picto_babolat_n.jpg);
}
.picto_carrefour {
	background-image:url(../images/picto_carrefour_n.jpg);
}
.picto_sfr {
	background-image:url(../images/picto_sfr_n.jpg);
}
.picto_sony {
	background-image:url(../images/picto_sony_n.jpg);
}
.picto_erozone {
	background-image:url(../images/picto_erozone_n.jpg);
}
.picto_mma {
	background-image:url(../images/picto_mma_n.jpg);
}
.picto_mtv {
	background-image:url(../images/picto_mtv_n.jpg);
}

.picto2 {
	/*width:100px;
	height:100px;
	float:left;
	margin:8px 0 0 15px;*/
	margin:auto;
}
.picto2 img{
	display:none;
}

.picto_nwx {
	background-image:url(../images/_NWX2.jpg);
	width: 170px;
	height: 70px;
}
.picto_snjv {
	background-image:url(../images/_SNJV2.jpg);
	width: 200px;
	height: 74px;
}
.picto_kiiwii {
	background-image:url(../images/_KIIWII2.jpg);
	width: 200px;
	height: 95px;
}
.picto_reseaux {
	background-image:url(../images/_Reseaux2.jpg);
	width: 100px;
	height: 100px;
}

.ubuntu {
	font-family: 'Ubuntu', arial, serif;
}
.font13 {
	font-size:13px;
}

.slide {
	background-image:url(../images/bg_slider.jpg);
	width:940px;
	height:261px;
}
.slide .txt {
	margin:25px 0 0 120px;
	font-family: 'Ubuntu', arial, serif;
	font-size:15px;
	float:left;
	width:414px;
}
.slide .img {
	margin:15px 0 0 10px;
	float:left;
	width:390px;
}
.slide .txt h1{
	font-size:50px;
	font-family: 'AkzidenzGroteskCondensedBQRg';
	color:#2e4412;
}
.slide .txt a{
	font-size:50px;
	font-family: 'AkzidenzGroteskCondensedBQRg';
	color:#2e4412;
	text-decoration: none;
}
.slide .txt h1 img{
	margin-right:15px;
}

#header_annonce {
	margin:0 0 15px 15px;
	background-image:url(../images/bg_header.jpg);
	width:940px;
	height:61px;
}
#annonce_contenu {
	padding: 5px;
	font-family: Arial;
	font-size: 18px;
}