/*------------------------------------------------------------------------------
    CSS Document (http://www.w3.org/Style/css/)

    project:    Project
    created:    YYYY-MM-DD
    author:     yvevan

    summary:    PRINT
                RESET
                GENERIC
                WYSIWYG
                
----------------------------------------------------------------------------- */

/*  =PRINT
----------------------------------------------------------------------------- */
@media print {
    
}

/*  =RESET
----------------------------------------------------------------------------- */
* { margin:0; padding:0; vertical-align:baseline; }

body {
    font-family:Trebuchet MS, Arial, Verdana, sans-serif;
    font-size:69%; /* :INFO:1em = 11px */
    text-align:center;
    margin:0;
    height:100%;
    color:#5d5c5c;
    background:#fff;
	line-height:14px;
}

input { height:auto; }
a img, fieldset, form { border:0; }
ins, abbr, acronym { text-decoration:none; border:0; font-style:normal; }
a:hover ins, a:hover abbr, a:hover acronym { text-decoration:underline; }
address { font-style:normal; }
ul { list-style:none; }
q:before, q:after { content:''; }
small { font-size:0.9em; }
.textSize1 { font-size:0.8em; }
textarea { overflow:auto; }

hr,
.accessibility { 
    position:absolute;
    left:-9999em;
}

button {
    width:auto;
    overflow:visible;
    border:0;
    background:none;
    cursor:pointer;
}

input.submit {
    width:auto !important;
    height:auto !important;
    cursor:pointer !important;
    border:0 !important;
    overflow:visible;
    background-image:none!important;
}
table{
	border-collapse:collapse;
}
select { height: 18px !important; }

/* GENERIC */
.style-1 #content {
	border-left:1px solid #ececec;
	padding:0 0 20px 0;
}
.style-2 #content {
	margin:0 auto;
	width:978px;
}
.style-2 #corps {
	width:auto;
	padding:0;
}
#barre-fonctionnelle {
	position:absolute;
	top:0;
	right:0;
}
#barre-fonctionnelle .bloc-connect {
	background:#f2f2f2 url(../images/skin/bg_connect.png) left bottom no-repeat;
	width:185px;
	padding:15px 10px;
	text-align:center;
}
#barre-fonctionnelle .connected {
	text-align:left;
}
#barre-fonctionnelle .bloc-connect ul,
#barre-fonctionnelle .bloc-connect ul li,
#barre-fonctionnelle .bloc-connect p  {
	float:none!important;
	width:auto!important;
}
#barre-fonctionnelle .bloc-connect p.texte {
	margin:0 0 7px 0!important;
	padding:0;
	text-align:left!important;
}
#barre-fonctionnelle .bloc-connect p.center {
	text-align:center!important;
}
#barre-fonctionnelle .bloc-connect ul {
	width:auto;
	text-align:left;
}
#barre-fonctionnelle .bloc-connect ul li {
	display:inline;
	margin:0;
}
#header #bloc-titre-page {
	margin:0;
	padding:0;
}

.style-2 #footer {
	border-top:1px solid #dedede;
	padding:10px 0;
}

#main {
	width:773px;
	float:left;
}
#sidecol {
	width:195px;
	margin:95px 0 0 0;
	padding:0 0 0 10px;
	float:right;
}
#sidecol .bloc {
	width:100%;
	border-top:1px solid #ececec;
	padding:5px 0 0 0;
}
#sidecol p {
	margin:5px 0;
}
#sidecol p big {
	display:block;
	margin:15px 0;
}
#sidecol h2 {
	margin:14px 0;
}
#sidecol h3 {
	margin:18px 0 0 0;
}
#sidecol fieldset {
	padding:0;
}
#sidecol .groupe-champs {
	padding:3px 0;
	width:100%;
	overflow:hidden;
}
#sidecol .groupe-champs label {
	float:left;
}
#sidecol .groupe-champs input {
	float:right;
}
#sidecol ul {
	margin:0 0 10px 0;
}
#sidecol ul li {
	margin:0 0 5px 0;
}
#sidecol ul li.facebook a {
	background:url(../images/skin/picto_facebook.png) 0 2px no-repeat;
	padding:0 0 0 25px;
}

.pastille-points,
.pastille-total {
	display:block;
	float:right;
	width:32px;
	height:32px;
	background:url(../images/skin/bg_points.png) 0 0 no-repeat;
	text-align:center;
	text-transform:uppercase;
	font-size:9px;
	color:#ac0648;
}
.pastille-total {
	background-position:0 -56px;
	font-size:10px;
	width:44px;
	height:44px;
}
.pastille-points strong,
.pastille-total strong {
	display:block;
	font-size:24px;
	line-height:20px;
}
.pastille-total strong {
	font-size:36px;
	line-height:32px;
}

.style-2 .bt-type-01 {
	display:inline-block;
	text-align:center;
}
.style-2 .bt-01 {
	*width:80px;
}
.style-2 .bt-02 {
	*width:66px;
}
.style-2 .bt-03 {
	*width:120px;
}

.style-2 .bt-02 input {
	padding-bottom:0;
	padding-top:0;
}

.style-1 .inner-popup .button {
	clear:both;
	text-align:center;
	margin:10px 0;
}
.style-1 .inner-popup .bt-type-01 {
	float:none;
	display:inline-block;
	*width:80px;
}
.style-1 .inner-popup .groupe-champs {
	padding:5px 0;
}
.style-1 .form-connexion .lien {
	margin-top:0;
	margin-right:30px;
}

.style-1 .inner-popup .error, .style-1 .inner-popup .error2, .style-1 .inner-popup .error3 {
	margin:7px 0 0 80px;
	position:static;
	text-align:left;
}

.style-1 .inner-popup input.medium {
	margin:0 5px;
}
.style-1 .inner-popup .groupe-checkbox {
	margin:0 0 0 80px;
}

.form-invitation .groupe-champs {
	float:left;
	width:50%;
}
.form-invitation .error, .form-invitation .error2, .form-invitation .error3 {
	margin:7px 0 0 0!important;
	text-align:center!important;
}

.form-connexion .groupe-champs input {
	width:200px;
	padding-right:10px;
}

.mes_produits .form-compte .resultats label {
	display:inline;
	margin:0;
	float:none;
}

.mes_produits .form-compte .resultats #type {
	float:none;
}

.etapes
{
	background:url(../images/skin/bg_etapes_2.png) no-repeat left top;
    padding-left:210px;
}

.etapes li.un {background:url(../images/skin/bg_etapes_2.png) no-repeat -210px 0;}
.etapes li.un .actif{background:url(../images/skin/bg_etapes_2.png) no-repeat 0 -52px;}