* {margin:0; padding:0;}
img {border:none;}

/************************************************************************* Default.aspx ******************************************************************************/
#CONNEXION {font-family:Arial, sans-serif; font-size:13px; color:#0c3e6b;}
#CONNEXION a {color:#1d77c9; text-decoration:none;}
#CONNEXION a:hover {text-decoration:underline;}

/*----- HEADER -----*/
#CONNEXION #HEADER {background-color:#f1eef1; border-bottom:1px solid #cccbcb;}
#CONNEXION #HEADER .wrapper {width:960px; margin:0 auto;}
#CONNEXION #HEADER div.logo {float:left; width:267px; margin:5px 0; padding:0;}
#CONNEXION #HEADER div.logo a {display:block;}
#CONNEXION #HEADER div.logo a img {}
#CONNEXION #HEADER div.non_inscrit {text-align:right; margin-left:267px; padding:20px 0;}
#CONNEXION #HEADER div.non_inscrit p {}
#CONNEXION #HEADER div.non_inscrit a {}


/*----- BODY -----*/
#CONNEXION #BODY {width:960px; margin:30px auto 0 auto;}

#CONNEXION #BODY div.gauche {float:left; width:530px;}
#CONNEXION #BODY div.droite {margin-left:550px;}
#CONNEXION #BODY div.gauche .horloge {background-color:#f1eef1; border:1px solid #cccbcb; padding:20px; overflow:hidden;}
#CONNEXION #BODY div.gauche .horloge h2 {font-size:20px; color:#1d77c9; font-weight:normal; text-align:center; margin:3px 0 20px 0; padding:0;}
#CONNEXION #BODY div.gauche .horloge table.fuseau {margin:0 auto;}
#CONNEXION #BODY div.gauche .horloge table.fuseau .myClock {width:110px !important; height:110px !important; margin:0 15px;}
#CONNEXION #BODY div.gauche .horloge table.fuseau td.texte {text-align:center; font-weight:bold; padding:5px 0 15px;}
#CONNEXION #BODY div.gauche .horloge img.imagestatique {display:none;}
#CONNEXION #BODY div.droite .connexion {background-color:#f1eef1; border:1px solid #cccbcb; padding:30px 20px 20px 20px;}
#CONNEXION #BODY div.droite .connexion h2 {font-size:26px; color:#1d77c9; font-weight:normal; text-align:center; margin:0 0 10px 0; padding:0;}
#CONNEXION #BODY div.droite .connexion p.label {width:110px; margin:18px 0 0 20px;}
#CONNEXION #BODY div.droite .connexion input.textbox {
    background:linear-gradient(to bottom, #f7f7f8 0%,#ffffff 100%);
    border-radius:3px;
    border:none;
    box-shadow:0 1px 2px rgba(0,0,0,0.2) inset, 0 -1px 0 rgba(0,0,0,0.05) inset;
    height: 30px;
    width: 200px;
    padding-left: 10px;
    margin:10px 0 0 0;
    outline: none;
}
#CONNEXION #BODY div.droite .connexion input:focus {-webkit-box-shadow:0px 0px 5px #1d77c9; -moz-box-shadow:0px 0px 5px #1d77c9; box-shadow:0px 0px 5px #1d77c9;}
#CONNEXION #BODY div.droite .connexion a.bouton {
    display:block;
    background:url("Style/Images/btn_connexion.png") no-repeat scroll left top transparent;
    height:36px;
    margin:15px 30px 0 0;
    outline:medium none;
    width:141px;
}
#CONNEXION #BODY div.droite .connexion a.bouton:hover {background:url("Style/Images/btn_connexion_hover.png") no-repeat scroll left top transparent;}
#CONNEXION #BODY div.droite .erreur {padding:10px 0 0 22px; text-align:center; color:red; font-size:12px; font-style:italic;}
#CONNEXION #BODY .telemaintenance {background-color:#f1eef1; border:1px solid #cccbcb; padding:20px; overflow:hidden; margin-top:10px;}
#CONNEXION #BODY .telemaintenance h2 {font-size:20px; color:#1d77c9; font-weight:normal; text-align:center; margin:3px 0 20px 0; padding:0;}
#CONNEXION #BODY .telemaintenance div.liste1 {float:left; width:205px;}
#CONNEXION #BODY .telemaintenance div.liste2 {margin-left:205px;}
#CONNEXION #BODY .telemaintenance div p {margin:4px 0;}
#CONNEXION #BODY .telemaintenance p a img {vertical-align:-10px; margin-right:10px;}

#CONNEXION .cadre-telemaintenance {}
#CONNEXION .cadre-telemaintenance h2 {font-size:16px; color:#1d77c9; font-weight:normal; text-align:center; margin:10px 0 10px 0; padding:0;}
#CONNEXION .cadre-telemaintenance table {width:100%;}
#CONNEXION .cadre-telemaintenance a {}
#CONNEXION .cadre-telemaintenance a img {vertical-align:-10px; margin-right:10px;}


#CONNEXION #BODY div.blog {margin:20px 0 0 0;}
#CONNEXION #BODY div.blog img {float:left; width:250px;}
#CONNEXION #BODY div.blog div.texte {background:#1d77c9; padding:15px 10px 15px 25px; height:130px; margin:0 0 0 247px;}


/*----- FOOTER -----*/
#CONNEXION #FOOTER {width:960px; margin:30px auto 0 auto; border-top:1px solid #cccbcb;}
#CONNEXION #FOOTER p {text-align:center; margin-top:5px; font-size:11px;}


/********************************************************************************* Pages ****************************************************************************************/

/*********************** Général *********************/
#PAGE {font-family:'Arial', 'sans-serif'; font-size:13px; color:#0c3e6b;}
#PAGE a {color:#1d77c9; text-decoration:none;}
#PAGE a:hover {text-decoration:underline;}

/*----- HEADER -----*/
#PAGE #HEADER {background-color:#f1eef1; border-bottom:1px solid #cccbcb; padding: 0px 0 0px 0;}

#PAGE #HEADER .bande1 {
    background: url("Style/Images/gradient-bg.png") repeat-x top;
    background: -webkit-gradient(linear, left top, left bottom, from(#0085ff), to(#1d77c9));
    background: -webkit-linear-gradient(top, #0085ff, #1d77c9);
    background: -moz-linear-gradient(top, #0085ff, #1d77c9);
    background: -o-linear-gradient(top, #0085ff, #1d77c9);
    background: linear-gradient(top, #0085ff, #1d77c9);
    border-top:1px solid #b8cbe9; 
    border-bottom:1px solid #b8cbe9; 
    padding:5px 0;
    height:16px;
}
#PAGE #HEADER .bande1 div.logo {float:left; width:37%; padding:0; margin:0 0 0 5px; height:16px;}
#PAGE #HEADER .bande1 h1 {font-size:12px; color:#fff; font-weight:normal; text-align:center; float:left; width:25%;}
#PAGE #HEADER .bande1 h1 span {font-family:'Franklin Gothic Heavy', 'Arial', 'sans-serif'; font-size:13px;}
#PAGE #HEADER .bande1 div.nom {color:#fff; font-size:12px; text-align:right; margin:0 5px 0 62%;}
#PAGE #HEADER .bande1 div.nom span {cursor:pointer;}
#PAGE #HEADER .bande1 div.nom img {cursor:pointer; padding:2px 0 0 2px; vertical-align:-3px;}

#PAGE #HEADER .bande1 .DivCacher {position:relative; z-index:90; display:none;}
#PAGE #HEADER .bande1 .DivCacher .Contenu {position:absolute; right:4px; top:0;}
#PAGE #HEADER .bande1 .DivCacher .Contenu .ZoneTexte {background:#FFFFFF; border-radius:2px; box-shadow:0 2px 4px rgba(0, 0, 0, 0.30); margin-top:6px; padding:10px; min-width:250px;}
#PAGE #HEADER .bande1 .DivCacher .Contenu .ZoneTexte a {color:#1d77c9 !important;}
#PAGE #HEADER .bande1 .DivCacher .Contenu .ZoneTexte a img {vertical-align:-2px; padding-right:5px;}
#PAGE #HEADER .bande1 .DivCacher .Contenu .ZoneTexte a:hover {text-decoration:underline !important;}

#PAGE #HEADER .ribbonbar {}


/*----- BODY -----*/
#PAGE #BODY {
}
#PAGE #BODY .titre_menu {
    background: url("Style/Images/gradient-bg2.png") repeat-x top;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d7d6d7));
    background: -webkit-linear-gradient(top, #fff, #d7d6d7);
    background: -moz-linear-gradient(top, #fff, #d7d6d7);
    background: -o-linear-gradient(top, #fff, #d7d6d7);
    background: linear-gradient(top, #fff, #d7d6d7);
    border: 1px solid #cccbcb;
    border-radius:5px;
    padding:5px;
    margin:5px;
}
#PAGE #BODY .titre_menu img {vertical-align:-5px;}
#PAGE #BODY .titre_menu span {font-family: 'Arial', 'sans-serif'; font-size:13px; color:#1f5586; padding-left:5px; font-weight:bold;}
#PAGE #BODY .frame  {margin:5px;}

#PAGE #ACCUEIL {padding:10px;}
#PAGE #ACCUEIL h2 {
    background-color:#f1eef1; 
    border-bottom:1px solid #cccbcb; 
    margin:0; 
    padding:5px; 
    font-weight:normal;
    font-size:14px;
}
#PAGE #ACCUEIL h2 img {vertical-align:-6px; margin-right:5px;}
#PAGE #ACCUEIL h2 a.bouton {float:right; padding:5px 5px 0 0; text-decoration:underline;}
#PAGE #ACCUEIL h2 a.bouton img {vertical-align:-2px; margin-right:5px;}


/*----- FOOTER -----*/
#PAGE #FOOTER {margin:10px 10px 0 10px;}
#PAGE #FOOTER p {text-align:center; margin-top:5px; font-size:11px;}


/*********************** Dossier Utilisateur *********************/
/*----- ACCUEIL -----*/
#PAGE #ACCUEIL .cadre_publicite {float:left; width:40%; margin-left:-10px; margin-top:-12px; overflow:hidden;}
#PAGE #ACCUEIL .cadre_publicite img {}

#PAGE #ACCUEIL .cadre_services {border:1px solid #cccbcb; margin:0 0 0 41%;}
#PAGE #ACCUEIL .cadre_services .gauche {float:left; width:48%; margin:10px 0 20px 0;}
#PAGE #ACCUEIL .cadre_services .droite {/*margin-left:52%;*/}
#PAGE #ACCUEIL .cadre_services div.services {margin-top:10px; overflow:hidden;}
#PAGE #ACCUEIL .cadre_services div.services a.lien {display:block; float:left; width:60px; margin:0 5px 0 15px;}
#PAGE #ACCUEIL .cadre_services div.services h3 {margin:0;}
#PAGE #ACCUEIL .cadre_services div.services p {margin:0 0 5px 0;}
#PAGE #ACCUEIL .cadre_services div.services a.acces {text-decoration:none; margin-top:5px;}
#PAGE #ACCUEIL .cadre_services div.services a.info {text-decoration:none; margin-top:5px;}
#PAGE #ACCUEIL .cadre_services div.services a.acces img, #PAGE #ACCUEIL .cadre_services div.services a.info img {vertical-align:-3px; margin-right:3px;}
#PAGE #ACCUEIL .cadre_services div.services a.acces:hover, #PAGE #ACCUEIL .cadre_services div.services a.info:hover {text-decoration:underline;}
#PAGE #ACCUEIL .cadre_services div.services.boutique img {display:block; float:left; margin:10px 5px 0 15px;}
#PAGE #ACCUEIL .cadre_services div.services.boutique a {display:block; margin:20px 0 0 80px;}

#PAGE #ACCUEIL .cadre_assistance {border:1px solid #cccbcb; margin:10px 0 0 0;}

#PAGE #ACCUEIL .cadre_telemaintenance {float:left; width:40%; margin:10px 0 10px 10px;}
#PAGE #ACCUEIL .cadre_telemaintenance ul {list-style:none; margin:10px 0 10px 10px}
#PAGE #ACCUEIL .cadre_telemaintenance ul li {margin:17px 0 0 20px;}
#PAGE #ACCUEIL .cadre_telemaintenance ul li img {vertical-align:-10px; margin-right:10px;}
#PAGE #ACCUEIL .cadre_telemaintenance ul li a {}

#PAGE #ACCUEIL .cadre_questions {margin:10px 10px 10px 42%;}
#PAGE #ACCUEIL .cadre_questions h4 {margin:10px 5px 0; font-weight:normal; font-size:13px; color:#1D77C9; font-style:italic;}
#PAGE #ACCUEIL .cadre_questions h5 {margin:2px 5px 10px 5px;}
#PAGE #ACCUEIL .cadre_questions p {margin:0 5px 10px 5px;}

#PAGE #ACCUEIL .cadre_miseajour {margin:0 10px 10px 42%;}
#PAGE #ACCUEIL .cadre_miseajour .logiciel {margin:10px 5px 0; font-weight:bold;}
#PAGE #ACCUEIL .cadre_miseajour .version {margin:0 5px; font-style:italic;}
#PAGE #ACCUEIL .cadre_miseajour .maj {margin:0 5px 10px;}
#PAGE #ACCUEIL .cadre_miseajour .memo {margin:0 5px 10px;}


/*----- QUESTIONS / REPONSES -----*/
#PAGE #ASSISTANCE {}

#PAGE #ASSISTANCE div.mini_menu {text-align:right; margin:5px 5px 0 0;}
#PAGE #ASSISTANCE div.btn_assistance {margin-bottom:20px;}
#PAGE #ASSISTANCE div.btn_assistance .boutonseul {margin:0 5px;}
#PAGE #ASSISTANCE div.btn_assistance .titre {margin:10px 0 0 5px; font-weight:bold;}

#PAGE #ASSISTANCE .div_demande_blanc, #PAGE #ASSISTANCE .div_demande_gris {padding:5px 10px; font-size:12px;}
#PAGE #ASSISTANCE .div_demande_blanc {background-color:#f1eef1; border:1px solid #cccbcb; margin:2px 5px;}
#PAGE #ASSISTANCE .div_demande_gris {background-color:#fff; border:1px solid #cccbcb; margin:2px 5px;}
#PAGE #ASSISTANCE .div_demande_entete {color:#1d77c9; font-style:italic;}
#PAGE #ASSISTANCE .div_demande_objet {margin-top:4px; font-weight:bold;}
#PAGE #ASSISTANCE .div_demande_lien {text-align:right;}

#PAGE #ASSISTANCE div.poserquestion {margin:20px 0 20px 20px;}
#PAGE #ASSISTANCE div.poserquestion table td.libelle {font-weight:bold; width:100px; padding:5px 0; vertical-align:top;}
#PAGE #ASSISTANCE div.poserquestion table td.textbox input {width:400px; height:20px;}
#PAGE #ASSISTANCE div.poserquestion .RadComboBox {width:400px !important;}
#PAGE #ASSISTANCE div.poserquestion table td.erreur {font-size:11px; color:red; font-style:italic; padding:4px 0;}
#PAGE #ASSISTANCE div.poserquestion table td.bouton {text-align:right;}
#PAGE #ASSISTANCE div.poserquestion table td.bouton .boutonseul {margin:0 5px;}

#PAGE #ASSISTANCE div.plusinfos {margin-bottom:20px;}
#PAGE #ASSISTANCE div.plusinfos div.demande {border:1px solid #cccbcb; margin:5px 0; padding:5px;}
#DataListDemande {margin:0 auto; width:80%;}
#PAGE #ASSISTANCE div.plusinfos div.demande .date {color:#1D77C9; font-size:11px; font-style:italic;}
#PAGE #ASSISTANCE div.plusinfos div.demande .objet {font-weight:bold; margin-top:5px;}
#PAGE #ASSISTANCE div.plusinfos div.demande .logiciel {color: #A5A4A4;}
#PAGE #ASSISTANCE div.plusinfos div.demande .message {margin-top: 10px;}
#PAGE #ASSISTANCE div.plusinfos div.demande .util {margin-top:10px; font-style:italic;}


/*----- MISE A JOUR -----*/
#PAGE #MAJ {}

#PAGE #MAJ .bandeau {background:#f1eef1; border-bottom:1px solid #cccbcb; padding:10px 5px; text-align:center;}
#PAGE #MAJ .bandeau .lien_maj {margin:0 5px;}
#PAGE #MAJ .bandeau .lien_maj img {margin:0 5px 0;}

#PAGE #MAJ .accesmaj {display:block; background-color:#f3bcbc; width:98%; margin:5px auto 20px; padding:5px; text-align:center; color:#de0d0d; font-weight:bold; font-size:16px;}
#PAGE #MAJ .telecharger {margin:5px}
#PAGE #MAJ .telecharger p {font-size:20px; margin:20px 0; text-align:center;}

#PAGE #MAJ .titre {text-align:center;}
#PAGE #MAJ .titre h2 {font-size:16px; font-weight:normal;}
#PAGE #MAJ .titre h2 span {font-weight:bold;}

#PAGE #MAJ .one_maj {margin:10px 0;}
#PAGE #MAJ .one_maj .cadre_maj {border:1px solid #cccbcb; margin:5px; padding:5px;}
#PAGE #MAJ .one_maj .cadre_maj .version {font-style:italic; }
#PAGE #MAJ .one_maj .cadre_maj .disponible {}
#PAGE #MAJ .one_maj .cadre_maj .texte {margin-top:10px;}
#PAGE #MAJ .one_maj .cadre_maj .texte ul {list-style:none;}


/*----- TELEMAINTENANCE -----*/
#PAGE #TELEMAINTENANCE {margin:20px;}
#PAGE #TELEMAINTENANCE ul {list-style:none;}
#PAGE #TELEMAINTENANCE ul li {margin:10px 0;}
#PAGE #TELEMAINTENANCE ul li img {vertical-align:-10px; margin-right:20px;}


/*----- INFOS LEGALES -----*/
#PAGE #INFOSLEGALES {    }
#PAGE #INFOSLEGALES .cadre {float:left; width:31%; border:2px solid #f1f1f1; margin:0 1%; border-radius:20px;}
#PAGE #INFOSLEGALES h1 {text-align:center; margin:20px 0;}
#PAGE #INFOSLEGALES h2 {margin:20px 0 10px 20px;}
#PAGE #INFOSLEGALES ul {margin:0 0 20px 0;}
#PAGE #INFOSLEGALES ul li {list-style:none; padding:10px 0 0 20px;}
#PAGE #INFOSLEGALES ul li img {vertical-align:-8px;}



/*********************** Dossier SuperAdmin *********************/
/*----- ACCUEIL -----*/
#PAGE #ACCUEIL .cadre_exception {float:left; width:40%; border:1px solid #cccbcb; overflow:hidden;}

#PAGE #ACCUEIL .cadre_surveillance {float:right; width:58%; border:1px solid #cccbcb; overflow:hidden;}

#PAGE #ACCUEIL .cadre_metier {float:right; margin-top:10px; width:58%; border:1px solid #cccbcb; overflow:hidden;}

#PAGE #ACCUEIL .cadre_lien {width:100%; margin-top:10px; border:1px solid #cccbcb; overflow:hidden;}
#PAGE #ACCUEIL .cadre_lien div.liens {padding:15px 10px;}

div#MODIFLIENS {font-family:Arial, sans-serif; padding:10px;}
div#MODIFLIENS h3 {border-bottom:1px dotted #cccbcb; padding:0 0 5px 0; font-size:16px; color:#1d77c9; margin-bottom:10px;}

div#MODIFLIENS p.ajout {margin-top:8px;}
div#MODIFLIENS p.ajout input.txtbox {border:1px solid #cccbcb; width:200px; height:25px; padding:0 5px; margin:0}

div#MODIFLIENS input.txtbox {border:1px solid #cccbcb; width:200px; height:25px; padding:0 5px; margin:8px 5px 0 0;}
div#MODIFLIENS .lienbouton {vertical-align:-7px; padding:0 0 0 5px;}
div#MODIFLIENS .bouton img {vertical-align:-7px; margin-left:5px;}

div#MODIFLIENS span.erreur {color:red; font-size:12px; font-style:italic; margin-top:10px; display:block;}