@charset "utf-8";

/* CSS Document */



/* *****
 * Section générale
 * *****/

body { font-size:12px; font-family:arial; background-image:url(../img/fond_body.jpg); }

.ombre { box-shadow: 5px 5px 7px -1px black; }

h2 { margin-top:0px; }

p { margin-top:0px; }
input {	margin-right: 5px; }

th { background-color: #FFF; }
ul { list-style:none; }

a, a:visited, a:hover { color:black; text-decoration:none; outline:none; }
a img { border:none; }


h1.titre_page { font-size:14px; margin-top:5px; margin-bottom: 36px; }


.center { text-align:center; }

.emphase { font-weight:bold; }

.clear { clear:both; }

.table_text td { border:thin solid ; padding:0px 10px 0px 10px;  }
.cell_text { border-color:#669900 ;  }

.bleu { color:#6cb6ff; }
.vert { color:#58AA01; }
.blanc { color:#ffffff; }
.orange { color:#fd8620; }


/* *****
 * Structure générale
 * *****/

#conteneur { min-height:825px; width:1200px; position:relative; margin-right:auto; margin-left:auto; background-color:white; -moz-border-raidus:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; }  
#contenu_texte { min-height:570px; width:470px; position:relative; margin-left:30px; }
#contenu_titre { min-height:80px; width:750px; position:relative; margin-left:10px;}
#contenu_image { min-height:570px; width:750px; position:relative; margin-left:auto; margin-right:auto; }
#contenu_admin { min-height:570px; width:980px; margin-left:208px; }
#sous_conteneur { min-height:570px; position:relative; }
#contenu_plein { min-height:585px; width:961px; margin-top:20px; float:inherit; background-color:#FFFFFF; padding-left:230px; }
#contenu { position:relative; }
/***************************************
** Structure ENTETE
***************************************/
#entete { position:relative; height:164px; font-weight:bold; -moz-border-raidus:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; border-radius:5px 5px 0px 0px; background-position:top; background-repeat:no-repeat; }
#entete #profil_user { padding-top:5px; width:177px; height:95px; position:absolute; left:999px; top:4px; -moz-border-raidus:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; background-color:#D1BEC0; padding-left:17px;}
#entete #profil_user a { float:left; margin-right:10px; }
#entete h2 { font-size:20px; color:#FFFFFF; font-weight:lighter; margin-top:10px; margin-bottom:5px; }
.entete { margin-left:auto; margin-right:auto; width:1200px }
.bulle { position:absolute; left:128px; top:102px; }
.grande_bulle { position:absolute; left:680px; top:57px; }
.logo { position:absolute; left:-51px; top:-1px; }
#menu { width:200px; min-height:435px; position:relative; float:left; }
#menu_gauche {
	position:relative;
	width:194px;
	min-height:467px;
	-moz-border-raidus:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	border: thin solid #690;
}
	
/******
 * Menu Haut
 *******/
 
 #menu_haut { background-color:#E5E5E5;height: 32px; width: 1200px; -moz-border-raidus:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; }
.div_arbre {width:50px; height:32px; margin-left:21px; margin-right:25px; float:left; background-image:url(../img/mini_arbre.png); background-repeat:no-repeat; }
.div_arbre_fin {width:50px; height:32px; margin-left:21px; float:left; background-image:url(../img/mini_arbre.png); background-repeat:no-repeat; }
.div_menu_haut { width:110px; height:25px; color:#330000; float:left; padding-top:7px;}
.div_maison { width:75px; height:22px; top:-1px; float:left; position:relative; }
.mini_maison { position:absolute; top:-7px; left:27px; }
ul#body_menu {
	list-style:none;
	overflow:auto; /* makes sure the container fits the floated list-items below */
}
ul#body_menu li{
	 position:relative; /* allows us to set the z-index */
    z-index:5; /* raises the z-index of the line item 5 levels all other elements */
    margin:3px 5px;
    padding:5px 10px 4px;
    float:left;
}
ul#body_menu li span {
	position: relative;
	z-index: 5;
}
ul#body_menu li.backLava {
	position:absolute;
	z-index:3;
	background:url(../img/btn_nav.jpg) no-repeat top left;
	border:2px solid white;
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px;  
	border-radius: 2px;
	box-shadow: 2px 2px 3px #000;
	-webkit-box-shadow: 2px 2px 3px #000;
	-moz-box-shadow: 2px 2px 3px #000;
}

/*******************************
** Structure MENU ACCUEIL
*******************************/

.top_menu_accueil { width:10px; height:20px; text-align:center; width:157px; margin-left:auto; margin-right:auto; margin-top:5px;  }
.body_menu_accueil { position:relative; width:157px; height:322px; background-image: url(../img/fond_menu_gauche.png); margin-left:auto; margin-right:auto; padding-top:20px; }
.bas_body_menu_accueil { position:absolute; bottom:25px; width:157px; height:50px; padding-top:20px; }


/******************************
** Structure FOOTER
******************************/
#footer { position:relative; min-height:60px; }
#footer_top { position:relative; background-color:#655E59; min-height:40px; }
#footer_top table { width:1017px; margin-left:auto; margin-right:auto; }
#footer_top td { width:550px; color:#FFF;}
#footer_bottom { position:relative; background-color:#AAC836; height:20px; text-align:center; }

/*********************************
** CSS les boutons
*********************************/

.btn_valider { background-color:#D0D0D0; border:#333 thin solid; -webkit-border-radius: 2px; 
	-moz-border-radius: 2px;  
	border-radius: 2px; cursor:pointer;  }

.zone_search {
    background-image: url("../img/loupe.png");
    background-position: left center;
    background-repeat: no-repeat;
    border: thin solid #333333;
    border-radius: 7px 7px 7px 7px;
    float: right;
    height: 20px;
    margin-bottom: 10px;
    margin-top: -44px;
    text-align: right;
    width: 250px;
    }
#table_plant_wrapper .zone_search, #table_act_wrapper .zone_search {
    background-image: url("../img/loupe.png");
    background-position: left center;
    background-repeat: no-repeat;
    border: thin solid #333333;
    border-radius: 7px 7px 7px 7px;
    float: left;
    height: 20px;
    margin-bottom: 10px;
    margin-top: 6px;
    margin-left: 10px;
    text-align: right;
    width: 250px;
    }
.champ_search {
    border: medium none;
    width: 215px;
    background-color: #AAC836;
}

/* *****
 * Gestion des popup
 * *****/
.popup { background-color:white; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; min-width:500px; min-height:400px; position:absolute; z-index:100; border:thin solid #333; }
.popup_on { background-color:white; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; min-width:500px; min-height:265px; position:absolute; z-index:200; border:thin solid #333; }

.popup h1 { background-color:#ccc; font-size:14px; margin:0px; padding:5px 0px 5px 10px; border-bottom:thin solid black; }
.popup_on h1 { background-color:#ccc; font-size:14px; margin:0px; padding:5px 0px 5px 10px; border-bottom:thin solid black; }
.voile_popup { position:absolute; width:100%; height:150%; z-index:10; background-color:black; opacity:0; filter:alpha(opacity=0); -moz-opacity:0;  }
.voile_popup_on { position:absolute; width:100%; height:150%; z-index:105; background-color:black; opacity:0; filter:alpha(opacity=0); -moz-opacity:0;  }

.popup_nav_bas { position:absolute; bottom:0; right:0; width:100%; background-color:#ccc; height:37px; }
.popup_nav_bas .nav_form { height:27px; margin-bottom:5px; margin-top:5px; }
.popup #popup_zone { padding:5px; height:auto; padding-bottom:30px; }
.popup_on #popup_zone { padding:5px; height:auto; padding-bottom:30px; }
.contenu_popup { padding:5px; }
.contenu_popup_on { min-height:175px; padding:25px 5px 0 17px; }

.bar_bas { height:37px; text-align:center; }
#oui, #non { margin:0 95px; }


.div_menu_admin { height:50px; width:90%; margin:20px auto 20px auto; position:relative; -moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; background-color:#FFFFFF; text-align:center; font-size:24px; padding-top:20px; cursor:pointer; }
.div_menu_admin:hover { background-color:#fab3c2; color:red; }

/* *****
 * Gestion des tableaux
 * *****/
.sortTable { width:100%; border-collapse:collapse; border:thin solid black; }
.sortTable tr { height:25px; }
.sortTable th { border-right:thin solid black; cursor:pointer; font-weight:bold; font-size:16px; background-color:#ABC937; color:white; text-align:center; }
.sortTable td { border-right:thin solid black; padding:0px 10px 0px 10px; }
.sortTable tbody img { margin:auto 10px auto 10px; }
.pair, .even { background-color: #E0E0E0; }

.impair { background-color: #9F9; }
.zone_search { 
	background-image: url("../img/loupe.png");
    background-position: left center;
    background-repeat: no-repeat;
    border: thin solid #333;
    border-radius: 7px;
    float: right;
    height: 25px;
    margin: 9px 250px 20px auto;
    text-align: right;
    width: 315px;}
.dataTables_filter label { text-align:left; width:100%; padding-left:5px; }
.dataTables_filter input { 
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    float: right;
    height: 18px;
    line-height: 18px;
    margin-right: 5px;
    margin-top: 2px;
    width: 273px;
}

.paging_full_numbers { text-align:center; margin-top:25px; font-weight:bold; }
.paging_full_numbers .paginate_button { margin:auto 10px auto 10px; cursor:pointer; }
.paging_full_numbers .paginate_button_disabled { color:grey; cursor:no-drop; }
.paging_full_numbers .paginate_active { background-color:#014269; color:white; cursor:default; }