@charset "UTF-8";
/*************
	GLOBAL
*************/
body {
font: 12px Arial;
background: #ffffff url("/RessourcesCiel/Binaires/images/AutoEntrepreneur/bg_2.gif") repeat-x top center !important; /* Callage background Firefox */
background: #ffffff url("/RessourcesCiel/Binaires/images/AutoEntrepreneur/bg.gif") repeat-x top center !important!; /* Callage background Ie7 */
margin: 0;
padding: 0;
color: #666666;
}
.header {
margin: 0 auto;
padding: 0;
width: 910px;
height: 95px;
background-image: url("/RessourcesCiel/Binaires/images/AutoEntrepreneur/header.jpg");
}
.content {
margin: 0 auto !Important;
margin: -2px auto;
padding: 0;
width: 910px;
min-height: 300px;
background: #ffffff url("/RessourcesCiel/Binaires/images/AutoEntrepreneur/contener_640_240.gif") no-repeat;
}
.conteneur_bloc640 {
float: left;
width: 643px !Important;
width: 644px;
min-height: 300px;
padding: 6px 0;
margin: 0 15px 0 5px !Important;
margin: 0 0 0 2px;
}
.content_bloc640 {
float: left;
padding: 0 20px 10px 20px;
width: 602px;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
min-height: 200px;
background-color: #ffffff;
}
.sup_640 {
border-top: 1px solid #cccccc;
margin-top: 5px;
min-height: 150px;
}
.bottom_bloc640 {
float: left;
width: 643px;
height: 20px;
background-image: url("/RessourcesCiel/Binaires/images/AutoEntrepreneur/bg_bottom_bloc640.gif");
}
.conteneur_bloc240 {
float: left;
width: 242px;
min-height: 200px;
padding-top: 6px;
margin: 0 !Important;
margin: 0 0 0 15px;
}
.content_bloc240 {
float: left;
width: 210px;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
padding: 0 15px;
min-height: 200px;
}
.content_bloc240 ul, .liens_utiles {
margin: 0 0 0 20px;
padding: 2px 0 10px 0;
color: #666666;
font-size: 13px;
}
.content_bloc240 ul li, .liens_utiles li {
margin: 8px 0;
padding: 0;
list-style-image: url("/RessourcesCiel/Binaires/images/AutoEntrepreneur/puce.gif");
}
.sans_puces ul{
padding: 0 0 0 0;
margin: 0 0 0 0;
}
.sans_puces ul li {
list-style: none;
list-style-image: none;
}

.sup_240 {
border-top: 1px solid #cccccc;
margin-top: 5px;
min-height: 100px;
margin-bottom: 0 !Important;
margin-bottom: -10px;
}
.bottom_bloc240 {
float: left;
width: 242px;
height: 20px;
background-image: url("/RessourcesCiel/Binaires/images/AutoEntrepreneur/bg_bottom_bloc240.gif");
}

/***************
	PRODUIT
***************/
.os {
width: 617px;
float: left;
text-align: right;
height: 30px;
margin-top: 6px;
}
.text_produit {
width: 400px;
height: 165px;
margin: 20px 0 0 180px !Important;
margin: 20px 0 0 108px;
float: left;
}
.prix_produit {
float: left;
width: 615px;
height: 35px;
margin-top: 35px;
background-image: url("/RessourcesCiel/Binaires/images/AutoEntrepreneur/bg_prix_produit.gif");
}
.prix {
width: 100px;
float: left;
text-align: center;
margin: 10px 0 0 10px !Important;
margin: 10px 0 0 5px;
}
.prix_com {
float: left;
margin: 10px 0 0 10px;
padding:6px 0;
font-size: 11px;
width: 333px;
}
.button {
float: left;
width: 150px;
height: 25px;
margin-top: 5px;
padding:0 0 0 5px;
}

/***************************
	LA CHARTE PAR DEFAUT
***************************/
a:link {color: #666666; text-decoration: none;}
a:visited {color: #666666; text-decoration: none;}
a:hover {color: #bb0e20; text-decoration: none;}
a:active {color: #666666; text-decoration: none;}
h1, h2, h3, h4, h5, h6 {color: #bb0e20; padding: 0; margin: 15px 0 10px 0;}
h1 {font-size: 22px;}
h2 {font-size: 18px;}
h3 {font-size: 14px;}
h4 {font-size: 12px;}
h5 {font-size: 11px;}
h6 {font-size: 10px;}
p {color: #666666; margin: 5px 0 10px 0; padding: 0; font-size: 12px;}

/******************************
	LES COULEURS DE TEXTES
******************************/
.txt_autoentrepreneur{color: #bb0e20;}

/*******************
	TAB ONGLETS
*******************/
.VTabbedPanels{
margin: 0;
padding: 0;
width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}
.VTabbedPanels .TabbedPanelsTabGroup{
height: 100%;
width: 170px;
margin: 0;
padding: 0;
float: left;
}
.VTabbedPanels .TabbedPanelsTab{
width: 150px;
height: 18px;
margin: 0;
padding: 7px 10px 3px 10px;
font: bold 12px sans-serif;
background: #f7f7f7 url("/RessourcesCiel/Binaires/images/tab/onglet_tab.jpg") no-repeat;
list-style: none;
list-style-image: none; /* il est n�cessaire de repr�ciser pour IE */
-moz-user-select: none; /* utilis� par le JS / CSS3 specifique au navigateurmozilla */
-khtml-user-select: none; /* utilis� par le JS / CSS3 specifique au moteur KHTML */
cursor: pointer;
overflow: hidden; /* pour IE6 */
}
.VTabbedPanels .TabbedPanelsTabHover{
background: #f7f7f7 url("/RessourcesCiel/Binaires/images/tab/onglet_tab_hover.jpg") no-repeat;
}
.VTabbedPanels .TabbedPanelsTabSelected{
padding: 7px 11px 3px 10px !important;
padding: 7px 10px 3px 10px; /* pour IE6 */
position: relative;
background: #d1f0fa url("/RessourcesCiel/Binaires/images/tab/onglet_selected.jpg") no-repeat;
color: #0099cc;
overflow: hidden; /* pour IE6 */
}

/*contenu*/
.VTabbedPanels .TabbedPanelsContentGroup{
height: 100%;
width: 473px;
padding: 0;
float: left;
_position: relative;
}
/* PARTIE TOP DES CONTENUS (se trouve dans chacun des contenus) */
.TabbedPanelsContentGroup .TabbedPanelsContent .tab_top {
width: 100%;
height: 10px;
font-size: 1px; /* correction d�calage IE6 */
}
/* partie gauche */
.TabbedPanelsContentGroup .TabbedPanelsContent  .tab_top .tab_topG {
width: 462px;
height: 9px;
border-top: 1px solid #bababa;
border-left: 1px solid #bababa;
background: #ffffff;
float: left;
}
/* partie droite */
.TabbedPanelsContentGroup .TabbedPanelsContent  .tab_top .tab_topD {
width: 10px;
height: 10px;
/*background: url("/RessourcesCiel/Binaires/images/tab/tab_content_topD.gif") no-repeat;*/
float: right;
}
/* PARTIE CENTRALE DU CONTENU*/
.TabbedPanelsContentGroup .TabbedPanelsContent .content_milieu {
width: 451px;
height: 100%;
padding: 3px 10px;
margin: 0;
background: #ffffff;
border-left: 1px solid #bababa;
border-right: 1px solid #bababa;
}
/* PARTIE BASSE DU CONTENU (d�pend du conteneur ( TabbedPanelsContentGroup) et non pas du contenu (TabbedPanelsContent) )
******************************/
.VTabbedPanels .tab_bas {
width: 473px; /* meme width que TabbedPanelsContentGroup */
height: 10px;
float: right;
font-size: 1px;
}
/* width = width de tab_bas-20px */
.tab_bas .tab_basM {
width: 453px;
height: 9px;
border-bottom: 1px solid #bababa;
float: left;
}
/* arrondis gauches et droite */
.tab_bas .tab_basG, .tab_bas .tab_basD {
width: 10px;
height: 10px;
/*background: url("/RessourcesCiel/Binaires/images/tab/tab_content_basG.jpg") no-repeat;*/
float: left;
}
.tab_bas .tab_basD {
/*background: url("/RessourcesCiel/Binaires/images/tab/tab_content_basD.jpg") no-repeat;*/
}

/***************************************************
	DEFINITION DES ELEMENT INTERNES AU CONTENUS
***************************************************/
/* suppression des styles tableaux suite pblem calage dans resultat quel logiciel choisir */	
.VTabbedPanels table {
font-size: 12px;
text-align: center;
border-collapse: collapse;
padding: 5px;
}
.VTabbedPanels td, .VTabbedPanels th, .VTabbedPanels_2 td, .VTabbedPanels_2 th {
/*border: 1px solid #cccccc;*/  /* D�sactiv� pour tableau LIA, pour r�activer, cr�er des sous classes [NICOLAS] */
}
.VTabbedPanels_recrutement table {
font-size: 12px;
text-align: left;
}
.VTabbedPanels_recrutement th, .VTabbedPanels_recrutement td {
padding: 10px 0 20px 0;
border-bottom: 1px solid #cccccc;
}
.VTabbedPanels_recrutement th {
width: 110px;
padding-left: 30px;
vertical-align: top;
}
/* FONCTION CLE */
.VTabbedPanels .fct_cle th, .VTabbedPanels .fct_cle td {
margin: 0 auto;
border: 1px solid #cccccc;
}
/* TABLEAU PRODUITS */
.TabbedPanelsContent .listes ul, .TabbedPanelsContent .listes_2 ul, .TabbedPanelsContent .listes_3 ul {
/*margin: 5px 0 5px 20px;*/
padding: 0px;
}
.TabbedPanelsContent .listes li {
list-style-image: url("/RessourcesCiel/Binaires/images/produit/puce_croix.gif");
margin-bottom: 15px;
}
.TabbedPanelsContent .content_milieu .listes_2 ul li {
list-style-image: url("/RessourcesCiel/Binaires/images/global/Li_Global_puce.gif");
margin-bottom: 5px;
font-size:12px;
}
.TabbedPanelsContent .sous_puces li {
list-style-image: none;
list-style-type: disc;
}
.TabbedPanelsContent .listes_3 li {
list-style-image: url("/RessourcesCiel/Binaires/images/global/bulletsq.gif");
margin-bottom: 15px;
}

.TabbedPanelsContent .listes hr, .listes_2 hr {
color: #ffffff;
border-top: 1px dashed #e1e1e1;
margin: 5px 0 5px 0;
}
.TabbedPanelsContent .listes p, .listes_2 p {
margin: 5px 0 10px 0;
padding:0;
}
.TabbedPanelsContent .padding {
padding: 5px;
}
.VTabbedPanels .tab_lia td, .VTabbedPanels .tab_lia th {
border-bottom: 1px dashed #e3e3e3;
}

/* tableau pour formation à distance */
.tableau_fad{
font-size: 12px;
border: 1px solid #cccccc;
border-collapse: collapse;
width: 100%;
}
.tableau_fad th{
color: #ffffff;
border: 1px solid #d2d1d1;
padding: 0 0 0 30px;
margin: 0;
border: 0;
}
.tableau_fad td{
border: 1px solid #d2d1d1;
padding-left: 5px;
padding-right: 5px;
text-align: right;
}
.tableau_fad .descriptif{text-align: left;}
.tableau_fad  tr{height: 29px;}


/*boutons */
.bouton_redim {
padding: 0;
margin: 0;
width: auto;
text-align: center;
white-space: nowrap;
clear: both;
font-size: 11px;
}
.bouton_redim span , .bouton_redim a {
height: 100%;
line-height: 20px;
float: left;
}
.bouton_redim span {
padding-left: 10px;
background-repeat: no-repeat;
background-position: 0 0;
}
.bouton_redim a {
padding-right: 10px;
background-repeat: no-repeat;
background-position: 100% 0;
}
.bouton_22_gris, .bouton_22_orange, .bouton_22_bleu {height: 22px;}
.bouton_22_gris span, .bouton_22_gris a, .bouton_22_orange span, .bouton_22_orange a {
line-height: 20px;
background-color: #e1e1e1;
background-image: url("/RessourcesCiel/Binaires/images/Buttons/bouton_22_gris.jpg");
color: #333333;
}
.ico_pdf a {
background:transparent url("/RessourcesCiel/Binaires/images/iconslinks/icon_pdf.gif") no-repeat center right;
padding: 5px 20px 5px 0;
}
/* insertion css pour formulaire*/

/******************************
	LES FORMULAIRES
*******************************/
form {
margin: 0;
padding: 0;
}
.cssform{
padding: 30px 0 0 45px !important;
padding: 30px 0 0 0;
width: 100%;
float: left;
}
.cssform h2{
padding: 20px 0 20px 170px !important;
padding: 20px 0 20px 174px;
margin: 0;
}
.cssform2, .cssform3{
padding: 0;
width: 100%;
float: left;
}
.cssform p, .cssform2 p{
clear: left;
margin: 0;
padding: 1px 0;
width: 100%;
}
.cssform label{
text-align: right;
margin: 6px 10px 0 0;
float: left;
font-size: 14px;
width: 150px;
}
.cssform2 label{
margin: 4px 10px 0 0;
float: left;
font-size: 11px;
width: 65px;
}
.cssform input[type="text"]{
width: 200px;
height: 20px;
font-size: 14px;
color: #666666;
border: 1px solid #72bbe6;
}
.cssform .txt_orange input[type="text"] {
border: 1px solid #fa8001;
}
.cssform2 input{
width: 140px;
height: 16px;
font-size: 12px;
color: #666666;
border: 1px solid #d1e54b;
}
.cssform textarea{
height: 40px;
font-size: 14px;
color: #666666;
border: 1px solid #72bbe6;
}
.cssform select{
margin-top:4px;
width: 100px;
height: 24px;
font-size: 14px;
color: #666666;
border: 1px solid #72bbe6;
}
.cssform span{font-size:14px;}
.createur form{margin: 0 0 20px 0; min-height: 500px; float: left;}
.createur fieldset {
background-color: #f1f1f1;
margin: 0;
padding: 0;
}
.cssform input[type="submit"]
{
height:100%;
background: url("/RessourcesCiel/Binaires/images/Buttons/submit_gris.gif") repeat-x center center;
text-align:center;
text-decoration:none;
cursor: pointer;
border-style: none;
border: 1px solid #CCCCCC;
padding:5px 20px;
font-size: 16px;
font-family:Arial, Helvetica, sans-serif;
width: 60%;
margin: 0 20% !important;
color: #333;
outline: none; 
}

.cssform input[type="submit"]:hover
{
height:100%;
background: url("/RessourcesCiel/Binaires/images/Buttons/submit_gris_hover.gif") repeat-x center center;
text-align:center;
text-decoration:none;
cursor: pointer;
border-style: none;
border: 1px solid #CCCCCC;
padding:5px 20px;
font-size: 16px;
font-family:Arial, Helvetica, sans-serif;
width: 60%;
margin: 0 20% !important;
color: #333;
outline: none; 
}
/* gestion des inputs radios et case � cocher pour les formulaires generiques */
.InputRadCoch {margin: 0; padding: 10px 0 0 0; float: left; width: 380px;}
/* attention code de ouf*/
.InputRadCoch br {clear: both;}
/* fin code de ouf */
.InputRadCoch input {margin-top: 0px; float: left;}
.InputRadCoch label {float: left; text-align: left; margin: 0; padding:0; height: 18px; font-size: 12px; width: 330px;}
.InputRadCoch p{clear: both;}
/*gestion des inputs dans le formulaire panier pour adresse de facturation/livraison*/
.AdressePanier {float: left; width: 400px;}
.AdressePanier input {margin-top: 0px; float: left; }
.AdressePanier label {float: left; text-align: left; margin: 0; padding-top: 2px; height: 18px; width: 70px;}

.cssparrainage{
padding: 15px 0 0 0px;
width: 100%;
float: left;
}
.cssparrainage p {
clear: left;
margin: 0;
padding: 1px 0;
}
.cssparrainage label{
text-align: right;
margin: 6px 10px 0 0;
float: left;
font-size: 14px;
width: 140px;
}
.cssparrainage input[type="text"], .cssparrainage textarea {
width: 240px;
height: 20px;
font-size: 14px;
color: #666666;
border: 1px solid #72bbe6;
}
.cssparrainage textarea{
height: 40px;
}
.cssparrainage select{
margin-top:4px;
width: 100px;
height: 18px;
font-size: 12px;
color: #666666;
border: 1px solid #72bbe6;
}
.cssparrainage span{
font-size:14px;
}

.txt_champ_obligatoires {
margin: 0 0 10px 20px;
}

.createur p{
margin: 0;
padding: 5px 0 5px 0;
padding-left: 170px;
height: 20px;
}
.createur label{
font-size: 12px;
font-weight: bold;
float: left;
margin-left: -145px;
width: 140px;
}
.createur input[type="text"]{
width: 250px;
height: 20px;
color: #666666;
border: #f1f1f1;
}
.bloc_in_bloc .cssform  fieldset{
width: 525px;
padding-top: 10px;
padding-bottom: 20px;
margin: 20px 0 15px 5px;
border: 0;
}
.bloc_in_bloc .cssform  fieldset+fieldset p{
margin-bottom:4px;
}
.bloc_in_bloc .cssform  fieldset+fieldset label{
margin: 6px 10px 5px 10px;
float: left;
font-size: 14px;
width: 140px;
}
.bloc_in_bloc .cssform  fieldset+fieldset div{
text-align: left;
float: left;
font-size: 14px;
border: 1px solid #72bbe6;
margin-bottom: 15px;
}

.img_contrat{
width: 203px;
text-align: center;
padding: 42px 0 15px 0;
margin: 0 0 0 15px;
}

.filet_gris{
background-color: #e5e4e5;
height: 1px;
border: 0;
}
.filet_orange{
background-color: #f79e17;
height: 1px;
border: 0;
clear: both;
}
/* fin formulaire*/

/******************************
	POPUP CAPTURES
*******************************/
/* id volontairement cr�� pour fonction javascript dans les fiches produits*/
#filter {
width: 100%;
height: 100%;
background-color: #000000;
position: fixed;
top: 0;
left: 0;
z-index: 100;
display: none;
opacity: 0.8; /* propri�t� css3 */
filter: alpha(opacity=80); /* pour IE */
}
/*
#box_editionProduit {
width: 820px;
//height: 640px;
height: auto;
border: 5px solid #666;
background-color: #ffffff;
position: fixed;
margin: 0 auto;
top: 10%;
z-index: 101;
display: none;
}
*/
#box_editionProduit {
width: 820px;
height: auto;
/*margin-top: -303px;  moiti� de la hauteur */
margin-left: -400px;  /*moiti� de la largeur */
border: 5px solid #666;
background-color: #fff;
position: absolute;
left: 50%;
top: 5%;
z-index: 101;
display: none;
}

#box_editionProduit img#CaptureGrand{ width: 800px; }

.filter {
width: 100%;
height: 100%;
background-color: #000000;
position: absolute;
top: 0;
left: 0;
z-index: 100;
display: none;
opacity: 0.8; /* propri�t� css3 */
filter: alpha(opacity=80); /* pour IE */
}
.box_editionProduit {
width: 800px;
height: 606px;
margin-top: -303px; /* moiti� de la hauteur */
margin-left: -400px; /* moiti� de la largeur */
border: 5px solid #ffffff;
background-color: #ffffff;
position: absolute;
left: 50%;
top: 50%;
z-index: 101;
display: none;
}
.box_editionProduit a:link, .box_editionProduit a:visited, .box_editionProduit a:hover, .box_editionProduit a:active {
color: #df461c;
}
.box_editionProduit {
color: #df461c;
}
.box_identification{
width: 500px;
min-height: 50px;
margin-top: -250px; /* moiti� de la hauteur */
margin-left: -250px; /* moiti� de la largeur */
border: 5px solid #ffffff;
background-color: #ffffff;
position: absolute;
padding: 0px;
left: 50%;
top: 50%;
z-index: 101;
display: block;
}
/* style pour fermer la box identification */

.fermer{
float:right; font-weight:bold; font-size: 12px; margin: 2px 5px; cursor: pointer;
}

#Attente{
display: none;
z-index: 101;
overflow: auto;
width: 500px;
height: 40px;
background-color: #fff;
border: 1px solid #e5e4e5;
margin: 25% auto;
padding: 20px;
}
/*************
	APCE
*************/
.gobal_apce{
margin: 0 auto; 
width: 900px; 
border: 1px solid #cccccc; 
border-top-color: #ffffff;
}
.apce_form{
margin: 0 auto;
}