body{ margin:0;padding:0;font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;font-size:12px;border:none; }
h1, h2, h3{ color:#000;margin:0;padding:0; }
h1{ font-size:18px;margin:20px 0; }
h2{ font-size:16px;margin:20px 0 10px 0; }
h3{ font-size:14px;margin:20px 0 5px 0; }
hr{ float:left;margin:0 10%;margin-top:10px;margin-bottom:10px;width:80%;border:2pt #dedede solid;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px; }
button#btn, a#btn.img{ height:28px;color:#505050;font-weight:bold;font-size:11px;letter-spacing:0.5px;padding:0 10px;margin:0 0 10px 0;cursor:pointer;text-decoration:none;background:#f1f1f1 url(../images/bouton_bg_2.1.1.png) 0 0 repeat-x;border:1px #d9d9d9 solid;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px; }
button#btn:hover, a#btn.img:hover{ border:1px #c6c6c6 solid;box-shadow:1px 2px 0px #efefef;-moz-box-shadow:1px 2px 0px #efefef;-webkit-box-shadow:1px 2px 0px #efefef;-khtml-box-shadow:1px 2px 0px #efefef;-ms-box-shadow:1px 2px 0px #efefef;-o-box-shadow:1px 2px 0px #efefef; }
a#btn.img{ padding:0 10px 0 0;font-size:12px; }
a#btn.img img{ float:left;height:16px;width:16px;margin:6px 10px 0 10px;padding:0;border:none; }
a#btn.img span{ float:left;height:28px;line-height:25px;margin:2px 0 0 0;padding:0;text-decoration:none; }

#boutonsStyles{ float:left;display:inline;margin:5px 0; }
#boutonsStyles .bouton_ajout_texte{ float:left;padding:5px;margin:0 5px;background-color:#ddd;vertical-align:middle;border-radius:5px;-ms-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px; }
#boutonsStyles .bouton_ajout_texte:hover{ background-color:#bbb;cursor:pointer; }

#wrapper{ position:absolute;top:0;left:50%;width:1025px;margin:50px -500px;padding:0;padding-top:20px;background-color:#f5f5f5;border:1px #e0e0e0 solid; }
#logout{ position:absolute;top: 0;right: 0;padding: 15px;text-transform: uppercase; }
#menuLeft{ float:left;height:280px;width:100px;margin:10px;margin-top:-10px;padding:0; }
#menuLeft.clients{  }
#menuLeft a{ float:left;width:90px;border:none;cursor:pointer;text-decoration:none;text-align:center; }
#menuLeft a img{ border:none; }
#menuLeft a span{ text-align:center; }

#menu{ float:left;width:900px;margin:0;margin-bottom:30px;padding:75px 0 75px 100px; }
#menu.partenaires{ padding:0;margin-bottom:30px; }
#menu #icon{ float:left;height:112px;width:112px;margin:20px 40px;text-decoration:none;padding:0;color:#000; }
#menu.partenaires #icon{ margin:20px 30px; }
#menu #icon:hover{ color:#920046;background:#e5e5e5 url(../images/menu_icon_bg_2.1.1.png) 0 0 no-repeat; }
#menu #icon img{ float:left;display:block;height:64px;width:64px;margin:23px 23px 0 23px;border:none; }
#menu #icon span{ float:left;width:110px;text-align:center;font-weight:bold;text-decoration:none;margin:4px 0; }
#menu.partenaires #icon span{ text-transform:capitalize; }
#menu.partenaires #icon.disabled span{ color:#aaa; }

#connexion{ float:left;min-height:280px;width:100%;margin:10px 0;padding:0;text-align:center; }
#connexion table{ float:left;width:100%;text-align:center;font-size:12px;border-collapse:collapse; }
#connexion table#nouveau.left{ float:left;margin-left:250px;width:50%; }
#connexion table#nouveau td h1{ float:left;width:90%;text-align:center; }
#connexion table#nouveau td label{ float:left;width:100%;text-align:right; }
#connexion table#nouveau td input{ float:left;width:150px;margin-left:10px; }
#connexion table#nouveau tr#buttons td{ text-align:center; }
#connexion table#nouveau tr#buttons td button.submit{ margin:0 15px 0 160px; }

#mdp{ float:left;min-height:280px;width:900px;margin:10px 0;padding:0; }
#mdp table{ float:left;width:600px;text-align:center;font-size:12px;border-collapse:collapse; }
#mdp table tr td{ padding:4px 0; }
#mdp table#nouveau td h1{ float:left;margin-left:15%;width:85%;text-align:left; }
#mdp table#nouveau td.label{ width:40%;text-align:right; }
#mdp table#nouveau td.text{ width:60%;text-align:left; }
#mdp table#nouveau td label{ float:left;width:100%;text-align:right; }
#mdp table#nouveau td input{ float:left;width:150px;margin-left:10px; }
#mdp table#nouveau tr#buttons td{ text-align:center; }
#mdp table#nouveau tr#buttons td button{ margin:20px 100px; }

#clients{ float:left;min-height:280px;width:900px;margin:10px 0;padding:0; }
#clients table{ float:left;width:100%;text-align:center;font-size:12px;border-collapse:collapse; }
#clients table tr.titres td{ color:#000;font-weight:bold; }
#clients table tr.titres td a{ border:none; }
#clients table tr.titres td a img{ border:none;margin:0 0 0 2px;width:9px;height:9px; }
#clients table tr td{ padding:4px 0; }
#clients table tr.client:hover td{ background-color:#e5e5e5; }
#clients table tr td a{ color:#000;text-decoration:none; }
#clients table tr td img{ height:16px;width:16px;border:none;margin:0 2px; }
#clients table tr.client td.civilite, #clients table tr.client td.nom, #clients table tr.client td.prenom{ text-align:left; }
#clients table#nouveau.left{ float:left;margin-left:100px;width:50%; }
#clients table#nouveau.right{ float:left;margin-left:0px;width:30%; }
#clients table#nouveau td h1{ float:left;margin-left:15%;width:85%;text-align:left; }
#clients table#nouveau td label{ float:left;width:100%;text-align:right; }
#clients table#nouveau td #identi{ float:left;width:150px;margin-left:10px;text-align:center;line-height:20px;font-weight:bold;font-size:14px; }
#clients table#nouveau td input, #clients table#nouveau td select{ float:left;width:150px;margin-left:10px; }
#clients table#nouveau td textarea{ float:left;height:530px;width:200px;resize:none; }
#clients table#nouveau td textarea.partenaires{ margin-left:10px;height:200px;width:150px; }
#clients table#nouveau td select, #clients table#nouveau td select option{ text-transform:capitalize; }
#clients table#nouveau td #logooffre120x600{ float:left;height:600px;width:120px;border:1px #eee solid; }
#clients table#nouveau tr#buttons td{ text-align:left; }
#clients table#nouveau tr#buttons td button{ margin:0 15px 0 160px; }
#clients table#supprimer{ float:left;width:100%;text-align:center; }
#clients table#supprimer td h2{ margin:45px 0; }
#clients table#supprimer tr#buttons td{ text-align:center; }
#clients table#supprimer tr#buttons td button{ margin:0 50px; }

#classes, #etats, #agenda{ float:left;width:900px;margin:10px 0;padding:0; }
#classes .classe{ float:left;margin:0;padding:0;margin-bottom:5px;border-bottom:2pt #dedede solid; }
#classes .classe .classesBadge a#btn{ float:left;cursor:pointer;text-decoration:none; }
#classes .classe .classesBadge{ float:left;height:150px;width:200px;margin:0;padding:0; }
#classes .classe .classesBadge h3{ float:left;width:100%;text-transform:capitalize; }
#classes .classe .classesBadgeText{ float:left;height:115px;width:200px;margin:0;padding:0;line-height:20px; }
#classes .classe .classesBadgeText img{ height:16px;width:16px;vertical-align:middle; }
#classes table, #etats table{ float:left;width:600px;text-align:center;font-size:12px;border-collapse:collapse; }
#etats table{ width:900px; }
#classes table#nouveau td label, #etats table#nouveau td label{ float:left; }
#classes table#nouveau td #identi, #etats table#nouveau td #identi{ float:left;width:150px;margin-left:10px;text-align:center;font-weight:bold; }
#classes table tr.titres td, #etats table tr.titres td{ color:#000;font-weight:bold; }
#classes table tr.titres td.intitule, #etats table tr.etat td.titre{ text-align:left; }
#etats table tr.etat td.titre{ width:60%; }
#classes table tr td, #etats table tr td{ padding:4px 0;width:200px; }
#classes table tr td img, #etats table tr td img{ border:none;height:16px;width:16px; }
#classes table#nouveau, #etats table#nouveau{ width:800px;text-align:left; }
#classes table#nouveau h1, #etats table#nouveau h1{ width:800px;text-align:left; }
#classes table#nouveau #selects, #etats table#nouveau #selects{ text-align:center; }
#classes table#nouveau span, #etats table#nouveau span{ margin-left:10px;color:#909090; }
#classes table#nouveau input#titre, #classes table#nouveau select#icone, #classes table#nouveau select#typeTag, #classes table#nouveau select#listeAcces{ width:200px; }
#etats table#nouveau input#titre, #etats table#nouveau select#icone, #etats table#nouveau select#typeTag, #etats table#nouveau select#listeAcces{ width:200px; }
#classes table#nouveau tr#buttons td, #etats table#nouveau tr#buttons td{ width:100%;text-align:center; }
#classes table#nouveau tr#buttons td button, #etats table#nouveau tr#buttons td button{ margin:20px 100px; }

#agenda{ float:left;width:900px;margin:10px 0;padding:0; }
#agenda #nav{ float:left;margin:5px;padding:0; }
#agenda #nav.retour{ float:left; }
#agenda #nav.suivant{ float:right; }
#agenda #nav img{ float:left;border:none; }
#agenda #horaires{ float:left;width:900px;margin:10px 0;border-collapse:collapse;font-size:12px; }
#agenda #horaires td{ border:1px #dedede solid; }
#agenda #horaires th#jourTitre{ width:15%;text-transform:capitalize; }
#agenda #horaires th#jourTitre.disabled{ color:#a0a0a0; }
#agenda #horaires th#jourTitre.active{ color:#dd4466; }
#agenda #horaires th#heureTitre{ width:8%; }
#agenda #horaires td#heurePlage{ text-align:center;vertical-align:middle;height:40px;font-size:10px; }
#agenda #horaires td#heurePlage .client{ font-size:12px;font-weight:bold;width:100%; }
#agenda #horaires td#heurePlage #plageHoraire{ float:left;height:40px;width:100%;margin:0;padding:0;cursor:pointer;background-color:#fff;line-height:20px;color:#000;text-decoration:none;  }
#agenda #horaires td#heurePlage #plageHoraire:hover{ background-color:#c6ee99; }
#agenda #horaires td#heurePlage #plageHoraire.disabled{ background-color:#f5f5f5;cursor:default; }
#agenda #horaires td#heurePlage #plageHoraire.unset{ background-color:#e1d7c8; }
#agenda #horaires td#heurePlage #plageHoraire.busy{ background-color:#c6ee99; }
#agenda #horaires td#heurePlage #plageHoraire.error{ background-color:#f5f5f5; }
#agenda #nouveau{ float:left;font-size:12px;width:900px;margin:10px 0;padding:0; }
#agenda table#nouveau td h1{ float:left;margin-left:15%;width:85%;text-align:left; }
#agenda table#nouveau td label{ float:left;width:100%;text-align:right; }
#agenda table#nouveau td #identi{ float:left;width:150px;margin-left:10px;text-align:center;line-height:20px;font-weight:bold;font-size:14px; }
#agenda table#nouveau td input, #agenda table#nouveau td select{ float:left;width:150px;margin-left:10px; }
#agenda table#nouveau td select, #agenda table#nouveau td select option{ text-transform:capitalize; }
#agenda table#nouveau td textarea{ float:left;margin-left:15%;text-align:left; }
#agenda table#nouveau tr#buttons td{ text-align:left; }
#agenda table#nouveau tr#buttons td button{ margin:0 15px 0 160px; }
#agenda table#supprimer{ float:left;width:100%;text-align:center;font-size:12px;border-collapse:collapse;border:none; }
#agenda table#supprimer td h1{ text-align:left; }
#agenda table#supprimer td h2{ margin:45px 0; }
#agenda table#supprimer tr.titres td{ text-align:center;font-weight:bold; }
#agenda table#supprimer tr#buttons td{ text-align:center; }
#agenda table#supprimer tr#buttons td button{ margin:0 50px; }

/********** CSS SPEC **********/


#information{ float:left;width:100%;text-align:center;color:#000; }
#information.succes{ color:#00aa00; }
#information.erreur{ color:#cc0000; }