/* Img Divs cosmetiques: Entourage jaune */

* {
	margin:0;
	padding:0;
	outline: 0;
}


#cosm_h

{

    /* background: url(/img/site_haut.png) no-repeat top center; */

    /* height: 24px; */

}



#cosm_m

{

   /*background: url(/img/site_milieu.png) repeat-y center center; */

}



#cosm_b

{

   /* height: 24px; */

   /* background: url(/img/site_bas.png) no-repeat top center;*/ 

}



/* Blocs */



.block

{

    background-image: url(blocs.png);

    background-repeat: no-repeat;

    min-height: 20px;

    padding: 10px 10px 0 10px;

}



.nopadding {

	padding: 10px 0 0 0;

}



.bottom

{

    /* background-image: url(blocs.png);

    background-repeat: no-repeat;*/

    height: 10px;

}



.block h2

{

    border: 0; /* Annule le style general */

    border-bottom: 1px dotted #fff;

    padding: 0 0 10px 0;

    text-align: left;

    background: transparent;

    font-family: "Verdana"; /* A revoir */

    font-size: 12px;

    margin: 0;

}



.dark

{

    color: #000;

}



/* Blocs produits */



.welcome_sq

{
	padding-top:5px;
    width: 468px;

}



.welcome_sq_h

{
	width: 448px;
    background: #666666;
	height: 230px;
	padding: 10px ;
	color:#ffffff;

}



.welcome_sq_b

{

    display:none;

}



/* CSS Sprite ( couleurs blocs ) */



.yellow

{

    background-position: 0 0;

}

.yellow_b

{

    background-position: 0 -2002px;

}

.blue

{

    background:none;

}

.blue_b

{

    background:none;

}

.darkpink

{

    background-position: -330px 0;

}

.darkpink_b

{

    background-position: -330px -2002px;

}

.red

{

    background-position: -495px 0;

}

.red_b

{

    background-position: -495px -2002px;

}



/* Ces deux classes ne sont utilisees que dans les tabs */



.black

{

    /* background-image: url(blocs2.png)!important; */

    background:none;

}



.green

{

    /* background-image: url(blocs2.png)!important; */

    background:none;

}







a img

{

    border: 0;

}



/* Blocs produits carres */





.prod_sq_h

{

    overflow: hidden;
    min-height: 140px;
	padding: 10px 10px 0 10px;

}



.prod_sq_b

{
	display:none;
	/*
    overflow: hidden;

    background: url(/img/prod_sq.png) no-repeat bottom center;

    height: 20px;

    padding: 10px 10px 5px 10px;*/

}



.mini_height

{

    height: 5px!important;

    padding-top: 2px!important;

}



.prod_sq_details

{

    float: right;

}



.prod_sq_membre

{

    float: left;

}



.prod_sq

{

border-top:1px solid #cdcdcd;
border-right:1px solid #cdcdcd;
border-bottom:1px solid #cdcdcd;
float:left;
margin-bottom:7px;
margin-right:7px;
width:357px;
background-image:url(../images/prod-bg001.png);
background-repeat:no-repeat;
background-position:0px 0px;

}

.prod_sq_title {
	color:#000000;
	font-size:12px;

}

.prod_sq_title a {
	color:#000000;
	font-size:12px;
	text-decoration:none;
}

.prod_sq_title a:hover {
	color:#000000;
	font-size:12px;
	text-decoration:none;
}

.prod_sq_desc

{

    margin-top: 20px;

    width: 180px;

    text-align: justify;

}



.prod_sq_img

{

    float: right;
	margin: 10px 10px 0px 0px;
	border:1px solid #e2e2e2;

}



.prod_sq_cat

{

    float: right;

    clear: right;

    width: 125px;

    font-weight: bold;

    text-align: center;

}

.fprod-btn-url {
	width:184px;
	height:19px;
	padding:5px 0px 0px 40px;
	background-image:url(../images/fprod-btn-url.jpg);
	background-repeat:no-reapeat;
	background-position:0px 0px;
	color:#ffffff;
	text-decoration:none;
	display:block;
}

.fprod-btn-url:hover {
	background-position:0px -24px;
	color:#ff9900;
	text-decoration:none;
}

.fprod-btn-mail {
	width:184px;
	height:19px;
	padding:5px 0px 0px 40px;
	background-image:url(../images/fprod-btn-mail.jpg);
	background-repeat:no-reapeat;
	background-position:0px 0px;
	color:#ffffff;
	text-decoration:none;
	display:block;
}

.fprod-btn-mail:hover {
	background-position:0px -24px;
	color:#ff9900;
	text-decoration:none;
}

.fprod-btn-print {
	width:184px;
	height:18px;
	padding:5px 0px 0px 40px;
	background-image:url(../images/fprod-btn-print.jpg);
	background-repeat:no-reapeat;
	background-position:0px 0px;
	color:#ffffff;
	text-decoration:none;
	display:block;
}

.fprod-btn-print:hover {
	background-position:0px -23px;
	color:#ff9900;
	text-decoration:none;
}

.fprod-btn-envoyer {
	width:184px;
	height:19px;
	padding:5px 0px 0px 40px;
	background-image:url(../images/fprod-btn-envoyer.jpg);
	background-repeat:no-reapeat;
	background-position:0px 0px;
	color:#ffffff;
	text-decoration:none;
	display:block;
}

.fprod-btn-envoyer:hover {
	background-position:0px -24px;
	color:#ff9900;
	text-decoration:none;
}

.fprod-btn-plus {
	width:184px;
	height:20px;
	padding:6px 0px 0px 40px;
	background-image:url(../images/fprod-btn-plus.jpg);
	background-repeat:no-reapeat;
	background-position:0px 0px;
	color:#ffffff;
	text-decoration:none;
	display:block;
}

.fprod-btn-plus:hover {
	background-position:0px 0px;
	color:#ff9900;
	text-decoration:none;
}



/* Hacks */



.no_mrg_r

{

    margin-right: 0!important;

}



/* Produits ( liste ) */



.inl_prd

{

    padding: 0;

    margin: 0;

    list-style-type: none;

}



.inl_prd li

{

    display: block;

    overflow: hidden;

    border-top: 1px solid #cccccc;

}



.inl_prd_sp

{

    float: right;

    margin-right: 10px;

    margin-top: 8px;

}



.inl_prd_ttl

{

    float: left;

    margin: 10px;

    font-weight: bold;

    color: #000;

}



.inl_prd_ttl:hover

{

    color: #000;

    padding-left: 10px;

}



/* Styles des lignes de tableau/liste (pair/impair) */



.row_odd

{

    background: #fde8cb;

}



.row_even

{

    background: #fcbf64;

}



/* Tabs au dessus de la navbar */



#tabbar

{

    overflow: hidden;

    margin: 0;
	
	width: 930px;

}



#tabs

{

    list-style-type: none;

    padding: 0px;

    margin: 0px;
	

}



#tabs li

{
	
    float: left;	
	border-top:1px dotted #ff9900;
	border-left:1px dotted #ff9900

}



#tabs li a

{

    display: block;

    height: 16px;

    text-align: center;

    padding: 6px 8px;
	
	text-transform:uppercase;
	
	background:none;

    color: #999999;
	text-decoration:none;

}



#tabs li a:hover

{

	background-color:#ff9900;
	text-decoration:none;
    color: #ffffff;   

}



/* Nouveaux formulaires */
#form-myaccompte {
color:#333333;
}

#form-myaccompte h5{
	margin: 0px;
	font-size: 13px;
	color: #ff9900;
	padding: 3px 0px 7px 0px;
}

#form-myaccompte .col1{
	float:left;
	width:350px;
}
#form-myaccompte .col2{
	float:right;
	width:350px;
}

#form-myaccompte .col3{
	clear:both;
	width:578px;
	margin:10px 0px 10px 140px;
}

#form-myaccompte label{
	float:left;
	width:130px;
	padding:1px 10px 1px 0px;
}

#form-myaccompte label.box{
	float:left;
	padding:1px 10px 1px 0px;
	width:500px;
}

#form-myaccompte input.checkbox{
	float:left;
	width:25px;
	border:0px solid #333333;
}

#form-myaccompte label.required{
	font-weight:bold;
}

#form-myaccompte input{
	float:left;
	width:200px;
	background-color:#ffffff;
	border:1px solid #333333;
}

#form-myaccompte textarea{
	float:left;
	background-color:#ffffff;
	border:1px solid #333333;
}



#form-myaccompte p{
	clear:both;
	display:block;
	padding:2px 0px;
}

#form-myaccompte input.submit{

	background-color: #dddddd;
	color:#ffffff;
	border:0px;
	font-size:10px;
	text-transform:uppercase;
	width:578px;
	margin:15px 0px;
	background-image:url(btn-ok.jpg);
	background-repeat:repeat-x;
	background-position:0px 0px;
	text-align:center;

}

#form-myaccompte .dotted{

	margin: 10px 0px 0px 0px;
	border-top: 1px dotted #999999;
	padding: 10px 0px 0px 0px;
}

#menu-gestion {
	width:728px;
	height:50px,
}


#menu-gestion .button {
	float:left;
	margin:0px 2px 5px 0px;
	background-color:#666666;
	padding:5px;
	font-size:10px;
	color:#999999;
	width:170px;
	height:45px;
	background-image:url(menu-gestion-button-bg.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
}

#menu-gestion .button h5{
	margin:7px 0px 0px 0px;
	font-size:12px;
	text-decoration:none;
	text-transform:uppercase;
	color:#ffffff;
}

#menu-gestion .button a{
	color:#999999;
	text-decoration:none;
}

#menu-gestion .button a:hover{
	color:#cccccc;
	text-decoration:none;
}

#menu-gestion .button h5 a{
	text-decoration:none;
	color:#ffffff;
}

#menu-gestion .button h5 a:hover{
	text-decoration:none;
	color:#ff9900;
}

#menu-gestion .button:hover {
	float:left;
	margin:0px 2px 5px 0px;
	background-color:#333333;
	padding:5px;
	font-size:10px;
	color:#cccccc;
	width:170px;
	height:45px;
	background-image:url(menu-gestion-button-bg.jpg);
	background-repeat:no-repeat;
	background-position:0px -55px;
}



#menu-gestion:hover .button a{
	color:#cccccc;
	text-decoration:none;
}

#menu-gestion:hover .button a:hover{
	color:#cccccc;
	text-decoration:none;
}


#menu-gestion .button:hover h5{
	margin:7px 0px 0px 0px;
	font-size:12px;
	text-decoration:none;
	text-transform:uppercase;
	color:#ff9900;
}
#menu-gestion .button:hover h5 a{
	color:#ff9900;
	text-decoration:none;
}

#menu-gestion .button:hover h5 a:hover{
	color:#ff9900;
	text-decoration:none;
}


#menu-gestion .button-current {
	float:left;
	margin:0px 2px 5px 0px;
	background-color:#333333;
	padding:5px;
	font-size:10px;
	color:#cccccc;
	width:170px;
	height:45px;
	background-image:url(menu-gestion-button-bg.jpg);
	background-repeat:no-repeat;
	background-position:0px -55px;
}
#menu-gestion .button-current a{
	color:#cccccc;
	text-decoration:none;
}

#menu-gestion .button-current a:hover{
	color:#cccccc;
	text-decoration:none;
}
#menu-gestion .button-current h5{
	margin:7px 0px 0px 0px;
	font-size:12px;
	text-decoration:none;
	text-transform:uppercase;
	color:#ff9900;
}

#menu-gestion .button-current h5 a{
	text-decoration:none;
	color:#ff9900;
}

#menu-gestion .button-current h5 a:hover{
	text-decoration:none;
	color:#ff9900;
}






table.forms{

	width: 100%;

	margin-bottom: 30px;

}

table.forms thead th{

	

	background-repeat: no-repeat;

	padding: 0px;

}



table.forms thead th h5{

	margin: 0px;
	font-size: 13px;
	color: #ff9900;
	padding: 3px 0px 7px 0px;

}

table#create_account th.one_quarter{

	width: 140px;

}

table.forms tbody tr td,

table.forms tbody tr th{

	padding: 4px 8px 4px 0px;

}

table.forms tbody tr th{

	border-left: 0px solid #000000;

	padding: 4px 0px;

	font-weight: normal;

}

table.forms tbody tr .last{

	border-right: 0px solid #000000;

}

table.forms .text{

	width: 97%;

	background-color: #ffffff;

}

table.forms .checkbox{

	border-style: none;

	background-color: transparent;

}

table.forms textarea{

	height: 150px;

}

table.forms 

table.forms p.hr{

	margin: 10px 0px 0px 150px;

	border-top: 1px dotted #999999;

	padding: 10px 0px 0px 0px;

}

table.forms tr.last th,

table.forms tr.last td{

	border-bottom: 0px solid #000000;

}

table.forms tbody tr.last td{

	text-align: right;

}

table.forms label.required{

	font-weight: bold;

}



/* Erreurs formulaire */

ul.errors{

	font-family: arial, verdana, sans-serif;

	margin: 0px 0px 10px;

	padding: 5px 0px;

	list-style-type: none;

	color: #ffffff;

	background-color: #ff0000;

	font-weight: bold;

	font-size: 8pt;

	text-align: center;

}

.validation-failed

{

	background: #f00!important;

}

/* Nouveaux boutons admins */



table#admin_bottom_buttons{

	margin: 0px auto;

}

table#admin_bottom_buttons td{

	height: 48px;

	background-image: url(../img/btn1_bg_right.png);

	background-position: top right;

	background-repeat: no-repeat;

	padding: 0px 8px 0px 0px;

}

table#admin_bottom_buttons td div{

	height: 48px;

	background-image: url(../img/btn1_bg_left.png);

	background-repeat: no-repeat;

	padding: 0px 10px 0px 18px;

	text-align: center;

	color: #ffffff;

	font-family: verdana;

}

table#admin_bottom_buttons h5{

	margin: 0px 0px 2px 0px;

	font-size: 7pt;

	padding-top: 4px;

}

table#admin_bottom_buttons p{

	margin: 0px;

	font-size: 7pt;

}



/* Pagination */



.pager

{

	margin: 6px 0;
	border-top:1px dotted #ff9900;
	border-bottom:1px dotted #ff9900;
	text-align:right;
	

}



.pager a, .pager a:link, .pager a:visited
{

	text-decoration: none;
	color: #666666;
	padding:2px 3px;
	

}



.pager a:hover, .pager a:active

{	

	color: #ff9900;
	border-top:1px solid #fcdaac;
	border-right:1px solid #fcdaac;
	border-left:1px solid #fcdaac;
	border-bottom:2px solid #ff9900;
	padding:1px 2px;

}



.pager span.page

{

	font-weight: bold;

	color: #000;

}



.pager span.current

{

	color: #ff9900;
	font-weight:bold;
	border-top:1px solid #ff9900;
	border-right:1px solid #ff9900;
	border-left:1px solid #ff9900;
	border-bottom:2px solid #ff9900;
	padding:1px 3px;

}



.pager .fastlink

{

	border: 1px solid #000;

	padding: 2px 3px 2px 2px;

	margin: 2px 1px 2px 2px;

	background: #ddd;

}



.pager span.lastnext

{

	font-weight: bold;

	color: #000;

}



/* Liens d'administration */



#admin_menu

{

	position: relative;

	overflow: hidden;
	
	clear:both;
	display:block;

}



#admin_menu ul

{

	float: left;

	padding-right: 10px;

	list-style-type: none;

}



#admin_menu ul li strong

{

	margin-bottom: 10px;

	display: block;

}



#admin_menu ul li a

{

	margin-left: 10px;

}

/* Message d'information */

p.info{

	text-align: center;

	margin: 0px 0px 10px;

	font-weight: bold;

	color: #fff;

	background-color: #ff9900;

	padding: 10px;

	font-size: 12pt;

}

.intro-explication {
	background-image:url(intro-explication-bg.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:518px;
	padding:5px 195px 5px 15px;
	color:#ffffff;
}



a.sbtn

{

	display: block;

	line-height: 20px;

	color: #fff;	

	text-align: center;

	font-size: 10px;

	font-weight: bold;

	background: url(sbtn.png) no-repeat center center;		

}

a.sbtn2

{

	display: block;

	line-height: 20px;

	color: #fff;	

	text-align: center;

	font-size: 10px;

	font-weight: bold;

	background: url(sbtn2.png) no-repeat center center;		

}

/* slider stop affaires */

#stp-affaires {
 margin:0px 0px 10px 0px;	
}

#stp-affaires h2 {
	background:none;
	background-color:#000000;
	text-align:left;
	color:#ffffff;
	border:0px solid #000000;
	width:130px;
	margin:0px;
	padding:5px;
}

#stp-affaires #stp-affaires-content {
	width:708px;
	background-color:#000000;
	padding:10px;
}

#stp-affaires .stp-affaires-prod {
	width:130px;
	float:left;
	margin:10px 5px 10px 5px;
	height:130px;
	overflow:hidden;
}

#slider1 {
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
	height: 150px;
}

#slider1 li {
	padding: 0;
	margin: 0;
}

#slider1 img {
	border: solid #666 1px;
}

#example .multiple li {
	width: 130px;
	padding:0px 10px 0px 10px;
}


.bx-next {
	position:absolute;
	top:40%;
	right:-50px;
	z-index:999;
	width: 15px;
	height: 25px;
	text-indent: -999999px;
	background: url(gray_next.png) no-repeat 0 0px;
}


.bx-prev {
	position:absolute;
	top:40%;
	left:-20px;
	z-index:999;
	width: 15px;
	height: 25px;
	text-indent: -999999px;
	background: url(gray_prev.png) no-repeat 0 0px;
}


.bx-next:hover,
.bx-prev:hover {
	background-position: 0 -25px;
}

li.pager {
 border-right:1px dotted #666666;
 border-top:0px dotted #666666;
 border-bottom:0px dotted #666666; 
 border-left:0px dotted #666666;
text-align:center;
   
}

li.pager a {
 color:#999999;
 text-decoration:none;
 font-family:Arial, Verdana; Helvetica, sans-serif;
 font-size:10px;
 text-align:center;
 border-width:0px;
 border-style:none;
 border-color:none;
 padding:0px;
 margin:0px;
 display:block;
}

li.pager a:hover {
 color:#ffffff;
 text-decoration:none;
 font-family:Arial, Verdana; Helvetica, sans-serif;
 font-size:10px;
 text-align:center;
 border-width:0px;
 border-style:none;
 border-color:none;
 padding:0px;
 margin:0px;
 display:block;
}  

li.pager .stp-affaires-thumb {
 clear:both;
 display:block;
 width:98%;
 height:90px;
 overflow:hidden;
 text-align:center;
}

li.pager .stp-affaires-thumb img {
margin:0px auto;

}

/*captions*/
.bx-captions {
	text-align:center;
	font-size: 12px;
	padding: 7px 0;
	color: #666;
}

/*auto controls*/
.bx-auto {
	text-align: center;
	padding-top: 15px;
}

.bx-auto a {
	color: #666;
	font-size: 12px;
}

.bx-wrapper {
	margin:0px 0px 0px 40px;
}