/* ----------------------------- */
/*          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 {
background: #FFFFFF none repeat scroll 0 0;
color: #4D4D4D;
font-size: 12px;
font: normal 0.7em "helvetica", "Arial",  sans-serif;
height: 100%;
line-height:1.5em;
margin: 0;
max-height:100%;
overflow: hidden;
}

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;
}



/* ----------------------------- */
/*			  CONTAINER			 */
/* ----------------------------- */


#container {
left: 0;
right: 0;
top:0;
overflow: auto;
position: absolute;
}

.container_pt{
bottom: 199px;
}

.container_gd{
bottom: 84px;
}


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

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


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


#maincontent {
margin: auto;
overflow: hidden;
position: relative;
width: 870px;
}


/*	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 40px 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: 20px;
}

#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;
display:block;
bottom: 0;
margin:0;
position:absolute;
right:0;
width:100%;
} 

#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 {
/*margin-left: 310px;*/
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;
cursor:pointer;
}

#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;
}