@charset "iso-8859-1";

/* CSS Document */



body

{

	background-color: #FFFFFF;

	margin-top: 20px;

	margin-bottom: 0px;

	margin-right: 10px;

	margin-left: 10px;

	padding-bottom: 10px;

    font-family: Arial, Helvetica, sans-serif;

}

.menutitre{
    color: green;
}

.ecran-normal {

    display: block;

}

.ecran-smartphone {

    display: none;

}

.gras {

    font-weight: bold;

}

.bleu {

    color: #0071b9;

}

.bleu-fonce {

    color: #254183;

}

.rouge {

    color: #cc071e;

}

.adroite {

    float: right;

}

header {

    overflow: hidden;    

    position: fixed; 

    top: 0; 

    width: 100%; 

    background-color: #FFFFFF;

    z-index:1000;

}

header .droite {

    text-align: right;

}

header .identif {

   margin-right: 30px; 

}

.menu {   

    /*border-top: thin solid #0071b9;*/

    padding-top: 10px;

    border-bottom: thin solid #0071b9;

    margin-top: 15px; 

    margin-left: 0px;

    margin-right: 0px;

    font-size: 0.8em;

    font-weight: bold;

    color: #0071b9;

}

.menu ul {

   list-style:none;

   margin-left:0;

   padding-left:0;

   text-transform: uppercase;    

}

.menu ul li {

    display: inline-block;

    padding-left: 10px;

    padding-right: 10px;

    line-height: 1.2em;

    text-align: center;

    vertical-align: middle;

        

}

.menu ul li a, .menu2 ul li a {

    color: #0071b9;

    text-decoration: none;

    display:inline-block;

}

.menu ul li a:hover, .menu2 ul li a:hover {

    color: #cc071e;

    text-decoration: none;

}

.menu2 {

    text-align: right;

}

.menu2 .fond-rouge {

    color: #FFFFFF;

    background-color: #CC071e; 

    padding: 5px 10px;

}

.main {

    margin-top: 140px;

}

aside {

    margin-top: 20px;

    border-right: thin solid #0071b9;

}

aside .panier {

    text-align: center;

    margin-left: 10px;

    margin-right: 10px;

    border-bottom: thin solid #0071b9;

}

aside .panier p {

    font-size: 0.7em;

    line-height: 1.1em;

}

aside .panier a {

    color: #000000;

    text-decoration: underline;

}

aside .panier a:hover {

    color: #0071b9;

}

aside .catalogue h2 {

    margin-top: 30px;

    color: #0071b9;

    font-size: 1.5em;

    text-transform: uppercase;

    text-align: center;

}

aside .catalogue p {

    font-size: 0.7em;

    line-height: 1.1em;

    margin-left: 30px;

}

aside .catalogue a {

    color: #254183;
    font-size: 1.5em;
    text-decoration: none;

}

aside .catalogue a:hover {

    color: #cc071e;

    text-decoration: none;

}

aside .encadre {

    text-align: center;

    background-color: #e5f1f8;

    margin-top: 30px;

    margin-left: 10px;

    margin-right: 10px;

    padding-top: 10px;

    padding-bottom: 10px;    

}

aside .encadre p {

    color: #254183;

    font-size: 0.8em;

    font-weight: bold;

    line-height: 1.2em;

}

aside .encadre .petit {

    color: #000000;

    font-size: 0.6em;

}

footer {

    border-top: thin solid #0071b9;

    margin-top: 10px; 

    margin-left: 0px;

    margin-right: 0px;

    padding-top: 30px;

    padding-bottom: 10px;

    text-align: center;    

}

footer p {

    color: #000000;

    font-size: 0.7em;

    line-height: 1.1em;

}

footer p a {

    color: #0071b9;

    text-decoration: none;

}

footer .encadre-bleu {

    border: medium solid #0071b9;   

    margin-left: 30px;

    padding-top: 20px;

}

footer img {

    border: medium solid #0071b9; 

}

footer .texte {

    margin-top: 20px;

}

.recherche {

    text-align: center;

    margin-top: 0px;

    margin-bottom: 10px;

}

.recherche .form-control {

    border: 1px solid #CC071e;

    font-size: 1rem;

}

.recherche .form-control::placeholder {

    color: #0071b9;

    font-weight: bold;

    font-size: 0.8rem;

}

.centre .rech-avancee .form-group {

    padding-left: 10px;

    padding-right: 100px;

}

.centre .rech-avancee .form-control {

    border: 1px solid #0071b9;

    font-size: 1rem;

    width: 100%;

}

.centre .rech-avancee .btn {

    background-color: #0071b9;

    color: #FFFFFF;

    font-size: 0.8em;

    font-weight: bold;  

    margin-top: 20px;

    display: flex;
    
    margin: 0 auto;

}

.centre .rech-avancee legend {

    color: #0071b9;

    font-size: 1.2em;

    font-weight: bold;

    margin-top: 30px;

    margin-left: -15px;

    text-transform: uppercase;  

    text-align: center;

}

.centre .rech-avancee label {

    color: #0071b9;

    font-size: 1em;

    font-weight: bold;

}

.centre .open-access {

    background-color: #e5f1f8;    

    margin: 20px 10px 10px 10px;

    font-size: 0.9em;

    padding: 10px 10px 5px 10px;

    

}

.centre .open-access strong {

    color: #254183;

}

.centre .numero {

    margin: 20px 10px 10px 10px;

}

.centre .numero h1 {

    color: #0071b9;

    font-size: 1.5em;    

}

.centre .sommaire {

    margin: 10px 10px 10px 10px;

}

.centre .sommaire li {

    color: #000000;

    font-size: 0.8em;

}

.centre .sommaire li a {

    color: #000000;

}

.centre .sommaire li a:hover {

    color: #000000;

    text-decoration: underline;

}

.centre .sommaire li .auteur a {

    color: #254183;

    font-style: italic; 

}

.centre .sommaire p.titre {

    color: #cc071e;

    font-size: 0.8em;

    text-transform: uppercase;

    font-weight: bold;   

    margin-bottom: 10px;

}

.centre .sommaire p {

    color: #254183;

    font-size: 0.8em;

    font-weight: bold;

}

.centre .sommaire a {

    color: #254183;

    text-decoration: none;

}

.centre .sommaire a:hover {

    color: #cc071e;

    text-decoration: none;

}

.centre .resultats {

    margin-top: 30px;

    margin-bottom: 20px;

}

.centre .resultats h1 {

    color: #0071b9;

    font-size: 1.5em;

}

.centre .resultats h3 {

    color: #cc071e;

    font-size: 1.1em;     

    margin-top: 20px;

    margin-bottom: 20px;

}

.centre .resultats p {

    font-size: 0.8em; 

}

.centre a {

    text-decoration: none;

    color: #0071b9;

}

.centre a:hover {

    color: #cc071e;

}

.liste-res {    

    border-top: thin dotted #0071b9;

    padding-top: 10px;

}

.liste-res h2 {

    color: #254183;

    font-size: 1.2em;

    font-weight: bold;

}

.liste-res .doi {

    font-size: 1em;

    padding-top: 10px;

}

.liste-res .ajout-panier {

    color: #254183;

    font-size: 0.9em;

    font-weight: bold;

    float: right;

}

.liste-res .titre {

    color: #0071b9;

    font-size: 1em;

    

}

.liste-res .infos {

    color: #000000;

    font-size: 0.8em;

}

.sommaire-detail {

    margin-top: 30px;

}

.sommaire-detail h2 {

    text-align: center;

    color: #0071b9;

    font-size: 1.5em; 

    padding-bottom: 10px;

}

.sommaire-detail .niveau1 {

    text-align: center;

    color: #cc071e;

    font-size: 1em;

    font-weight: bold;

}

.sommaire-detail .niveau2 {

    color: #254183;

    font-size: 1em;

}

.sommaire-detail ul li {

    font-size: 0.9em;

    margin-bottom: 5px;

}

.sommaire-detail a {

    color: #000000;

    text-decoration: none;

}

.sommaire-detail a:hover {

    color: #cc071e;

    text-decoration: none;

}

.sommaire-detail .auteur a {

    color: #0071b9;

    text-decoration: none;

}

.sommaire-detail .auteur a:hover {

    color: #cc071e;

    text-decoration: none;

}

.centre .article {

    margin-top: 30px;

    margin-bottom: 20px;

}

.article h1 {

    color: #0071b9;

    font-size: 1.5em;

}

.article h2 {

    color: #254183;

    font-size: 1.2em;

    font-weight: bold;

}

.article .titre {

    color: #0071b9;

    font-size: 1.2em;

    text-align: center;

}

.article .doi {

    font-size: 1em;

    padding-top: 10px;

    padding-bottom: 20px;

}

.article .ajout-panier {

    color: #254183;

    font-size: 0.9em;

    font-weight: bold;

    float: right;

}

.free_access {

    width: 20%;    

}

.free_access p {

	background-color: #ffed00;   

    padding: 5px;

    margin-bottom: 30px;

    font-size: 0.9em;

	color: #000000;

	font-weight: bold;

    text-align: center;  

    

}

.titleHome{
    color: black;
    font-family: ui-serif;
    text-align: center;
    font-size: 2.8em;
}

.textDecoration{
    color: black;
    font-family: ui-serif;
    text-align: center;
}

.colorElement{
    background-color: #ffed00;   
}



.free_access_petit {

	background-color: #ffed00;   

    padding: 3px;

    margin-bottom: 1px;

    font-size: 0.8em;

	color: #000000;

	font-weight: bold;

    text-align: center;  

    

}

.article .auteurs {

    color: #000000;

    font-size: 0.9em;

    text-align: center;

}

.article .infos {

    color: #000000;

    font-size: 0.8em;

}

.article .infos-petit {

    color: #000000;

    font-size: 0.7em;

    margin: 50px;

}

.texte {

    margin-top: 30px;

    margin-bottom: 20px;

}

.texte h1 {

    color: #0071b9;

    font-size: 1.5em;

}

.texte h2 {

    color: #cc071e;

    font-size: 1.2em;

}

.texte h3 {

    color: #254183;

    font-size: 1.1em;

    font-weight: bold;

}

.centre p {

    color: #000000;

    font-size: 0.8em;

}

.alpha p {

    color: #254183;

    font-size: 0.9em;

    font-weight: bold;

}

.alpha .encours {

    font-size: 1.1em;

}

.liste-col a {

    text-decoration: underline;

    color: #000000;

}

.liste-col a:hover {

    text-decoration: none;

    color: #0071b9;

}

.form-check {

    margin-top: 10px;

}

.form-check-label {

    font-size: 0.8em;

    padding-left: 20px;

}

.txt0-8 {    

    font-size: 0.8em;

}

.txt0-7 {    

    font-size: 0.7em;

}

.txt0-9 {    

    font-size: 0.9em;

}

.txt1 {    

    font-size: 1em;

}

.txt1-1 {    

    font-size: 1.1em;

}

.txt1-2 {    

    font-size: 1.2em;

}

.txt1-3 {    

    font-size: 1.3em;

}

.txt1-4 {    

    font-size: 1.4em;

}

.txt1-5 {    

    font-size: 1.5em;

}

.drapeau {

    float: right;

}

#centre_portedoc h3 {	

	font-size: 1em;

	font-weight: bold;

	color: #cc071e;

	margin-top: 10px;

	margin-bottom: 0px;

	padding-top: 10px;

    padding-left: 30px;

	text-align: left;	

	border-bottom-width: 1px;

	border-bottom-style: dashed;

	border-bottom-color: #0071B9;

	margin-right: 20px;

}

#centre_portedoc .etape1 {

	background-image: url(../img/etapes/etape_01_seule.gif);

	background-repeat: no-repeat;

	background-position: 2px;

}

#centre_portedoc .etape2 {

	background-image: url(../img/etapes/etape_02_seule.gif);

	background-repeat: no-repeat;

	background-position: 2px;

}

#centre_portedoc .etape3 {

	background-image: url(../img/etapes/etape_03_seule.gif);

	background-repeat: no-repeat;

	background-position: 2px;

}

#centre_portedoc h4 {	

	margin-bottom: 10px;

	color: #0071b9;

    font-size: 0.9em;

    font-weight: bold;

}

#centre_portedoc h3 a {

	color: #000;

	font-weight: normal;

}

#centre_portedoc h3 a:hover {

	color: #0071B9;

	font-weight: normal;

	text-decoration: none;

}

#centre_portedoc table {	

	margin-left: 50px;

	width: 80%;

	border-width: 1px;

	border-style: solid;

	border-color: #254183;	

	font-size: 0.8em;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

}

#centre_portedoc .sans-bordure {

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}

#centre_portedoc table p {

	margin: 0px;    

    font-size: 1em;

}

#centre_portedoc table a {

	color: #000;

}

#centre_portedoc table a:hover {

	color: #0071B9;

}

#centre_portedoc .btn {

    background-color: #0071b9;

    color: #FFFFFF;

    font-size: 0.8em;

    font-weight: bold;  

    margin-top: 20px;

}

#compte h3 {	

	font-size: 1em;

	font-weight: bold;

	color: #cc071e;

	margin-top: 10px;

	margin-bottom: 0px;

	padding-top: 10px;

    padding-left: 30px;

	text-align: left;	

	border-bottom-width: 1px;

	border-bottom-style: dashed;

	border-bottom-color: #0071B9;

	margin-right: 20px;

}

#compte .non-id {

	background-image: url(../img/contact/user_nonid.gif);

	background-repeat: no-repeat;

    background-position: 2px;

}

#compte .id {

	background-image: url(../img/contact/user.gif);

	background-repeat: no-repeat;

    background-position: 2px;

}

#compte .mdp {

	background-image: url(../img/contact/user_mdp.gif);

	background-repeat: no-repeat;

    background-position: 2px;

}

#compte .panier {

	background-image: url(../img/contact/panier.gif);

	background-repeat: no-repeat;

    background-position: 2px;

}

#contact h3 {	

	font-size: 1em;

	font-weight: bold;

	color: #cc071e;

	margin-top: 10px;

	margin-bottom: 0px;

	padding-top: 10px;

    padding-left: 30px;

	text-align: left;	

	border-bottom-width: 1px;

	border-bottom-style: dashed;

	border-bottom-color: #0071B9;

	margin-right: 20px;

}

#contact .bulle {

	background-image: url(../img/contact/bulle.gif);

	background-repeat: no-repeat;

	background-position: 0px 2px;

}

#contact .maison {

	background-image: url(../img/contact/maison.gif);

	background-repeat: no-repeat;

	background-position: 0px 2px;

}

#editeur h3 {

	color: #c90011;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1em;

	font-weight: bold;

	text-align: left;

	margin-top: 20px;

	margin-bottom: 20px;

	margin-left: 25px;

	padding-left: 33px;

	padding-top: 5px;

	border-bottom-width: 1px;

	border-bottom-style: dashed;

	border-bottom-color: #0071B9;

	margin-right: 25px;

	background-image: url(../img/archives/point.gif);

	background-repeat: no-repeat;

	background-position: left;

}

#editeur ul {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 0.8em;

	text-align: left;

	margin-left: 30px;

	margin-top: 0px;

}

#editeur ul li {

	margin-left: 30px;

}

#editeur .decouverte {

	background-image: url(../img/popup/puce.gif);

	background-repeat: no-repeat;

	padding-left: 20px;

	background-position: 0px 4px;

}

#editeur .decouverte .bleu {

	font-weight: bold;

	color: #0071B9;

}

.editeur {

    background-color: #c5dae6;
    padding-top: 10px;   

}

.editeurHome {

    background-color: #aebe83;
    padding-top: 10px;   

}








@media screen and (max-width: 768px) {

    .ecran-normal {

        display: none;

    }

    .ecran-smartphone {

        display: block;

    }

    .menu ul li {

        display: list-item;

        margin-bottom: 10px;

        padding-left: 10px;

        padding-right: 10px;

        line-height: 1.2em;

        text-align: center;

        vertical-align: middle;

    }

    .menu ul li a, .menu2 ul li a {

        color: #0071b9;

        text-decoration: none;

    }

    header {

        overflow: hidden;    

        position: relative; 

        top: 0; 

        width: 100%; 

        background-color: #FFFFFF;

        z-index:1;

    }

    .main {

        margin-top: 10px;

    }

}



@media screen and (max-width: 992px) and (min-width: 769px) {

    .main {

        margin-top: 190px;

    }



}



@media screen and (min-width: 1400px) {

    .recherche .form-control {

        border: 1px solid #CC071e;

        font-size: 1rem;

        width: 500px;

        

    }    

}