@CHARSET "UTF-8";

body {
    background-color: #ffffff;  
    background-repeat: repeat;
    background-position: left top; 
font-family: arial;
min-width: 320px;
margin: 0;
padding: 0;
}

.logo{
background-color: #1d1e1c;
text-align: center;
margin-bottom: 0.3%;
}

.logo td {
 padding-left: 15px;
 padding-bottom: 15px;
 text-align: center;
}
.logo img {
height:auto;
  max-width: 100%;
  min-width: 40%;
}

h1, h2 {
    color: #e89800;
    font-size: 1 em;
}

h3 {
    color: #5b2268;
    font-size: 0.2 em;
}

h4 {
    color: #5b2268;
    font-size: 0.5 em;
}

h6 {
text-align: center;
border-radius: 5px 5px 0 0;
background-color: #5B2268;
color : white;
font-family: arial;
font-size: 16px;
line-height: 18px; 
padding-top: 10px;
padding-bottom: 10px;
text-transform:none;
margin-top: -5px;
}

#bienvenue {
background-color: #333333;
//background-image: url(http://hal-normandie-univ.archives-ouvertes.fr/public/bandeau_image_5.png);//
background-repeat: no-repeat;
background-size: cover;
min-height: 200px;
padding: 0px 0px;
margin-top: -5px;
}

#bienvenue1 {
background-color: #ffffff;
background-image: url(http://hal-normandie-univ.archives-ouvertes.fr/public/bandeau_image_5.png);
background-repeat: no-repeat;
background-size: cover;
max-width: 1400px;
height: 200px;
margin-top: 15px;
}

#accompagnement {
background-color: #ffffff;
background-image: url(http://hal-normandie-univ.archives-ouvertes.fr/public/bandeau_accompagnement.png);
background-repeat: no-repeat;
background-size: cover;
max-width: 1400px;
height: 200px;
margin-top: 15px;
}

#accompagnement_3 {
background-color: #ffffff;
background-image: url(http://hal-normandie-univ.archives-ouvertes.fr/public/bandeau_extrhal_portail.png);
background-repeat: no-repeat;
background-size: cover;
max-width: 1400px;
height: 200px;
margin-top: 15px;
}



#tutoriels {
background-color: #ffffff;
background-image: url(http://hal-normandie-univ.archives-ouvertes.fr/public/bandeau_tutoriels.png);
background-repeat: no-repeat;
background-size: cover;
max-width: 1400px;
height: 200px;
margin-top: 15px;
}


a {
  font-family: Arial;
  text-decoration:none;
  color: #5B2268;
}

a:hover {
  font-weight: bold;
  font-family: Arial;
  color: #707173;
  text-decoration:none;
}

iframe {
border:0;
}

#container{
background-color: #ffffff;  
padding: 0.5% 0.5%;
}

div, table,label, input, button, select, textarea {
    font-size: 1em;
}
/************
Boutons
************/
.btn-primary,  #search-advanced, .btn-info, .btn-default, .label-success, .btn{
color: white;
background-color: #707173;
border-color: black;
}

.btn-primary:hover, #search-advanced:hover, .btn-info:hover, .btn-default:hover, label-success:hover, .btn:hover{
color: #5b2268;
background-color: #fbf9f9;
}

li>a{
color: #707173;
// background-color: #707173;
border-color: black;
}

list-group-item {
 color: white;
 background-color: #707173;
 border-color: black;

}

/**************
Menu
**************/

.nav-tabs a{
 font-size: 1.2em;
color: white;
background-color: #707173;
text-transform: none;
}

 .nav-tabs a:hover{
   color: #5B2268;
   background-color: #5B2268;
}

/* sous rubriques  */
.dropdown-menu > li > a {
  font-size: 1em;
  color: #5B2268;
  background: #ffffff;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {

  color: black;
  font-size: 1em;
  background-color:#eceded;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover {

   color: #ffffff;
   background-color: #5B2268;
}
/************
Fil d'ariane
************/
.breadcrumb {
color:white;
}

/************
 accueil
*************/
#text-box {
 float:left;
 width:65%;
margin-top: -20px;
padding-left: 0%;
padding-right: 1%;
}

#presentation {
font-family: arial;
font-size: 14px;
}

.pres-gauche {
width:65%;
}

#video {
width:35%;
float: right;
padding-left: 1%;
padding-right: 1%;
}

.video-conteneur {
position:relative;
padding-bottom:56.25%;
height:0;
overflow:hidden;
}
 
.video-conteneur iframe,
.video-conteneur object,
.video-conteneur embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

.citation  {
padding-left: 20px;
}

#barre {
 float:left;
 width:65%;
padding-left: 1%;
padding-right: 1%;
}

#widget-box-right{
 float:right;
 width:35%;
margin-top: -20px;
}

#widget-box-bottom{
display: inline-block;
 width:100%;
}

#widget-box-bottom .widget{
display: inline-block;
float:none;
 width:100%;
margin: auto;
}

table {
 width:100%;
margin: auto;
padding: 2%;
}

#widget-left {
width:50%;
float:left;
padding-right: 1%;
margin-bottom: -3%;
}

#widget-right{
width:50%;
float:right;
padding-left: 1%;
margin-bottom: -3%;
}

#widget-ti{
width:50%;
float:right;
padding-left: 1%;
margin-bottom: -3%;
}

#widget-rf{
width:50%;
float:left;
padding-right: 1%;
margin-bottom: -3%;
}

#bloctext {
width:100%;
border-color: #E3E1E3;
border-style: solid;
border-width: 0.5px;
border-radius: 5px;
background-color: white;
padding-bottom: 10px;
padding-top: 5px;
margin-top: 2%;
}

.text {
padding-left: 10px;
}

/***********
 Widget
***********/
.widget-header {
text-align: center;
border-radius: 5px 5px 0 0;
background-color: #5B2268;
color: white;
font-size: 16px;   
font-weight: normal;   
line-height: 18px; 
text-transform: none;
}

.widget{
border-radius: 5px;
margin-top: 2%;
}
.widget a {
 font-size: 1em;
}

#deuxwidgets {
width:100%;
margin-bottom: 2%;
}

/*************
 Pied de page 
**************/
.footer {
clear: both; 
position: relative;
//background-color:  #1d1e1c;
padding: 0.5% 0.5%;
margin-bottom: 0;
}


.footer span.web-developer-replace-images-with-alt-attributes {
color:white;
}
#foot-contact {
color:white;
width:100%;
background-color: #1d1e1c;
float:left;
text-align:center;
padding-top:1%;
margin:0%;
font-size: 13px;
}

#foot-contact a {
color:white;
}

#foot-contact a:hover {
color:#707173;
}

#foot-logosbox{
width:100%;
float:left;
color:white;
background-color: #1d1e1c;
text-align:center;
padding: 1% 1%;
}
.foot-logobox{
margin:1%;
margin-bottom:10%;
float:none;
color:white;
}
.foot-logoetab{
  width:8%;
color:white;
padding-right: 0.5%;
padding-bottom: 1%;
}