/*
        Feuille de style admin
        DATE : 17/10/2012
        AUTEUR : Pierre MAINDRON (pierre.maindron@actimage.com)
*/


@font-face {
    font-family		: 'Gothic';
    src				: url('GOTHIC.TTF') format('truetype');
}
@font-face{
  font-family: 'Marianne';
  src: url('../fonts/Marianne-Regular.otf') format('OpenType');
}

body{
    margin					: 0px;
    padding					: 0px;
    font-size				: 0.85em;
    font-family			: "Gothic", "Bitstream Vera Sans", Verdana, Arial, sans-serif;
    text-align			: center;
    position				: relative;
}

#backgrounds_header {
    position				: absolute;
    height					: 155px;
    width					  : 100%;
    z-index					: 1;
}

#header_left {
    float					    : left;
    width					    : 50%;
    height					  : 100%;
    background-image	: url(../images/interface/BandeauGaucheVert.png);
    background-repeat	: repeay-x;
}

#header_right {
    float					      : right;
    width					      : 50%;
    height					    : 100%;
    background-image		: url(../images/interface/BandeauDroitBleu.png);
    background-repeat		: repeay-x;
}

#header_content_backgrounds {
    width					        : 100%;
    height					      : 100%;
    position				      : absolute;
    background-image		  : url(../images/interface/Bandeau.png);
    background-repeat		  : no-repeat;
    background-position		: top;
}

#global{
    width			  : 980px;
    position		: relative;
    margin			: 0 auto;
    padding			: 0px;
    z-index			: 5;
}

#main {
    width			  : 980px;
    margin			: 0px 0px 60px;
    padding			: 0px;
    overflow		: hidden;
}

#header{
    width			  : 100%;
    height			: 155px;
    margin			: 0px;
    padding			: 0px;
    text-align	: center;
    overflow		: hidden;
}

#header_content {
    width					: 100%;
    height				: 100%;
    margin				: auto;
    position			: relative;
} 

#logo{
    position	: absolute;
    left			: 0px;
    top				: 15px;
}

#logo a {
    display			: block;
}

#logo img {
    width           : 120px;
    background-color: white;
}

#header_titre {
    position		: absolute;
    top					: 60px;
    left				: 125px;
    font-family: 'Marianne';
} 

#header_titre a {
    color				: #B0C807;
    font-size			: 28px;
    text-decoration		: none;
} 

#header_complement {
    color				: #666666;
    position		: absolute;
    font-size		: 15px;
    top					: 102px;
    left				: 375px;
}

#bas_page_liens {
    margin-top			: 15px;
    margin-bottom		: 10px;
}

#bas_page_liens a {  
    margin-right		: 60px;
}

#bottom{
    width			  : 100%;
    height			: 50px;
    margin			: 0px;
    padding			: 25px 0px 0px 0px;
    background	: url(../images/interface/FondFooter.png) repeat-x;
    font-size		: 85%;	
    bottom      : 0;
    left        : 0;
    position    : fixed;
    z-index     : 10;
}

#bottom div {
    margin-top	: 10px;
}

#bottom a{
    color			      : black;
    text-decoration	: underlined;
}

h1{
    font-size		: 1.6em;
    font-weight	: normal;
    margin			: 4px 0px;
    color			  : #1A698B;
    text-align	: left;	
}

h2{
    font-size		: 1.6em;
    font-weight	: normal;
    margin			: 4px 0px;	
}

p{	
    margin			: 0px 0px 8px 0px;
}

p.submit{	
    margin			: 20px 0px;
}

form{
    margin			: 0px;
    padding			: 0px;
}

img{
    border			: 0px;
}

#menu{
    padding			: 20px 0px 12px;
    margin			: 0px;
    text-align	: left;
    width       : 200px;
    float       : left;
}

.smenu {
    padding-bottom  : 2px;
    padding-top     : 2px;
}

.gdmenu {
    font-weight     : bold;
    padding-top     : 10px;
    padding-bottom  : 2px;
    border-bottom   : 1px #cccccc solid;
}

#content{
    padding			: 0px 0px 12px;
    text-align	: left;
    margin			: 3px 0px 12px 20px;
    float       : left;
    width       : 760px;
}

#content_petit{
    padding			: 5px 0px 12px 0px;
    text-align	: left;
    margin-left	: 200px;
    clear			  : both;
}

#content h2, #content_petit h2{
    font-size		    : 1.2em;
    font-weight		  : bold;
    margin			    : 15px 0px 10px 0px;
    padding-left	  : 30px;
    color			      : #5E7600;	
    background		  : url(../images/interface/content_h2_bg_2.gif) no-repeat;
    line-height     : 1em;
}

#content h2 a, #content_petit h2 a{
    color			: #5E7600;	
}

.date-carto {
    margin: 10px 0 0 0;
}

.smenu a {
    color: #1A698B;
}

.smenu a:visited { 
    color: rgb(85, 26, 139); 
}

a:not(.bootstrap a), #content a:not(.bootstrap #content a), #content_petit a:not(.bootstrap #content_petit a){
    color			: #1A698B;	
}


.full_width{
    width: 740px;
}

.clear {
    clear			    : both;
    visibility		: hidden;
}

.small{
    font-size		: 85%;
}

.float_left {
    float			: left;
}

.formulaire_cadre {
    padding-right	  : 5px;
    padding-top		  : 15px;
    padding-bottom	: 12px;
    padding-left	  : 12px;
    border			    : 1px solid #29ABE2;
    margin-bottom	  : 15px;
    margin-top		  : 30px;
    background		  : white;
    position		    : relative;
}

.formulaire_cadre h1 {
    position		: absolute;
    background	: url(../images/interface/fond_titre_formulaire.gif) repeat-x 0 15px;
    top				  : -20px;
    padding			: 0 8px;
    font-size		: 20px;
}

#login label{
    margin      : 8px 0 10px;
    display     : block;
}

label{
    margin      : 8px 0 10px 20px;
    width       : 150px;
    display     : inline-block;
}

label.label_info, .label_info  {
    font-size		  : 11px;
    font-style		: italic;
    margin-bottom	: 5px;
}

option{
    background		: #fff none;
}

input.champlong {
    background-image  : url("../images/interface/FondInput.png");
    border            : 0 none;
    height            : 28px;
    margin            : 0;
    padding           : 0 8px 3px;
    width             : 190px;
}

select.champmoyen, input.champmoyen {
    width				      : 157px;
    border			    	: 0;
    background-image	: url(../interface/FondInputMoyen.png);
    margin				    : 0;
    padding			    	: 5px 8px 7px 8px;
}

input.champville{
    width			: 160px;
}

select.champpetit, input.champpetit{
    width				      : 100px;
    border				    : 0;
    background-image	: url(../images/interface/FondInputPetit.png);
    margin				    : 0;
    padding				    : 5px 8px 7px 8px;
}

input.submit, input.btn_submit{
    background			: transparent url(../images/interface/Bouton.png) no-repeat center;
    border				  : 0;
    color				    : black;
    width				    : 102px;
    height				  : 35px;
    text-align			: center;
    font-size			  : 11px;
}

input.submit_recherche{
    background			: transparent url(../images/interface/BoutonRecherche.png) no-repeat center;
    border				  : 0;
    color				    : black;
    width				    : 102px;
    height				  : 35px;
    text-align			: left;
    padding-left		: 35px;
    font-size			  : 11px;
}

table {
    border: 1px solid #CCC;
    padding: 5px;
    width: 100%;
}

th {
    text-align: left;
}
th.center {
    color: #18207b;
    text-align: center;
}

td {
    border-bottom: 1px dotted #CCC;
}

td.error {
    border-bottom: 1px dotted #CCC;
    color: #EE4444;
}

caption{
    color       : #5E7600;
    font-weight : bold;
}

.calendar{
    z-index     : 20;
}

.btn_calendar{
    margin            : 0px;
    padding           : 0px;
    background-color  : transparent;
    border            : 0px solid transparent;
}

a.csv{
    background		  : url(../images/interface/csv.png) no-repeat left;
    padding-left : 22px;
}

.ui-datepicker-trigger{
    margin-bottom: -8px;
}

/* fin v�rification */
















.error {
    color: #EE4444 !important;
}


input.normal {
    width : 300px;
}
input.smallnormal {
    width : 150px;
}

textarea {
    width : 400px;
}

input.normaldate {
    font-family: Arial, Helvetica, sans-serif;
    border: 1px #7F9DB9 solid;
    background-color: #FFFFFF;
    color: #000;
    font-size: 1em;
    width : 70px;
}

input.radio {
    font-family: Arial, Helvetica, sans-serif;
    border: 0px;
    background-color: #FFFFFF;
    color: #000;
    font-size: 1em;
}

input.button {
    font-family: Arial, Helvetica, sans-serif;
    border: 1px #000066 solid;
    background-color: #9db7c4;
    color: #000;
    font-size: 1em;
}

.selectZone
{
    background-color : none;
    color :#18207b

}


#contenu_admin{
    background : #fff;
    position : relative;
    min-width : 1000px;
    border-width : 1px;
    border-style : solid;
    border-color : #000;
}

#contenu_admin #menu_admin{
    float : left;
    padding : 6px 10px;
    width : 180px;
    margin : 0 10px;
}
#contenu_admin div#arianne_admin{
    float : left;
    min-width : 750px;
    max-width : 1050px;
}
#contenu_admin div#main_admin{
    margin-top : 21px;
    padding : 6px;
    float : left;
    width : 750px;
    border-width : 1px;
    border-style : solid;
    border-color : #467FAA;
}
#contenu_admin .champs_obligatoires{
    color : red;
    display : block;
}

#contenu_admin form{
    min-width : 750px;
}
#contenu_admin p label{
    width: 20%;
    text-align: left;
    float : none;
}
#contenu_admin .label_majCarbu{
    float : left;
    width : 30%;
}
#contenu_admin .majcarburant_admin{
    margin-bottom : 10px;
    padding : 0;
}
#contenu_admin  .carburant_name{
    font-weight : bold;
}

#contenu_admin fieldset{
    border-color : #fff;
    border-style : solid;
    border-width : 1px;
    margin : 6px 0;
    color : #fff;
    margin : 6px 10px;
}
#contenu_admin fieldset.invisible{
    border-width : 0;
    margin : 0;
    padding :3px;
}
#contenu_admin fieldset.invisible legend{
    font-weight : normal;
}
#contenu_admin legend{
    font-weight : bold;
    color : #fff;
}

#perte_identifiant input{
    clear : both;
}
/*Formulaires d'inscription et modification d'informations */
fieldset{
    border-color : #5F6163;
    border-style : solid;
    border-width : 1px;
    margin : 6px 0;
    padding-top: 10px;
    color : #000;
}
fieldset fieldset{
    border:0;
    margin:20px 0 0;
    padding-top:10px;
}

legend{
    font-weight : bold;
    color : #5F6163;
}

.open-close-times div > *,
.horaire-matin > *,
.horaire-aprem > *{
    display : inline-block;
}

.horaire-jour legend{
    width: 100%;
}

#horaires-jour > *{
    display : block;
    margin-left: 20px;
}
.horaire-checkbox li{
    width : 100%;
}
.horaire-checkbox{
    /*text-align: center;*/
    margin-left: 20px;
    list-style: none;
    width: 150px;
}
.horaire-checkbox label{
    float : none !important;
    width: auto !important;
}
.open-close-times{
    padding-left : 20px;
}


#horaires label{
    width: 100px;
}
#automate-2424 input{
    margin-left: 70px;
}
#automate-2424 label{
    float : none !important;
    text-align: left;
    width: 300px;
}

#openingDay p{
    padding-left:30px;
}
#openingDay label{
    width: 55px;
    float: left;
    clear: none;
    margin-right: 15px;
    text-align:center;
}
#openingDay label input{
    float: none;
    text-align: center;
    border-width: 0;
}
.form_dbgestion input{
    font-size:12px;
}
.station_info{
    width : 500px;
}
.station_info label{
    float: left;
    width: 150px;
    text-align: right;
    margin: 0;
    padding: 0 .5em 0 0;
}
.station_info label input{
    border-width : 0;
}
#choix_services {
    margin-left : 0px;
    width : 700px;
    border-width : 0px;
}
#choix_services legend{
    font-weight : normal;
}
#choix_services label input{
    border-width : 0;
}
.services_column{
    width:260px;
    float:left;
    margin-left:20px;
}
.services_column label{
    width : 350px !important;
}
.services_column input{
    float:left;
    margin-top:0;
}
#horaire_not_defined, #horaire_2424{
    width : 80%;
    text-align : left;
    padding-left : 49px;
}
.type_station{
    width : 80% !important;
    text-align : left !important;
    padding-left : 91px !important;
    clear : both;
}
.csv_type_station{
    float : normal;
    width : 300px;
    text-align : left;
    margin : 0 0 0 90px;
}
.csv_type_station input{
    border-width : 0 ;
    margin : 0;
    padding : 0;
}
.csv_fieldset{
    margin : 0 0 0 230px;
    padding : 0;
}
.csv_fieldset legend{
    font-weight : normal;
    color : #000;
    margin : 2px 0;
}
#choose_pdv_type{
    float : left;
    width : 300px;
    text-align : left;
    padding : 0 0 0 91px !important;
    margin : 0 0 2px 0;
}
#select_lstEnseigne, #newEnseigne{
    width : 200px !important;
}
.services_column label{
    display:block;
    width:100%;
    margin:0;
    text-align:left;
}
#geoposition fieldset {
    margin-top:5px;
    margin-left:20px;
}
#geoposition label{
    width:auto;
}
#geoposition label input{
    border-width : 1px;
}
#geoposition fieldset legend {
    font-weight: normal;
}
#geoposition{
    padding:0 0 0 20px;
}
#geoposition legend{
    margin:0;
}
#ouverture{
    clear:both;
    margin-top:0;
}
#ouverture select{
    border-color : #5F6163;
}
.checkbox{
    border-width : 0px !important;
}
#searchForm label{
    width : 80%;
    float : none;
}
#searchForm p{
    text-align:center;
}
.submitForm{
    text-align:center;
}
.btn_link_form{
    border : 0;
    background : none;
    cursor : hand;
    cursor : pointer;
    color : #000066;
    font-size : 12px !important;
}
.btn_link_form:hover{
    background : #000066;
    color : #fff;
}
#user_password1, #user_password2{
    border: 1px solid #9db7c4;
}

#csv_file{
    border : 1px solid #5F6163;
}
#report_table{
    width : 450px;
    margin-left : 50px;
}

.btn_print{
    position : absolute;
    top : 1px;
    right : 5px;
}
#stat_general{
    background : #DADADA;
}
#stat_form label{
    float : left;
}
.btn_submit_stats{
    background : url("../ico/refresh.gif") #fff left top no-repeat;
    padding-left : 20px;
    width : 170px;
    height : 25px;
    border : 1px solid #939393;
    cursor : hand;
    cursor : pointer;
}
#stat_form table, #stat_view table{
    border : 1px solid #939393;
    width : 740px;
    border-spacing: 0;
    border-collapse:collapse;
    text-align : center;
}
#stat_form td, #stat_view td{
    padding  : 0 2px;
}

#year,#free,#week,#month,#day{
    display : none;
}
#stat_menu{
    position : relative;
    list-style : none !important;
    margin : 21px 0 3px 0;
    padding : 0;
}
#stat_menu li{
    display : inline;
    text-align : center;
    border : 1px solid #939393;
    background : #DADADA;
    padding : 4px 10px;
    margin : 0 2px;
    width : 100px !important;
    height : 25px !important;
}
#stat_menu li a{
    margin : 0 !important;
    padding : 0!important;
}
#stat_menu li.active{
    border-width : 1px 1px 0 1px; 
    background : #fff;
}
#stat_result{
    margin : 0;
    padding : 0;
}
#stat_view{
    border : 1px solid #939393;
    padding : 10px;
    width : 750px;
}
.fuel_title{
    border : 1px  solid #939393;
    text-align : center;
}
.element_title{
    text-align : left;
}
.fuel_separator{
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color :#939393;
}
.back_return{
    text-align : center;
}
.btn_back_return{
    font-weight : bold;
    padding : 2px;
}


table.statistique {
    margin: auto;
    text-align: right;
    width: 100%;
}

table.statistique th {
    text-align: right;
    width: 1%;
}

table.statistique tr {
    height: 20px;
}

table.statistique td {
    font-size: 0.9em;
}

table.statistique td:first-child {
    font-size: 1em;
}

table.statistique tbody tr td:last-child, table.statistique tbody tr:last-child td {
    font-weight: bold;
    font-size: 1em;
}



.bottom_anchor {
    color: #FFFFFF;
    font-weight:normal;
}
/* Styles for Letter Link Bar */
.letterLinkBar_inactive {
    font-weight:bold;
}
.letterLinkBar_active {
    color: #DC1436;
    font-weight:bold;
}
.letterLinkBar_empty  {
    color :#000000;
    font-weight:normal;
}
.strong{
    font-weight:bold;
}
td.localisation {
    background-color: none;
    background-image: none;
    color: #000000;
    font-size: 12px;
    font-weight: normal;
    padding:0px 3px;
}

td.localisation2 {
    background-color: none;
    background-image: none;
    color: #000000;
    font-size: 13px;
    font-weight: normal;
    padding:0px 3px;
    text-align : right;
}

.validheading{
    color: #00FF00;
}
.invalidheading{
    color: #FF0000;
}

.valid_message{
    color : green;
}
.error_message{
    color : red;
}
.bold_message{
    font-weight : bold;
}
.submit{
    text-align : center;
}
#pdv_list{
    border-width : 1px;
    border-style : solid;
    border-color : grey;
    width : 100% !important;
}


#pdvReview td{
    vertical-align : top;
}

#pdv_table tr  {
    font-size: 13px;
}

#pdv_table ul {
    padding: 0;
}

#pdv_table li {
    display: inline;
    list-style-type: none;
}
.pagination{
    text-align : center;
}

#statistique_contact_unit {
    display:inline-block;
}

.flash-warn, .flash-notice, .flash-error, .flash-success
{
    margin:10px 0px;
    padding: 5px;
    clear: both;
    color: #FFF;
}

div[class|=flash] ul
{
    margin: 0px;
    padding-left: 0px;
    list-style-type: none;
}
div[class|=flash] ul li
{
    padding: 0px;
}

.flash-error {
    background: #e33100;
}
.flash-success
{
    background: #5EB507;
}

.flash-warn
{
    background: #F9F457;
}

.flash-notice
{
    background: #4FB6F2;
}

label.expanded 
{
    margin: 0px;
    padding-left: 2px;
}
.wtotal 
{
    width: 95%;
}

.import_box {
    border: 1px solid #CCC;
    padding: 5px;
    margin-bottom: 10px;
}

.import_box_el_header {
    margin: 8px 0px;
    border-bottom: 1px dotted #CCC;
}

.import_box_element {
    border-bottom: 1px dotted #CCC;
    padding-top: 5px;
}

.toggle_ctrl {
    float: right;
}

.station_info_el {
    margin: 0px 0px 8px 0px;
    display: inline-block;
    width: 100%;
}

.station_info .station_info_el.long_label label{
    width: auto;
    min-width: 150px;
}


.add_ip_link {
    display: inline-block;
    background	: url(../images/interface/ajouter.png) no-repeat;
    padding-left : 27px;
    height : 27px;
    cursor : hand;
    cursor : pointer;
}

.supp_ip_link {
    display: inline-block;
    background	: url(../images/interface/supprimer.png) no-repeat;
    padding-left : 27px;
    height : 27px;
    cursor : hand;
    cursor : pointer;
}

#log {
    height: 70px;
    overflow: hidden;
}

#log:hover {
    overflow: visible;
    height: auto;
}

/* autocomplete adds the ui-autocomplete-loading class to the textbox when it is _busy_ */
/* ingeniously using general sibling combinator */
.ui-autocomplete-loading~.autompleteLoading {
    display: inline;
}
.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    text-align: left;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
    height: 200px;
}

span.autompleteLoading {
    display: none;
    background: url(../images/interface/ajax-loader.gif) no-repeat;
    width: 32px;
    height: 32px; 
}

/*
 * Style de layersSwitcher
 */


.olAlphaImg {
    opacity:0.45;
    filter: alpha(opacity = 45);

}

.olControlLayerSwitcher .layersDiv {
    opacity:0.90;
    filter: alpha(opacity = 90);
    background-color: #29ABE2;
    border-radius: 5px 0px 0px 5px;
}

.olControlLayerSwitcher {
    color:#fff;
    border-radius: 5px 0px 0px 5px;
    width: auto;
    top:0;
}

.olButton {
    font-weight:500;
    color: white !important;
}

.labelSpan {
    font-family: "Open Sans","Helvetica Neue","Helvetica","Arial,sans-serif";
    margin-right: 15px;
    cursor: pointer;
    vertical-align: baseline !important;
}

.olControlAttribution {
    font-size: 10px;
}

.olControlLayerSwitcher br {
    display: none;
    content: ' ';
}
.olControlLayerSwitcher br:after {
    content: ' ';
}

.olControlLayerSwitcher input {
    padding-right: 0px;
    padding-bottom: 10px;
    margin-top: 7px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    cursor: pointer;
}

div.olControlZoom a {
    background: #93D6F1
}

div.olControlZoom a:hover {
    background: #29ABE2;
}

.baseLbl {
    display:none;
}

.maximizeDiv {
    background-color: #93D6F1;
    content: '+';
    color: white;
    border-radius: 5px 0px 0px 5px;
}

.maximizeDiv:before {
    content: '+';
    position: absolute;
    left: 4px;
    top: -3px;
    font-weight: bold;
    font-size: 20px;
}

.maximizeDiv:hover {
    background: #29ABE2;
}

.maximizeDiv img {
    display: none;
}

.crosshair .olMap {
    cursor: crosshair !important;
}


/**
* Pour la synthèse
**/
.entete {
    font-weight: bold;
    margin-bottom: 0.5em;
}
.cartopied {
    text-align: center;
    font-size: 1.5em;
}
#container-param-carto {
    margin-bottom: 1em;
}
#container-regions {
    margin-top: 1em;
    margin-top: 1em;
}
#container-departements {
    margin-top: 1em;
}
.total {
    background-color: #e3e3e3;
    font-weight: bold;
}
td.numberalign {
    text-align: right;
    padding-right: 4rem;
}