/* ========================================== */
/* ============== CONTENT COMPTE ============== */
/* ========================================== */

.bloc-cpt{
    padding: 10px 10px 10px 20px;
    margin-bottom: 15px;
    border-style: solid;
    border-width: 1px;
    border-color: #C9DDE5;
    width:90%;
    height:110px;

}

.bloc-cpt img{margin-right:10px;float:left;}

main h2 {border-bottom: 3px solid #1E3A6C; padding-bottom: 5px; margin-bottom: 20px;}
main h3 {margin-bottom: 10px;}
main h4 {margin-bottom: 5px;}
main p {margin-bottom: 15px;}

.tab_content ul {margin-bottom: 15px;}
.tab_content li{margin-left:30px; list-style: circle;}

#tabs {padding-top: 10px;}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {content: ""; display: table; border-collapse: collapse;}
.ui-helper-clearfix:after {clear: both;}
.ui-tabs .ui-tabs-nav {margin-left: 15px;}
.ui-tabs .ui-tabs-nav li {float: left; background: #F2F5FB; border: 1px solid #DEE3EB; border-bottom: none; position: relative; top: 6px; padding: 5px 10px; margin: 0 3px 0 0; white-space: nowrap; outline: none;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px; 
behavior: url(/library/js/PIE.htc);}
.ui-tabs .ui-tabs-nav li a {color: #5B5B5B;}
.ui-tabs .ui-tabs-nav li.ui-state-active {top: 1px; background: #FFF; padding: 8px 10px;}
.ui-state-active a {font-weight: bold;}

/*Ajout pour sélection multiple dans onglet "mes infos*/
.ui-multiselect-checkboxes {
	background: #FFF;
	border: 1px solid #dddddd;
}
.ui-multiselect-checkboxes label {
    padding: 5px 5px 0 0;
}

.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("/library/images/jquery/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("/library/images/jquery/ui-icons_ffffff_256x240.png");
}

.ui-state-default .ui-icon {
/*	background-image: url("/library/images/jquery/ui-icons_ef8c08_256x240.png");*/
	background-image: url("/library/images/revue/dropdown.gif");}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
/*	background-image: url("/library/images/jquery/ui-icons_ef8c08_256x240.png");*/
	background-image: url("/library/images/revue/dropdown_hover.gif");}

.ui-state-active .ui-icon {
	background-image: url("/library/images/revue/dropdown_hover.gif");}
/*	background-image: url("/library/images/jquery/ui-icons_ef8c08_256x240.png");*/



.tab_content {min-height: 870px;/*min-height: 740px;*/ padding: 15px 15px 25px 20px; 
/*background: url(/library/images/common/bg-left-gris.png) repeat-y 0 0;*/
padding-bottom: 20px; border: 1px solid #f4f4f4; 
/*border-left: none;*/
border-bottom: none;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topleft: 10px;
border-top-left-radius: 10px; 
behavior: url(/library/js/PIE.htc);}


a.pdf {display: inline-block; background: url(/library/images/common/icon-pdf.png) no-repeat 0 0; padding-left: 30px; line-height: 25px; height: 25px;}
a.pdf:hover {text-decoration: underline;}
a.xls {display: inline-block; background: url(/library/images/common/icon-xls.png) no-repeat 0 0; padding-left: 30px; line-height: 25px; height: 25px;}
a.xls:hover {text-decoration: underline;}

.tab_content .btn {display: inline-block; 
/*padding: 3px 10px;*/
 text-align: center; color: #FFF; font-family: 'Roboto Condensed', 
sans-serif; font-weight: 400; text-transform: uppercase; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #091A3A; 
background: #274A89 url(/library/images/common/bg-annonces.png) repeat-x 0 bottom; behavior: url(/library/js/PIE.htc);}
.tab_content .bt-submit {height: 40px; line-height: 40px; margin-bottom: 15px; font-size: 18px;}

table.table {margin-bottom: 30px;}
table.table th {color: #1E3A6C; background-color: #F2F5FB;}
table.table th, table.table td {padding: 5px; border: 1px solid #DDD;}
table.table button {color: #274A89; font-size: 16px; background: none;}


/* ONGLET INFORMATIONS */
.tab_content form div.clearfix {margin-bottom: 10px;}
.tab_content form div.clearfix.margin {margin-top: 40px;}
.tab_content form label {display: inline-block; float: left; text-align: right; width: 240px; height: 20px; line-height: 20px; margin-right: 15px; color: #5B5B5B; font-size: 14px; font-weight: bold;}
.tab_content form input {float: left; width: 270px; height: 25px; line-height: 25px; padding: 0 5px; border: 1px solid #DBDBDB; color: #000;}
.tab_content form textarea {float: left; width: 270px; height: 50px; padding: 5px; border: 1px solid #DBDBDB; color: #000;}
.tab_content form select {float: left; width: 282px; height: 25px; line-height: 25px; border: 1px solid #DBDBDB; color: #000;}
.tab_content form select#f-civilite {width: 145px;}
.tab_content form span {float: left; height: 20px; line-height: 20px; font-weight: bold; font-weight: 14px;}
.tab_content form div.docs {float: left;}
.tab_content form div.docs input {float: none; border: none; padding: 0; margin-bottom: 10px;}
.tab_content form div.docs input.small {width: auto; margin-left: 10px; margin-right: 10px;}
.tab_content form input.bt-ajout {height: 30px; line-height: 30px; width: auto; padding: 0 20px !important; font-size: 12px;}
.tab_content form div.docs p.pdf {background: url(../images/compte/icon-pdf.png) no-repeat 0 center; padding-left: 25px; height: 25px; line-height: 25px; margin: 0;}
.tab_content form div.docs a {margin-left: 20px; color: #1E3A6C; text-decoration: underline;}
.tab_content form div.docs a:hover {text-decoration: none;}
.tab_content form p.margin {margin: 40px 0 0 255px;}
.tab_content form p.margin a {font-weight: bold; text-decoration: underline;}
.tab_content form .bt-submit {margin-left: 290px; height: 40px; line-height: 40px; margin-bottom: 15px; font-size: 18px; width:150px;}
.tab_content form .bt-cb {margin-left: 255px; height: 40px; line-height: 40px; margin-bottom: 15px; font-size: 18px;}
.tab_content form .bt-cheque {margin-left: 255px; height: 40px; line-height: 40px; margin-bottom: 15px; font-size: 18px;}

.tab_content form input.special {float: left; width: 200px; height: 25px; line-height: 25px; padding: 0 5px; border: 1px solid #DBDBDB; color: #000;}

/* ONGLET REVUES */
.tab_content .bt-abonne {height: 40px; line-height: 40px; margin-bottom: 15px; font-size: 18px; padding: 3px 10px;}
.tab_content form .bt-alerte {margin-left: 25px; height: 30px; line-height: 30px; margin-bottom: 15px; font-size: 14px;}
.tab_content form .bt-biblio {margin-left: 250px; height: 30px; line-height: 30px; font-size: 14px;}

/*#tabs-1 form .btn {width: auto; line-height: normal; padding: 0 5px;}
#tabs-1 select {margin-right: 5px;}*/



/* ONGLET OUVRAGES */
article {margin-bottom: 20px;}
article a:hover {text-decoration: underline;}
article h3 {font-size: 13px; margin: 0;}
article h3 a {color: #1E3A6C;}
article p {margin: 0;}
article p.auteur {color: #1E3A6C; font-size: 11px; font-style: italic; margin-bottom: 5px;}
article a img {float: left; border: 1px solid #484848; margin: 0 10px 5px 0; width: 55px;}
article a.plus {color: #868686; font-size: 11px; float: right;}
article p.type {float: right;}


/* ONGLET TÉLÉCHARGEMENTS */
article.pdf {background: url(../images/common/icon-pdf.png) no-repeat 0 0; padding-left: 30px;}
article.epub {background: url(../images/common/icon-epub.png) no-repeat 0 0; padding-left: 30px;}


/* ONGLET STATS */
/*table#stats {margin-bottom: 30px;}
table#stats th {color: #1E3A6C;}
table#stats th, table#stats td {text-align: center; padding: 5px; border: 1px solid #DDD;}
table#stats tbody > tr.total > td {background-color: #F2F5FB;}*/
.tab_content form input.bt-charge {margin-left:10px; height: 20px; width: auto; padding: 0 10px !important; font-size: 12px;}
.
/* ONGLET COMMANDES */
#tabs-7 li {margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #E1E1E1;}


/* ONGLET LES ADRESSES */
.cache {display:none;}
.adresse {
    margin-bottom:10px;
}
.bloc_adresse{
    border: 1px solid #E1E1E1;
    padding: 10px 10px;
    min-height:200px;
}
input#bloc {float:none;width:auto; height:auto; line-height:normal; }
p.defaut {
    color:#800000;
    text-align:center;
    text-transform:uppercase;
}
p.label-adresse{
    font-weight:bold;

}
p.adress{

}
p.actions{
    text-align:center;
    color:#1E3A6C;
    text-transform:uppercase;
    margin-bottom:0px;
}    

.gauche {
    float:left;
    width:46%;
}
.droit {
    float:right;
    width:46%;
}
#ajoute{
    text-align:center;
    height:200px;
}
#ajoute img{
    max-height:100px;
    margin-top:50px;
    margin-bottom:30px;
    opacity: 0.5;

}

button#btn-adresse{
    padding: 3px 10px;
}
button#btn-adresse-defaut{
    padding: 3px 10px;
    margin-left:20px;
}
/* ONGLET COMPTES ASSOCIÉS */
.cadre {width: 305px; min-height: 150px; float: left; margin: 20px 20px 40px 0; box-shadow: 0 0 5px #CCC; padding: 15px;}
.bt-modif {display: inline-block; height: 40px; line-height: 40px; padding: 0 20px; text-align: center; color: #FFF; font-family: 'Roboto Condensed', sans-serif; font-weight: 400; font-size: 18px; text-transform: uppercase; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #091A3A; background: #274A89 url(/library/images/common/bg-annonces.png) repeat-x 0 bottom; behavior: url(/library/js/PIE.htc);}


/* Page login */
a#bt-login {
    display: inline-block;
    text-align: center;
/*    color: #FFF;*/
    font-family: "Roboto Condensed",sans-serif;
    font-weight: 400;
    font-size:14px;
    text-transform: uppercase;
    border-radius: 5px;
/*    border: 1px solid #091A3A;*/
    background:#DDD;
    color: #1E3B6D;
/*    background: #274A89 url("/library/images/common/bg-annonces.png") repeat-x scroll 0px bottom;*/
    height: 40px;
    line-height: 40px;
/*    padding-left:10px;
    padding-right:10px;*/
    width:160px;
    margin-top :30px;
    margin-left: 15px;
}
a#bt-login2{
    display: inline-block;
    text-align: center;
/*    color: #FFF;*/
    font-family: "Roboto Condensed",sans-serif;
    font-weight: 400;
    font-size:14px;
    text-transform: uppercase;
    border-radius: 5px;
/*    border: 1px solid #091A3A;*/
    background:#DDD;
    color: #1E3B6D;
/*    background: #274A89 url("/library/images/common/bg-annonces.png") repeat-x scroll 0px bottom;*/
    height: 40px;
    line-height: 40px;
/*    padding-left:10px;*/
    padding:0 10px;
    margin-top :30px;
    margin-left: 15px;

}
a#bt-login:hover, a#bt-login2:hover {
/*    background: #1E3A6C none repeat scroll 0% 0%;*/
    background: #1E3B6D none repeat scroll 0% 0%;
    text-decoration:none;
    color: #FFF;
}



/*---------------------------------------------------
Complément pour la page de formulaire contact
------------------------------------------------------*/
.tab_content form select#cas1_2 {width:400px;}
.tab_content form textarea#commentaire {width:390px;}
.tab_content form input#copie_email{margin-left:-130px; margin-top:10px;float:none;}






/* ==========================================================================
   MEDIA QUERIES
   ========================================================================== */

@media (max-width: 768px) {
	.tab_content form .bt-submit,
	.tab_content form .bt-cb {margin-left: 0;}
	.tab_content form label {width: auto;}
	.cadre {width: auto; min-height: auto; float: none; margin: 20px 0 40px 0;}

.gauche, .droit {
    float: none;
    width: auto;
}
}