@charset "UTF-8";
/* CSS Document */
body, ul, li, H1, H2, H3, H4, H5, H6, p, form{ margin:0; padding:0;}
html, body, #contener {height:100%;}
#contener {display:table; width:99%; border-spacing:0;position : relative;}
ul, li{ list-style:none;}
.breaker{ clear:both}
.pixel_bg{width:100%; background:url(../images/pixel_bg.png) repeat-y 199px;}
.without_border{ background:none; border:none}
a{ color:#0477d0; text-decoration:none;}
a img{ border:none;}
a:hover{ text-decoration:underline;}

.error{
    color:red;
}

/* START Header */
#header{ border:1px green solid; width:100%; height:71px; background-color:#4a9328; position:relative; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
#header .logo{ margin-left:20px; margin-top:5px;}
#header ul.menu { right:20px; top:30px; position:absolute;}
#header ul.menu li{ float:left; color:#FFF; list-style:none; border-left:1px #9ddb88 solid; padding:0 5px 0 5px;}
#header ul.menu li.first{ border:0;}
#header ul.menu li a{ color:#FFF; text-decoration:none;}
#header ul.menu li a:hover{ text-decoration:underline}
/* END Header */


/* START Central bloc */
#column1{ width:100%; text-align:center;}
#column2{width:100%; position:relative;}
/* END Central bloc */


/* START Sidebar */
#sidebar{width:199px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#263f53; position:absolute; top:0; left:0; padding-top:15px;}
#sidebar .menu{ border-top:1px #e7e7e7 solid;}
#sidebar .title_rubrique_on{padding:3px; background:#e7e7e7;}
#sidebar .title_rubrique_off{padding:3px;}
#sidebar .icone_catalogue{background:url(../images/icone_catalogue.png) no-repeat 5px; padding-left:30px; font-weight:bold;}
#sidebar .icone_devis{background:url(../images/icone_devis.png) no-repeat 5px; padding-left:30px; font-weight:bold;}
#sidebar .menu ul {margin-left:34px; margin-top:16px; margin-bottom:15px;}
#sidebar .menu ul li{background:url(../images/flech_bleu.png) no-repeat 0 4px; padding-left:10px; margin-top:6px;}
#sidebar .menu ul li a{color:#263f53; text-decoration:none;}
#sidebar .menu ul li a:hover{text-decoration:underline;}
#sidebar .menu ul li a.selected{ color:#0477d0;}
#sidebar .search {margin-left:10px;}
#sidebar .search .search_zone{background:url(../images/search_zone.png) no-repeat 0 1px; width:143px; height:22px; border:none; padding-left:10px; margin-top:1px; color:#8c8c8c;}
#sidebar .search .search_btn{background:url(../images/search_btn.png) no-repeat 0 1px; width:26px; height:23px; border:none;cursor:pointer; margin-left:-5px; margin-top:-1px;}
/* END Sidebar */

/* START content */
#content{min-height:720px;padding:22px 17px 0 216px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#626262;}
#content h1{ font-size:18px; font-weight:bold; margin-bottom:15px;}
#content .box_info{ background:#f2f2f2; padding:12px; border:1px #cccccc solid; margin-top:20px;}
#content .box_info a{ color:#0477d0; text-decoration:none;}
#content .box_info a:hover{ text-decoration:underline;}
#content .btn_right{ float:right; margin-top:10px;}
#content a.btn{
    background-color:#47942a;
    border:1px #3a7521 solid;
    padding:3px 6px 3px 6px;
    color:#FFF;
    background:url(../images/bg_btn.png) repeat-x #4a9328;
    text-decoration:none;
    cursor:pointer;
    font-weight:bold;
    font-size:11px;
    font-family:Verdana, Geneva, sans-serif;
}
#content .btn_standard{
    background-color:#e5e5e5;
    border:1px #999999 solid;
    padding:3px 6px 3px 6px;
    color:#585858;
    background:url(../images/bg_btn_standard.png) repeat-x #e5e5e5;
    text-decoration:none;
    cursor:pointer;
    font-weight:bold;
    font-size:11px;
    font-family:Verdana, Geneva, sans-serif;
}
#content .btn-disabled{
	cursor: not-allowed;
    pointer-events: none;
    color: #c0c0c0;
    background-color: #F2F2F2;
	background-image:none
}
/* .container-fluid pour supporter le css bootsrap*/
#content .pagination,.container-fluid .pagination {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px;color:#334e63;text-align:right; width:100%;margin-top:20px; height:22px;}
#content .num_page,.container-fluid .num_page{float:right; padding-top:3px; margin-right:5px;}
#content .btn_nav, .container-fluid .btn_nav{float:right; margin-left:5px}
#content .tableau, .container-fluid .tableau{ margin-top:20px;}


#content table, .container-fluid table{border:1px solid #cdcdcd;border-collapse:collapse; width: 100%}
#content thead th, .container-fluid thead th
{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px;border-right:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd; text-align:left; color:#606060;}

#content thead th small, .container-fluid thead th small{font-weight:normal !important;font-size:10px!important;}

#content thead tr, .container-fluid thead tr{background:url(../images/bg_th.png) repeat-x #f2f2f2;}
#content tbody td, thead th, .container-fluid tbody td{padding:8px}
#content table.width_cel th, td{ padding:20px;}
#content tbody td, .container-fluid tbody td{border:none; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#content table tr.ligne1{ background:#FFF}
#content table tr.ligne2{ background:#f2f2f2}
#content table tr td, .container-fluid table tr td{
    white-space: nowrap;
}
#content table tr td.notnowwrap{
    white-space: inherit !important;
}


#content .box_form{ background:#f2f2f2; padding:10px; margin-top:20px; margin-bottom:10px; color:#626262;}
#content .box_form  p{font-size:12px;}
#content .box_form  p.text{font-size:12px;}
#content .box_form  label{width:222px;}
#content .zone_inside {
  border: 1px #CCCCCC solid;
  padding: 10px;
  margin-top: 34px;
  line-height: 22px;
}
#content .zone_inside label{ width:210px;}
#content .audience p{width:126px;float:left;margin-right:40px;}
#content .audience p.text{font-size:13px;font-weight:normal;}
#content .audience label{display:block;width:80px;float:left;}
#content .audience input.text{width:126px}
#content .csp p{ padding-top:0; margin-bottom:0px;}
#content .csp label.csp{width:20px;}
#content .title_vert{ color:#4a922c;font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; margin-bottom:10px;}
#content .title_vert_devis{ color:#4a9328;font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; margin-bottom:5px;}


#content .zone_bouttons{ float:left;}
#content .champs_oblig{ color:#e5000e;  font-weight:bold; padding:5px 0 0 30px; float:left;}

#content .upload_image{ float:left; width:600px; overflow:hidden;}
#content .info_image{ float:left; margin-left:20px; width:224px;}
#content .info_image input{ width:40px}
#content .info_image label{ width:150px}


#content .adserver p{width:auto;float:left;margin-right:10px; padding-top:0px;}
#content .adserver p.text{font-size:13px;font-weight:normal;}
#content .adserver label{display:block;width:auto;float:left; padding-right:5px; padding-top:5px;}
#content .adserver input.text{width:126px}

#content .box_devis1,#content .box_facture1,#content .box_avoir1{ background:#f2f2f2; padding:10px;margin-bottom:5px; color:#626262;}
#content .box_devis1 .header_devis,#content .box_facture1 .header_facture,#content .box_avoir1 .header_avoir{ width:100%; height:122px; background:#4a9328;overflow:hidden;}
#content .box_devis1 .header_devis .logo,#content .box_facture1 .header_facture .logo,#content .box_avoir1 .header_avoir .logo{float:left;}
#content .box_devis1 .header_devis .title,#content .box_facture1 .header_facture .title,#content .box_avoir1 .header_avoir .title{float:left; color:#FFF; font-weight:bold; font-size:34px; margin:40px 0 0 15px;}
#content .box_facture1 .header_facture .title,#content .box_avoir1 .header_avoir .title{
    width:66%;
    text-align: center;
}
.header_avoir .sous_title_avoir{
    font-size: 17px !important;
    margin-top: 5px;
}
/*.box_facture2 .infos_client h3{
margin-bottom: 5px !important;
}*/
#content .box_devis1 .header_devis .infos,#content .box_facture1 .header_facture .infos{float:right;color:#FFF; width:330px; text-align:left; padding:10px;}
#content .box_devis1 .date,#content .box_facture1 .date,#content .box_avoir1 .date{ text-align:right; font-weight:bold; font-size:11px; background-color:#FFF; margin-top:5px; padding:5px;}
#content .box_devis2,#content .box_facture2,#content .box_avoir2{ background:#fff; padding:10px; color:#626262; height:560px; overflow-y: scroll; border-bottom:#fff 10px solid;}

#content .box_devis2 .terme_condition{float:left; width:483px; background:#dce9d5; margin-top:20px;}
#content .box_devis2 .terme_condition .title{background:#4a9328; color:#FFF; padding:10px;}
#content .box_devis2 .terme_condition .text{background:#dce9d5; padding:10px;}
#content .box_devis2 .devis_zone_total,#content .box_facture2 .facture_zone_total,#content .box_avoir2 .avoir_zone_total{float:right; margin-top:20px; margin-left:20px; width:400px;}
#content .box_devis2 .total,#content .box_facture2 .total,#content .box_avoir2 .total{ border:1px red solid; margin-top:10px; border:1px #CCCCCC solid; padding:10px; line-height:17px; font-weight:bold ;}
#content .box_devis2 .visa{ margin-top:10px; border:1px #CCCCCC solid; padding:10px; line-height:17px; font-weight:bold ;}
#content .box_devis2 .total .total_vert{ color:#4a9328;}
#content .box_print_contact{ margin-top:10px; text-align:right;}

#content .box_support{ background:#fff; padding:20px 10px 10px 20px; color:#626262; position:relative; overflow:hidden; min-height:879px}
#content .box_support .title{ background:#fff; color:#626262; font-weight:bold; font-size:16px;}
#content .box_support .title_vert{ padding-top:10px; margin-bottom:0;}
#content .box_support p{ padding-top:10px;}

#content .box_support .b_left{ float:left; margin-top:10px; padding-right:640px;}
#content .box_support .b_left .encadre_vert{ padding:10px; border:1px #618636 solid; margin-top:10px;}
#content .box_support .b_left .encadre_vert .title{ margin-bottom:10px;}

#content .box_support .b_right{  width:600px; margin-top:10px; margin-left:10px; margin-right:20px; position:absolute; top:0; right:0}
#content .box_support .image_support{ width:600px; height:450px; border:1px #CCCCCC solid}
#content .box_support .graph_audience_age{ float:left; width:279px; border:1px #CCCCCC solid; margin-top:10px; padding:10px}
#content .box_support .graph_audience_sex{ float:left; width:278px; border:1px #CCCCCC solid; border-left:none;margin-top:10px; padding:10px}
#content .kooltip_police {color:#626262}

/* END content */


/* START Footer */
#footer{float: left;width:1219px; height:15px; background-color:#f2f2f2; border-top:1px #ccc solid; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:12px 20px 12px 20px;}
#footer .copyright{ float:left; color:#7d7d7d;}
#footer ul.menu { float:right; }
#footer ul.menu li{ float:left; color:#263d4f; list-style:none; border-left:1px #263d4f solid; padding:0 5px 0 5px;}
#footer ul.menu li.first{ border:0;}
#footer ul.menu li a{ color:#263d4f; text-decoration:none; font-weight:bold;}
#footer ul.menu li a:hover{ text-decoration:underline}
/* END Footer */




/*** Start Rounded-cornered divs ***/
.liquid-round {
    position:relative;
    width:100%;
    margin:0px auto;
    background:#fff url(../images/leftside.png) repeat-y left top;
    margin-bottom:10px;
    text-align:left;
    font-family:"Arial Black", Gadget, sans-serif;
}
.liquid-round  h3{
    font-size:18px;
    color:#000;
    margin-top:0px;
    margin-bottom:35px;
    font-weight:normal;
}
.liquid-round  p{
    font-size:12px;
}
.liquid-round .top {
    width:100%;
    height:119px;
    background:url(../images/top.png) no-repeat left top;
}
.liquid-round .top span {
    display:block;
    position:relative;
    height:119px;
    background:url(../images/top-right.png) no-repeat right top;
}
.liquid-round .center-content {
    position:relative;
    background:url(../images/rightside.png) repeat-y right top;
    padding:1px 25px 1px 23px;
    margin:-108px 0 0px 0;
}
.liquid-round .bottom {
    width:100%;
    height:50px;
    background:url(../images/bottom.png) no-repeat left bottom;
}
.liquid-round .bottom span {
    display:block;
    position:relative;
    height:50px;
    background:url(../images/bottom-right.png) no-repeat right top;
}

.liquid-round a{
    color:#1a71b6; text-decoration:none;
}

/*** End Rounded-cornered divs ***/


/*** Start Formulaire ***/
.cssform p{
    color:#606060;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
    padding-top:10px;
}

.cssform p.text{
    font-size:13px;
    font-weight:normal;
}

.cssform .question{
    font-size:11px;
    font-weight:normal;
    color:#999;
}
.cssform .question a{
    font-size:11px;
    font-weight:normal;
    color:#999;
}

.cssform label
{
    display:block;
    width:150px;
    float:left;
}

.cssform input
{
    color:#626262;
}
.cssform input.text
{
    width:232px; color:#626262;
    border:1px #abadb3 solid;
    height:18px;
}

.cssform input.obligatoir,.cssform select.obligatoir ,.cssform textarea.obligatoir
{
    border:1px red solid
}

.cssform select
{
    width:237px
}

.cssform textarea
{
    width:232px
}

.cssform span.small{
    font-size:12px;
    font-weight:normal;
}

.cssform span.etoile_rouge{
    font-size:12px;
    color:#F00;
}

input.submit{
    background-color:#47942a;
    border:1px #3a7521 solid;
    padding:3px 6px 3px 6px;
    color:#FFF;
    background:url(../images/bg_btn.png) repeat-x #4a9328;
    cursor:pointer;
    font-family:Verdana, Geneva, sans-serif;
    font-size:11px;
    font-weight:bold;
}
/*** End Formulaire ***/

/*** START Sp�cific divs and Redim ***/
.login_box{ width:637px; margin-top:50px;!important}
.position_form{ margin:0 0 20px 28px;}
.box_alert{
    border:1px #e23c00 solid;
    background-color:#ffece8;
    color:#626262;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    padding:10px;
}

.btn_submit{
    position:absolute; right:13px; bottom:-42px; z-index:1000;
}
/*** END Sp�cific divs and Redim ***/


/*** START menu Pays ***/
div#Pays_menu {
    width: 11px;
    position: absolute;
    left: 150px;
    top: 40px;
    z-index:2000
}
div#Pays_menu ul {
    border: 0px solid;
    margin: 0;
    padding: 0;
    width: 100px;
}
div#Pays_menu li.sousmenu {
    background: none repeat scroll 0 0;
}
div#Pays_menu ul li {
    border-bottom: 0px solid;
    list-style: none outside none;
    position: relative;
    background-color:#fff;
}
div#Pays_menu ul ul {
    display: none;
    left: 0px;
    position: absolute;
    top: 11;
}
div#Pays_menu .sousmenu li a {
    color:#4a9328;
    text-decoration: none;
    font-size:11px;
    background:url(../images/flech_icone_vert.png) no-repeat;
    padding-left:10px;
}

div#Pays_menu li a:hover {
    color:#000;

}
div#Pays_menu ul.niveau1 li.sousmenu:hover ul.niveau2, div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {
    display: block;
}
div#Pays_menu ul li ul li {
    padding:3px;
}

div#Pays_menu ul li ul  {
    border:1px #4a9328 solid;
}
/*** End menu Pays ***/

/*** tables pagination css***/
#myTable-fdtablePaginaterWrapTop, 
#myTableSous-fdtablePaginaterWrapTop,
#myTableSur-fdtablePaginaterWrapTop,
#ffNotReceivedDue-fdtablePaginaterWrapTop,
#ffReceivedDue-fdtablePaginaterWrapTop,
#myTableRetard-fdtablePaginaterWrapTop,
#list_campagnes_sans_bc-fdtablePaginaterWrapTop,
#list_campagnes_retard-fdtablePaginaterWrapTop{ 
font-family:Arial, Helvetica, sans-serif; font-weight:bold; 
font-size:12px;
color:#334e63;
float:right; 
width:100%; 
height:22px; 
width:96px; 
margin-bottom:10px; 
}
#myTable-tablePaginater li , 
#myTableSous-tablePaginater li, 
#myTableSur-tablePaginater li, 
#ffNotReceivedDue-tablePaginater li,
#ffReceivedDue-tablePaginater li,
#myTableRetard-tablePaginater li,
#list_campagnes_sans_bc-tablePaginater li,
#list_campagnes_retard-tablePaginater li{
	float:left; width:43px; height:22px; margin-left:5px
}
#myTable-tablePaginater li a, 
#myTableSous-tablePaginater li a, 
#myTableSur-tablePaginater li a, 
#ffNotReceivedDue-tablePaginater li a, 
#ffReceivedDue-tablePaginater li a, 
#myTableRetard-tablePaginater li a,
#list_campagnes_sans_bc-tablePaginater li a,
#list_campagnes_retard-tablePaginater li a{
	width:43px; height:22px; display:block
}
#myTable-tablePaginater li a.next-page, 
#myTableSous-tablePaginater li a.next-page, 
#myTableSur-tablePaginater li a.next-page, 
#ffNotReceivedDue-tablePaginater li a.next-page, 
#ffReceivedDue-tablePaginater li a.next-page,
#myTableRetard-tablePaginater li a.next-page,
#list_campagnes_sans_bc-tablePaginater li a.next-page,
#list_campagnes_retard-tablePaginater li a.next-page{
	background:url(../images/next_arrow.png) no-repeat;
}
#myTable-tablePaginater li a.previous-page, 
#myTableSous-tablePaginater li a.previous-page, 
#myTableSur-tablePaginater li a.previous-page, 
#ffNotReceivedDue-tablePaginater li a.previous-page, 
#ffReceivedDue-tablePaginater li a.previous-page, 
#myTableRetard-tablePaginater li a.previous-page,
#list_campagnes_sans_bc-tablePaginater li a.previous-page,
#list_campagnes_retard-tablePaginater li a.previous-page{
	background:url(../images/preview_arrow.png) no-repeat;
}
div.previous-page{width:43px; height:22px; display:block ; background:url(../images/preview_arrow_off.png) no-repeat;}
div.next-page{width:43px; height:22px; display:block ; background:url(../images/next_arrow_off.png) no-repeat;}


#myTable-fdtablePaginaterWrapBottom, 
#myTableSous-fdtablePaginaterWrapBottom,
#myTableSur-fdtablePaginaterWrapBottom,
#ffNotReceivedDue-fdtablePaginaterWrapBottom,
#ffReceivedDue-fdtablePaginaterWrapBottom,
#myTableRetard-fdtablePaginaterWrapBottom,
#list_campagnes_sans_bc-fdtablePaginaterWrapBottom,
#list_campagnes_retard-fdtablePaginaterWrapBottom{
font-family:Arial, Helvetica, sans-serif; 
font-weight:bold; font-size:12px;
color:#334e63;float:right; 
width:100%;margin-top:20px; 
height:22px; 
width:96px; 
margin-bottom:10px; 
}
#myTable-tablePaginaterClone li,
#myTableSous-tablePaginaterClone li,
#myTableSur-tablePaginaterClone li ,
#ffNotReceivedDue-tablePaginaterClone li,
#ffReceivedDue-tablePaginaterClone li,
#myTableRetard-tablePaginaterClone li,
#list_campagnes_sans_bc-tablePaginaterClone li,
#list_campagnes_retard-tablePaginaterClone li{ 
	float:left; width:43px; height:22px; margin-left:5px
}
#myTable-tablePaginaterClone li a,
#myTableSous-tablePaginaterClone li a, 
#myTableSur-tablePaginaterClone li a, 
#ffNotReceivedDue-tablePaginaterClone li a,
#ffReceivedDue-tablePaginaterClone li a, 
#myTableRetard-tablePaginaterClone li a,
#list_campagnes_sans_bc-tablePaginaterClone li a,
#list_campagnes_retard-tablePaginaterClone li a{
	width:43px; height:22px; display:block
}

#myTable-tablePaginaterClone li a.next-page, 
#myTableSous-tablePaginaterClone li a.next-page, 
#myTableSur-tablePaginaterClone li a.next-page, 
#ffNotReceivedDue-tablePaginaterClone li a.next-page,
#ffReceivedDue-tablePaginaterClone li a.next-page,
#myTableRetard-tablePaginaterClone li a.next-page,
#list_campagnes_sans_bc-tablePaginaterClone li a.next-page,
#list_campagnes_retard-tablePaginaterClone li a.next-page{
	background:url(../images/next_arrow.png) no-repeat;
}

#myTable-tablePaginaterClone li a.previous-page,
#myTableSous-tablePaginaterClone li a.previous-page,
#myTableSur-tablePaginaterClone li a.previous-page,
#ffNotReceivedDue-tablePaginaterClone li a.previous-page,
#ffReceivedDue-tablePaginaterClone li a.previous-page,
#myTableRetard-tablePaginaterClone li a.previous-page,
#list_campagnes_sans_bc-tablePaginaterClone li a.previous-page,
#list_campagnes_retard-tablePaginaterClone li a.previous-page{
	background:url(../images/preview_arrow.png) no-repeat;
}

#myTable,
#myTableSous,
#myTableSur,
#ffNotReceivedDue,
#ffReceivedDue,
#myTableRetard,
#list_campagnes_sans_bc,
#list_campagnes_retard{ clear:both;}
tr:nth-of-type(even) td{
    background-color:#f2f2f2;
}

/*** End tables pagination css***/

#content .cleditorMain {margin-left:222px !important ;}


/* Update */


#content .box_print_contact{float:left; width:1206px; background:#f5f5f5; margin:0; padding-right:10px; padding-bottom:5px;}
#content .box_devis1,#content .box_facture1,#content .box_avoir1{ width:1146px; padding-left:40px; padding-top:0; background:#FFF; border:1px #e2e2e2 solid; overflow:hidden; border:#f5f5f5 10px solid; margin-bottom:0; position:relative;}
#content .box_devis1 { min-height:1440px;}
#content .box_facture1{ min-height:700px;}
#content .box_avoir1{ min-height:500px;}
#content .box_devis1 .header_devis .infos {font-size:15px; font-weight:bold; width:450px;}
#content .box_devis1 .header_devis .title{ text-transform:uppercase;}
#content .box_devis1 .date{ padding:10px;}
#content .box_devis2 .total,#content .box_facture2 .total,#content .box_avoir2 .total{ font-size:12px; line-height:24px; height:160px;}
#content .box_devis2 .devis_zone_total{ margin-top:10px;}
#content .box_devis2, #content .box_facture2, #content .box_avoir2{ overflow:hidden; height:auto;}
#content .box_devis2 .terme_condition{ width:100%;}
#content .box_devis2 .devis_zone_total,#content .box_facture2 .facture_zone_total,#content .box_avoir2 .avoir_zone_total{ width:100%;}
#content .box_devis2 .total,#content .box_facture2 .total,#content .box_avoir2 .total{ width:397px; float:right; margin-left:10px;}
#content .box_devis2 .observation,#content .box_facture2 .box_left_facture,#content .box_avoir2 .box_left_avoir{margin-top:10px; border:1px #CCCCCC solid; padding:10px; line-height:13px; width:620px; float:left; height:160px; overflow:hidden;}
#content .box_avoir2 .box_left_avoir{border:0 !important;}
#content .box_devis2 .ref_campagne,#content .box_facture2 .detail_facture,#content .box_avoir2 .detail_avoir{ border:1px #e2e2e2 solid; padding:10px; background:#FFF; width:400px; font-weight:bold; float:left; margin-top:10px;}
#content .box_devis2 .title_BC,#content .box_facture2 .title_facture,#content .box_avoir2 .title_avoir{ font-size:25px; font-weight:bold; padding:25px 0 0 40px; float:left;}
#content .box_devis2 .texte_intro{ margin:20px 0 15px 0; padding-left:5px;}
#content .box_devis2 .terme_condition{ width:1071px; margin-bottom:10px; float:none;}
#content .box_devis2 span.nom_valide{ color:#339933; font-size:20px;}
.bloc_pages{ position:absolute; bottom:10px; right:20px;}
#content .box_facture2 .infos_client,#content .box_avoir2 .infos_client{ border:1px #e2e2e2 solid; padding:10px; background:#FFF; width:400px; font-weight:bold; float:right; margin-top:10px;}
#content .box_devis1,#content .box_facture1,#content .box_avoir1{ padding-bottom:57px}
#content .box_devis2,#content .box_facture2,#content .box_avoir2{ padding-top:0; padding-right:0}
#content .bas_page{ /*border:1px #FC0 solid;*/ height:54px;}

.detail_support .box_devis2{ padding-left:0!important;}


.bas_page{ position:absolute; bottom:0px; right:10px; padding:5px 5px 10px 5px; text-align:center; border-top:1px #339933 solid; width:1168px}



.box_bon_de_commande1 .bloc_signature{ position:absolute; bottom:130px; right:74px;}
.box_bon_de_commande1 .total{ margin-left:652px!important;}
.box_bon_de_commande1 .bloc_signature tr.signature_h{ height:250px!important;}
.box_bon_de_commande1 .bloc_signature tr.vide{ height:10px!important;}
.box_bon_de_commande1 .bloc_signature tr.vide td{ border-right:1px #FFF solid!important; border-left:1px #FFF solid!important; height:10px!important; padding:0!important;}
.box_bon_de_commande1 .bloc_signature tr.vide td.vide{ border-bottom:1px #FFF solid!important; }
.box_bon_de_commande1 .bloc_signature td.bas_droit_vide{ border-top:1px #FFF solid!important; border-left:1px #FFF solid!important;  border-bottom:1px #FFF solid!important; margin-top:-1px}



#content .box_support{ padding-right:0; padding-top:10px; overflow:auto; height:auto;}

.box_devis2 .box_support{ min-height:682px !important;}



#content .box_support .title{ background:#4a9328; font-size:20px; font-weight:bold; color:#FFF; height:28px; padding:8px 0  0 10px;}
#content .box_support .b_right{ margin-top:76px; margin-left:0; margin-right:14px;}
#content .box_support .graph_audience_age{ width:249px;}
#content .box_support .graph_audience_sex{ width:249px; height: 409px}
#content .box_support{ padding-left:0;}
#content .box_support .b_left{ padding-right:620px}


.format_propose{ border:1px #ccc solid; padding:10px; margin-top:10px; padding-bottom:30px;}
.format_propose ul{ margin-top:18px; float:left; width:284px;}
.format_propose ul li{ margin-left:38px; background:url(../images/flech_gris.png) no-repeat 0px 2px; padding-left:10px}

#content .box_support .encadre_vert{ border:#CCC 1px solid; padding:20px;}
#content .box_support .encadre_vert .title{ color:#666666; font-size:20px; background:none; text-transform:uppercase; padding-top:0; padding-left:0;}
#content .box_support p{ padding-top:20px}


#content .box_support .fiche{ width:534px; height:618px; float:left; line-height:18px; margin:0 20px 20px 0}
#content .box_support .fiche_right{ margin-right:0;}



.detail_support{ padding-left:10px!important; width:1176px!important;}


#content tbody td{ border-left:1px solid #CDCDCD;border-bottom:1px solid #CDCDCD;}

#content tbody td.header_deal    {
    border-bottom: 1px solid #CDCDCD;
    border-right: 1px solid #CDCDCD;
    color: #606060;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    padding: 8px;
}
#content tbody tr.header_deal {
    background: url("../images/bg_th.png") repeat-x scroll 0 0 #F2F2F2;
}
table.tab_in_row td,table.tab_in_row{
    border: 0px !important;
}
.ui-dialog #content{
    padding: 0;
    margin: 0;
}
.ui-dialog .form-control{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; 
    padding: 6px 12px;
    display: block;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.ui-dialog select.form-control{
    width: 56%;
    height: 34px;
}

.ui-dialog input.form-control{
    width: 51%;
    height: 25px;
}

#content .center,.loading{
    margin: 0 auto;
    width: 150px;
}
#deals a ,#deals_by_site a{
    color: #0477D0;
    text-decoration: none;
}
#content #valider_site_deal{
    display: none;
}

/* end update */

.ligne_hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #AFAEAE;
    margin: 2em 0;
    padding: 0px;
	opacity: 25%;
}

.pack{
    color:#951D33

}

td.td_pack_bc{
   border:0 !important;
   font-weight: bold !important;
}

/* START TS */
#content.ts .box_devis1 .header_ts .infos {font-size:15px; font-weight:bold; width:450px;}
#content.ts .box_devis1 .header_ts .infos  input{ border:none; background:#6ea953; font-size: 13px; color:#FFF; padding:2px; width:330px;}

#content.ts .box_devis1 .header_ts .title{ text-transform:uppercase;}
#content.ts .box_devis1 .header_ts{ width:100%; height:212px; background:#4a9328;overflow:hidden;}
#content.ts .box_devis1 .header_ts .logo{float:left;}
#content.ts .box_devis1 .header_ts .title{float:left; color:#FFF; font-weight:bold; font-size:34px; margin:40px 0 0 15px;}
#content.ts .box_devis1 .header_ts .infos{float:right;color:#FFF; width:500px; text-align:left; padding:10px;}

#content.ts .box_devis1 .header_ts .infos2 {float:right; color:#FFF; margin-right: 95px; margin-top: 150px;}
#content.ts .box_devis1 .header_ts .infos2 select { width: 50px}
#content.ts .box_devis1 .header_ts .ligne{ padding-bottom:5px;}
#content.ts .box_devis1 {
min-height: 0px !important;
    margin: 0 auto;
    min-height: 0 !important;
    width: 1239px;
    padding-left: 10px  !important;
}
table.ts input { border:none; background-color:#ebebeb;}
table.ts input.ads_type{ width:70px;}
table.ts input.formats{ width:100px;}
table.ts input.unite{ width:70px;}
table.ts input.volume{ width:70px;}
table.ts input.creations{ width:70px;}
table.ts input.utm{ width:340px;}
table.ts input.flight{ width:240px;}

#content table.ts tbody td, table.ts thead th{ padding:3px;}

table.ts tr.pack{ background:#dbe9d4!important;}
table.ts tr.support{ background:#FFF!important;}

.crea{background:#4a9328; color:#FFF; padding:10px; margin-top:10px; text-align:center; font-weight:bold;}
.emplacement{background:#FFF; margin-top:10px;}
.emplacement input{border:none; background-color:#ebebeb; width:500px; padding:3px}

table.jeu_banniere{ width:400px!important; }
table.jeu_banniere tr, table.jeu_banniere td{ background:#FFF!important;}
table.jeu_banniere input{border:none; background-color:#ebebeb; width:400px; padding:3px}
table.jeu_banniere input.format{ border:none; background-color:#ebebeb; width:200px; padding:3px}
table.jeu_banniere input.url{ border:none; background-color:#ebebeb; width:300px; padding:3px}
table.ts tr:nth-of-type(even) td{
 background-color:inherit;
}?
table.jeu_banniere tr:nth-of-type(even) td{
 background-color:inherit;
}?

/* END TS */

/* form css dialog retro*/

#dialog-form-retro label, input { display:inline-block; }
#dialog-form-retro fieldset { padding:0; border:0; margin-top:25px; }
#dialog-form-retro form label,input {font-size: 12px !important;}
#dialog-form-retro form label { 
    float: left;
    width: 180px !important;
    font-weight: bold;
}
#dialog-form-retro form p{
    padding:6px;
    font-size: 12px; 
    float:left
}

#dialog-form-retro form input, #dialog-form-retro form select{
    width:300px !important;
}
#dialog-form-retro form td{
    padding: 0px !important;
}
#dialog-form-retro form input.checkbox{
    width: 22px !important;
}
#dialog-form-retro form label.comment{
    float: inherit !important;
}

.container-fluid h5{
    margin: 8px;
    color: #777777;
}
/*** colorPicker ******/


.evo-cp-wrap{float: left;}
.form_annonceur{
 float: left;
}
.form_annonceur p{
 width: 100%;
 float: left;
}

div.actions_edit_devis{
 width:100%;

}

div.actions_edit_devis img{
    vertical-align: middle;
    padding: 4px;

}

div.box_analyse_predective{
padding-top:15px;

}

div.box_analyse_predective table{
margin-bottom:15px;

}

div.edit_devis_vs{
float:right;
padding-bottom:5px;
}

/****Style TABS*****/

#tabs{
 width:90%;  
}
 
#tabs h2 {
 margin-bottom:15px;
}


.ui-tabs-vertical { width: 55em; }
  .ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 15em; }
  .ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
  .ui-tabs-vertical .ui-tabs-nav li a { display:block; }
  .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; }
  .ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: left; width:70%;}

/* dialog fom jui*/
    .dialog-form{
    font-size: 12px;
}
    .dialog-form label{  
    font-weight: bold;
}
    .dialog-form p { margin-bottom:12px;} 
    .dialog-form input.text, .dialog-form select { width:75% !important; padding: .4em; }
    .dialog-form fieldset { padding:0; border:0; margin-top:25px; }
    .dialog-form h1 { font-size: 1.2em; margin: .6em 0; } 

 .ui-dialog .ui-state-error { padding: .3em; } 



.icon_download_pdf img{
    vertical-align: middle;
}

tr.cfv{  
background-color:#F4FFE8 !important;
}

tr.cfv:nth-of-type(even) td{
background-color:#F4FFE8 !important;

}


#notifs-content {
    height:500px;
    max-height: 300px;
    overflow-y: scroll;
    margin-bottom:15px;
    font-size:14px;
    padding:15px; 
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

#notifs-content p,#notifs-content h3 {
    margin-bottom:15px;
}


/* btns icons */

.options-btn {
    padding:0;
    margin:0;
    list-style-type:none;
 }
.options-btn li {
    margin:2px 4px;
    float:left; /*pour IE*/
 }

.options-btn li a {
    display:block;
    float:left;  
    height: 22px;
    background-color:#f2f2f2;
    color:#606060;
    line-height: 22px;
    font-family: sans-serif;
    font-size: 11px;
    text-decoration:none;
    text-align:left;
    padding:2px 5px;
    border:1px solid #f2f2f2;
 }
.options-btn li a:hover {
    background-color:#ffffff;
    border:1px solid #d3d3d3;
 }

.icon-pdf {
        background:url(../images/icons/ico-pdf.png) no-repeat 0 2px;
        text-indent:25px;
        display:block;
    }
.icon-modifier {
        background:url(../images/icons/ico-modifier.png) no-repeat 0 2px;
        text-indent:25px;
        display:block;
    }
.icon-camembert {
        background:url(../images/icons/ico-camembert.png) no-repeat 0 2px;
        text-indent:25px;
        display:block;
    }
.icon-telecharger {
        background:url(../images/icons/ico-telecharger.png) no-repeat 0 2px;
        text-indent:25px;
        display:block;
    }
.icon-excel {
        background:url(../images/icons/ico-xls.png) no-repeat 0 2px;
        text-indent:25px;
        display:block;
    }
.icon-ecran {
        background:url(../images/icons/ico-ecran.png) no-repeat 0 2px;
        text-indent:25px;
        display:block;
    }
.icon-hand {
        background:url(../images/icons/ico-hand.png) no-repeat 0 2px;
        text-indent:25px;
        display:block;
    }
.icon-ecran-barre {
        background:url(../images/icons/ico-ecran-barre.png) no-repeat 0 2px;
        text-indent:25px;
        display:block;
    }
.icon-enveloppe {
        background:url(../images/icons/ico-enveloppe.png) no-repeat 0 2px;
        text-indent:25px;
        display:block;
    } 
.icon-valide {
        background:url(../images/icons/ico-valide.png) no-repeat 0 2px;
        text-indent:25px;
        display:block;
    }
.icon-invalide {
        background:url(../images/icons/ico-invalide.png) no-repeat 0 2px;
        text-indent:25px;
        display:block;
    }
.icon-exit {
        background:url(../images/icons/ico-exit.png) no-repeat 0 2px;
        text-indent:25px;
        display:block;
    }
.icon-impression {
        background:url(../images/icons/ico-impression.png) no-repeat 0 2px;
        text-indent:25px;
        display:block;
    }
.icon-enveloppe {
        background:url(../images/icons/ico-enveloppe.png) no-repeat 0 2px;
        text-indent:25px;
        display:block;
    }

/* end btn icons*/

/* dialog modal css*/
@media (min-width: 768px){
.ui-dialog label{
 width:30%;
 float: left;
}

}
  .ui-dialog label{ display: inline-block;  font-weight: bold; padding: 8px;  padding-right: 5px;font-size: 0.7rem !important;}
   .ui-dialog input.text, .ui-dialog select.text { margin-bottom:12px; padding: .4em; }
    .ui-dialog input.text {width:60%;}
    .ui-dialog select.text {width:62%;}
   .ui-dialog fieldset { padding:0; border:0; margin-top:25px; }
   .ui-dialog h1 { font-size: 1.2em; margin: .6em 0; }
   .ui-dialog .ui-state-error { padding: .3em; } 
   .ui-dialog .validateTips { border: 1px solid transparent; padding: 0.3em; }
.ui-dialog div.error {
padding:5px;   

}

.ui-dialog .obligatoir.ui-widget-content{

 border: 1px red solid !important;

}


.ui-widget {
    font-size: 13px !important;
}

/* end dialog modal css*/


/** css fact**/

#box_facture{

float:left;
width:100%;

}



#box_facture label { 
    float: left !important; 
    width:185px !important; 
    text-align: left !important; 
    font-weight: bold;
  }

#entete_facture,#corp_facture,#footer_facture,#corp_adservers{

float: left;
width:98%;

}

#footer_facture{
 padding-top:15px;
 margin-top:15px;

}

#box_facture input,#box_facture select,#box_facture textarea{

 width:40% !important; 

}

#box_facture ul li{

 margin-bottom:15px !important;
 

}

#entete_facture .right-entete,#entete_facture .left-entete{
  float: left;
  width:50%;
  
}

#entete_facture .right-entete{
 text-align: center;
}

.col-left-footer-fact, .col-right-footer-fact{
float:left;
}

.zone_totaux ul li{
 text-align:right;

}



.col-right-footer-fact{
width:35%;
}

.col-left-footer-fact{
width:65%;
}



/** end css fact**/

/*** css reporting campagne****/

 .slick-pager {
  width: 100%;
  height: 26px;
  border: 1px solid gray;
  border-top: 0;
  background: url('../images/header-columns-bg.gif') repeat-x center bottom;
  vertical-align: middle;
}

.slick-pager .slick-pager-status {
  display: inline-block;
  padding: 6px;
}

.slick-pager .ui-icon-container {
  display: inline-block;
  margin: 2px;
  border-color: gray;
}

.slick-pager .slick-pager-nav {
  display: inline-block;
  float: left;
  padding: 2px;
}

.slick-pager .slick-pager-settings {
  display: block;
  float: right;
  padding: 2px;
}

.slick-pager .slick-pager-settings * {
  vertical-align: middle;
}

.slick-pager .slick-pager-settings a {
  padding: 2px;
  text-decoration: underline;
  cursor: pointer;
}

#inlineFilterPanel input,#inlineFilterPanel select,#inlineFilterPanel textarea{
 width: 200px;
}

#historyVolume h2{
  padding: 5px;
  text-decoration: underline;
}

#historyVolume table td {
    padding:10px !important;
}
#historyVolume {
  font-size: 11px;
  background:#fff;
  padding: 5px;
  margin: 5px;
  display: inline-block;
  min-width: 100px;
  z-index: 99999;
  border: 1px solid #bebebe;
  border-radius: .2em;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
  -moz-box-shadow:0 2px 5px rgba(0, 0, 0, .5);
  box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
}

/***** end ****/

.mark_taxe_ecran{
color : #b6b6b6;
}

.no-style-table{
  border:0 !important;

}

.no-style-table tr td{
     border:0 !important;
}

.total .no-style-table tr td{
    padding: 0 !important;
}

.no-style-table tr:nth-of-type(even) td {
    background-color:#fff !important;
}

/**global**/

.form-group {
    margin-bottom: 1rem;
}
.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.radio-inline{
    width: 20% !important;
}

a.disabled ,a.disabled img{
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color:#CCCCCC;
    opacity: 0.5;
}



/* ==== GRID SYSTEM SIMPLEGRID ==== */

.sg-container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.sg-row {
  position: relative;
  width: 100%;
}

.sg-row [class^="col"] {
  float: left;
  margin: 0.5rem 2%;
  min-height: 0.125rem;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
  width: 96%;
}

.col-1-sm {
  width: 4.33%;
}

.col-2-sm {
  width: 12.66%;
}

.col-3-sm {
  width: 21%;
}

.col-4-sm {
  width: 29.33%;
}

.col-5-sm {
  width: 37.66%;
}

.col-6-sm {
  width: 46%;
}

.col-7-sm {
  width: 54.33%;
}

.col-8-sm {
  width: 62.66%;
}

.col-9-sm {
  width: 71%;
}

.col-10-sm {
  width: 79.33%;
}

.col-11-sm {
  width: 87.66%;
}

.col-12-sm {
  width: 96%;
}

.sg-row::after {
	content: "";
	display: table;
	clear: both;
}

.hidden-sm {
  display: none;
}

@media only screen and (min-width: 33.75em) {  /* 540px */
  .sg-container {
    width: 80%;
  }
}

@media only screen and (min-width: 45em) {  /* 720px */
  .col-1 {
    width: 4.33%;
  }

  .col-2 {
    width: 12.66%;
  }

  .col-3 {
    width: 21%;
  }

  .col-4 {
    width: 29.33%;
  }

  .col-5 {
    width: 37.66%;
  }

  .col-6 {
    width: 46%;
  }

  .col-7 {
    width: 54.33%;
  }

  .col-8 {
    width: 62.66%;
  }

  .col-9 {
    width: 71%;
  }

  .col-10 {
    width: 79.33%;
  }

  .col-11 {
    width: 87.66%;
  }

  .col-12 {
    width: 96%;
  }

  .hidden-sm {
    display: block;
  }
}

@media only screen and (min-width: 60em) { /* 960px */
  .sg-container {
    width: 75%;
    max-width: 60rem;
  }
}

@media only screen and (min-width: 33.75em) { 
  .ml-0 {
      margin-left: 0 !important;
  }
  .mr-0 {
      margin-right: 0 !important;
  }
}

.gs-center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.gs-left {
  text-align: left;
}

.gs-right {
  text-align: right;
}

/*END GRID SYSTEM*/

#content table.normalwrap tr td, .container-fluid table.normalwrap tr td{
   white-space: normal !important;
}

.tbl-remove-paginate-bottom .fdtablePaginatorWrapBottom{
    display: none;
}
.h-title{
 margin-bottom: 10px !important;	
}

.kooltip {
  position: relative;
  display: inline-block;
}

.kooltip .tooltip {
  position: absolute;
  z-index: 9999;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s;
}

.kooltip:hover .tooltip {
  visibility: visible;
  opacity: 1;
}