@font-face {
    font-family: 'OpenSansLight';
    src: url('fonts/OpenSans-Light-webfont.eot');
    src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/OpenSans-Light-webfont.woff') format('woff'),
        url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),
        url('fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
        url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
        url('fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('fonts/OpenSans-Semibold-webfont.eot');
    src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/OpenSans-Semibold-webfont.woff') format('woff'),
        url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
        url('fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBold';
    src: url('fonts/OpenSansBold-webfont.eot');
    src: url('fonts/OpenSansBold-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/OpenSansBold-webfont.woff') format('woff'),
        url('fonts/OpenSansBold-webfont.ttf') format('truetype'),
        url('fonts/OpenSansBold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01m4X0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5UYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAoX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEEYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
    unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}


/* reset CSS */
.c2m_gmb html, .c2m_gmb body, .c2m_gmb div, .c2m_gmb span, .c2m_gmb applet, object, .c2m_gmb iframe, .c2m_gmb h1, .c2m_gmb h2, .c2m_gmb h3, .c2m_gmb h4, .c2m_gmb h5, .c2m_gmb h6, .c2m_gmb p, .c2m_gmb blockquote, .c2m_gmb pre, .c2m_gmb a, .c2m_gmb abbr, .c2m_gmb acronym, .c2m_gmb address, .c2m_gmb big, .c2m_gmb cite, .c2m_gmb code, .c2m_gmb del, .c2m_gmb dfn, .c2m_gmb em, .c2m_gmb font, .c2m_gmb img, .c2m_gmb ins, kbd, .c2m_gmb q, .c2m_gmb s, .c2m_gmb samp, .c2m_gmb small, .c2m_gmb strike, .c2m_gmb strong, .c2m_gmb sub, .c2m_gmb sup, .c2m_gmb tt, .c2m_gmb var, .c2m_gmb b, .c2m_gmb u, .c2m_gmb i, .c2m_gmb center, .c2m_gmb dl, .c2m_gmb dt, .c2m_gmb dd, .c2m_gmb ol, .c2m_gmb ul, .c2m_gmb li, .c2m_gmb fieldset, .c2m_gmb form, .c2m_gmb label, .c2m_gmb legend, .c2m_gmb table, .c2m_gmb caption, .c2m_gmb tbody, .c2m_gmb tfoot, .c2m_gmb thead, .c2m_gmb tr, .c2m_gmb th, .c2m_gmb td {
    margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;
}
.c2m_gmb body {line-height: 1;}
.c2m_gmb ol, .c2m_gmb ul {list-style: none;}
.c2m_gmb blockquote, .c2m_gmb q {quotes: none;}
.c2m_gmb blockquote:before, .c2m_gmb blockquote:after, .c2m_gmb q:before, .c2m_gmb q:after {content: '';content: none;}
.c2m_gmb ins {text-decoration: none;}
.c2m_gmb del {text-decoration: line-through;}
.c2m_gmb table {border-collapse: collapse;	border-spacing: 0;}
.c2m_gmb input, .c2m_gmb select{margin:0; padding:0;}
/* Page CSS */
/*.c2m_gmb html, .c2m_gmb body,*/
.c2m_gmb{
    /*color:#2F4F77;*/ /*bleu*/
    color:#777;
    font-family:'Open Sans',sans-serif;
    font-size:12px;
    background:#F5F5F5;
}
.c2m_gmb{
    text-align:center;
}
.c2m_gmb .c2m_gmb_main{
    text-align:left;
    margin:0 auto;
    float:left;
    width:730px;
}
.c2m_gmb a:link, .c2m_gmb a:active, .c2m_gmb a:visited  {
    color: #FFFFFF;
    text-decoration: none;
}
.c2m_gmb a:hover  {
    color: #FFFFFF;
    text-decoration: underline;
}
/* Marges, width , ... */
.c2m_gmb .left{float:left;}
.c2m_gmb .right{float:right;}
.c2m_gmb .hide{display:none;}
.c2m_gmb .show{display:block;}
.c2m_gmb .bold{font-weight:bold;}
.c2m_gmb .underline{text-decoration:underline;}
.c2m_gmb .padding_zero{padding:0;}
.c2m_gmb .padding_smallest{padding:2px;}
.c2m_gmb .paddingtop_small{padding-top:4px;}
.c2m_gmb .paddingleft_small{padding-left:4px;}
.c2m_gmb .paddingleft_normal{padding-left:10px;}
.c2m_gmb .paddingright_small{padding-right:4px;}
.c2m_gmb .marge_zero{margin:0;}
.c2m_gmb .marge_small{margin:5px;}
.c2m_gmb .margetop_small{margin-top:4px;}
.c2m_gmb .margetop_normal{margin-top:8px;}
.c2m_gmb .margetop_big{margin-top:15px;}
.c2m_gmb .margebottom_normal{margin-bottom:8px;}
.c2m_gmb .margeleft_small{margin-left:5px;}
.c2m_gmb .margeleft_normal{margin-left:10px;}
.c2m_gmb .margeleft_big{margin-left:15px;}
.c2m_gmb .margeright_normal{margin-right:10px;}
.c2m_gmb .margeright_big{margin-right:15px;}
.c2m_gmb .margeright_big2{margin-right:20px;}
.c2m_gmb .margeright_bigest{margin-right:30px;}
.c2m_gmb .font_small{font-size:10px;}
.c2m_gmb .font_smallest{font-size:9px;}
.c2m_gmb .font_large{font-size:15px;}
.c2m_gmb .left{float:left;}
.c2m_gmb .width_100pc{width:100%;}
.c2m_gmb .width_90pc{width:90%;}
.c2m_gmb .width_33pc{width:33%;}
.c2m_gmb .width_1cols{width:728px;}
.c2m_gmb .width_2cols{width:363px;}
.c2m_gmb .width_3cols{width:252px;}
.c2m_gmb .width_4cols{width:169px;}
.c2m_gmb .width_50{width:50px;}
.c2m_gmb .width_70{width:70px;}
.c2m_gmb .width_100{width:100px !important;}
.c2m_gmb .width_130{width:130px;}
.c2m_gmb .width_150{width:150px;}
.c2m_gmb .width_200{width:200px;}
.c2m_gmb .width_300{width:300px;}
.c2m_gmb .width_400{width:400px;}
.c2m_gmb .width_470{width:470px;}
.c2m_gmb .width_500{width:500px;}
.c2m_gmb .width_550{width:550px;}
.c2m_gmb .width_map{width:460px;}
.c2m_gmb .width_map_full{width:728px;}
.c2m_gmb .filtres_witdh_col{width:195px;}
.c2m_gmb .disabled_colors{color:#000000; background-color:#C0C0C0;}
.c2m_gmb .text-center{text-align:center;}
.c2m_gmb .text-right{text-align:right;}
.c2m_gmb .border_bottom{border-bottom:1px solid #000000;}
/* Balises html classqiues */
.c2m_gmb h3{
    margin:15px 0px 5px;
    color:#777;
    font-size:16px;
    font-weight:bold;
    line-height:24px;
    height:24px;
}
.c2m_gmb h4{
    margin:10px;
    padding-bottom:2px;
    color:#777;
    font-size:13px;
    font-weight:bold;
    line-height:17px;
}

/* Cas particuliers, classes */
.c2m_gmb .loading_gif{
    margin:4px;
}
.c2m_gmb .loading_map{
    position:relative;
    width:120px;
    height:18px;
    padding:10px;
    font-size:14px;
    text-align:center;
    color:#FFFFFF;
    background-color:#000000;
}
.c2m_gmb .map_form{
    margin:0 0px;
    width:460px;
}
.c2m_gmb .map_container{
    float:left;
    width:460px;
    height:420px;
}
.c2m_gmb .map_form_full{
    margin:0 0px;
    width:728px;
}
.c2m_gmb .map_container_full{
    float:left;
    width:728px;
    height:420px;
}
.c2m_gmb .map_place{
    position:relative;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
}
.c2m_gmb h3.separateur{
    width:727px;
    float:left;
    border-bottom:1px solid #000000;
}
.c2m_gmb h3.loading{
    line-height:24px;
    height:24px;
    padding-bottom:0px;
}
.c2m_gmb .gmb_infowindow{
    /* n'est pas pris en compte */
    width:200px;
    height:115px;
}
.c2m_gmb .gmb_infowindow_content{
    float:left;
    width:170px;
    margin:0;
    line-height:16px;
    font-size:12px;
}
.c2m_gmb .gmb_infowindow_preview{
    float:left;
    width:170px;
    margin:5px 5px;
    line-height:14px;
    font-size:11px;
}
.c2m_gmb .gmb_text, .c2m_gmb .gmb_links{
    line-height:18px;
}
.c2m_gmb .gmb_links{
    margin:10px;
}
.c2m_gmb .gmb_links a:link, .c2m_gmb .gmb_links a:active, .c2m_gmb .gmb_links a:visited, .c2m_gmb .link_h3 a:link, .c2m_gmb .link_h3 a:active, .c2m_gmb .link_h3 a:visited  {
    color: #777;
    text-decoration: underline;
}
.c2m_gmb .gmb_links a:hover, .c2m_gmb .link_h3 a:hover  {
    color: #777;
    text-decoration: underline;
}
.c2m_gmb .link_h3 {
    font-size:12px;
    font-weight:normal;
    padding:0 5px;
}
.c2m_gmb .gmb_form{
    color:#777;
    line-height:18px;
    margin:10px 0;
}
.c2m_gmb .field{
    margin:3px 0;
    padding:0px;
}
.c2m_gmb .field_width_3cols{
    width:245px;
}
.c2m_gmb .gmb_form input{
    width:135px;
}
.c2m_gmb .gmb_form label{
    padding:0;
    margin:0;
}
.c2m_gmb .gmb_form .checkbox{
    height:20px;
    width:18px;
    margin:0 1px;
    line-height:20px;
    vertical-align:middle;
}
.c2m_gmb .gmb_form .normal{
    width:120px;
}
.c2m_gmb .gmb_form .medium{
    width:170px;
}
.c2m_gmb .gmb_form .medium2{
    width:145px;
}
.c2m_gmb .gmb_form .large{
    width:200px;
}
.c2m_gmb .gmb_form .big{
    width:220px;
}
.c2m_gmb .gmb_form .biggest{
    width:325px;
}
.c2m_gmb .gmb_form .small{
    width:110px;
}
.c2m_gmb .gmb_form .smallest{
    width:75px;
}
.c2m_gmb .gmb_form .smallest2{
    width:80px;
}
.c2m_gmb .gmb_form .number_3{
    width:35px;
}
.c2m_gmb label.text-right{
    padding-right:5px;
}
.c2m_gmb .gmb_form label{
    width:85px;
    padding-top:1px;
}
.c2m_gmb .gmb_form span.ob{
    color:#FF0000;
    font-weight:bold;
    padding:0px 2px;
}
.c2m_gmb .gmb_form .line{
    float:left;
}
.c2m_gmb .observation_remarque, .c2m_gmb .pelote_remarque{
    width:385px;
    height:100px;
}
.c2m_gmb .gmb_lst_observateurs_filtres{
    margin:0 0 8px;
}
.c2m_gmb .gmb_lst_observations{
    margin:0;
}
.c2m_gmb .gmb_lst_observateurs{
    margin:0;
}
.c2m_gmb .gmb_observation_item, .c2m_gmb .gmb_observateur_item{
    margin:2px 0;
    border-bottom:1px solid #AAAAAA;
}
.c2m_gmb .gmb_observation_info,.c2m_gmb .gmb_observateur_info{
}
.c2m_gmb .gmb_observation_action,.c2m_gmb .gmb_observateur_action, .c2m_gmb .gmb_lieu_action{
}
.c2m_gmb .gmb_observation_info_minimap{
    width:75px;
    text-align:center;
    margin-bottom:3px;
}
.c2m_gmb .gmb_table td, .c2m_gmb .gmb_table th{
    padding:2px;
    vertical-align:middle;
}
.c2m_gmb .gmb_table td,.c2m_gmb .gmb_table th {
    background-color:#E1E1B6;
    border-bottom:1px solid #888888;
}
.c2m_gmb .gmb_table .alt td{
    background-color:#ECECC2;
}
.c2m_gmb .icon_help{
    margin:4px 3px 0px;
}
.c2m_gmb .menu{
    float:left;
    width:728px;
    color:#ccc;
    border:1px solid #2d3032;
    background:#2d3032;
    margin:10px 0px;
    overflow-x:hidden;
}
.c2m_gmb .menu a{
    color:#ccc;
}
.c2m_gmb .menu ul{
    list-style-type:none;
}
.c2m_gmb .menu ul li{
    float:left;
    padding:7px;
}
.c2m_gmb .footer{
    margin:5px 0 10px;
}

/* Map  Elements */
.toggleMapClick{
    width:55px;
    font:12px Arial,sans-serif;
    color:#000000;
}
.toggleMapClick .toggle_on, .toggleMapClick .toggle_off{
    padding:1px 2px 1px 0;
    vertical-align:middle;
    height:18px;
    line-height:18px;
    font-weight:bold;
}
.toggleMapClick .toggle_on{
    background-color:#93FA66;
}
.toggleMapClick .toggle_off{
    background-color:#E3A1A1;
}

/* jQuery CSS Not working for now */
.ui-state-highlight{
    background:#777;
    color:#FFFFFF;
    border:1px solid #F7824A;
}
.ui-datepicker-trigger{
    float:left;
    width:35px;
    margin-left:2px;
}
/* Clear */
.c2m_gmb .clear{clear:both;margin:0px;padding:0px;line-height:0px;}

/* Perso */
.gmb_texte_perso{
    color:#777;
    line-height:18px;
    margin:2px 0px;
}
.gmb_texte_perso a:link, .gmb_texte_perso a:active, .gmb_texte_perso a:visited, .gmb_texte_perso a:hover{
    color: #777;
    text-decoration: underline;
}

#telecharger_fichier_pelote a{
    display: table;
    width: 250px;
}

#telecharger_fichier_pelote img{
    display: table-cell;
    vertical-align: middle;
}

#telecharger_fichier_pelote span{
    color: black;
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 5px;
}

.hidden{
    display: none; !important
}