/* ----------------------------- */
/*          BE SEEN V 2.0        */
/* ----------------------------- */



/* ----------------------------- */
/*    	  RESET AND BASICS       */
/* ----------------------------- */


* 				{ margin: 0px; padding: 0px; outline: none;}
html 			{ height: auto; width: 100%; }
a 				{ border: 0px; }
img 			{ border: 0px; }
hr 				{ clear:both; visibility:hidden; border: 0px; }
ul 				{ list-style: none; list-style-position: outside; }
input, textarea	{ border: none; }
textarea		{ font-family: "Arial", "Helvetica", sans-serif; font-size: 12px;}

p {
line-height: 1.3em;
margin-bottom: 15px;
}

body {
color: #4D4D4D;
font-size: 12px;
font: normal 0.7em "helvetica", "Arial",  sans-serif;
line-height:1.5em;
margin: 0;
background-color:#3E3D40;
}

a img 		{ border: none; }
a:link		{ text-decoration: none; color: #484848; }
a:active	{ text-decoration: none;color: #666; }
a:visited	{ text-decoration: none; color: #666; }
a:hover 	{ text-decoration: none; color:#30b3ad; }

a.lien_port, a.lien_port:hover{text-decoration: none; color: #4D4D4D;}


/* ----------------------------- */
/*    TYPOGRAPHIE GLOBALE        */
/* ----------------------------- */

h1, h2, h3, h4 {
line-height: 1.3em;
text-align:left;
}

h1 {
font-size: 2.5em;
}

h2 {
font-size: 2em;
}

h3 {
font-size: 1.40em;
margin-bottom: 5px;
line-height:16px;
}

h4 {
font-size: 1.20em;
}

blockquote {
font-size: 1.5em;
}

input {
font-size: 1.0em;
}

small {
font-size: 0.75em;
}


/* ----------------------------- */
/*			  HEADER			 */
/* ----------------------------- */

#header {
margin-bottom: 20px;
width:870px;
height:135px;
}


/* ---------------------------------------------------------------------------- */
/*		MAINCONTENT : ARTICLE / METIER / SUR LE DIVAN / EQUIPE / CONTACT		*/
/* ---------------------------------------------------------------------------- */

#global{
background-color:#FFF;
width:100%;
}


#maincontent {
margin:0 auto;
position: relative;
width: 870px;
background-color:#FFF;
}

/*	accueil	  */

#home_left_column, #home_right_column{
float: left;
text-align: justify;
width : 385px;
}

#home_left_column{
padding-right:40px;
}

#home_left_column h2, #home_right_column h2, .sidebar h2, .article_left_column h2, .contact_left_column h2 {
color: #808080;
font-size: 1em;
font-weight: normal;
text-transform: uppercase;
}

#home_left_column, .equipe_left_column , .equipe_left_column_2{
padding-left: 20px;
overflow: hidden;
/*position: relative;*/
}

#home_left_column img {
float: left;
padding: 0 20px 5px 0;
}

#home_right_column img, .article_left_column img{
margin-bottom:10px;
}

#home_left_column a, #home_right_column a{
font-weight: bold;
}

#home_left_column .post, #home_right_column .post {
margin-bottom: 40px;
}

#home_left_column a.lien1, #home_right_column a.lien1, #home_left_column a.lien2, #home_right_column a.lien2, .article_left_column a.lien2 {
font-weight:bold;
}

#home_left_column a.lien1 span, #home_right_column a.lien1 span {
color: #ADC100;
}

#home_left_column a.lien2 span, #home_right_column a.lien2 span, .article_left_column a.lien2 span{
color: #D4145A
}

#home_left_column a:hover.lien1, #home_right_column a:hover.lien1, #home_left_column a:hover.lien2, #home_right_column a:hover.lien2, .article_left_column a:hover.lien2 {
color: #808080;
}

/*	Fin accueil	  */
.metier_left_column{
float:left;
width:530px;
text-align: justify;
padding-left:20px;
}

.metier_left_column h2 {
color: #808080;
font-size: 1em;
font-weight: normal;
text-transform: uppercase;
}

.metier_texte{
float:left;
width:520px;
text-align: justify;
}

.metier_left_column{
float:left;
width:530px;
text-align: justify;
padding-left:20px;
}

.chez_clients_left_column, .sur_divan_left_column{
float:left;
width:540px;
text-align: justify;
padding-left:20px;
}

.contact_left_column, .article_left_column{
float:left;
width:388px;
text-align: justify;
padding-left:20px;
}

.self_left_column{
float:left;
width:430px;
text-align: justify;
padding-left:20px;
}

.equipe_left_column, .equipe_left_column_2  {
padding-right: 20px;
}

.sur_divan_left_column li, .chez_clients_left_column li, .equipe_left_column li, .equipe_left_column_2 li{
float: left;
margin: 0 10px 10px 0;
padding: 8px 5px;
text-align: left;
width: 245px;
}

.sur_divan_left_column li, .chez_clients_left_column li{
min-height:50px;
}

.equipe_left_column li, .equipe_left_column_2 li{
height:90px;
}

.sur_divan_left_column li {
padding: 0;
}

.chez_clients_left_column ul, .sur_divan_left_column ul {
width: 255px;
margin-right: 10px;
overflow: hidden;
/*position: relative;*/
}

.equipe_left_column li {
background-color: #93278f;
}

.equipe_left_column .img_equipe, .equipe_left_column_2 .img_equipe{
float:left;
margin-right:8px;
}

.equipe_left_column .img_fleche, .equipe_left_column_2 .img_fleche{
float:left;
margin-right:3px;
}

.equipe_left_column h4 {
color: #FFF;
}

.chez_clients_left_column li{
background-color: #FFF;
padding: 0;
}

.chez_clients_left_column .contenu, .sur_divan_left_column .contenu {
background-color: #FFF;
margin: 10px -10px 0 -10px;
}

.chez_clients_left_column .contenu p, .sur_divan_left_column p {
padding: 5px;
}

.equipe_left_column li.boss {
background-color: #770e73;
}
	
.equipe_left_column p{
color: #FFF;
}

.equipe_left_column a {
color:#c89bc6;
}

.equipe_left_column_2 a {
color:#858585;
}

.equipe_left_column .fonction {
color: #FFF;
font-size: 14px;
}

#identites_marques h4 a, #solutions h4 a, .sur_divan_left_column h4 a, .chez_clients_left_column h4 a, .equipe_left_column h4 a {
color: #FFF; 
font-size: 16px;
font-weight: normal;
}

#identites_marques p, #solutions p, .sur_divan_left_column p, .chez_clients_left_column p, .equipe_left_column p {
margin-bottom: 0px;
}

#identites_marques, #solutions {
color: white;
float: left;
margin-right: 10px;
width:255px;
}

#solutions{
margin-right: -10px;
}

#identites_marques h3, #solutions h3 {
color: #4D4D4D;
}

#identites_marques a, #solutions a {
color:#ffcbb8;
}

#identites_marques a:hover, #solutions a:hover, .equipe_left_column a:hover {
color:#FFF;
}

#identites_marques li, #solutions li {
background-color: #f15a24;
margin-bottom: 10px;
padding: 10px;
}

.contact_left_column p {
line-height: 1.3em;
}

.contact_left_column h3 {
margin-bottom: 10px;
}

#mentions {
color:#a9a9a9;
}

#liste_portfolio li{
float:left;
height:80px;
width:260px;
overflow:hidden;
}

.bloc_portfolio{
padding:15px;
}

/*	effet tiroir	*/

.chez_clients_left_column h4.trigger, .sur_divan_left_column h4.trigger {
background-color: #00B4DE;
font-size: 16px;
font-weight:bold;
margin-bottom: 0;
min-height: 50px;
padding: 10px;
width: 100%;
}

.sur_divan_left_column h4.trigger {
background-color: #d4145a;
}

h4.trigger a {
color: #fff;
}

.toggle_container {
background: white;
overflow: hidden;
width: 255px;
clear: both;
overflow: hidden;
}

.toggle_container .block_contenu p {
padding: 5px 5px 10px 0;
text-align: justify;
}



/*	sidebar	*/

.sidebar {
float: right;
background-color: #f6f6f6;
margin-top: -20px;
margin-bottom: 10px;
/*min-height: 850px;*/
overflow: hidden;
width: 300px;
}

.sidebar p{
margin-bottom: 20px;
}

.sidebar ul {
margin: 0px 30px 0px 0px;
}

.sidebar ul.archives {
margin-top: 10px;
}

.sidebar li h4, .sidebar li p {
margin-left: 30px;
}

.sidebar li img {
margin-bottom: 10px;
}

.sidebar h4 a, .contact_left_column h4 {
color: #808080;
font-size: 0.9em;
font-weight: normal;
text-transform: uppercase;
}

.sidebar p a, .sidebar p a:hover{
color: #4D4D4D;
}

.sidebar h4 a:hover {
color: #313131;
}

.sidebar hr {
border: solid 1px #535353;
visibility: visible;
width: 400px;
}

.sidebar .rubrique {
background-color:#535353;
padding: 15px 0 5px 30px;
color: white;
}

.sidebar .rubrique h2, .sidebar .rubrique h2 a, .sidebar .rubrique h3, .sidebar .rubrique h3 a, .sidebar .rubrique_metier h2, .sidebar .rubrique_metier h2 a, .sidebar .rubrique_metier h3, .sidebar .rubrique_metier h3 a {
color: white;
}

.sidebar .rubrique_metier {
background-color: #f15a24;
padding: 15px 0 5px 30px;
color: white;
}


/*------------------------------------------- */
/*				    FOOTER	  				  */
/*------------------------------------------- */


#footer_container {
background: #3E3D40 url(../images/footer_slice.gif) repeat-x scroll left top;
width:100%;
float:left;
} 


#footer {
margin: auto;
position: relative;
width: 870px;
}

#connect, #on_se_dit_quoi, #self_service , #connect a, #on_se_dit_quoi a, #self_service  a {
color:#ededed
}

#connect, #self_service, #on_se_dit_quoi {
background-repeat: no-repeat;
}

#connect {
float: left;
width: 310px;
}

#self_service {
float: left;
width: 300px;
}

#on_se_dit_quoi {
float: right;
width: 260px;
}

#connect h3, #self_service h3, #on_se_dit_quoi h3 {
height: 40px;
padding: 0;
text-indent: -9999px;
}

#connect h3{background-image: url(../images/footer_connect.gif);}
#self_service h3 {background-image:url(../images/footer_self.gif);}
#on_se_dit_quoi h3 {background-image:url(../images/footer_quoi.gif);}

#connect p, #self_service p, #on_se_dit_quoi p {
margin-left: 15px;
margin-right:20px;
}

#self_service p, #footer .email {
margin-left: 10px;
}

#footer input, #footer textarea{
font-size:11px;
}

#footer .email, #footer .pass, #footer .resultat {
color: #4D4D4D;
height: 18px;
line-height: 18px;
padding-left:3px;
}

#footer .email {
background: white scroll left top;
margin: 0 5px 10px 15px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
width:130px;
}

#self_service .email {
margin-left: 10px;
}

#on_se_dit_quoi .email{
width:190px;
}

#footer .pass {
background: white scroll left top;
margin-right: 5px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
width:115px;
}

#footer .message {
color: #4D4D4D;
padding:3px;
height:30px;
line-height:14px;
width:220px;
margin: 0 5px 5px 15px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
}

#footer .resultat {
color: #e4e5e5;	
line-height: 1.3em;
margin: 0 0 20px 10px;
letter-spacing: 1px;
}

#footer .go {
background: transparent url(../images/bouton_ok.gif) no-repeat;
background-position:bottom;
height: 20px;
text-indent: -9999px;
width: 20px;
cursor:pointer;
}

.foot_container{
float:left;
width: 870px;
padding-bottom:5px;
text-align:center;
font-size:10px;
color: #808080;
}

.foot_container a, .foot_container a:hover{
text-decoration: none;
color: #808080;
margin:0 8px;
}



/*------------------------------------------- */
/*				    CUSTOM	  				  */
/*------------------------------------------- */


ul.ml {
margin-left:255px;
}

.italic {
font-style: italic;
}

.uppercase {
text-transform: uppercase;
}

ul.fl {
float: left;
margin-left: 0;
}

a.lien_fleche{
background:url(../images/fleche.jpg) no-repeat top right;
padding-right:15px;
}


/*------------------------------------------- */
/*				    SELF SERVICE	  		  */
/*------------------------------------------- */


.li_envoi_self{
float:left;
width:420px;
padding:10px 5px;
background-color:#F6F6F6;
}

.li_envoi_self .email{
width:180px;
border:1px solid #535353;
font-size:12px;
}

.li_envoi_self span{
color:#D21359;
font-weight:bold;
}

.ti_self{
float:left;
width:430px;
padding:30px 0 15px 0;
color:#808080;
font-weight:bold;
}

.li_self{
float:left;
width:430px;
border-bottom:1px solid #535353;
padding:5px 0;
}

.type_self{
float:left;
width:80px;
color:#D21359;
}

.nom_self{
float:left;
width:290px;
}

.ico_self{
float:left;
width:30px;
text-align:center;
}

.ico_self img{
cursor:pointer;
}


.bloc_comment{
border-top:1px solid #535353;
margin-top:20px;
padding-top:10px;
}

.bloc_comment td{
padding:5px 0;
}

.bloc_comment input, .bloc_comment textarea{
background-color:#D2D2D2;
padding:3px;
}

.liste_comment{
padding:8px 0;
border-bottom:1px dashed #808080;
}

#erreur_comment{
color:#D4145A;
font-weight:bold;
}

/** Portfolio 2 (fabien) */

#portfolios{
	float:left;
	width:100%;
}

#portfolios ul:first-child{padding-top:25px;}

ul.portfolio{
	background:url(../images/tranche.gif) repeat-y left;
	float:left;
	width:100%;
}

ul.portfolio li.cards{
	height:105px;
	width:144px;
}

ul.portfolio li.cards .faceside, ul.portfolio li.cards .backside{
	display:block;
	height:105px;
	position:relative;
	width:100%;
}

ul.portfolio li.cards{
	float:left;
	margin:0 25px 25px 0;
}

ul.portfolio li.cards:first-child{margin-left:25px;}

ul.portfolio li.cards .faceside{
	background-color:#FFF;
}

ul.portfolio li.cards .backside{ 
	background-color:#333; 
	color:white; 
	display:none; 
	height:100px;
	padding:5px 20px 0 5px;
	width:119px;
}

ul.portfolio li.cards .backside h3{font-size:12px;line-height:14px;font-weight:bold; /**height:14px; width:100%; overflow:hidden;*/ }
ul.portfolio li.cards .backside p{font-size:11px;line-height:12px;margin-bottom:10px; /**height:14px; width:100%; overflow:hidden;*/ }
ul.portfolio li.cards:hover .faceside{display:none;}
ul.portfolio li.cards:hover .backside{display:block;}

ul.portfolio li.cards#port1 .backside{background-color:#625550;}
ul.portfolio li.cards#port2 .backside{background-color:#E4342D;}
ul.portfolio li.cards#port3 .backside{background-color:#1A171B;}
ul.portfolio li.cards#port4 .backside{background-color:#40A52B;}
ul.portfolio li.cards#port5 .backside{background-color:#E3007B;}

ul.portfolio li.cards#port6 .backside{background-color:#387BB9;}
ul.portfolio li.cards#port7 .backside{background-color:#7AB41D;}
ul.portfolio li.cards#port8 .backside{background-color:#5292C9;}
ul.portfolio li.cards#port9 .backside{background-color:#002F60;}
ul.portfolio li.cards#port10 .backside{background-color:#F29400;}

ul.portfolio li.cards#port11 .backside{background-color:#DF2228;}
ul.portfolio li.cards#port12 .backside{background-color:#009DDF;}
ul.portfolio li.cards#port13 .backside{background-color:#8DA706;}
ul.portfolio li.cards#port14 .backside{background-color:#004168;}
ul.portfolio li.cards#port15 .backside{background-color:#A90961;}

ul.portfolio li.cards#port16 .backside{background-color:#743237;}
ul.portfolio li.cards#port17 .backside{background-color:#B9323A;}
ul.portfolio li.cards#port18 .backside{background-color:#E67624;}
ul.portfolio li.cards#port19 .backside{background-color:#C00033;}
ul.portfolio li.cards#port20 .backside{background-color:#006879;}

ul.portfolio li.cards#port21 .backside{background-color:#00ABC4;}
ul.portfolio li.cards#port22 .backside{background-color:#E1007A;}
ul.portfolio li.cards#port23 .backside{background-color:#3D3D3F;}
ul.portfolio li.cards#port24 .backside{background-color:#97B505;}
ul.portfolio li.cards#port25 .backside{background-color:#E30E6F;}

ul.portfolio li.cards#port26 .backside{background-color:#EA6A0A;}
ul.portfolio li.cards#port27 .backside{background-color:#E2004F;}
ul.portfolio li.cards#port28 .backside{background-color:#E53E1B;}
ul.portfolio li.cards#port29 .backside{background-color:#004488;}
ul.portfolio li.cards#port30 .backside{background-color:#E1007A;}

ul.portfolio li.cards#port31 .backside{background-color:#41A62A;}
ul.portfolio li.cards#port32 .backside{background-color:#8D0A47;}
ul.portfolio li.cards#port33 .backside{background-color:#1A171B;}
ul.portfolio li.cards#port34 .backside{background-color:#88B917;}
ul.portfolio li.cards#port35 .backside{background-color:#409AC9;}

ul.portfolio li.cards#port36 .backside{background-color:#E1007A;}
ul.portfolio li.cards#port37 .backside{background-color:#4898CE;}
ul.portfolio li.cards#port38 .backside{background-color:#F49E11;}
ul.portfolio li.cards#port39 .backside{background-color:#9D1F3E;}
ul.portfolio li.cards#port40 .backside{background-color:#3D3D3F;}

ul.portfolio li.cards#port41 .backside{background-color:#86A41E;}
ul.portfolio li.cards#port42 .backside{background-color:#58200A;}
ul.portfolio li.cards#port43 .backside{background-color:#006AB3;}
ul.portfolio li.cards#port44 .backside{background-color:#1A171B;}
ul.portfolio li.cards#port45 .backside{background-color:#CC608F;}

ul.portfolio li.cards#port46 .backside{background-color:#D60058;}
ul.portfolio li.cards#port47 .backside{background-color:#E9670D;}
ul.portfolio li.cards#port48 .backside{background-color:#DC88B4;}
ul.portfolio li.cards#port49 .backside{background-color:#E32119;}
ul.portfolio li.cards#port50 .backside{background-color:#5B5959;}

ul.portfolio li.cards#port51 .backside{background-color:#EF8321;}
ul.portfolio li.cards#port52 .backside{background-color:#92CCE0;}
ul.portfolio li.cards#port53 .backside{background-color:#999F29;}
ul.portfolio li.cards#port54 .backside{background-color:#D0004F;}
ul.portfolio li.cards#port55 .backside{background-color:#009DDF;}

ul.portfolio li.cards#port56 .backside{background-color:#00A19A;}
ul.portfolio li.cards#port57 .backside{background-color:#BEB1A9;}
ul.portfolio li.cards#port58 .backside{background-color:#423522;}
ul.portfolio li.cards#port59 .backside{background-color:#128FCA;}

/**

	Les Clients/Trophées de Be Seen
	
*/

#clients_trophees{
	margin:0 auto;
	padding-top:20px;
	position:relative;
	width:840px;
}

#clients_trophees li.article.left{padding-left:0px;}

#clients_trophees li.article{
	float:left;
	padding-left:40px;
	width:400px;
}
#clients_trophees li.saut{
	float:left;
	width:100%;
}

#clients_trophees li.article .image{
	float:left;
	min-height:20px;
	overflow:hidden;
	margin-right:25px;
	width:125px;
}

#clients_trophees li.article .texte{
	float:left;
	min-height:20px;
	width:225px;
}

#clients_trophees li.article .texte li{
	float:left;
	width:100%;
}

#clients_trophees li.article .texte li.date{font-size:11px;}
#clients_trophees li.article .texte li.titre h2{font-size:14px;padding-bottom:15px;}
#clients_trophees li.article .texte li {font-size:11px;}

/** Sharer */

.parent_sharer{
	display:block;
	height:20px;
	width:100%;
}

.share_buttons{
	float:right;
}

.share_buttons li{
	float:left;
}

.share_buttons .button{
	width:14px;
	padding:0 0 0 5px;
}

.share_buttons .button img{margin-bottom:0;}