
body{
scrollbar-track-color: white ; /*fond de la barre*/
scrollbar-face-color: white; /*dessus*/
scrollbar-shadow-color : #E0DBF7;          /*coté ombré*/
scrollbar-highlight-color :#E0DBF7;            /*coté lumineux*/
scrollbar-arrow-color: #F9BDBD;                    /*pointe*/
}

select,textarea,input {
font-family:Arial, Tahoma, Georgia, sans-serif;
font-size: 8pt;
}


/*alignement*/
.center{
text-align:center;
}

/*alignement*/
.right{
text-align:right;
}

/*tableau*/
.tab_bggrey {
background : #c0c0c0;
}

.bg_blue {
background : #BEE0F9;
}

/*cellule*/
.tab_white_noline {
background-color:#ffffff;
}

.tab_grey_center {
background-color:#E7E7E7;
text-align:center;
}

.tab_grey {
background-color:#E7E7E7;
}

.tab_white_full {
border: 1px solid #FFFFFF;
border-width: 1px 1px 1px 1px;
}

.tab_line_grey_bottom {
border: 1px solid #E7E7E7;
border-width: 0px 0px 1px 0px;
background-color:#ffffff;
}

.tab_line_orange_bottom {
border: 1px solid #C0C0C0;
border-width: 0px 0px 1px 0px;
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 8pt;
color : #212831;
}

.tab_white_grey_border {
border: 1px solid #656060;
border-width: 1px 1px 1px 1px;
background-color:#ffffff;
}

.tab_white_blue_border {
border: 1px solid #BEE0F9;
border-width: 1px 1px 1px 1px;
background-color:#ffffff;
text-align:center;
}

.tab_white_blue_border_font {
border: 1px solid #BEE0F9;
border-width: 1px 1px 1px 1px;
background-color:#ffffff;
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 8pt;
color : #212831;
}

.tab_white_blue_border_bottom {
border: 1px solid #BEE0F9;
border-width: 0px 0px 1px 0px;
background-color:#ffffff;
text-align:center;
}

.tab_white_red_border_font {
border: 1px solid #EF0909;
border-width: 1px 1px 1px 1px;
background-color:#ffffff;
text-align:center;
color : #EF0909;
}

.tab_grey_blue_border{
border: 1px solid #BEE0F9;
border-width: 1px 1px 1px 1px;
background:#E7E7E7;
text-align:center;
}

.tab_host_details{
text-indent: 20px;
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 8pt;
color : #212831;
border: 1px solid #BEE0F9;
border-width: 1px 0px 0px 0px;
}

.tab_host_intro{
text-indent: 5px;
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 8pt;
color : #212831;
border: 1px solid #656060;
border-width: 1px 1px 1px 1px;
background:#ffffff;
}

/*tab conparatif*/
.tab_compar_host{
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 8pt;
color : #212831;
border: 1px solid #656060;
border-width: 1px 1px 1px 1px;
background:#ffffff;
text-align:center;
}

.tab_compar_dom_details{
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 8pt;
color : #212831;
background:#DCD5C8;
text-align:center;
}

.tab_compar_host_details{
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 8pt;
color : #212831;
background:#E7E7E7;
text-align:center;
}

.tab_compar_cube_details{
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 8pt;
color : #212831;
background:#FFFFFF;
text-align:center;
}

.tab_compar_solo_details{
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 8pt;
color : #212831;
background:#D9EFFA;
text-align:center;
}

.tab_host_feat{
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 8pt;
color : #ff7200;
background:#ffffff;
}

.tab_host_feat2{
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 8pt;
color : #ff7200;
background:#E7E7E7;
}

/* fin compare */

/*tableaux & cellules home txt description plan*/
.tab_2line_grey_l_only {
border: 1px solid #E7E7E7;
border-width: 0px 0px 0px 1px;
background-color:#ffffff;
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 8pt;
color : #212831;
}
.tab_2line_grey_r_only {
border: 1px solid #E7E7E7;
border-width: 0px 1px 0px 0px;
background-color:#ffffff;
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 8pt;
color : #212831;
}


/*tableaux & cellules home -dom*/
.tab_2line_grey_lr {
border: 1px solid #E7E7E7;
border-width: 0px 1px 0px 1px;
background-color:#ffffff;
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 8pt;
color : #212831;
}
.cel_plan_grey_tl {
border: 1px solid #E7E7E7;
border-width: 1px 0px 0px 1px;
background-color:#ffffff;
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 8pt;
color : #212831;
}

/*tableaux & cellules home texte descriptif plans (tous)*/
.cel_plan_white_noline {
background-color:#FFFFFF;
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 8pt;
color : #212831;
}

/*tableaux & cellules home -dom*/
.cel_plan_green_t {
border: 1px solid #E7E7E7;
border-width: 1px 0px 0px 0px;
background-color:#F2FFF0;
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 9pt;
color : #212831;
}

.cel_plan_grey_l {
border: 1px solid #E7E7E7;
border-width: 0px 0px 0px 1px;
background-color:#F2FFF0;
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 8pt;
color : #212831;
}

.cel_plan_green_noline {
background-color:#F2FFF0;
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 8pt;
color : #212831;
}

/*tableaux & cellules home -host*/
.cel_plan_orange_t {
border: 1px solid #E7E7E7;
border-width: 1px 0px 0px 0px;
background-color:#FFE9DD;
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 9pt;
color : #212831;
}

.cel_plan_orange_l {
border: 1px solid #E7E7E7;
border-width: 0px 0px 0px 1px;
background-color:#FFE9DD;
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 8pt;
color : #212831;
}

.cel_plan_orange_r {
border: 1px solid #E7E7E7;
border-width: 0px 1px 0px 0px;
background-color:#FFE9DD;
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 8pt;
color : #212831;
}

.cel_plan_orange_noline {
background-color:#FFE9DD;
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 8pt;
color : #212831;
}

/*tableaux & cellules home -cube*/
.cel_plan_cyan_t {
border: 1px solid #E7E7E7;
border-width: 1px 0px 0px 0px;
background-color:#E1F6F6;
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 9pt;
color : #212831;
}

.cel_plan_cyan_l {
border: 1px solid #E7E7E7;
border-width: 0px 0px 0px 1px;
background-color:#E1F6F6;
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 8pt;
color : #212831;
}
.cel_plan_cyan_noline {
background-color:#E1F6F6;
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 8pt;
color : #212831;
}

/*tableaux & cellules home -cube*/
.cel_plan_violet_t {
border: 1px solid #E7E7E7;
border-width: 1px 0px 0px 0px;
background-color:#F8F3FF;
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 9pt;
color : #212831;
}
.cel_plan_violet_l {
border: 1px solid #E7E7E7;
border-width: 0px 0px 0px 1px;
background-color:#F8F3FF;
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 8pt;
color : #212831;
}

.cel_plan_violet_r {
border: 1px solid #E7E7E7;
border-width: 0px 1px 0px 0px;
background-color:#F8F3FF;
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 8pt;
color : #212831;
}
.cel_plan_violet_noline {
background-color:#F8F3FF;
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 8pt;
color : #212831;
}

/*tableaux & cellules home news*/
.cel_news_title {
border: 1px solid #E7E7E7;
border-width: 0px 1px 1px 0px;
background-color:#9D9587;
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 9pt;
color : #FFFFFF;
text-align:center;
}

/*tableaux & cellules home disponibilité*/
.cel_dispo_title {
border: 1px solid #E7E7E7;
border-width: 0px 1px 1px 0px;
background-color:#C7C3B2;
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 9pt;
color : #212831;
text-align:center;
}
.cel_grey_r {
border: 1px solid #E7E7E7;
border-width: 0px 1px 0px 0px;
}

.cel_dispo_plans_dom {
border: 1px solid #E7E7E7;
border-width: 0px 0px 1px 0px;
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 9pt;
color : #00A91D;
}
.cel_dispo_plans_dom_time {
border: 1px solid #E7E7E7;
border-width: 0px 0px 1px 1px;
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 9pt;
color : #00A91D;
}

.cel_dispo_plans_host {
border: 1px solid #E7E7E7;
border-width: 0px 0px 1px 0px;
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 9pt;
color : #FF501B;
}
.cel_dispo_plans_host_time {
border: 1px solid #E7E7E7;
border-width: 0px 0px 1px 1px;
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 9pt;
color : #FF501B;
}

.cel_dispo_plans_cube {
border: 1px solid #E7E7E7;
border-width: 0px 0px 1px 0px;
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 9pt;
color : #127474;
}
.cel_dispo_plans_cube_time {
border: 1px solid #E7E7E7;
border-width: 0px 0px 1px 1px;
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 9pt;
color : #127474;
}

.cel_dispo_plans_solo {
border: 1px solid #E7E7E7;
border-width: 0px 0px 1px 0px;
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 9pt;
color : #8A2ABB;
}
.cel_dispo_plans_solo_time {
border: 1px solid #E7E7E7;
border-width: 0px 0px 1px 1px;
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 9pt;
color : #8A2ABB;
}

.cel_total_pay {
border: 1px solid #E7E7E7;
border-width: 1px 1px 1px 1px;
background-color:#E1F6F6;
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 12pt;
font-weight:bold;
color : #F3750F;
}

/*tableaux & cellules home support*/
.cel_support_title {
border: 1px solid #E7E7E7;
border-width: 0px 1px 1px 0px;
background-color:#6F6A63;
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 9pt;
color : #FFFFFF;
text-align:center;
}

/*tableaux & cellules home support*/
.cel_guide_title {
border: 1px solid #E7E7E7;
border-width: 0px 1px 1px 0px;
background-color:#B4ACAC;
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 9pt;
color : #FFFFFF;
text-align:center;
}
/*
opacité
filter:alpha(opacity=90);
-moz-opacity:0.90;
opacity: 0.90;
*/

/*tab & cellules order (panier)*/
.tab_order_empty_title{
text-align: center;
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 10pt;
color : #212831;
border: 1px solid #656060;
border-width: 0px 1px 0px 1px;
background:#ffffff;
}
.cel_order_title{
text-align: center;
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 10pt;
color : #212831;
border: 1px solid #FFFFFF;
border-width: 0px 1px 0px 1px;
background:#c0c0c0;
}
.cel_order_line{
text-align: center;
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 10pt;
color : #212831;
border: 1px solid #c0c0c0;
border-width: 0px 0px 1px 0px;
background:#ffffff;
}
.cel_order_pay{
text-align: center;
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 12pt;
color : #212831;
border: 1px solid #;
border-width: 1px 0px 1px 1px;
background:#F2FFF0;
}

.cel_order_infos_requis {
background-color:#FFFFFF;
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 9pt;
color : #F3750F;
}

.cel_order_infos_fac {
background-color:#FFFFFF;
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 9pt;
color : #212831;
border: 1px solid #c0c0c0;
border-width: 0px 1px 0px 0px;
}

.cel_order_legend_r {
background-color:#FFFFFF;
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 8pt;
color : #F3750F;
}

.cel_order_legend_f {
background-color:#FFFFFF;
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 8pt;
color : #212831;
}

.cel_order_end_msg {
background-color:#FFFFFF;
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 9pt;
color : #212831;
border: 1px solid #BEE0F9;
border-width: 1px 1px 1px 1px;
}

.font_order_end_titre {
background-color:#FFE9DD;
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 10pt;
font-weight:bold;
color : #212831;
text-align:center;
}

.tab_order_buy {
border: 3px solid #BEE0F9;
border-width: 0px 0px 1px 0px;
background-color:#E7E7E7;
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 11pt;
color : #212831;
text-align:center;
}
/*font*********************/
/*mentions légales*/
.legal{
font-family : Arial, Georgia, sans-serif;
color : #212831;
font-size : 8pt;
font-style:italic;
text-align:center;
}

.legal2{
font-family : Arial, Georgia, sans-serif;
color : #212831;
font-size : 8pt;
font-style:italic;
text-align:center;
background-color:#ffffff;
}

.legal3{
font-family : Arial, Georgia, sans-serif;
color : #FFFFFF;
font-size : 8pt;
font-style:italic;
background-color:#F3750F;
}

/*charte*/
.charte{
font-family : Arial, Georgia, sans-serif;
color : #212831;
font-size : 8pt;
margin-top: 5px;
margin-left: 15px;
margin-right: 15px;
}

.tcharte{   /*titre*/
font-family : Arial, Georgia, sans-serif;
color : #F3750F;
font-size : 9pt;
font-weigt :bold;
margin-top: 15px;
margin-left: 25px;
}

/*news*/
.resume_news {
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 8pt;
font-style: italic;
color : #212831;
margin-left: 15px;
margin-right: 15px;
}


/*marges*/

.m5{
margin-top: 5px;
margin-left: 5px;
margin-right: 5px;
}

.m10{
margin-top: 5px;
margin-left: 10px;
margin-bottom: 5px;
}

.m15{
margin-top: 5px;
margin-left: 15px;
margin-bottom: 5px;
}

.m25{
margin-top: 5px;
margin-left: 25px;
margin-bottom: 5px;
}

.m35{
margin-top: 5px;
margin-left: 35px;
margin-bottom: 5px;
}

.m5_10{
margin-top: 5px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 5px;
}

/*titres */
.slo_small {
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 8pt;
color : #212831;
font-weight:bold;
}

.slo_large {
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 9pt;
color : #212831;
font-weight:bold;
}

.title_large {
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 11pt;
color : #212831;
font-weight:bold;
text-indent:10px;
}

.title_large_xl {
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 13pt;
color : #212831;
font-weight:bold;
text-indent:10px;
}

/*texte time support*/
.time_support {
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 20pt;
font-weight: bold;
color : #818181;
text-align:center;
}

/* textes*/
.small_anthra {
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 8pt;
color : #212831;
}
.small_anthra_i {
font-family: Arial, Tahoma, Georgia, sans-serif;
font-size : 8pt;
font-style: italic;
color : #212831;
}

/*erreur form contact*/
.empty {
font-family: Arial, Tahoma, Georgia, sans-serif;
color : #FF501B;
font-size : 9pt;
}

/*liens defaut*/
a {
font-family: Arial, Tahoma, Georgia, sans-serif;
color : #EC2213;
font-size : 8pt;
text-decoration : none;
}
a:visited {
font-family: Arial, Tahoma, Georgia, sans-serif;
color : #EC2213;
font-size : 8pt;
text-decoration : none;
}
a:hover {
font-family: Arial, Tahoma, Georgia, sans-serif;
color : #BAA47D;
font-size : 8pt;
text-decoration : none;
}


/*liens plans home*/
a.dom {
font-family: Arial, Tahoma, Georgia, sans-serif;
color : #00A91D;
font-size : 8pt;
text-decoration : none;
}
a.dom:visited {
font-family: Arial, Tahoma, Georgia, sans-serif;
color : #00A91D;
font-size : 8pt;
text-decoration : none;
}
a.dom:hover {
font-family: Arial, Tahoma, Georgia, sans-serif;
color : #304856;
font-size : 8pt;
text-decoration : none;
}

a.host {
font-family: Arial, Tahoma, Georgia, sans-serif;
color : #FF501B;
font-size : 8pt;
text-decoration : none;
}
a.host:visited {
font-family: Arial, Tahoma, Georgia, sans-serif;
color : #FF501B;
font-size : 8pt;
text-decoration : none;
}
a.host:hover {
font-family: Arial, Tahoma, Georgia, sans-serif;
color : #304856;
font-size : 8pt;
text-decoration : none;
}

a.cube {
font-family: Arial, Tahoma, Georgia, sans-serif;
color : #127474;
font-size : 8pt;
text-decoration : none;
}
a.cube:visited {
font-family: Arial, Tahoma, Georgia, sans-serif;
color : #127474;
font-size : 8pt;
text-decoration : none;
}
a.cube:hover {
font-family: Arial, Tahoma, Georgia, sans-serif;
color : #304856;
font-size : 8pt;
text-decoration : none;
}

a.solo {
font-family: Arial, Tahoma, Georgia, sans-serif;
color : #8A2ABB;
font-size : 8pt;
text-decoration : none;
}
a.solo:visited {
font-family: Arial, Tahoma, Georgia, sans-serif;
color : #8A2ABB;
font-size : 8pt;
text-decoration : none;
}
a.solo:hover {
font-family: Arial, Tahoma, Georgia, sans-serif;
color : #304856;
font-size : 8pt;
text-decoration : none;
}





