/*****************************
Reset MArkups
*******************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, label, legend, select, 
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;padding: 0;border: 0;	outline: 0;	font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;cursor:default; font-family: Helvetica, Verdana, Arial, sans-serif;}
  
	/*
	background-repeat:no-repeat;
	font-family: Arial;
	font-size:11px;
	line-height:130%;
	text-align:center;
	height:100%;
	background-color: #FFFFFF;
	margin:0px 0px;
	*/
	
	
/*****************************
Global elements
 *******************************/
/*html { font-size:100.01%; }*/


html,body  {background: #dadada; color:#666666; line-height: 1; font-size:1em;}

body{

	background-repeat:no-repeat;
	font-family: Arial;
	font-size:11px;
	line-height:130%;
	/*height:100%;*/
	background-color: #dadada;
	/*margin:0px 0px; /* ELEMENT RAJOUTE PEUT-ETRE A EFFACER */
	
	
	text-align:center;
	
}

input { 
margin: 0;padding: 0;border: 1;	outline: 0;	font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;cursor:default;}




:focus {outline: 0;}

ol {list-style: square inside;}
ul {list-style: square inside; margin-left:40px;}


/*
ul.menu_footer li{display:inline;padding :0 10px 0 0px;}
ul.menu_footer .last{border-right:none!important;}
.menu_footer {display:inline;margin:0px;width:100%;}
#footerNav_menu_footer li{color:#666666;font-size:11px;border-right:1px solid #c6c6c6;}
*/


ul.menu_vc li{display:inline;padding :0 18px 0 0px;}
ul.menu_vc .last{border-right:none!important;}
.menu_vc {display:inline;margin:0px;width:100%;}
#footerNav_menu_vc li{color:#666666;font-size:11px;border-right:1px solid #c6c6c6;} 


/* {	border-collapse: collapse;	border-spacing: 0;}*/

table.user_page
{ background-color: none;
  }

table.user_page td 
{ background-color: none;
  padding-left:50px;
  padding-top:500px;
  padding-bottom:0px;
  padding-right:0px;
  border:none;
}

 td.table#light { padding-left:7; height:26;} 
 td.table#dark { padding-left:7; background-color:#F7F7F7; height:26;} 


caption, th, td {font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {	content: "";}
blockquote, q {	quotes: "" "";}
* {outline:none;}
/*****************************
Common Styling and classes
*******************************/
/***** Common Formatting *****/
strong,b{font-weight:bold;}
small {font-size:0.85em;}
sup {position:relative;bottom:0.3em;vertical-align:baseline;}
sub {position:relative;bottom:-0.2em;vertical-align:baseline;}
acronym, abbr {cursor:help;letter-spacing:1px;border-bottom:1px dashed;}
/***** Forms *****/
form {display:inline; margin: 0; padding: 0;}

textarea {width:100%;line-height:1.25;
margin: 0;padding: 0;border: 1;	outline: 0;	font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;cursor:default;
}

label, button {cursor:pointer;}
/***** Tables *****/
/*table {border:0;margin:0 0 1.25em 0;padding:0;}*/
table tr td {padding:2px;}
/***** Global Classes *****/
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }




#adobe {background : url('../../img/get_read.gif'); width : 112px; height : 33px; margin: 0px;  padding: 0; position: relative;}
#adobe li, #adobe a {height: 33px; display: block;}
#adobe li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#accueil  {left: 0px; width:  112px;}
#accueil a:hover  {background: transparent url('../../img/get_read.gif')  0px  -33px;}





.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }
a img , img{ border:0; }
a img { cursor:auto; cursor:pointer; }
/***** Heading *****/
h1{ font-size:2em;padding:30px 0 25px 0;letter-spacing:-1px;}
h2{ font-size:1.8em;padding:20px 0;letter-spacing:-1px; font-weight:bold;}
h7{ font-size:1.8em;padding:10px 0 5px 0;letter-spacing:-1px; font-weight:bold;}
h8{ font-size:1.0em;padding:0px 0 5px 0; }


*h7.title {height: 1%;}


h3{ font-size:1.4em;font-weight:bold;}
h4{ font-size:1.2em; }
h5{ font-size:1em;}
h6{ font-size:1.8em;padding:10px 0;letter-spacing:-1px; font-weight:bold;}


hr { width:100%; margin-left:-20px; 
color: #dadada;
background-color: #dadada;
height: 1px;
border: 0;
margin-top:15px;
margin-bottom:15px;
}


/***** Float *****/
.fright{float:right!important}
.fleft{float:left}
.col33{width:33%}
.col66{width:65%}
.col50{width:50%}
/***** reusables *****/
.hide{display:none!important;}
ul.inline .last{border-right:none!important;}
ul.inline li{display:inline;padding :0 10px;}
/***** Img replacement *****/
.rpl {margin:0;height:1%;font-size:0.1em;}
button.rpl{border:none;background:transparent;}
.rpl , .rpl a,.rpl span {display:block;text-indent:-1000em;}



/*****************************
LINKS
*******************************/
a {color:#CC6600;text-decoration:none; cursor:pointer;}
a:hover{text-decoration:none; color:#999; cursor:pointer;}


/* Logo
-----------------------------*/
#logo{width:157px;margin:0 ;padding:0 ;height:86px;font-size:1em;display:block;background:url("../img/ok.png") no-repeat 0 0;} 
#logowrapper{float:left;}

/*****************************
Content
*******************************/
.twoCol .wrapper {margin:0;position:relative;}
.colSpacing {padding: 0px 10px 0px 0px;}

#colLeft{background:url(../img/visu.jpg) no-repeat 0 0;}
#colRight{background:url(../img/bg-colright.png) no-repeat 100% 0;}
#colRight .colSpacing{position:relative;height:426px;margin: 0 20px 0 0;padding:0;background:url(../../img/bg_ac.png) repeat-x 0 0;}

#teaser {font-size:11px;margin:15px 0 5px 0;padding:0;}

.sm{clear:right;display:block!important;bottom:0;right:0;float:right;border:1px solid #000;height:20px;width:250px;}


#free{position:absolute;z-index:0;top:-70px;right:-3px;}
/*****************************
Form
*******************************/



.form {font-size:11px;}
.form .ctrlHolder,.form .captcha{padding:4px 0 3px 0;}
.form label{margin:.3em 0;;margin-right:0em;}
.form  em{margin:0;display:inline;clear:none;color:#af4c4c}
.form .advice{font-size:10px;position:relative;color:#af4c4c}
.form .formHint{margin:0;display:inline;}
.form .ctrlHolder .textInput{font-size:12px;width:232px;}
.form .textInput:focus{ background:#FFFCDF;}
.formtext{text-align:center;padding:40px 0}

/* .inlineLabels */
.inlineLabels{margin-left:-1px; padding: 4px 0 ;line-height:1.3em;;}
.form .inlineLabel{margin:0 0 0 0;padding:0 0 0 0;display:block;}
.form .inlineLabel input{margin:0px 5px 2px 0px;vertical-align: middle;}

/* Rounded */
.form .rounded {background:url(../img/rounded.png) no-repeat left bottom;padding:4px;margin-top:3px;}
.form .rounded-small {background:url(../img/rounded_small.png) no-repeat left bottom;padding:4px;}

/* Buttons */
.buttonHolder{margin-top:10px;text-align:center;}

/* captcha */
.captcha{margin-top:10px;}
.captcha-hold{margin:5px 0;width:150px;float:left;}
.form .rounded-small {margin-top:11px;float:left;}
.form .rounded-small .textInput{;width:89px;text-align:center;font-size:12px}

/* Messages */
.form #errorMsg{ background:#ffdfdf;border:1px solid #df7d7d;border-width:1px 0;margin:0 0 5px 0; padding:0.5em 0 0 0;}
.form .error{ background:#ffdfdf;}
.form #errorMsg h3{margin:0 0 .5em 0;font-size:100%;line-height:100%;font-weight:bold;padding: 0 0 0 5px;}
.form #errorMsg ol li{margin:0; padding:2px;list-style-position:inside;border-bottom:1px dotted #df7d7d;position:relative;}
.form .errorField{color:#af4c4c;margin:0 0 6px 0; padding:4px;background:#ffbfbf;}

/* Form override */
#formRegister .buttonHolder{width:163px;position:absolute;top:380px;right:20px;}
#formRegister, #formSuccess,#nocookies{margin: 0 auto;}
#formRegister h2{background:url(../img/ttre_inscrivez_vous.png) no-repeat 0 100%;height:11px;padding:25px 0px 0px 0px;margin:0}
#formRegister .submitButton{background:url(../img/btn_inscrip_off.png) no-repeat 50% 0;height:60px;width:222px;margin: 0 auto;}
#formSuccess .buttonHolder{width:245px;position:absolute;top:380px;right:0px;}
#formSuccess h2{background:url(../img/ttre_confirm.png) no-repeat 50% 100%;padding-top:70px;display:block;}
#formSuccess .submitButton{background:url(../img/btn_login.png) no-repeat 50% 0;height:60px;width:245px;margin: 0 auto;}
#nocookies .buttonHolder{width:200px;position:absolute;top:380px;right:0px;}
#nocookies h2{background:url(../img/ttre_nocookies.png) no-repeat 50% 100%;padding-top:60px }
#nocookies .submitButton{background:url(../img/btn_nocookies.png) no-repeat 50% 0;height:60px;width:199px;margin: 0 auto; }

/*****************************
DEMO PAge
*******************************/

#demo #colLeft{background:url(../img/visu_demo.jpg) no-repeat 0 0;}
#demo #features{font-size:12px;margin:55px 0 0 220px;width:140px;}
#demo #features li{margin:0px 0 23px 0px;}
#demo #features .upper{display:block; text-transform: uppercase;  }
#demo #features a{color:#666;text-decoration:none;}
#demo #features a:hover { text-decoration:underline;}
#demo #features a.active{font-weight:bold;text-decoration:none;  }


#demoHome p,#demoInter p{font-size:11px;line-height:15px;font-weight:bold;}
#demoHome h2,#demoInter h2{background:url(../img/ttre_demo.png) no-repeat 0% 100%;height:30px;padding:18px 0 0 0 }
#demoHome h3,#demoInter h3{margin:14px 0 5px 0;}
.ttre_demo1{background:url(../img/ttre_demo1.png) no-repeat 0% 0;height:25px;}
.ttre_demo2{background:url(../img/ttre_demo2.png) no-repeat 0% 0;height:12px;}
.ttre_demo3{background:url(../img/ttre_demo3.png) no-repeat 0% 0;height:25px;}
.ttre_demo4{background:url(../img/ttre_demo4.png) no-repeat 0% 0;height:25px;}
.moreLink a{color:#ca0064;font-weight:normal;text-decoration:none}
.moreLink a:hover{ text-decoration:underline;}
#backlink{float:right;margin-top:15px; margin-right:30px;}
#backlink a{color:#666666;font-weight:normal;font-size:11px;}



/*****************************
Login
*******************************/
#login_bg{background-image:url(../../img/bg_login.jpg); background-repeat:repeat-x; text-align:right; width:100%; height:30px;filter:alpha(opacity=85);-moz-opacity:0.85;-khtml-opacity:0.85;opacity:0.85;}
#login{text-align:right; width:100%; height:30px; display:inline;}




/*****************************
Header
*******************************/
#pre_header{
height:60px; 
margin:0 auto 0px auto;
width:1024px;
/*padding: 15px;*/
background:url("../../img/header2.jpg") no-repeat;
}

#header0{
height:50px; /*height:140px; */
margin:0 auto 0px auto;
width:1024px;
text-align:center;
background:url("../../img/body.jpg") repeat-y;
}


#header{
height:200px; /*height:140px; */
margin:0 auto 0px auto;
width:1024px;
text-align:center;
background:url("../../img/body.jpg") repeat-y;
}

#header_home{
height:200px; /*height:140px; */
margin:0 auto 0px auto;
width:1024px;
text-align:center;
background:url("../../img/body.jpg") repeat-y;
}

.header_menu{
height:40px; /*height:140px; */
margin:0px auto 0px auto;
width:1024px;
text-align:center;
background:url("http://www.sofa-street.com/articles/img/body.jpg") repeat-y;
}

.header_btn_bloc{ margin:0px auto 0px 58px; }

.header_btn{ float:left; }

#pre_header_new{
height:68px; 
margin:0 auto 0px auto;
width:1024px;
/*padding: 15px;*/
background:url("../../img/header5.jpg") no-repeat;
}

#header2{
height:290px; 
margin:0 auto 0px auto;
width:1024px;
text-align:center;
background:url("../../img/body.jpg") repeat-y;
/*z-index: 20;*/
}
#header3_flash{
height:130px; 
margin:0 auto 1px auto;
width:1024px;
text-align:center;
background:url("../../img/body.jpg") repeat-y;
}

#headline{background:url(../img/ttre-welcome.png) no-repeat 0 10px;height:62px;padding:10px 0 0 0;margin: 0px 0 0px 238px;}

#flashcontent{margin:15px auto;}

/*****************************
Menu principal du site
*******************************/

#pop_formation { margin:0; }
#pop_formation h3 span a:hover{ color:#FFFFFF; }


#pop_formation #hg { background: url(http://www.sofa-street.com/articles/img/btn/bloc/bloc_MODELE_03.png) no-repeat right bottom; }
#pop_formation #hm { background: url(http://www.sofa-street.com/articles/img/btn/bloc/bloc_MODELE_04.png) repeat-x left bottom; }
#pop_formation #hd { background: url(http://www.sofa-street.com/articles/img/btn/bloc/bloc_MODELE_05.png) no-repeat left bottom; }

#pop_formation #mg { background: url(http://www.sofa-street.com/articles/img/btn/bloc/bloc_MODELE_07.png) repeat-y right top ; }
#pop_formation #mm { background:#FFFFFF; }
#pop_formation #md { background: url(http://www.sofa-street.com/articles/img/btn/bloc/bloc_MODELE_09.png) repeat-y left top ; }

#pop_formation #bg { background: url(http://www.sofa-street.com/articles/img/btn/bloc/bloc_MODELE_10.png) no-repeat right top; }
#pop_formation #bm { background: url(http://www.sofa-street.com/articles/img/btn/bloc/bloc_MODELE_11.png) repeat-x left top; }
#pop_formation #bd { background: url(http://www.sofa-street.com/articles/img/btn/bloc/bloc_MODELE_12.png) no-repeat left top; }


a.docSap {display: block;width: 205px; height: 68px;background-image: url("http://www.sofa-street.com/articles/img/btn/btn_docSap_1.jpg"); background-repeat: no-repeat; cursor:pointer;}
a.docSap:hover {background-image: url("http://www.sofa-street.com/articles/img/btn/btn_docSap_2.jpg");} 
 
a.fluxSap {display: block;width: 159px; height: 67px;background-image: url("http://www.sofa-street.com/articles/img/btn/btn_fluxSap_1.jpg"); background-repeat: no-repeat;cursor:pointer;}
a.fluxSap:hover {background-image: url("http://www.sofa-street.com/articles/img/btn/btn_fluxSap_2.jpg");}

a.bt_ac {display: block;width: 69px; height: 30px;background-image: url("http://www.sofa-street.com/articles/img/btn/btn_ac_1.jpg"); background-repeat: no-repeat; cursor:pointer;}
a.bt_ac:hover {background-image: url("http://www.sofa-street.com/articles/img/btn/btn_ac_2.jpg");} 
 
a.bt_ex {display: block;width: 167px; height: 30px;background-image: url("http://www.sofa-street.com/articles/img/btn/btn_ex_1.jpg"); background-repeat: no-repeat;cursor:pointer;}
a.bt_ex:hover {background-image: url("http://www.sofa-street.com/articles/img/btn/btn_ex_2.jpg");}

a.bt_re {display: block;width: 154px; height: 30px;background-image: url("http://www.sofa-street.com/articles/img/btn/btn_re_1.jpg"); background-repeat: no-repeat; cursor:pointer;}
a.bt_re:hover {background-image: url("http://www.sofa-street.com/articles/img/btn/btn_re_2.jpg");} 
 
a.bt_fo {display: block;width: 129px; height: 30px;background-image: url("http://www.sofa-street.com/articles/img/btn/btn_fo_1.jpg"); background-repeat: no-repeat;cursor:pointer;}
a.bt_fo:hover {background-image: url("http://www.sofa-street.com/articles/img/btn/btn_fo_2.jpg");}

a.bt_di {display: block;width: 129px; height: 30px;background-image: url("http://www.sofa-street.com/articles/img/btn/btn_di_1.jpg"); background-repeat: no-repeat;cursor:pointer;}
a.bt_di:hover {background-image: url("http://www.sofa-street.com/articles/img/btn/btn_di_2.jpg");}

a.bt_te {display: block;width: 129px; height: 30px;background-image: url("http://www.sofa-street.com/articles/img/btn/btn_te_1.jpg"); background-repeat: no-repeat; cursor:pointer;}
a.bt_te:hover {background-image: url("http://www.sofa-street.com/articles/img/btn/btn_te_2.jpg");} 
 
a.bt_vc {display: block;width: 129px; height: 30px;background-image: url("http://www.sofa-street.com/articles/img/btn/btn_vc_1.jpg"); background-repeat: no-repeat;cursor:pointer;}
a.bt_vc:hover {background-image: url("http://www.sofa-street.com/articles/img/btn/btn_vc_2.jpg");}


/*****************************
Menu 6 boutons de la home
*******************************/

a.balls_ex {display: block;width:266px; height:74px;background-image: url("http://www.sofa-street.com/articles/img/balls123/6_1.jpg"); background-repeat: no-repeat;cursor:pointer;}
a.balls_ex:hover {background-image: url("http://www.sofa-street.com/articles/img/balls123/6_1_hover.jpg");}

a.balls_re {display: block;width:266px; height:74px;background-image: url("http://www.sofa-street.com/articles/img/balls123/3_1.jpg"); background-repeat: no-repeat;cursor:pointer;}
a.balls_re:hover {background-image: url("http://www.sofa-street.com/articles/img/balls123/3_1_hover.jpg");}

a.balls_pres {display: block;width:266px; height:74px;background-image: url("http://www.sofa-street.com/articles/img/balls123/2_1.jpg"); background-repeat: no-repeat;cursor:pointer;}
a.balls_pres:hover {background-image: url("http://www.sofa-street.com/articles/img/balls123/2_1_hover.jpg");}

a.balls_dist {display: block;width:266px; height:74px;background-image: url("http://www.sofa-street.com/articles/img/balls123/1_1.jpg"); background-repeat: no-repeat;cursor:pointer;}
a.balls_dist:hover {background-image: url("http://www.sofa-street.com/articles/img/balls123/1_1_hover.jpg");}

a.balls_compte {display: block;width:266px; height:74px;background-image: url("http://www.sofa-street.com/articles/img/balls123/4_1.jpg"); background-repeat: no-repeat;cursor:pointer;}
a.balls_compte:hover {background-image: url("http://www.sofa-street.com/articles/img/balls123/4_1_hover.jpg");}

a.balls_qcm {display: block;width:266px; height:74px;background-image: url("http://www.sofa-street.com/articles/img/balls123/9_1.jpg"); background-repeat: no-repeat;cursor:pointer;}
a.balls_qcm:hover {background-image: url("http://www.sofa-street.com/articles/img/balls123/9_1_hover.jpg");}






/*****************************
Footer
*******************************/
#footer { 
background:#dadada url("../../img/footer2.jpg") no-repeat bottom center; 
margin:0 auto 0px auto;
width: 1024px; 
height:25px; 
}
/*#footer{clear:left;}*/

#footer a{color:#CC6600;text-decoration:none;}
#footer a:hover{text-decoration:none; color:#999;}
#footer .colSpacing{padding: .8em 1em;}
#footerNav li{color:#666666;font-size:11px;border-right:1px solid #c6c6c6;} 
#baseline{font-size:10px;margin-top:8px;color:#666666}



#seo {margin-bottom:10px}
#seo p{font-size:10px;color:#aaa}
#seo h2,#seo h3,#seo h4{font-size:13px;font-weight:bold;padding-bottom:2px;color:#aaa;letter-spacing:0;}


/***************************************************************************************
Positioning.css
*****************************************************************************************/
/*  Back in stream */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/* \*/ * html .clearfix {height:1%;}
.clearfix {display:block;}

/*****************************
Global elements
 *******************************/ 
 
#menudroit {
	/*width: 170px;*/
	/*height:100px;*/
	margin:0px;
	padding-left: 5px;
	float: right;
	text-align:left;
}

#bloc_libre {
float:center; 
z-index:2;
text-align:left;  
width:150px; 
/*border: 1px solid #DDDDDD;*/
background-color: #FFFFFF;
display:inline-block; 
margin:inherit;
}
/*
#rss {
	width: 140px;
	height:20px;
	margin:inherit;
	text-align:left;
	background-color:#CCCCCC;
}
*/


#cont {
	width: 912px;
	line-height: 0.3em;
	color: #666666;
   margin:0 auto 2px auto;
}

#translucentbkg {
   width: 912px; height: 60px;
   z-index: 1; 
   background-color: #000000;
   	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
   filter:alpha(opacity=30);-moz-opacity:0.30;-khtml-opacity:0.30;opacity:0.30;
}

#opaquetext {
   width: 912px; height: 60px;
   z-index: 2; 
   color:#FFFFFF;

}


#arbo {
	width: 1024px;
	line-height: 0.7em;
	background:url("../../img/body.jpg");
	color: #666666;
	border-top: 2px solid #dadada;
	border-bottom: 1px solid #dadada;
	margin:0px auto 0px auto;
	/*padding: 15px;*/
}

#sous_arbo {
	/*margin: 0px auto;*/
	
	
	width: 1024px;
	height: 25px;
	color: #666666;
	margin:0px auto 1px auto;  /*	margin: 20px auto; */
	float: center;
	background:url("../../img/body.jpg") repeat-y;
	text-align: left;
}
#sous_sous_arbo {
	/*margin:0px auto 0px auto;*/


	width: 1024px;
	padding-top: 10px;
	
	text-align:left;
	margin:0 0 0 20px; !important;
	
	display:inline;
	
}


#mainContainer {
	width: 1024px;
	margin:0 auto;
	
	line-height: 1.6em;
	background:url("../../img/body.jpg") repeat-y;
	color: #666666;
	/*margin:0 auto 0px auto; /* margin: 20px auto; */
	/*padding: 15px;*/
	
	text-align: left;
	
	
}


#mainContainer a {color:#CC6600;text-decoration:none;}
#mainContainer a:hover {color:#999;text-decoration:none;}
#mainContainer li {list-style-type:square; margin-left:20px; } 


#mainContainer_inside {
	width: 1024px;
	text-align: left;
	
	
	
	/*float: left;*/
	/*width: 850px;*/
	line-height: 1.6em;
	/*background:url("../../img/body.jpg") repeat-y;*/
	color: #666666;
	
	
	
	margin:0 0 0 0; !important;
	
	
	
	/*display: inline;*/
	/*padding-left: 30px;!important;
	padding-right: 30px;!important;*/
}
#mainContainer_inside a {color:#CC6600;text-decoration:none;}
#mainContainer_inside a:hover {color:#999;text-decoration:none;}
#mainContainer_inside li {list-style-type:square; margin-left:20px; }




/*#container {width: 800px;margin: 0 auto;text-align: left; background:#dadada; no-repeat bottom center; }*/


#container_full {
	width: 984px; /*width: 974px;*/
	line-height: 1.6em;
	margin:0 0 0 30px; !important;
	float: left;
	display:inline;
}
#container_full h2 {margin-top:0px; margin-bottom:0px;}
#container_full .openingText{ color:red;}




/* Blocs libres + Container Accueil (moins large)  ----------------------------------------------------------------------------*/


#mainContainer_ac_G a {color:#CC6600;text-decoration:none;}
#mainContainer_ac_G a:hover {color:#999;text-decoration:none;}
#mainContainer_ac_G li {list-style-type:square; margin-left:20px; } 

#mainContainer_inside_ac_G a {color:#CC6600;text-decoration:none;}
#mainContainer_inside_ac_G a:hover {color:#999;text-decoration:none;}
#mainContainer_inside_ac_G li {list-style-type:square; margin-left:20px; }
#container_full_ac_G h2 {margin-top:0px; margin-bottom:0px;}




#modules_libre_ac {
/*
width: 895px;
margin:0 auto 0px auto;
*/
   /*clear: both;*/
   width: 1024px;
   margin:0 auto 0 auto;
   /*padding: 1em;*/
   font-size:10px;
}
			#module_ac_G {
			   float: left;
			   width:642px; /*width:447px;*/
			   _margin-left/**/:/**/ 1px; /* IE 6 only */
			   
			   /*font-size: 80%;*/
			   /*padding: 1em;*/
			}
			#module_ac_C {
			   float: right;
			   width:340px; /*width:447px;*/
			   clear:right;
			   /*font-size: 80%;*/
			   /*padding: 1em;*/
			}
			#module_ac_D {
			   float: right;
			   width:340px; /*width:447px;*/
			   clear:right;
			   /*font-size: 80%;*/
			   /*padding: 1em;*/
			}
			#module_ac_E {
			   float: right;
			   width:340px; /*width:447px;*/
			   clear:right;
			   /*font-size: 80%;*/
			   /*padding: 1em;*/
			}
			
#footer_ac_gauche { 
background:#dadada url("../../img/footer_ac_gauche.jpg") no-repeat bottom center; 
margin:0 auto 0px auto;
width: 683px; 
height:19px; 
}			
#header_ac_droite{
height:36px; 
margin:0 auto 0px auto;
width:342px;
text-align:center;
background:url("../../img/bloc_head_ac_droite.jpg");
}
#header_ac_droite_etoile{
height:36px; 
margin:0 auto 0px auto;
width:342px;
text-align:center;
background:url("../../img/bloc_head_ac_droite_etoile.jpg");
}
#header_ac_droite_etoile2{
height:25px; 
margin:0 auto 0px auto;
width:342px;
text-align:center;
background:url("../../img/bloc_body_ac_droite_etoile.jpg");
}
#header_ac_droite_etoile2BIS{
height:25px; 
margin:0 auto 0px auto;
width:342px;
text-align:center;
background:url("../../img/bloc_head_droite4.jpg");
}
#footer_ac_droite { 
background:#dadada url("../../img/bloc_foot_ac_droite.jpg") no-repeat bottom center; 
margin:0 auto 0px auto;
width: 342px; 
height:26px; 
}

#footer_ac_flash { 
width: 1024px; 
height:25px; 
margin:0 auto 0px auto;
background:#dadada url("../../img/footer_ac_flash.jpg") no-repeat; 
}



#mainContainer_ac_G { width: 683px; height:451px; margin:0 auto 0px auto; line-height: 1.6em; background:url("../../img/body_683.jpg") repeat-y; text-align:left; color: #666666; }
#mainContainer_inside_ac_G { width: 632px;line-height: 1.6em; color: #666666; margin:0 0 0 0; !important; /*padding-left: 10px;!important; padding-right: 20px;!important;*/ }
#container_full_ac_G { width: 608px; /*width:400px;*/ line-height: 1.6em; margin:0 0 0 20px; !important; /*float: left;*/ }


/*#mainContainer_ac { width: 650px; height:130px; margin:0 auto; line-height: 1.6em; background:url("../../img/body.jpg") repeat-y; text-align:left; color: #666666; float: left;}*/
/*#mainContainer_inside_ac { width: 650px;line-height: 1.6em; color: #666666; margin:0 0 0 0; !important; text-align: left;/*padding-left: 10px;!important; padding-right: 20px;!important;}*/
/*#container_full_ac { width: 584px; height:130px; margin:0 0 0 30px; !important; display:inline; float: left; margin:0 auto 0px auto; line-height: 1.6em; background:url("../../img/body.jpg") repeat-y; text-align:left; color: #666666; }*/


#mainContainer_ac_C { width: 340px; height:140px; margin:0 auto 0px auto; line-height: 1.6em; background:url("../../img/bloc_body_ac_droite.jpg") repeat-y; text-align:left; color: #666666; }
#mainContainer_inside_ac_C { width: 330px;line-height: 1.6em; color: #666666; margin:0 0 0 0; !important; /*padding-left: 10px;!important; padding-right: 20px;!important;*/ }
#container_full_ac_C { width: 308px; /*width:400px;*/ line-height: 1.6em; margin:0 0 0 20px; !important; /*float: left;*/ }

#mainContainer_ac_C2 { width: 340px; height:299px; margin:0 auto 0px auto; line-height: 1.6em; background:url("../../img/bloc_body_ac_droite.jpg") repeat-y; text-align:left; color: #666666; }
#mainContainer_inside_ac_C2 { width: 330px;line-height: 1.6em; color: #666666; margin:0 0 0 0; !important; /*padding-left: 10px;!important; padding-right: 20px;!important;*/ }
#container_full_ac_C2 { width: 308px; /*width:400px;*/ line-height: 1.6em; margin:0 0 0 20px; !important; /*float: left;*/ }

#mainContainer_ac_D { width: 340px; height:70px; margin:0 auto 0px auto; line-height: 1.6em; background:url("../../img/bloc_body_ac_droite.jpg") repeat-y; text-align:left; color: #666666; }
#mainContainer_inside_ac_D { width: 330px;line-height: 1.6em; color: #666666; margin:0 0 0 0; !important; /*padding-left: 10px;!important; padding-right: 20px;!important;*/ }
#container_full_ac_D { width: 308px; /*width:400px;*/ line-height: 1.6em; margin:0 0 0 20px; !important; /*float: left;*/ }

#mainContainer_ac_E { width: 340px; height:53px; margin:0 auto 0px auto; line-height: 1.6em; background:url("../../img/bloc_body_ac_droite.jpg") repeat-y; text-align:left; color: #666666; }
#mainContainer_inside_ac_E { width: 330px;line-height: 1.6em; color: #666666; margin:0 0 0 0; !important; /*padding-left: 10px;!important; padding-right: 20px;!important;*/ }
#container_full_ac_E { width: 308px; /*width:400px;*/ line-height: 1.6em; margin:0 0 0 20px; !important; /*float: left;*/ }



html>body #mainContainer_ac_G {
height: 451px;
min-height: 430px;
}

html>body #mainContainer_ac_C {
height: auto;
min-height: 140px;
}

html>body #mainContainer_ac_C2 {
height: auto;
min-height: 299px;
}

html>body #mainContainer_ac_D {
height: auto;
min-height: 70px;
}
html>body #mainContainer_ac_E {
height: auto;
min-height: 53px;
}

html>body #mainContainer_ac_C { max-height:140px; height:expression(140px + "px"); }
html>body #mainContainer_ac_C2 { max-height:299px; height:expression(299px + "px"); }
html>body #mainContainer_ac_D { max-height:70px; height:expression(70px + "px"); }
html>body #mainContainer_ac_E { max-height:53px; height:expression(53px + "px"); }

#modules_libre {
/*
width: 895px;
margin:0 auto 0px auto;
*/
   clear: both;
   width: 1024px;
   margin:0 auto 0px auto;
   padding: 1em;
   font-size:10px;
}

			#module_G {
			/*float:left;*/
			   float: left;
			  width:342px; /*width:447px;*/
			   /*font-size: 80%;*/
			   /*padding: 1em;*/
			}
			#module_C {
			   float: left;
			   width:340px; /*width:447px;*/
			   /*font-size: 80%;*/
			   /*padding: 1em;*/
			}
			#module_D {
			   float: right;
			   width:342px; /*width:447px;*/
			   /*font-size: 80%;*/
			   /*padding: 1em;*/
			}
			
			

#header_gauche{
height:36px; 
margin:0 auto 0px auto;
width:342px;
text-align:center;
background:url("../../img/bloc_head_gauche2_sofa.jpg");
}
#header_centre{
height:36px; 
margin:0 auto 0px auto;
width:340px;
text-align:center;
background:url("../../img/bloc_head_centre2.jpg");
}
#header_droite{
height:36px; 
margin:0 auto 0px auto;
width:342px;
text-align:center;
background:url("../../img/bloc_head_droite2.jpg");
}
#header_droiteBIS{
height:36px; 
margin:0 auto 0px auto;
width:342px;
text-align:center;
background:url("../../img/bloc_head_droite3.jpg");
}

/*#mainContainer_gauche { width: 342px; height:auto !important; height:130px; min-height:130px; max-height:130px; margin:0 auto 0px auto; line-height: 1.6em; background:url("../../img/bloc_body_gauche.jpg") repeat-y; text-align:left; color: #666666; }*/

#mainContainer_gauche { width: 342px; height:130px; margin:0 auto 0px auto; line-height: 1.6em; background:url("../../img/bloc_body_gauche.jpg") repeat-y; text-align:left; color: #666666; }
#mainContainer_inside_gauche { width: 332px;line-height: 1.6em; color: #666666; margin:0 0 0 0; !important; /*padding-left: 10px;!important; padding-right: 20px;!important;*/ }
#container_full_gauche { width: 308px; /*width:400px;*/ line-height: 1.6em; margin:0 0 0 20px; !important; /*float: left;*/ }

#mainContainer_centre { width: 340px; height:235px; margin:0 auto 0px auto; line-height: 1.6em; background:url("../../img/bloc_body_centre.jpg") repeat-y; text-align:left; color: #666666; }
#mainContainer_inside_centre { width: 330px;line-height: 1.6em; color: #666666; margin:0 0 0 0; !important; /*padding-left: 10px;!important; padding-right: 20px;!important;*/ }
#container_full_centre { width: 308px; /*width:400px;*/ line-height: 1.6em; margin:0 0 0 20px; !important;  /*float: left;*/ }

#mainContainer_droite { width: 342px; height:130px; margin:0 auto 0px auto; line-height: 1.6em; background:url("../../img/bloc_body_droite.jpg") repeat-y; text-align:left; color: #666666; }
#mainContainer_inside_droite { width: 332px;line-height: 1.6em; color: #666666; margin:0 0 0 0; !important; /*padding-left: 10px;!important; padding-right: 20px;!important;*/ }
#container_full_droite { width: 308px; /*width:400px;*/ line-height: 1.6em; margin:0 0 0 20px; !important; /*float: left;*/ }

#mainContainer_droite2 { width: 342px; height:211px; margin:0 auto 0px auto; line-height: 1.6em; background:url("../../img/bloc_body_droite.jpg") repeat-y; text-align:left; color: #666666; }
#mainContainer_inside_droite2 { width: 332px;line-height: 1.6em; color: #666666; margin:0 0 0 0; !important; /*padding-left: 10px;!important; padding-right: 20px;!important;*/ }
#container_full_droite2 { width: 308px; /*width:400px;*/ line-height: 1.6em; margin:0 0 0 20px; !important; /*float: left;*/ }



html>body #mainContainer_gauche {
height: auto;
min-height: 130px;
}
html>body #mainContainer_centre {
height: auto;
min-height: 235px;
}
html>body #mainContainer_droite {
height: auto;
min-height: 130px;
}
html>body #mainContainer_droite2 {
height: auto;
min-height: 211px;
}

#footer_gauche { 
background:#dadada url("../../img/bloc_foot_gauche.jpg") no-repeat bottom center; 
margin:0 auto 0px auto;
width: 342px; 
height:26px; 
}
#footer_centre { 
background:#dadada url("../../img/bloc_foot_centre.jpg") no-repeat bottom center; 
margin:0 auto 0px auto;
width: 340px; 
height:26px; 
}
#footer_droite { 
background:#dadada url("../../img/bloc_foot_droite.jpg") no-repeat bottom center; 
margin:0 auto 0px auto;
width: 342px; 
height:26px; 
}

/* ----------------------------------------------------------------------------------------*/

/* Ranks page. ----------------------------------------------------------------------------*/
table.ranks { background-color: #E6E6E6; margin-top:0px; margin-bottom:0px; }
table.ranks td { background-color: #FFFFFF; padding-left:0px; padding-top:3px; padding-bottom:3px; padding-right:0px; }
td#dark { background-color: #F3F3F3; padding-left:2px; }
td#dark td { background-color: #F3F3F3; }
td#light { background-color: #FFFFFF; padding-left:2px; }
table.legend td { padding-left:2px; padding-right:2px; }
table.legend td#txt {  padding-right:10px; }
table.user_page { background-color: none; }
table.user_page td { background-color: none; padding-left:0px; padding-top:0px; padding-bottom:0px; padding-right:0px; border:none; }


 


/*****************************
Content Element
 *******************************/

/* colLeft
=============================== */
#colLeft, .leftCol{	float: left;width: 100%;    }
#colLeft{width:404px;height:426px;}
/* Col Right
=============================== */
#colRight, .rightCol{width:50%;float: right;}
#colRight{width:520px;height:426px;}




/**************** sidebar styles ****************/
	#sidebar {
	width: 450px;
	padding-left: 10px;
	padding-right: 2px;
	padding-top: 10px;
	float: right;
	border-bottom: 1px solid #DDDDDD;

	  }
		
	#sidebar p {
	padding-bottom: 10px;
	 
	  }



/***************************************************************************************
accordeon
*****************************************************************************************/

/*****************************
Vertical Accordions
 *******************************/
 
#container {width: 900px;margin: 0 auto;text-align: left; background: none no-repeat bottom center; }
 
.accordion_toggle {
			display: block;
			height: 25px;
			width: 890px;
			/* background: url(images/accordion_toggle.jpg) no-repeat top right #FFFFFF; */
			padding: 0 0 0 5px;
			line-height: 20px;
			/*color: #ffffff;*/
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			font-weight: bold;
			color: #666666;
			/*border-bottom: 1px solid #dadada;*/
			cursor: pointer;
			margin: 0 0 0 0;
			border-bottom: 1px solid #dadada;
		}
		.accordion_toggle:hover {
		/*color: #CC6600;*/
		}

		.accordion_toggle_active {
			/* background: url(images/accordion_toggle_active.jpg) no-repeat top right #FFFFFF; */
			width: 895px;
			color: #CC6600;
			/*border-bottom: 1px solid #f68263;*/
			cursor: pointer;
			background-color:#CCCCCC;
			border:1px dashed #c6c6c6;
		}
		
		.accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
			cursor: pointer;
		}
			
			.accordion_content h2 {
				/*font-size:0.8em;
				padding:20px 0;
				letter-spacing:-1px;
				/*margin: 15px 0 5px 10px;*/
				color:#999999;
				border-right:1px solid #c6c6c6;
				/*line-height: 150%;*/
				padding: 5px 10px 5px 10px;
				font-size:11px;
				line-height:15px;
				font-weight:bold;
			}

			.accordion_content p {
				/*line-height: 150%;*/
				padding: 0px 0px 0px 0px;
				font-size:11px;
				line-height:15px;
				/*font-weight:bold;*/
			}

		.vertical_accordion_toggle { /*  SOUS-ACCORDEON : C'EST LA QUE CA SE PASSE */
			display: block;
			height: 15px;
			width: 895px;
			/* background: url(images/accordion_toggle.jpg) no-repeat top right #FFFFFF; */
			padding: 10px 10px 10px 10px; /* 0 10px 0 10px; */
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			/* font-size: 12px;*/
			/*font-size:1em;padding:15px 0 25px 0;letter-spacing:-1px;*/

			color: #c6c6c6;
			border-bottom: 1px solid #c6c6c6;
			cursor: pointer;
			margin: 0 0 0 5px;
			
			/* AJOUT A MODIFIER */		
			font-weight: normal;
			font-size: 1em;
			padding:10px;
			color: #666666;
		}

		.vertical_accordion_toggle_active {
			/* background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f; */
			color: #666666;
			border-bottom: 1px solid #c6c6c6;
		}

		.vertical_accordion_content {
			background-color: #FFFFFF;
			color: #666666;
			overflow: hidden;
			cursor: pointer;
		}

			.vertical_accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
			
			.vertical_accordion_content p {
				line-height: 150%;
				padding: 5px 0px 0px 15px; /* 0px 10px 15px 10px; */
			}

		/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 100px;
			width: 30px;
			/* background: url(images/h_accordion_toggle.jpg) no-repeat top left #a9d06a; */
			color: #ffffff;
			text-decoration: none;
			outline: none;
			border-right: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.horizontal_accordion_toggle_active {
			
			border-right: 1px solid #c6c6c6;
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 50px;	/* 100 px We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
			background-color: #ffffff;
			color: #444444;
		}
			
			.horizontal_accordion_content p {
				width: 250px; /* 450 px */
				line-height: 150%;
				/*padding: 5px 10px 15px 10px;*/
			}
			
					
    /* Container styling*/
	
	
	/*
    #horizontal_container {
      margin: 20px auto 20px auto;
      width: 680px;   
      height: 100px;    
    }
    
    #vertical_nested_container {
      margin: 20px auto 20px auto;
      width: 420px;
    }					
    
	
    #vertical_nested_container {
      margin: 20px auto 10px auto;
      width: 150px;
    }
	*/

    #vertical_nested_container {
      margin: 5px 10px 20px 5px;
      width: 420px;
    }	






ul.retrait { margin: 0 0 0 22px; }

#sq_orange { list-style-image:url("http://www.sofa-street.com/articles/img/sq_orange.jpg");}
li#sq_orange { margin: 0 0 0 5px; }

.sq_orange { list-style-image:url("http://www.sofa-street.com/articles/img/sq_orange.jpg");}
li.sq_orange { margin: 0 0 0 5px; }

html:not([lang*=""]) li.sq_orange { margin: 0 0 0 10px; }


#sq_coche { list-style-image:url("http://www.sofa-street.com/articles/img/coche.jpg"); }



#BgIntroArt { background-color:#f6f6f6; }

.articleList{
	margin:0px;
	padding:2px;
}
.articleList li{	/* General layout article in list */
	list-style-type:square;
	border:0px solid #999;
	background-color:#FFFFFF;
	height:10px;
	margin:1px;
	padding:2px;
	color:#c6c6c6;
	cursor:default;
}
.articleList li.articleMouseOver{	/* Mouse over article in list - layout */
	border:0px solid #000;
	color:#666666;
	background-color:none;
}
.articleList li.articleClick{	/* Active article in list - layout */
	border:0px solid #000;
	color:#FFFFFF;
	background-color:#c6c6c6;
}

.keyText{	/* Just a column I use for key text inside articles - the one with the light blue bg and dotted border */
	background-color:#FFF;
	border:1px dotted #000;
	float:right;
	margin-top:5px;
	margin-left:5px;
	margin-bottom:5px;
	width:150px;
	padding:3px;
}
.keyImage{	/* Just a column I use for key image inside articles - the one with the light blue bg and dotted border */
	background-color:#FFF;
	border:1px dotted #000;
	float:both;
	margin-top:20px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:40px;
	padding:3px;
}
.keyImage2{	/* Just a column I use for key image inside articles - the one with the light blue bg and dotted border */
	background-color:#FFF;
	border:1px dashed #c6c6c6;
	margin:0 15px 0 10px;
	text-align:left;
	margin-top:5px;
	margin-left:5px;
	margin-bottom:5px;
	padding:15px;
	/*width:90%;*/
}


/* **************************** */
.keyImage3{	/* Just a column I use for key image inside articles - the one with the light blue bg and dotted border */
	background:url("../../img/bg_fp.jpg") no-repeat 0% 0;height:80px;
	margin-top:1px;
	margin-right:1px;
	text-align:right;
}

.keyImage_flash{	/* Just a column I use for key image inside articles - the one with the light blue bg and dotted border */
height:290px; 
margin:0 auto 0px auto;
width:1024px;
text-align:center;
background:url("../../img/body.jpg") repeat-y;
}



#fond {
height: 100%;
width: 100%;
}


/* **************************** */
.clear{
	clear:both;
}