@import url('./droite_pro.css');
/* BANDEAU */
#bandeau h5{
clear:both;
margin-top: 5px;
margin-left: 15px;
font-size: 21px;
font-weight:normal;
color:#10AEA1;
}
/* MENU */
#menu{
background:url(../../images/commun/menu/f_menu.gif) repeat-x bottom;
margin:0 0 20px 0;
width:686px;
}

#menu ul{
overflow:hidden;
zoom:1;
}
#menu ul li{
float:left;
/*background:url(../../images/commun/menu/f_menu.gif) repeat-x bottom;*/
padding:0 3px 0 0;
}
#menu ul li a{
background:url(../../images/commun/menu/g_menu_pro.gif) no-repeat top left;
}
#menu ul li a span{
background:url(../../images/commun/menu/d_menu_pro.gif) no-repeat top right;
}

#menu a:hover{background:url(../../images/commun/menu/g_menu_on.gif) no-repeat top left;}
#menu a:hover span{
background:url(../../images/commun/menu/d_menu_on.gif) no-repeat top right;
color:#414141;
}

#menu ul li a.on, #menu ul li a:hover{background:url(../../images/commun/menu/g_menu_on.gif) no-repeat top left;}
#menu ul li a.on span, #menu ul li a:hover span{
background:url(../../images/commun/menu/d_menu_on.gif) no-repeat top right;
color:#414141;
}


#menu .imprimer{
float:right;
background:none;
padding:0;
}
#menu .imprimer a{
	color: #414141;
	background:url(../../images/commun/picto/imprimer.gif) no-repeat 0px 3px;
	line-height:25px;
	padding:0 0 0 25px;
	text-decoration:none;
	
}
#menu .imprimer a:hover{
	text-decoration:underline;
	background:url(../../images/commun/picto/imprimer.gif) no-repeat 0px 3px;
	color: #414141;
}
/* STRUCTURE */
#gauche{
width:686px;
}
#droite{
width:250px;
}
/* CAPTURE */
.capture{
position:absolute;
width:387px;
z-index:100;
}
#masque{
position:absolute;
width:600px;
height:600px;
z-index:10;
background:url(../../images/commun/pix.gif);
}
.capture .h_capture{
background-image:url(../../images/commun/h_capture.png) !important; 
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='images/commun/h_capture.png'); /* HACK png transparent sur IE en background */
width:387px;
height:8px;
}
.capture .b_capture{
background-image:url(../../images/commun/b_capture.png) !important; 
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='images/commun/b_capture.png'); /* HACK png transparent sur IE en background */
width:387px;
height:8px;
overflow:hidden;
zoom:1;
}
.capture .f_capture{
background-image:url(../../images/commun/f_capture.png) !important; 
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/commun/f_capture.png'); /* HACK png transparent sur IE en background */
overflow:hidden;
zoom:1;
}
.capture .f_capture2{
background:url(../../images/commun/picto/aide.gif) no-repeat right 9px;
width:363px;
text-align:left;
padding:9px 0 4px 0;
margin:0 auto;
position:relative;
}
.capture .f_capture2 p{
padding:0 34px 0 8px;
margin:0 0 10px 0;
}
/* CONTACT */
#contact p{
margin:0 0 15px 0;
}
#contact .confirmation p{
margin:0;
}
#contact h2{
font-size:14px;
color:#10AEA1;
margin:0 0 10px 0;
}
#contact .ligne{
margin:0 0 9px 0;
overflow:hidden;
zoom:1;
}
#contact form sup{
vertical-align:top;
color:#10AEA1;
}
#contact .ligne label{
display:block;
float:left;
font-size:12px;
font-weight:bold;
text-align:right;
padding:0 10px 0 0;
}
#contact .ligne  select, #contact .ligne textarea{
float:left;
font-size:12px;
border:1px solid #E1E1E1;
}
#contact .ligne  select.inputError, #contact .ligne textarea.inputError{
border:1px solid #EE0000;
}
#contact .actions input{
float:left;
}
#contact .actions span{
float:right;
padding:10px 0 0 0;
}

/* FACTURES */
#factures p{
margin:0 0 15px 0;
}
#factures .bloc p{
margin:0;
}
#factures .col1{
float:left;
width:326px;
}
#factures .col2{
float:right;
width:326px;
}
#factures .bloc{
background:url(../../images/commun/f_bloc_pro.gif) repeat-x bottom left;
border:1px solid #E3E3E3;
padding:15px;
margin:0 0 20px 0;
}
#factures h2{
font-size:14px;
color:#10AEA1;
margin:0 0 6px 0;
}
#factures .ligne{
margin:0 0 9px 0;
overflow:hidden;
zoom:1;
}
#factures form sup{
vertical-align:top;
color:#10AEA1;
}
#factures .ligne label{
display:block;
float:left;
font-size:12px;
font-weight:bold;
text-align:right;
padding:0 10px 0 0;
}
#factures .ligne  input{
float:left;
font-size:12px;
border:1px solid #E1E1E1;
}
#factures .ligne  input.inputError{
border:1px solid #EE0000;
}
#factures .actions{
overflow:hidden;
zoom:1;
}
#factures .actions input{
float:right;
}
#factures .actions span{
float:left;
padding:10px 0 0 0;
}
#factures ul li{
background:url(../../images/commun/picto/pdf.gif) no-repeat 0px 0px;
padding:0 0 6px 22px;
}
#factures ul li a{
display:block;
background:url(../../images/commun/picto/enregistrer.gif) no-repeat right 0px;
padding:0 22px 0 0;
}

/* STATISTIQUES 1*/
#statistiques1 .titre, #statistiques2 .titre{
background:url(../../images/commun/f_onglet_statistiques.gif) repeat-x bottom left;
overflow:hidden;
zoom:1;
}
#statistiques1 .titre h2, #statistiques2 .titre h2{
float:left;
font-size:14px;
color:#10AEA1;
line-height:26px;
}
#statistiques1 .titre ul, #statistiques2 .titre ul{
float:right;
}
#statistiques1 .titre ul li, #statistiques2 .titre ul li{
float:left;
padding:0 0 0 6px;
}
#statistiques1 .titre ul li a, #statistiques2 .titre ul li a{
display:block;
line-height:26px;
color:#fff;
font-size:12px;
text-decoration:none;
background:url(../../images/commun/bouton/g_onglet_stat.gif) no-repeat top left;
padding:0 0 0 10px;
}
#statistiques1 .titre ul li a span, #statistiques2 .titre ul li a span{
display:block;
line-height:26px;
background:url(../../images/commun/bouton/d_onglet_stat.gif) no-repeat top right;
padding:0 10px 0 0;
}
#statistiques1 .titre ul li a:hover, #statistiques1 .titre ul li a.on, #statistiques2 .titre ul li a:hover, #statistiques2 .titre ul li a.on{
color:#414141;
background:url(../../images/commun/bouton/g_onglet_stat.gif) no-repeat bottom left;
}
#statistiques1 .titre ul li a:hover span, #statistiques1 .titre ul li a.on span, #statistiques2 .titre ul li a:hover span, #statistiques2 .titre ul li a.on span{
background:url(../../images/commun/bouton/d_onglet_stat.gif) no-repeat bottom right;
}
#statistiques1 .bloc, #statistiques2 .bloc{
background:url(../../images/commun/f_bloc_pro.gif) repeat-x bottom left;
border:1px solid #E3E3E3;
padding:15px;
margin:0 0 20px 0;
}
#statistiques1 .bloc.resume, #statistiques2 .bloc{
border-top:none;
}
#statistiques1 .bloc.resume .selection{
margin:0 0 6px 0;
overflow:hidden;
zoom:1;
}
#statistiques1 .bloc.resume .selection h3{
float:left;
font-size:12px;
font-weight:normal;
line-height:27px;
text-align:right;
margin:0 12px 0 0;
}
#statistiques1 .bloc.resume .selection ul{
float:left;
overflow:hidden;
zoom:1;
}
#statistiques1 .bloc.resume .selection ul li{
float:left;
margin:0 6px 0 0;
}
#statistiques1 .bloc.resume .selection ul li a{
display:block;
line-height:27px;
background:url(../../images/commun/bouton/g_bouton_pro.gif) no-repeat top left;
font-size:11px;
text-decoration:none;
padding:0 0 0 13px;
}
#statistiques1 .bloc.resume .selection ul li a span{
display:block;
line-height:27px;
background:url(../../images/commun/bouton/d_bouton_pro.gif) no-repeat top right;
padding:0 13px 0 0;
}
#statistiques1 .bloc.resume .selection ul li a:hover, #statistiques1 .bloc.resume .selection ul li a.on{
color:#fff;
background:url(../../images/commun/bouton/g_bouton_pro.gif) no-repeat bottom left;
}
#statistiques1 .bloc.resume .selection ul li a:hover span, #statistiques1 .bloc.resume .selection ul li a.on span{
background:url(../../images/commun/bouton/d_bouton_pro.gif) no-repeat bottom right;
}
#statistiques1 .bloc.resume .actions{
margin:0 0 6px 0;
overflow:hidden;
zoom:1;
}
#statistiques1 .bloc.resume .actions{
padding:10px 0 0 0;
margin:0 0 6px 0;
overflow:hidden;
zoom:1;
}
#statistiques1 .bloc.resume .actions .langues{
float:left;
padding:0 5px 0 0;
}
#statistiques1 .bloc.resume .actions .langues img{
float:left;
margin:2px 5px 0 0;
}
#statistiques1 .bloc.resume .actions .semestre{
float:left;
}
#statistiques1 .bloc.resume .actions .semestre a{
padding:0 0 0 5px;
}
#statistiques1 .bloc.resume .actions .semestre a:hover, #statistiques1 .bloc.resume .actions .semestre a.on{
color:#10AEA1;
text-decoration:underline;
}
#statistiques1 .bloc.resume .actions .csv a{
float:right;
background:url(../../images/commun/picto/csv.gif) no-repeat 0px 0px;
padding:0 0 0 18px;
}
#statistiques1 .bloc.resume .actions .annee{
float:right;
}
#statistiques1 .bloc.resume table{
width:100%;
border-collapse:collapse;
}
#statistiques1 .bloc.resume table th.mois{
height:26px;
width:87px;
background:url(../../images/commun/f_th_stats.gif) repeat-x top left;
font-size:11px;
font-weight:normal;
color:#fff;
border:1px solid #E3E3E3;
}
#statistiques1 .bloc.resume table th.horizontal{
text-align:right;
padding:0 10px 0 0;
}
#statistiques1 .bloc.resume table td{
height:33px;
line-height:12px;
text-align:right;
background:url(../../images/commun/f_td_stats.gif) repeat-x top left;
border:1px solid #E3E3E3;
padding:0 25px 0 0;
}
#statistiques1 .bloc.resume table td img{
margin:0 0 0 5px;
vertical-align:top;
}
#statistiques1 .bloc .t_bloc, #statistiques2 .bloc .t_bloc{
margin:0 0 12px 0;
overflow:hidden;
zoom:1;
}
#statistiques1 .bloc .t_bloc h2, #statistiques2 .bloc .t_bloc h2{
float:left;
background:url(../../images/commun/picto/f_t_pro.gif) no-repeat top left;
font-size:12px;
color:#10AEA1;
line-height:14px;
padding:0 0 0 23px;
}
#statistiques1 .bloc .t_bloc .langues{
float:left;
padding:0 0 0 10px;
}
#statistiques1 .bloc .t_bloc .langues img{
float:left;
margin:2px 5px 0 0;
}
#statistiques1 .bloc .t_bloc a.csv, #statistiques2 .bloc .t_bloc a.csv{
display:block;
float:right;
background:url(../../images/commun/picto/csv.gif) no-repeat 0px 0px;
padding:0 0 0 18px;
}
#statistiques1 .bloc .periode{
margin:0 0 6px 0;
padding:0 0 0 23px;
overflow:hidden;
zoom:1;
}
#statistiques1 .bloc .periode h3{
float:left;
font-size:11px;
color:#10AEA1;
}
#statistiques1 .bloc .periode select{
float:right;
border:1px solid #E1E1E1;
}
#statistiques1 .bloc table.classement.classement{
width:100%;
border-collapse:collapse;
margin:0 0 20px 0;
}
#statistiques1 .bloc table.classement th.nom, #statistiques1 .bloc table.classement th.clics{
height:26px;
background:url(../../images/commun/f_th_stats.gif) repeat-x top left;
font-size:11px;
font-weight:normal;
color:#fff;
padding:0 15px;
}
#statistiques1 .bloc table.classement th.vide{
width:23px;
}
#statistiques1 .bloc table.classement th.nom{
border:1px solid #E3E3E3;
border-right:none;
text-align:left;
}
#statistiques1 .bloc table.classement th.clics{
border:1px solid #E3E3E3;
border-left:none;
text-align:right;
}
#statistiques1 .bloc table.classement td{
height:33px;
line-height:12px;
background:url(../../images/commun/f_td_stats.gif) repeat-x top left;
border:1px solid #E3E3E3;
}
#statistiques1 .bloc table.classement td.rang{
border:none;
background:none;
text-align:center;
font-size:12px;
font-weight:bold;
color:#8BB300;
}
#statistiques1 .bloc table.classement td.nom{
border-right:none;
padding:0 0 0 15px;
}
#statistiques1 .bloc table.classement td.clics{
border-left:none;
text-align:right;
padding:0 15px 0 0;
}
#statistiques1 .bloc.top1 .recherche{
background:url(../../images/commun/h_recherche_pro1.gif) no-repeat top left;
width:389px;
padding:3px 0 0 0;
}
#statistiques1 .bloc.top2 .recherche{
background:url(../../images/commun/h_recherche_pro2.gif) no-repeat top left;
width:585px;
padding:3px 0 0 0;
}
#statistiques1 .bloc.top1 .b_recherche{
background:url(../../images/commun/b_recherche_pro1.gif) no-repeat bottom left;
padding:0 0 3px 0;
}
#statistiques1 .bloc.top2 .b_recherche{
background:url(../../images/commun/b_recherche_pro2.gif) no-repeat bottom left;
padding:0 0 3px 0;
}
#statistiques1 .bloc .f_recherche{
position:relative;
background:#E4E4E4;
padding:15px;
zoom:1;
}
#statistiques1 .bloc .f_recherche h3{
font-size:13px;
margin:0 0 5px 0;
}
#statistiques1 .bloc .f_recherche label{
display:block;
float:left;
line-height:18px;
padding:0 10px 0 0;
}
#statistiques1 .bloc .f_recherche input{
float:left;
width:220px;
font-size:11px;
border:1px solid #E1E1E1;
padding:2px 5px;
}
#statistiques1 .bloc .f_recherche #indicator1, #statistiques1 .bloc .f_recherche #indicator2{
display:block;
float:left;
}
#statistiques1 .bloc #camping1_classement, #statistiques1 .bloc #camping2_classement{
clear:both;
overflow:hidden;
zoom:1;
}
#statistiques1 .bloc #camping1_classement img, #statistiques1 .bloc #camping2_classement img{
display:block;
margin:20px auto 0 auto;
}
#statistiques1 .bloc #camping1_classement table, #statistiques1 .bloc #camping2_classement table{
width:100%;
margin:20px 0 0 0;
border:none;
}
#statistiques1 .bloc #camping1_classement td, #statistiques1 .bloc #camping2_classement td{
height:auto;
line-height:12px;
background:#fff;
border:none;
padding:9px;
}
#statistiques1 .bloc #camping1_classement td.rang, #statistiques1 .bloc #camping2_classement td.rang{
background:none;
width:23px;
text-align:center;
font-size:12px;
font-weight:bold;
color:#8BB300;
padding:0;
}
#statistiques1 .bloc #camping1_classement td.nom, #statistiques1 .bloc #camping2_classement td.nom{
border-right:none;
padding:9px 15px;
}
#statistiques1 .bloc #camping1_classement td.clics, #statistiques1 .bloc #camping2_classement td.clics{
border-left:none;
text-align:right;
padding:9px 15px;
}
#statistiques1 .bloc.top2 #camping2_select{
float:right;
}
#statistiques1 .bloc.top2 #camping2_select select{
float:left;
width:145px;
font-size:11px;
border:1px solid #E1E1E1;
}
#statistiques2 .recherche .ligne{
margin:0 0 10px 0;
overflow:hidden;
zoom:1;
}
#statistiques2 .recherche .ligne #regions{
float:left;
}
#statistiques2 .recherche .ligne label{
display:block;
float:left;
font-size:12px;
line-height:21px;
font-weight:bold;
text-align:right;
padding:0 10px 0 0;
}
#statistiques2 .recherche .ligne label sup{
vertical-align:top;
font-weight:normal;
color:#10AEA1;
}
#statistiques2 .recherche .ligne select, #statistiques2 .recherche .ligne input{
float:left;
width:150px;
border:1px solid #E1E1E1;
height:21px;
}
#statistiques2 .recherche .ligne input{
height:auto;
padding:3px 0;
}
#statistiques2 .recherche .ligne input.bouton{
width:auto;
border:none;
padding:0 0 0 15px;
}
#statistiques2 .nb_resultat{
font-size:12px;
padding:30px 0 0 0;
}
#statistiques2 .nb_resultat strong{
color:#10AEA1;
}
#statistiques2 .pagination .nb strong{color:#10AEA1;}
#statistiques2 .selection .pagination .nb strong{color:#10AEA1;}
#statistiques2 .pagination ul li a:hover, #statistiques2 .pagination ul li a.on{color:#10AEA1;}
#statistiques2 .selection .pagination ul li a:hover, #statistiques2 .selection .pagination ul li a.on{color:#10AEA1;}
#statistiques2 table.resultats{
width:100%;
border-collapse:collapse;
}
#statistiques2 table.resultats th{
height:26px;
background:url(../../images/commun/f_th_stats.gif) repeat-x top left;
font-size:11px;
font-weight:normal;
color:#fff;
padding:0 15px;
border-left:1px solid #fff;
}
#statistiques2 table.resultats th.nom{
border-left:none;
text-align:left;
}
#statistiques2 table.resultats th.url{
padding:0 5px;
}
#statistiques2 table.resultats th.url span{
display:block;
float:left;
line-height:20px;
padding:0 5px;
}
#statistiques2 table.resultats th.url .defaut{
background:url(../../images/commun/picto/url_defaut1.gif) no-repeat 0px 2px;
padding:0 0 0 20px;
}
#statistiques2 table.resultats th.url .perso{
background:url(../../images/commun/picto/url_perso1.gif) no-repeat 0px 2px;
padding:0 0 0 20px;
white-space:nowrap;
}
#statistiques2 table.resultats td{
background:url(../../images/commun/f_td_stats.gif) repeat-x top left;
border-bottom:1px solid #E3E3E3;
text-align:center;
padding:8px 0;
}
#statistiques2 table.resultats .on td{
border-bottom:none;
}
#statistiques2 table.resultats td.nom{
text-align:left;
padding:8px 15px;
border-left:1px solid #E3E3E3;
}
#statistiques2 table.resultats .on td.nom{
font-weight:bold;
}
#statistiques2 table.resultats td.url{
text-align:left;
padding:8px 0 8px 20px;
}
#statistiques2 table.resultats td.url .defaut{
display:block;
float:left;
line-height:14px;
color:#10AEA1;
background:url(../../images/commun/picto/url_defaut2.gif) no-repeat 0px 0px;
padding:0 0 0 20px;
}
#statistiques2 table.resultats td.url .perso{
display:block;
float:left;
line-height:16px;
color:#10AEA1;
background:url(../../images/commun/picto/url_perso2.gif) no-repeat 0px 0px;
padding:0 0 0 20px;
}
#statistiques2 table.resultats td.modifier{
border-right:1px solid #E3E3E3;
}
#statistiques2 table.resultats .edit td{
background:#fff;
text-align:left;
border-left:1px solid #E3E3E3;
border-right:1px solid #E3E3E3;
padding:8px 13px;
}
#statistiques2 table.resultats .edit td .loading{
display:block;
margin:0 auto;
}
#statistiques2 table.resultats .edit .ligne{
margin:0 0 10px 0;
overflow:hidden;
zoom:1;
}
#statistiques2 table.resultats .edit .ligne img{
float:left;
margin:6px 10px 0 0;
}
#statistiques2 table.resultats .edit .ligne label{
display:block;
float:left;
line-height:22px;
margin:0 10px 0 0;
}
#statistiques2 table.resultats .edit .ligne input{
display:block;
float:left;
width:485px;
border:1px solid #e1e1e1;
padding:3px 5px;
}
#statistiques2 table.resultats .edit .ligne input.empty {
width:550px;
}
#statistiques2 table.resultats .edit .ligne input.bouton{
float:right;
width:auto;
border:none;
padding:0;
}

/* COMPTE */
#compte1 .titre{
overflow:hidden;
zoom:1;
}
#compte1 .titre h2{
float:left;
}
#compte1 .titre a{
display:block;
float:right;
background:url(../../images/commun/puce/puce19.gif) no-repeat 0px 5px;
padding:0 0 0 7px;
display:block;
color:#414141;
font-size: 10px;
}
#compte1 h2, #compte2 h2, #compte3 h2{
font-size:14px;
color:#10AEA1;
margin:0 0 10px 0;
}
#compte1 .bloc, #compte1 .bloc2{
background:#fff;
border:1px solid #E3E3E3;
border-bottom:none;
font-size:12px;
padding-top:15px;
padding-left:15px;
padding-right:15px;
padding-bottom:10px;
}
#compte1 .bloc2{
	padding: 10px;
	}

#compte1 .budget_mois
{
	width: 684px; 
	border-left: 1px solid #E3E3E3;
	border-right: 1px solid #E3E3E3; 
	font-weight: bold; font-size 10px; color: #414141;
}
#compte1 .budget_mois .lien
{
	float: right; width: 130px;background-color: #EDEDED; padding: 10px;margin-right: 5px;
}
#compte1 .budget_mois .forfait
{
	float: right; margin-right: 20px; width: 130px;background-color: #EDEDED; padding: 10px;; padding-left: 35px;
}
#compte1 .budget_mois .titre
{
	float: left; color: #10AEA1; margin-left: 10px; margin-top: 15px;
}

#compte1 .bloc2{
background:#EDEDED;
border-top:none;
padding-top: 15px;
margin:0 0 20px 0;
}

#compte1 .bloc .ok{
	margin: 0px;
	padding: 0px;
	background:url(../../images/commun/forfait-ok.jpg) repeat-x;
	margin-top: 25px;
	padding-top: 20px;
	padding-left: 10px;
	height: 218px;
	width: 650px;
	clear: both;
	
	border: 1px solid #cccccc;
}
#compte1 .bloc a{
	font-size:12px;
	color: #3e414a;
	text-decoration: none;
}


#compte1 .bloc .ok p{
	margin-left: 100px;
}
#compte1 .bloc .ok .normal{
	margin-left: 10px;
}

#compte1 .bloc .ok .gras{
	font-weight: bold;
}

#compte1 .bloc .ok .lien{
	margin-top: 40px;
	padding-right: 10px;
}
#compte1 .bloc2 .budgetd{
	height: 57px;
	width: 680px;
	overflow:hidden;
}
#compte1 .bloc2 .budget{
	margin: 0px;
	padding: 0px;
	background:url(../../images/commun/forfait-back.jpg) repeat-x;
	padding-top: 5px;
	height: 62px;
	width: 640px;
	float:left;
}

#compte1 .bloc2 .budget h2{
	
	background-color: #FFFFFF;
	width: 130px;
	float: left;
}
#compte1 .bloc2 .budget .budjetmois{
	
	background-color: #FFFFFF;
	float: left;
	margin-left: 240px;
	padding-right: 5px;
}
#compte1 .bloc2 .budget .budgetclics{
	
	clear: both;
	color:#414141;
}

#compte1 .bloc2 .budget .label{
	
	margin-left: 20px;
	font-weight: bold; 
	float:left;
}



#compte1 .bloc2 .budget .forfaitclics{
	
	margin-left: 240px;
	float:left;
	font-weight: bold; 
	width: 60px;
	text-align: right;
	/*border: 1px red solid;*/
}
	



#compte1 .bloc2 .budget .lsclics{
	
	margin-left: 120px;
	font-weight: bold;
	float:left; 
}

#compte1 .bloc2 .budget .clics{
	
	margin-left: 3px;
	float:left;
}


#compte1 .bloc2 .currentclics{
	margin: 0px;
	padding: 0px;
	clear: both;
	padding-top: 20px;	
	border-right: 1px solid #16b19f;
	width: 660px;
}
#compte1 .bloc2 .currentclicsback{
	
	background:url(../../images/commun/forfait-detail.jpg) repeat-x;
	padding-top: 20px;
	padding-left: 20px;	
	height: 83px;
	width: 628px;
	float:left;
}

#compte1 .bloc2 .currentclicsleft{
	
	background:url(../../images/commun/forfait-detail-left.jpg) repeat-x;
	
	height: 83px;
	width: 6px;
	float:left;
}
#compte1 .bloc2 .currentclicsright{
	
	background:url(../../images/commun/forfait-detail-right.jpg) repeat-x;
	
	height: 83px;
	width: 6px;
	float:left;
}

#compte1 .bloc2 .currentclics .clicsconsomme
{
	margin-top: 15px;
	margin-bottom: 10px;	
}
#compte1 .bloc2 .currentclics .label{
	
	float:left;
	font-weight: bold;
	width: 180px;
	
}

.alert
{
	height: 20px;
	padding-top: 6px;
	padding-right: 4px;
	padding-left: 4px;
	background: #fff8a7;	
}

#compte1 .bloc2 .currentclics .forfaitclics img, #compte1 .bloc2 .currentclics .lsclics img{
	margin-top: 2px;
}
#compte1 .bloc2 .currentclics .forfaitclics{
	
	margin-left: 145px;
	float:left;
	font-weight: bold; 
	width: 105px;
	text-align: right; 
}

#compte1 .bloc2 .currentclics .lsclics{
	
	margin-left: 80px;
	font-weight: bold;
	float:left; 
}

#compte1 .bloc2 .currentclics .clics{
	
	margin-left: 3px;
	float:left;
	 
}

#compte1 .bloc2 .budget .budjetlienmois{
	
	background-color: #FFFFFF;
	float: left;
	margin-left: 100px;
	padding-right: 5px;
}


#compte1 .bloc2 .budgetleft{
	margin: 0px;
	padding: 0px;
	background:url(../../images/commun/forfait-left.jpg) no-repeat;
	height: 62px;
	width: 8px;
	float:left; 
}
#compte1 .bloc2 .budgetright{
	margin: 0px;
	padding: 0px;
	background:url(../../images/commun/forfait-right.jpg) no-repeat;
	height: 62px;
	width: 19px;
	float:left;
}
#compte1 .visibilite{
width:100%;
border-collapse:collapse;
}
#compte1 .visibilite th{
font-size:11px;
}
#compte1 .visibilite th.horizontal{
text-align:left;
font-weight:normal;
padding:6px 0;
}
#compte1 .visibilite th.titre{
font-size:15px;
color:#10AEA1;
text-align:left;
}
#compte1 .visibilite td{
text-align:center;
font-size:11px;
}
#compte1 .visibilite td.vert{
color:#10AEA1;
}
#compte1 .visibilite td.voir{
width:42px;
}
#compte1 .visibilite td.voir #masque{
margin-left:-500px;
margin-top:-60px;
}
#compte1 .visibilite td.voir .capture{
margin-left:-347px;
margin-top:-32px;
!margin-left:-378px;
!margin-top:-17px;
}
#compte1 .bloc2 table{
width:100%;
margin:0 0 10px 0;
}
#compte1 .bloc2 th{
font-size:10px;
}
#compte1 .bloc2 th.titre{
font-size:15px;
color:#10AEA1;
text-align:left;
}
#compte1 .bloc2 td{
text-align:center;
padding:5px 0;
}
#compte1 .bloc2 #cout1, #compte1 .bloc2 #cout2, #compte1 .bloc2 #cout3{
border-right:1px solid #fff;
}
#compte1 .bloc2 td.titre, #compte1 .bloc2 .ou td{
text-align:left;
}
#compte1 .bloc2 .ou td, #compte1 .bloc2 .ou td a{
font-size:12px;
color:#10AEA1;
}
#compte1 .bloc2 .ou td strong{
margin:0 160px 0 0;
}
#compte1 .bloc2 #tr_sponsorise td{
border-top:1px solid #F7F7F7;
}
#compte1 .bloc2 .attention{
background:#FFF5B3;
border:1px solid #FFEF77;
padding:5px;
}
#compte1 .bloc2 input{
background:#fff;
border:1px solid #E1E1E1;
}
#compte1 .bloc2 select{
width:62px;
}
#compte1 .bloc2 input.disabled, #compte1 .bloc2 select.disabled{
background:#D0D0D0;
}
#compte1 .bloc2 .message{
background:#FFF4A0 url(../../images/commun/f_attention.gif) repeat-x top left;
padding:14px 20px 14px 14px;
margin:0 0 15px 0;
}
#compte1 .bloc2 .f_message{
background:url(../../images/commun/picto/attention.gif) no-repeat top left;
padding:0 0 0 50px;

}
#compte1 .bloc2 .f_message p{
color:#C98506;
padding-bottom: 3px;
/*padding:10px 0;*/
}
#compte1 .bloc2 .total{

}

#compte1 .bloc2 .total input{
	float: right;
	padding-top : 15px; 
}

#compte1 .bloc2 .totalcenter .ligne{
float: left;
margin-left: 15px;
padding-top: 5px;
overflow:hidden;
width: 450px;

}
#compte1 .bloc2 .totalcenter .ligne input
{
	margin: 0px;
	pading: 0px;
	overflow:hidden;
	zoom:1;
	float: left;
	margin-top: 15px;
	margin-left: 25px;
	
	width: 15px;
}
#compte1 .bloc2 .totalcenter .ligne p
{
	float: left;
	
	margin-top: 5px;
	width: 410px;
}
#compte1 .bloc2 .totalcenter .ligne a
{
	background: none;
	color: #3e414a;
	text-decoration: none;
	width: 410px;
}
#compte1 .bloc2 .totalcenter{
	margin: 0px;
	padding: 0px;
	background:url(../../images/commun/forfait-validation.jpg) repeat-x;
	padding-top: 5px;
	height: 62px;
	width: 614px;
	float:left;
}
#compte1 .bloc2 .totalleft{
	margin: 0px;
	padding: 0px;
	background:url(../../images/commun/forfait-left.jpg) no-repeat;
	height: 62px;
	width: 8px;
	float:left; 
}
#compte1 .bloc2 .totalright{
	margin: 0px;
	padding: 0px;
	background:url(../../images/commun/forfait-validation-right.jpg) no-repeat;
	height: 62px;
	width: 39px;
	float:left;
}

#compte1 .bloc2 .total table{
float:left;
width:100%;
font-size:12px;
font-weight:bold;
}
#compte1 .bloc2 .total table th{
text-align:left;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
}
#compte1 .bloc2 .total table .valider{
text-align:right;
}
#compte1 .bloc2 input#valider_budget_max{background:none;border:none;}

#compte1 .bloc2 .total a{
clear:both;
float:right;
font-size:11px;
background:url(../../images/commun/puce/puce19.gif) no-repeat 0px 13px;
padding:10px 0 0 8px;
}


#compte1 .bloc4 a
{
	padding: 0px;
	margin: 0px;
	background: none;
	
	color: #878787;
	text-decoration: none;
	width: 410px;
}
#compte1 .bloc4 .left
{
	float: left;
}

#compte1 .bloc4 .right
{
	float: right;
}

#compte1 .bloc3{
background:url(../../images/commun/h_bloc_pro.gif) no-repeat top left;
padding:3px 0 0 0;
margin:0 0 20px 0;
}
#compte1 .b_bloc3{
background:url(../../images/commun/b_bloc_pro.gif) no-repeat bottom left;
padding:0 0 3px 0;
}
#compte1 .f_bloc3{
background:url(../../images/commun/f_bloc_pro.gif) repeat-x bottom left;
border-left:1px solid #E3E3E3;
border-right:1px solid #E3E3E3;
padding:10px;
text-align:center;
}
#compte1 .f_bloc3 p{
margin:0 0 10px 0;
}
#compte1 .f_bloc3 .ligne{
margin:0 auto;
overflow:hidden;
zoom:1;
}
#compte1 .f_bloc3.bis .ligne{
margin:0 auto 9px auto;
}
#compte1 .f_bloc3 .ligne input{
float:left;
width:12px;
height:12px;
margin:1px 0 0 0;
}
#compte1 .f_bloc3 .ligne label{
float:left;
text-align:left;
padding:0 0 0 10px;
}
#compte1 .f_bloc3 .ligne sup{
vertical-align:top;
color:#25B3A8;
}

#compte1 .infos{
overflow:hidden;
zoom:1;
}
#compte1 .infos .col1{
float:left;
width:326px;
}
#compte1 .infos .col2{
float:right;
width:326px;
}
#compte1 .infos .bloc{
background:url(../../images/commun/f_bloc_pro.gif) repeat-x bottom left;
border:1px solid #E3E3E3;
font-size:12px;
padding:15px;
margin:0 0 20px 0;
}
#compte1 .infos .bloc .ligne{
margin:0 0 9px 0;
overflow:hidden;
zoom:1;
}
#compte1 .infos .bloc form sup{
vertical-align:top;
color:#10AEA1;
}
#compte1 .infos .bloc .ligne label{
display:block;
float:left;
font-size:12px;
font-weight:bold;
text-align:right;
padding:0 10px 0 0;
}
#compte1 .infos .bloc.accueil .ligne label{
float:none;
text-align:left;
margin:0 0 5px 0;
}
#compte1 .infos .bloc .ligne  input{
float:left;
font-size:12px;
border:1px solid #E1E1E1;
}
#compte1 .infos .bloc.accueil .ligne  select{
font-size:12px;
border:1px solid #E1E1E1;
}
#compte1 .infos .bloc .ligne  input.inputError{
border:1px solid #EE0000;
}
#compte1 .infos .bloc .actions{
overflow:hidden;
zoom:1;
}
#compte1 .infos .bloc .actions input, #compte1 .infos .bloc .actions a{
float:right;
}
#compte1 .infos .bloc .actions span{
float:left;
padding:10px 0 0 0;
}
#compte2 .bloc, #compte3 .bloc{
background:url(../../images/commun/f_bloc_pro.gif) repeat-x bottom left;
border:1px solid #E3E3E3;
font-size:12px;
padding:15px;
margin:0 0 20px 0;
}
#compte1 .genere{
width:654px;
background:url(../../images/commun/h_genere.gif) no-repeat top left;
padding:3px 0 0 0;
/*margin:0 auto 20px auto;*/
}
#compte1 .b_genere{
background:url(../../images/commun/b_genere.gif) no-repeat bottom left;
padding:0 0 3px 0;
}
#compte1 .f_genere{
background:#EFEFEF url(../../images/commun/f_genere.gif) repeat-x top left;
border-left:1px solid #E3E3E3;
border-right:1px solid #E3E3E3;
text-align:center;
padding:10px;
}
#compte1 .f_genere span{
color:#10AEA1;
}
#compte2 p, #compte3 p{
margin:0 0 20px 0;
}
#compte2 table.recapitulatif, #compte2 table.total{
width:100%;
border-collapse:collapse;
}
#compte2 table.recapitulatif{
margin:0 0 10px 0;
}
#compte2 table.recapitulatif th.titre{
width:260px;
text-align:left;
font-size:13px;
color:#10AEA1;
}
#compte2 table.recapitulatif th.total{
text-align:right;
width:130px;
}
#compte2 table.recapitulatif td{
text-align:center;
}
#compte2 table.recapitulatif td.titre{
text-align:left;
font-weight:bold;
}
#compte2 table.recapitulatif td.total{
text-align:right;
padding:8px 20px 8px 0;
}
#compte2 table.recapitulatif td{
border-bottom:1px solid #e1e1e1;
}
#compte2 table.total th{
text-align:right;
text-transform:uppercase;
}
#compte2 table.total td{
width:110px;
text-align:right;
padding:5px 20px 0 0;
}
#compte2 .ligne{
overflow:hidden;
zoom:1;
}
#compte2 .ligne input{
float:left;
width:12px;
height:12px;
margin:2px 0 0 0;
}
#compte2 .ligne label{
float:left;
font-size:12px;
font-weight:bold;
padding:0 0 0 5px;
}
#compte2 p.petit{
font-size:11px;
margin:0 0 10px 0;
}
#compte2 hr{
height:1px;
border:none;
color:#E3E3E3;
background:#E3E3E3;
margin:0 0 10px 0;
}
#compte2 .actions{
overflow:hidden;
zoom:1;
}
#compte2 .actions .retour{
float:left;
}
#compte2 .actions .valider{
float:right;
}
/* PRODUITS */
#produits h2{
font-size:14px;
color:#10AEA1;
margin:0 0 10px 0;
}
#produits .bloc{
background:url(../../images/commun/f_bloc_pro.gif) repeat-x bottom left;
border:1px solid #E3E3E3;
padding:15px;
margin:0 0 20px 0;
}
#produits .bloc .intro.voir{
position:relative;
zoom:1;
margin:0 0 16px 0;
z-index:1;
}
#produits .bloc .intro p{
float:left;
width:628px;
font-size:11px;
}
#produits .bloc .intro a.aide{
float:right;
}
#produits .bloc .intro #masque{
right:-26px;
top:-32px;
}
#produits .bloc .intro .capture{
right:-12px;
top:-17px;
}
#produits .bloc .intro .capture .f_capture2 p{
float:none;
width:auto;
}
#produits .bloc h3{
background:url(../../images/commun/picto/f_t_pro.gif) no-repeat top left;
font-size:12px;
color:#10AEA1;
line-height:14px;
padding:0 0 0 23px;
margin:0 0 16px 0;
}
#produits .bloc p{
font-size:12px;
margin:0 0 10px 0;
}
#produits .bloc p span{
color:#10AEA1;
}
#produits .bloc .ligne{
margin:0 0 10px 0;
overflow:hidden;
zoom:1;
}
#produits .bloc .ligne.nom_camping{
position:relative;
overflow:visible;
zoom:1;
}
#produits .bloc .ligne.nom_camping img{
display:block;
}
#produits .bloc .ligne label{
display:block;
float:left;
font-size:12px;
font-weight:bold;
text-align:right;
padding:0 10px 0 0;
}
#produits .bloc .ligne.radio input{
float:left;
width:12px;
height:12px;
margin:1px 0 0 0;
}
#produits .bloc .ligne.radio label{
float:left;
text-align:left;
font-weight:normal;
padding:0 0 0 10px;
}
#produits .bloc .ligne label sup{
vertical-align:top;
color:#10AEA1;
}
#produits .bloc .ligne select{
display:block;
float:left;
font-size:12px;
border:1px solid #E1E1E1;
}
#produits .bloc .ligne.nom_camping input{
display:block;
float:left;
font-size:12px;
border:1px solid #E1E1E1;
}
#produits .bloc .ligne .liste1, #produits .bloc .ligne .liste2{
float:left;
width:282px;
height:200px;
border:1px solid #E1E1E1;
}
#produits .bloc .ligne .liste2{
float:right;
}
#produits .bloc .ligne .actions{
float:left;
width:90px;
text-align:center;
padding:70px 0 0 0;
}
#produits .bloc .ligne .actions a{
display:block;
margin:0 0 10px 0;
}
#produits .bloc .promotion_cours{
padding:20px 0 0 0;
}
#produits .bloc .promotion_cours h3{
background:none;
font-size:12px;
color:#10AEA1;
line-height:14px;
padding:0;
margin:0 0 10px 0;
}
#produits .bloc .promotion_cours ul li{
margin:0 0 5px 0;
}
#produits .bloc .promotion_cours ul li a{
padding:0 5px 0 0;
}
#produits #activerComparateur, #produits #activerSponsorise, #produits #activerPromotion, #produits #activerPub{
overflow:hidden;
zoom:1;
}
#produits #activerComparateur a, #produits #activerSponsorise a, #produits #activerPromotion a, #produits #activerPub a{
display:block;
float:right;
margin:0 0 10px 0;
}
#produits #activerComparateur span, #produits #activerSponsorise span, #produits #activerPub span{
clear:both;
float:right;
font-size:12px;
font-weight:bold;
color:#10AEA1;
}
#produits #confirmationPromotion{
text-align:right;
font-size:12px;
font-weight:bold;
color:#10AEA1;
}
#produits #confirmationPush{
text-align:right;
font-size:12px;
font-weight:bold;
color:#10AEA1;
}
#produits #confirmationSponsors{
text-align:right;
font-size:12px;
font-weight:bold;
color:#10AEA1;
}
#produits #activerPromotion .date_promotion .ligne input{
display:block;
float:left;
width:12px;
height:12px;
margin:1px 10px 0 0;
}
#produits #activerPromotion .date_promotion .ligne input.calendrier{
width:100px;
height:18px;
background:url(../../images/commun/picto/calendrier2.gif) no-repeat top right;
border:1px solid #E1E1E1;
}
#produits #activerPromotion .date_promotion .ligne label{
width:auto;
font-weight:normal;
}
#produits #activerPromotion .date_promotion .ligne label span{
padding:0 0 0 20px;
clear:none;
float:none;
font-size:12px;
font-weight:normal;
color:#414141;
}
#produits .bloc h4{
font-size:10px;
text-transform:uppercase;
margin:0 0 5px 0;
}
#produits .bloc .previsu{
margin:0 0 20px 0;
overflow:hidden;
zoom:1;
}
#produits .bloc .previsu #publicite{
float:left;
width:250px;
height:250px;
background:#fff;
border:1px solid #e1e1e1;
}
#produits .bloc .previsu #publicite #loadingPub{
display:block;
margin:115px auto 0 auto;
}
#produits .bloc .previsu .version{
float:right;
width:378px;
}
#produits .bloc .previsu .version .langues{
margin:0 0 10px 0;
overflow:hidden;
zoom:1;
}
#produits .bloc .previsu .version h5{
float:left;
font-size:12px;
text-transform:uppercase;
line-height:22px;
padding:0 15px 0 0;
}
#produits .bloc .previsu .version ul{
float:left;
border:1px solid #e1e1e1;
border-right:none;
overflow:hidden;
zoom:1;
}
#produits .bloc .previsu .version li{
float:left;
border-right:1px solid #e1e1e1;
}
#produits .bloc .previsu .version li a{
display:block;
background:url(../../images/commun/f_li_version.gif) repeat-x top left;
padding:4px 5px;
}
#produits .bloc .previsu .version li a.on, #produits .bloc .previsu .version li a:hover{
background:#fff;
}
#produits .bloc .previsu .version .attention{
clear:both;
background:#FFF4A0 url(../../images/commun/f_attention.gif) repeat-x top left;
padding:14px 20px 14px 14px;
}
#produits .bloc .previsu .version .f_attention{
background:url(../../images/commun/picto/attention.gif) no-repeat top left;
padding:0 0 0 50px;
}
#produits .bloc .previsu .version .f_attention p{
color:#C98506;
margin:0 0 8px 0;
}
#produits .bloc .ligne.publicite input{
font-size:12px;
border:1px solid #E1E1E1;
}
#produits .bloc .ligne.publicite input.inputError{
border:1px solid #EE0000;
}