/* accueil */
.acc_bloc{float:left;width:200px;height:160px;background-color:#4BC3F3;border:2px solid #414141;border-radius:10px;margin:0px 55px 40px 0;}
.acc_bloc2{float:left;width:200px;height:160px;background-color:#4BC3F3;border:2px solid #414141;border-radius:10px;margin:0px 0 40px;}
.acc_bloc_img{width:200px;height:115px;}
.acc_bloc_img a, .acc_bloc_img a:visited{text-decoration:none;color:#FFF;}
.acc_bloc_img a:hover{opacity:0.5;}
.acc_bloc_titre{text-align:center;width:200px;height:25px;color:#FFF;background-color:#414141;padding-top:5px;letter-spacing:1px;}

#acc_nom{color:#4BC3F3;font-size:16px;}
#acc_date{font-size:12px;margin-bottom:30px;}
.acc_titre{height:30px;border-top:1px solid #4BC3F3;clear:both;font-size:18px;color:#4BC3F3;margin-bottom:10px;}
.acc_titre span{display:inline;border-top:3px solid #4BC3F3;}
.acc_contenu{}

/* structure */
body{font-family:Arial,Helvetica,sans-serif;margin:0;padding:0;color:#000;font-size:14px;line-height:1.4;background-color:#EEE;}
#container{position:relative;width:984px;margin:40px auto 0;padding:0;}
#contenu{position:relative;width:984px;padding:30px 0 20px;}
#contenu_central{float:right;width:700px;height:500px;position:relative;overflow:hidden;}
html>body div#contenu_central{height:auto;min-height:500px;}
#contenu_gauche{float:left;width:245px;}

/* barre de navigation : menu */
#bloc_menu{width:100%;height:40px;position:fixed;top:0;left:0;z-index:50;background-color:#4BC3F3;border-bottom:5px solid #414141;}
#menu_centre{width:984px;height:40px;margin:0 auto;color:#FFF;border-left:1px solid #FFF;}
#menu_site{position:absolute;top:10px;right:20px;}
#menu_site a, #menu_site a:visited{text-decoration:none;color:#FFF;}
#menu_site a:hover{text-decoration:underline;color:#414141;}

/* menu */
#menu {margin:0;padding:0;list-style:none;z-index:1000;}
#menu {line-height:1.0;}
#menu ul li {width:100%;}
#menu li:hover {visibility:inherit;}
#menu li {float:left;position:relative;}
#menu a, #menu span{display:block;position:relative;}
#menu li:hover ul{left:0;z-index:99;top:40px;}
#menu ul {position:absolute;top:-999em;list-style:none;width:250px;margin:0;padding:0;}
/* 1er niveau */
#menu li{text-align:center;letter-spacing:1px;width:163px;border-right:1px solid #FFFFFF;}
#menu li a,#menu li a:visited, #menu li span{height:27px;padding:13px 20px 0;text-align:center;color:#FFFFFF;text-decoration:none;}
#menu li a:hover, #menu li a.active, #menu li span:hover,
#menu li.active a,#menu li.active span{outline:0;background-color:#414141;color:#FFF;}
/* 2eme niveau */
#menu li.active ul{border:none;}
#menu li li{border:none;padding:0;margin:0;}
#menu li li a,#menu li li a:visited{height:auto;padding:9px 15px 9px 15px;background-color:#414141;text-align:left;color:#FFF;border:none;}
#menu li li span{height:20px;padding:10px 15px 0 15px;background-color:#414141;text-align:left;color:#FFF;border:none;}
#menu li li a:hover,#menu li li a.active{outline:0;color:#FFFFFF;background-color:#4BC3F3;}
/* 3eme niveau */
#menu li:hover ul ul{left:0;z-index:99;top:30px;border:none;}
#menu li li ul{margin:0px 0 0 0;}
#menu li li li{border:none;/*height:30px;*//*border:1px solid blue;*/}
#menu li li li a,#menu li li li a:visited{padding-left:30px;}
#menu li li li a:hover,#menu li li li a.active{}

/* bloc gauche */
.cg_bloc{width:100%;margin-bottom:20px;}
.cg_bloc_titre{font-weight:bold;font-size:16px; padding:5px 10px 5px 10px;background-color:#000;color:#FFF;}
.cg_bloc_contenu ul{list-style:none;margin:0;padding:0;}
.cg_bloc_contenu li a, .cg_bloc_contenu li a:visited{display:block;padding:5px 20px 5px 20px;text-decoration:none;color:#FFF;border-left:10px solid #414141;border-bottom:1px dashed #FFF;background-color:#4BC3F3;}
.cg_bloc_contenu li span{display:block;padding:5px 20px;text-decoration:none;color:#FFF;border-left:10px solid #414141;border-bottom:1px dashed #FFF;background-color:#4BC3F3;}
.cg_bloc_contenu li a:hover, .cg_bloc_contenu li a.active{text-decoration:none;border-left:10px solid #4BC3F3;border-bottom:1px dashed #FFF;background-color:#414141;color:#FFF;font-weight:bold;}
.cg_bloc_contenu li li a, .cg_bloc_contenu li li a:visited,.cg_bloc_contenu li li span{display:block;padding:5px 20px 5px 40px;text-decoration:none;color:#FFF;border-left:10px solid #414141;border-bottom:1px dashed #FFF;background-color:#4BC3F3;}
.cg_bloc_contenu li li a:hover, .cg_bloc_contenu li li a.active{text-decoration:none;color:#FFF;border-left:10px solid #4BC3F3;border-bottom:1px dashed #FFF;background-color:#414141;font-weight:bold;}
.champ_area_cg_bloc{width:246px;height:200px}

.cg_bloc_mess1{background-color:green;color:#FFF;text-align:center;padding:5px 0;}
.cg_bloc_mess2{background-color:red;color:#FFF;text-align:center;padding:5px 0;}
.bouton_erreur{border:none;text-align:center;background:none;color:#FFF;width:245px;height:30px;background-color:#000;cursor:pointer;}
.bouton_erreur:hover{background-color:#4BC3F3;}

/* contenu */
.contenu_desc_bloc{margin-bottom:20px;color:#FFF;}
.contenu_desc_titre{font-weight:bold;font-size:16px; padding:5px 10px 5px 10px;background-color:#000;}
.contenu_desc_titre .aide{float:right;}
.contenu_desc_titre a, .contenu_desc_titre a:visited{text-decoration:none;color:#FFF;}
.contenu_desc_titre a:hover{text-decoration:none;color:#4BC3F3;}
.contenu_desc{padding:10px 20px;border-bottom:1px dashed #FFF;background-color:#4BC3F3;line-height:1.8;}
#bloc_recherche{float:right;}
#contenu_page, #contenu_page2{clear:both;}
.contenu_nav{margin-bottom:10px;height:25px;}
.contenu_nav2{margin-bottom:10px;}
.bloc_moitie{float:left;width:350px;}
.bloc_moitie2{float:right;width:350px;}
.adm_recherche{float:right;text-align:right;}
.titre2{font-weight:bold;font-size:16px;}
.titre{font-weight:bold;font-size:16px;padding-top:10px;}

/* onglets */
#adm_onglet_bloc{height:40px;width:100%;margin-top:-20px;margin-bottom:20px;}
.adm_onglet{float:left;height:30px;margin-top:0px;width:150px;text-align:center;margin-right:2px;background-color:#000;
color:#FFF;padding-top:10px;cursor:pointer;}
#adm_onglet_bloc .active, .adm_onglet:hover{background-color:#4BC3F3;height:35px;margin-top:0px;padding-top:10px;border-bottom:1px dotted #FFF;color:#FFFFFF;}
#adm_onglet_bloc a{display:block;text-decoration:none; color:#FFF;height:35px;width:150px;}

/* gestion des pages */
#page_container{height:30px;text-align:center;margin:10px auto 0;border-collapse:collapse;}
#page_container td{height:30px;width:30px;border:1px solid #595959;vertical-align:middle;border:1px solid #595959;padding:0;}
.page_inactif{color:#aaa;}
.page a, .page a:visited{display:table-cell;vertical-align:middle;width:30px;height:30px;text-decoration:none;background-color:#FFFFFF;color:#1E1E1E;}
.page a:hover, .page_select a, .page_select a:visited, .page_select a:hover{display:table-cell;vertical-align:middle;width:30px;height:30px;text-decoration:none;background-color:#1E1E1E;color:#FFF;}

/* pied de page */
#pied{clear:both;width:100%;height:40px;margin-bottom:10px;border-top:1px solid #333;font-size:12px;}
#pied_logo{float:left;margin-top:5px;}
#pied a, #pied span{text-decoration:none;color:#333;}
#pied a:hover, #pied a.active{text-decoration:underline;color:#0F0;}
#pied_mentions{padding-top:5px;float:right;text-align:right;}

/* interface de connexion */
#connexion-body{background-color:#F8F8F8;}
#connexion_fond{position:relative;width:1020px;height:530px;margin:50px auto 0;padding:0;background:url(../img/fond-admin.jpg) no-repeat;}
#connexion_logo{position:absolute;top:-50px;left:-20px;width:300px;height:75px;}

#contenu{position:relative;width:984px;padding:30px 0 20px;}
#connexion{position:relative;width:710px;height:200px;margin-left:90px;;padding-top:85px;color:#FFF;}
#connexion_titre{float:left;width:480px;height:200px;padding-right:20px;font-size:40px;line-height:45px;text-align:right;}
#connexion_champ{float:right;width:210px;}
.connexion_input{width:163px;height:30px;border:2px solid #4AC2F4;margin-top:10px;padding:0 0 0 35px;color:#4AC2F4;background:url(../img/icone-identifiant.jpg) 3px 3px #FFF no-repeat;}
.connexion_input2{width:163px;height:30px;border:2px solid #4AC2F4;margin-top:10px;padding:0 0 0 35px;color:#4AC2F4;background:url(../img/icone-mdp.jpg) 3px 3px #FFF no-repeat;}
.connexion_submit{width:200px;height:30px;border:2px solid #FFF;margin-top:10px;background-color:#4AC2F4;color:#FFF;cursor:pointer;}
.connexion_submit:hover{border:2px solid #FFF;background-color:#1A1A1A;color:#FFF;}
.connexion_lien, .connexion_lien:visited{display:block;text-decoration:none;color:#FFF;margin-top:5px;}
.connexion_lien:hover{text-decoration:underline;color:#FFF;}
#connexion_message{width:100%;position:absolute;top:60px;left:0;text-align:center;}

/* les champs */
.champ_priorite{width:30px;}
.champ_prix{width:50px;}
.champ_couleur{width:60px;}
.champ_recherche,.champ_nom{width:150px;}
.champ_cp{width:50px;}
.champ_date, .champ_ref{width:80px;}
.champ_tel{width:100px;}
.champ_macro{width:420px;}
.champ_texte{width:488px;}
.champ_rubrique{width:570px;}
.champ_area_large2{width:700px;height:300px}
.champ_area_basic{width:700px;height:50px}
.champ_area_obs{width:670px;height:50px}
.champ_area_basic2{width:700px;height:100px}
.champ_area_simple{width:488px;height:100px}
.champ_area_simple2{width:488px;height:200px}
.champ_area_simple3{width:488px;height:50px}
.champ_area_complet{width:700px;height:600px}
.bouton_submit{height:30px;cursor:pointer;}
.vide{clear:both;height:1px;}

/* affichage des messages */
.erreur{width:100%;padding:0px 0 10px;color:red;text-align:center;}
.ok{width:100%;padding:0px 0 10px;color:green;text-align:center;}

/* les liens */
a,a:visited{text-decoration:none;color:#000;}
a:hover{text-decoration:underline;color:#000;}

/* tableau */
.structure{width:100%;border-collapse:collapse;}
.ligne_titre{background-color:#000;color:#FFFFFF;}
.ligne_paire{background-color:#FFFFFF;}
.ligne_impaire{background-color:#EEEEEE;}
.ligne_total{background-color:#4BC3F3;}
.case_titre_action2{width:120px;text-align:center;border:1px solid #E6E6E6;}
.case_titre_checkbox{width:50px;text-align:center;border:1px solid #E6E6E6;}
.case_titre_heure{width:50px;text-align:center;border:1px solid #E6E6E6;}
.case_titre_km{width:80px;text-align:center;border:1px solid #E6E6E6;}
.case_titre_action, .case_titre_priorite{width:100px;text-align:center;border:1px solid #E6E6E6;}
.case_titre_date{width:150px;text-align:center;border:1px solid #E6E6E6;}
.case_titre_reference{width:195px;text-align:center;border:1px solid #E6E6E6;}
.case_titre_type{width:250px;padding:8px 10px;text-align:left;border:1px solid #E6E6E6;}
.case_titre_affectation{width:450px;text-align:center;border:1px solid #E6E6E6;}
.case_titre_nom{padding:8px 10px;text-align:left;border:1px solid #E6E6E6;}
.case_titre_nom_centre{padding:8px 10px;text-align:center;border:1px solid #E6E6E6;}
.case_centre{text-align:center;padding:8px 0;border:1px solid #E6E6E6;}
.case_droite{text-align:right;padding:8px 10px;border:1px solid #E6E6E6;}
.case_gauche{text-align:left;padding:8px 10px;border:1px solid #E6E6E6;}
.case_gauche_decale{text-align:left;padding:8px 10px 8px 30px;border:1px solid #E6E6E6;}
.case_sstitre{font-weight:bold;padding:15px 10px 5px;}
.colonne1{height:35px;width:180px;}
.point{width:20px;text-align:center;}
.bouton{clear:both;text-align:center;padding:20px 0 0;}
.bouton_retour{clear:both;padding:20px 0 0;}
.centre{text-align:center;}
.decalage_gauche{padding-left:20px;}
.decalage_gauche2{padding-left:40px;}
.decalage_vertical{padding-top:20px;vertical-align:top;}
.alignement_vertical{vertical-align:top;}

h1,h2,h3,h4,h5,h6{color:#8e0062;margin:0 0 10px;font-weight:bold;}
h1{font-size:24px;background:url(../img/fleche-orange-grande.png) left 1px no-repeat;text-transform: uppercase;padding-left:30px;}
h2{text-transform: uppercase;padding-left:20px;background:url(../img/fleche-orange.png) left 0px no-repeat;font-size:18px;}

/* menu */
td.case_categ0{text-align:left;padding:8px 10px 8px 10px;border:1px solid #E6E6E6;color:#000;}
td.case_categ1{text-align:left;padding:8px 10px 8px 35px;border:1px solid #E6E6E6;color:#000;}
td.case_categ2{text-align:left;padding:8px 10px 8px 60px;border:1px solid #E6E6E6;color:#000;}
td.case_categ3{text-align:left;padding:8px 10px 8px 85px;border:1px solid #E6E6E6;color:#000;}

/* page introuvable */
#introuvable_bloc{}
#introuvable_titre{font-size:36px;text-align:center;letter-spacing:3px;font-weight:bold;}
#introuvable_desc{padding:20px 0;}

/* divers */
.vide{clear:both;}
input.recherche{width:200px;font-style:italic;}
img,input.image{border:none;vertical-align:middle;}
.attention{color:#F00;font-weight:bold}
.gras{font-weight:bold;}
.cache{display:none;}

/* tableau */
#retenir_bloc{}
#retenir_titre{font-weight:bold;}
#retenir_bouton{float:right;}
#retenir_texte{}

/* attente chargement */
#bloc_chargement{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background-color:#FFF;text-align:center;padding-top:50px;}
#bloc_chargement img{position:absolute;top:0;left:50%;margin:-100px 0 0 -100px;}