body { margin : 0;  background-color:#FFFFFF; } 

hr   { color: #282828 }

img	{ border: 0; }

a:link  {color : #006699; text-decoration : underline; } 
a:visited {color : #006699; text-decoration : underline; } 
a:hover {color : #003366; text-decoration : underline; } 

table {
    border-collapse: collapse;}   

ul {list-style-position : outside; list-style-type:square; 
    list-style-image:url(../z-outils/images/boite-outils/puce.gif)}

p  {margin-top : 5px; margin-bottom : 5px; }                      
ul {margin-top : 5px; margin-bottom : 5px; }  

td, p, div
          {font-family : Arial, Helvetica, sans-serif; font-size : 12px; 
           color : #556268; 
           vertical-align : top;
           text-align: left;}

td.right p
		  {text-align: right;}

p.titre 
          {font-size : 14px; color : #556268; font-weight: bold;}
p.titre a:link,
p.titre a:visited
		  {font-size : 14px; color : #556268; font-weight: bold;
		   text-decoration : none; }

span.petit, ul ul, p.petit
          {font-size : 10px; color: #282828; }         
           
p.intertitre
          {color: #90A0B0; font-weight: bold; font-size : 12px;}   
                
p.intertitre a:link, 
p.intertitre a:visited 
          {color: #006699; font-weight: bold;  font-size : 12px;
           text-decoration : none; }
           
p.intertitre a:hover 
          {color: #003366; font-weight: bold;  font-size : 12px;
           text-decoration : none; }  

ul.liste-liens a:link    {color : #006699; text-decoration : none; font-weight: bold;} 
ul.liste-liens a:visited {color : #006699; text-decoration : none; font-weight: bold;} 
ul.liste-liens a:hover   {color : #003366; text-decoration : underline; font-weight: bold;}            

table.table-avec-bordures, table.table-avec-bordures td, 
table.table-avec-bordures th
{
	border-style : solid;
	border-color : #006699;
	border-width : 1px;
	border-collapse:collapse;
}      

table.table-sans-bordures, table.table-sans-bordures td,
table.table-sans-bordures th {
	border-width : 0px;
}                      
          
td.separateur { background-color: #006699; }

#tableau_donnee th{
    border:1px solid #DFDFDF;
    padding:4px;
    background:lightgray;
}

#tableau_donnee td{
    border:1px solid #DFDFDF;
}
#tableau_donnee tr td{
    text-align:center;
    text-align:center;
}
#tableau_donnee tr.row-odd{
    background:#FFF;
}

#tableau_donnee tr.row-even{
    background:snow;
}







.zone_filters fieldset{
    width:730px;
}


.zone_filters .zone_input{
    margin:5px;
    float:left;
    width:100%;
}

.zone_filters .zone_input input{
    float:left;
}

.zone_filters .zone_input label{
    width:175px;
    float:left;
    padding-top:4px;
}

.zone_filters .zone_input_radio{
    margin:0px 0px 10px 5px;
    float:left;
}
.zone_filters .zone_input_radio div{
    width:110px;
    float:left;
}


#select_zones,#select_sites{
    float:left;
    margin-right:10px;
}

.error_message{
    float:left;
    padding:4px 0px 0px 5px;
}

.input_error{
    color:red;border:1px solid red;height:22px;width:142px;
}

.zone_filters .zone_input input#export{
    margin:-1px 0px 0px 10px;
}

.zero_result{
    position:absolute;
    left:0;
    font-size:15px;
}

.zone_donnees{
    margin : 0px 30px 30px 0;
    float:left;
}
.zone_input_mail{float:left;width:100%;margin:10px 0px;}
.zone_input_mail label{float:left;width:150px;}



.designation{
    width:65px;
}

table.add_partner_table input{
    float:left;
    width:200px;

}
.dept_partner input{
    margin-bottom:5px;
}

.dept_partner{
    float:left;
    width:210px;}

.add_dept_partner{
    float:left;
    width:100%;
}
.tab_partner {margin-bottom: 30px}
.tab_partner th{padding:0px 20px;min-width: 120px;}
.tab_partner td{border:1px solid black;text-align: center;}

.inscription input{
    background:red;
}

.select_dept{width:200px}
.zone_filters .zone_input input.filter_text,.zone_filters .zone_input select {
    width:200px;
    border:1px solid grey;
}
.zone_filters .zone_input input#export:hover, .zone_filters input.filter_button:hover{cursor:pointer;}

a#precedent, a#suivant{
    float:left;
}

#pager_result{float:left;width:250px;margin-bottom:5px;padding-top:5px;}
#numero_pager div#numero_page{float:left;margin-left:10px;}
#numero_pager div#total_page{float:left;margin-right:10px;}
#total_result{margin-left:10px;float:left;}

#popup{
    width:500px;
    background:#FFF;
    border:1px solid grey;
    box-shadow :0px 0px 5px grey;
    height:250px;
    position:fixed;
        z-index:3;
}

#overlay{
    opacity:0.38;
    width:100%;
    background:black;
    height:100%;
    z-index:2;
    position:fixed;
    
}
#popup .close{float:right;height:11px;width:11px;margin:5px 5px 0px 0px;background:url(/include/media/interface/picto_fermer.gif) no-repeat;}
#popup .title{height:20px;font-size:18px;padding:5px 0px 0px 10px}
#popup .texte{height:175px;padding:5px;margin-bottom:5px;border-bottom: 1px solid grey;float:left;width:100%;}
#popup .zone_button{height:30px;float:left;width:100%;}
#popup .zone_button div{float:left;width:100px;text-align: center}
#popup .zone_button div input{width:80px;height:30px}
#popup .zone_button div input:hover, #popup .close:hover{cursor:pointer;}


.nb_input{
    float:left;
    margin:0px;
}

.nb_input input{
    width:35px;
}

.nb_input .error_message{
    float:right;
}

#affiche_selecteur{background:silver;float:left;width:98%;padding:5px;display:none;margin-top:5px;}
.zone_button_mail{float:left;margin-top:-5px;}
input#destinataire{width:730px !important;}
.select_liste{width:250px;}


#fichier_legend{float:left;width:100%;margin-top:10px;text-decoration:underline;}


#error_message_mail{
    color: red;
    float: left;
    font-size: 15px;
    margin: 10px;
    width: 100%;
}
.send_msg{float:right;margin:10px 0;color:red;width:100%}


/* TABLEAU HISTORY  */

table.show_history{width:115%;}
table.show_history,table.show_history td,table.show_history th {
    border:1px solid #666666;
}
table.show_history td{padding:5px;text-align: center;}
table.show_history td.hid{width:25px;}
table.show_history td.date{width:80px;}
table.show_history td.destinataires{width:200px;text-align: left;}
table.show_history td.destinataires_cache{width:200px;text-align: left;}
table.show_history td.sujet{width:80px;}

.intro_liste_histo{
    margin:20px 0px;
}

.logo_sismotem img{height:40px;}

.logo_sismotem{margin:10px;}



table.show_reseau{margin:0 auto;width:100%}
table.show_reseau,table.show_reseau td,table.show_reseau th {
    font-family: arial;
    border:1px solid #666666;
}
table.show_reseau td{padding:5px;text-align: center;}
table.show_reseau td.nom{width:80px;}
table.show_reseau td.prenom{width:80px;}
table.show_reseau td.email{width:180px;}
table.show_reseau td.ville{width:180px;}

.user_list{font-size:14px;margin:10px;}
body.popup .zone_plan_site{    
    margin-right: 13px;
    margin-top: -93px;
}
.zone_plan_site{
    float: right;
    margin-top: -45px;
}

.zone_plan_site img{
    width:215px;
    border:1px solid grey;
}
.zone_plan_site span
{
    float: left;
    font-size: 10px;
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
}

.info_du_site{
    float: left;
    width: 490px;
}

#formu span:first-child{float:left;}
.liste-liens{float:left;width:100%;}


#block_seisme{height:245px;position:relative;float:left;width:46%;margin:5px;border:1px solid #BFBFBF;padding:5px;}
#block_seisme .title{background:lightyellow;text-align: center;border-top:1px solid #BFBFBF;border-bottom:1px solid #BFBFBF;}
#block_seisme .left{height:200px;padding-top:10px;text-align:center;background:lightyellow;float:left;width:50%;}
#block_seisme .right{height:200px;background:lightyellow;float:left;width:50%;}
#block_seisme .link{position:absolute;bottom:5px;background:khaki;text-align: center;float:left;width:96%;border-top:1px solid #BFBFBF;border-bottom:1px solid #BFBFBF;}
#block_seisme .right p{margin:0;color:navy;font-size:11px;font-weight: normal;}
#block_seisme .right .title_info{margin:1px 0 0 0;color:navy;font-size:11px;border-bottom: 1px solid navy;font-weight: bold;}


#tabs{
    float:left;
    height:30px;
    width:100%;
    margin-bottom: 15px;
    border-bottom:1px solid #666666;
    text-transform:uppercase;
    
}
#tabs .tab.active{
    border-bottom:1px solid white;
    background:white;
}

#tabs .tab:hover{
    cursor:pointer;
    background:white;
    
}
#tabs .tab{
    background:ThreeDLightShadow;
    border-radius: 3px 3px 0px 0px;
    float:left;
    height:22px;
    padding:3px 5px 0px 15px;
    margin:0px 6px;
    border:1px solid #666666;
    
}

.zone_tab{display:none;}


#content_mail_header{
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 20px;
    text-decoration: underline;
    text-transform: uppercase;
    
}
#content_mail{font-family: arial}
#content_mail p{
    margin:0 0 10px 0;font-size:14px;font-weight:bold;text-transform: uppercase;
}
.show_dept p{margin:0;font-family: arial;font-size:12px;font-weight:bold;}


#last_seisme {
    border-top:1px solid #006699;}
#last_seisme .left{text-align:center;float:left;width:50%;}
#last_seisme .right{float:left;width:50%;}
#last_seisme .right_link{float:left;width:50%;}
#last_seisme .right .liste-liens{float:left;width:250px;}
#last_seisme a.info{margin-bottom: 10px;float:left;}
.other_seisme{
    text-align: center;
    font-weight: bold;
    float:left;
    width:100%;
    margin:10px 0 0 0;
    padding:12px 0 4px 0;
    border-top:1px solid #006699;
}

#list_seisme{float:left;margin:0px 8px;
    border-top:1px solid #006699;
}

/* ornote edit
page privé contrib*/

#nom {
    width: 148px;
}

#temoisshowtable th {
    font-size: 12px;
    cursor: pointer;
    width: 165px;
    padding-bottom: 10px;
    padding-right: 10px;
border-collapse:collapse;
}

#temoisshowtable td {
    text-align: center;
/border: 1px solid black;*/
}


#temoisshowtable .ui-widget-content{
    line-height: 30px;
    border-top: 1px dashed #E2E6E9;
}

#temoisshowtable th span{
    display: none;
} 

#temoisshowtable .active span {
    display: inline;
}

#enquetecolltable td {
    padding:5px;
}