body{
color : white;
font-family : arial !important;
font-size : 15px;
background-color : #303030;
background-image: url("images/bg.gif");
}

a{
color : white;
text-decoration:none;
border : none;
}

ins{
text-decoration:none;
margin : 0px;
padding : 0px;
}

img{
border : none;
}

#page{
padding-top : 83px;
}

#div_form_hidden{
display : none;
}

#div_opaque{
z-index : 50;
background-image : url("images/bg_80prct.png");
position : fixed;
left : 0px;
top : 0px;
width : 100%;
height : 100%;
}

#div_loader_page{
z-index : 99;
background-image : url("images/bg_80prct.png");
position : fixed;
left : 0px;
top : 0px;
width : 100%;
height : 100%;
}

#div_loader_page_content{
text-align : center;
position : relative;
top : 49%;
}

.asterisque{
font-size : 11px;
color : #777777;
}

#div_bottom{
text-align : center;
background-image : url("images/bg_opaque.png");
border : solid 1px #777777;
clear : both;
height : 45px;
}

#div_bottom a:hover{
text-decoration : underline;
}

#w3c_compliant{
padding : 7px;
float : right;
top : 1px;
}

#info_trinum{
padding : 5px;
float : left;
position : relative;
left : 35%;
}

.div_box{
border : solid 1px #BBBBBB;
background-image : url("images/bg_opaque.png");
}


/*////////////////////////////////////////////////////////////////////////*/
/*Pages*/
.page_blue{
font-weight : bold;
color : #26b3f7
}

.page_white:hover{
font-weight : bold;
}

.nb_resultats{
float : right;
}

.pages{
float : left;
}

.pagination{
clear : both;
margin-bottom : 35px;
}

#div_select_cam{
float : right;
margin-right : 15px;
}

#select_cam{

}


/*////////////////////////////////////////////////////////////////////////*/
/*Champ recherche en cours*/
#div_critere_search{
margin-bottom : 17px;
height : 50px;
}

.div_crit{
display : block;
float : left;
margin : 14px 0px 0px 14px;
padding-right : 30px;
font-size : 18px;
background-image : url("images/del_grise.png");
background-repeat : no-repeat;
background-position : top right;
min-width : 25px;
height : 50px;
}

#panel_crit_search{
float : left;
}

#panel_crit_sort{
float : right;
}

.div_crit_hover:hover{
background-image : url("images/del.png");
cursor : pointer;
}

.span_crit{
font-size : 18px;
margin : 14px 0px 0px 14px;
float : left;
}

.img_crit{
float : left;
width : 50px;
height : 50px;
background-repeat : no-repeat;
}

.box_crit{
cursor : pointer;
display : inline;
}

#crit_beau{
background-image : url("images/meteo/beau.png");
}

#crit_beau:hover{
background-image : url("images/meteo/beau_del.png");
cursor : pointer;
}

#crit_mitige_ete{
background-image : url("images/meteo/mitige_ete.png");
}

#crit_mitige_ete:hover{
background-image : url("images/meteo/mitige_ete_del.png");
cursor : pointer;
}

#crit_pluie{
background-image : url("images/meteo/pluie.png");
}

#crit_pluie:hover{
background-image : url("images/meteo/pluie_del.png");
cursor : pointer;
}

#crit_orage{
background-image : url("images/meteo/orage.png");
}

#crit_orage:hover{
background-image : url("images/meteo/orage_del.png");
cursor : pointer;
}

#crit_neige{
background-image : url("images/meteo/neige.png");
}

#crit_neige:hover{
background-image : url("images/meteo/neige_del.png");
cursor : pointer;
}

#crit_mitige_hiver{
background-image : url("images/meteo/mitige_hiver.png");
}

#crit_mitige_hiver:hover{
background-image : url("images/meteo/mitige_hiver_del.png");
cursor : pointer;
}

#crit_sort_time{
background-image : url("images/sort_time.png");
}

#crit_sort_timeinv{
background-image : url("images/sort_timeinv.png");
}

#crit_sort_alphanum{
background-image : url("images/sort_alphanum.png");
}

#crit_sort_alphanuminv{
background-image : url("images/sort_alphanuminv.png");
}


/*////////////////////////////////////////////////////////////////////////*/
/*Div de recherche*/
#search_box{
position : fixed;
text-align : center;
margin-top : 2px;
width : 230px;
right : 335px;
}

#normal_search{
padding : 5px;
}

#lbl_accordion_search{
font-weight : bold;
text-decoration : underline;
}

#advanced_search{

}

.search_select{

}

.btn_loupe_submit{
cursor : pointer;
}

#search_input{
float : left;
margin-left:16px;
margin-top:6px;
}

#btn_search_submit_normal{
cursor : pointer;
}

#btn_search_submit_advanced{
font-size:15px;
height:30px;
padding-top:10px;
cursor : pointer;
}

.search_titles{
font-size : 16px;
}

.div_pictos{
width : 50px;
height : 50px;
background-repeat : no-repeat;
float : left;
text-align : left;
cursor : pointer;
}

.div_pictos input{
cursor : pointer;
}

#div_picto_beau{
background-image : url("images/meteo/beau.png");
}

#div_picto_mitige_ete{
background-image : url("images/meteo/mitige_ete.png");
}

#div_picto_pluie{
background-image : url("images/meteo/pluie.png");
}

#div_picto_orage{
background-image : url("images/meteo/orage.png");
}

#div_picto_neige{
background-image : url("images/meteo/neige.png");
}

#div_picto_mitige_hiver{
background-image : url("images/meteo/mitige_hiver.png");
}

#sort{
clear : left;
}

#pictos_meteo{
width : 155px;
height : 100px;
margin-left : 15px;
}

.div_pictos_sort{
height : 60px;
min-width : 50px;
background-repeat : no-repeat;
background-position : bottom center;
text-align : left;
cursor : pointer;
padding-left : 20px;
}

#div_sort_time{
background-image : url("images/sort_time.png");
}

#div_sort_alphanum{
background-image : url("images/sort_alphanum.png");
}


/*////////////////////////////////////////////////////////////////////////*/
/*Barre de menu*/
#menu{
display : inline;
position : fixed;
top : 0px;
left : 0px;
width : 100%;
z-index : 70;
font-size:10px;
height : 80px;
background-image : url("images/grise_1x1.png");
}

#div_logo{
float : left;
padding : 5px;
cursor : pointer;
}

#div_google_ads{
width : 234px;
height : 60px;
float : left;
margin-top : 9px;
position:fixed;
right:2px;
}

#div_buy{
float : left;
margin-top : 13px;
position:fixed;
right:255px;
font-size : 14px;
}

#btn_buy{
cursor : pointer;
}

#lang_selector{
float : left;
margin-top : 4px;
position:fixed;
right:580px;
width : 44px;
}

.flags{
cursor : pointer;
}


/*////////////////////////////////////////////////////////////////////////*/
/*Formulaire d'info*/
#form_buy_left{
float : left;
}

#form_buy_right{
margin-left : 200px;
padding-left : 20px;
}

#message{
clear : both;
height : 113px;
width : 100%;
color : white;
}

.form_buy_textfield.error{
background-image : url("images/bg_opaque_error.png");
}

.form_buy_textfield{
background-image : url("images/bg_opaque.png");
}


/*////////////////////////////////////////////////////////////////////////*/
/*Fenetre affichant le panoramique ou la vue fixe*/
#fen_inf{
z-index : 60;
color : white;
position : fixed;
left : 0px;
bottom : 5px;
padding : 5px;
margin-left : 5px;
max-width : 98%;
background-color : #303030;
background-image : url("images/bg.gif");
border : solid 1px #BBBBBB;
min-height : 49px;
min-width : 300px;
}

#date_fen_inf{
float : left;
padding-top : 5px;
height : 33px;
}

#load_fen_inf{
float : left;
padding-top : 5px;
height : 33px;
font-weight : bold;
}

#exit_fen_inf{
position : relative;
right : 10px;
z-index : 61;
width : 25px;
height : 25px;
float : right;
}

#btn_close_fen_inf{
padding : 0;
width : 25px;
height : 25px;
cursor : pointer;
}

#content_fen_inf{
margin-right : 10px;
overflow : hidden;
clear:both;
}

.panoramique{
max-height : 450px;
cursor : e-resize;
}

.zoom{
max-height : 450px;
}

#slider{
margin-left : 20px;
margin-right : 30px;
margin-top : -20px;
z-index : 61;
min-width : 96%;
}


/*////////////////////////////////////////////////////////////////////////*/
/*Toolbar*/
#toolbar{
float : right;
bottom : 25px;
z-index : 79;
left : 5px;
margin-right : 5px;
margin-top : 5px;
}

.span_lien_interface{
filter : alpha(opacity=70);
-moz-opacity : 0.7;
opacity : 0.7;
cursor : pointer;
padding : 5px;
margin : 3px 15px 3px 3px;
font-weight : bold;
position : relative;
top : 3px;
color : white;
}

.span_lien_interface:hover{
filter : alpha(opacity=100);
-moz-opacity : 1;
opacity : 1;
}

#div_zoom{
background : url("images/agrandir.png") no-repeat;
height : 55px;
width : 56px;
margin : 3px;
}


/*////////////////////////////////////////////////////////////////////////*/
/*Partie gauche pour les pano*/
#accueil_pano{
width : 100%;
float : left;
margin-right: 20px;
}

.div_pano{
overflow : hidden;
background-image : url("images/grise_1x1.png");
min-height : 115px;
border : solid 1px #999999;
}

.vignette_pano{
max-height : 100px;
overflow : hidden;
text-align : left;
width : 73%;
clear : left;
margin-left : 10px;
}

.vignette_zoom{
margin-top : -100px;
height : 100px;
margin-left : 75%;
margin-bottom : 10px;
}

.img_zoom{
max-height : 100px;
border : solid 1px #999999;
}

.onglet_nom{
clear : both;
z-index : 10;
}

.onglet_date{
clear : both;
z-index : 10;
}

.onglet_haut{
z-index : 11;
background : url("images/onglet_haut.png") repeat-x;
height : 30px;
float : left;
}

.bout_onglet_haut{
z-index : 11;
float : left;
width : 20px;
height : 30px;
background : url("images/bout_onglet_haut.png") no-repeat;
}

.onglet_bas{
z-index : 12;
background : url("images/onglet_bas.png") repeat-x;
height : 19px;
float : left;
padding-top : 11px;
}

.bout_onglet_bas{
z-index : 12;
float : left;
width : 20px;
height : 30px;
background : url("images/bout_onglet_bas.png") no-repeat;
}

.bout_onglet_bas2{
z-index : 12;
float : left;
width : 20px;
height : 30px;
background : url("images/bout_onglet_bas2.png") no-repeat;
}

.lbl_pano{
z-index : 11;
position : relative;
padding : 3px 5px 5px 10px;
text-align : left;
font-weight : bold;
color : #111111;
}

.meteo_pano{
float : right;
text-align : right;
z-index : 12;
position : relative;
padding : 5px;
top : 42px;
}

.date_tmsp_pano{
text-align : right;
font-weight : bold;
color : #111111;
z-index : 12;
padding : 11px 10px 0px 0px;
}

.lbl_zooms{
z-index : 11;
position : relative;
text-align : left;
font-weight : bold;
color : #111111;
float : left;
margin-top : -30px;
left : 0px;
}

.img_zoom{
float : left;
}

.no_zoom_lbl{
border : solid 1px #999999;
text-align : left;
float : left;
padding : 5px;
}

.btn_lien_interface_vignette{
margin-top : 15px;
text-align : left;
}