/* CSS Document */
/*reset.css*/
html { font-size:100%; }


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}

ol,ul {list-style:none;}

caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

abbr,acronym {border:0;}

/*fonts.css*/
select, input, textarea {font-size:99%; font-family:'Lucida Sans Unicode', 'Lucida Grande', LucidaGrande,'Lucida Sans', Geneva, Arial, sans-serif;}
body * {line-height:1.22em;}
body {
   margin: 0px;
   padding: 0px;   
   font-family: 'Lucida Sans Unicode', 'Lucida Grande', LucidaGrande,'Lucida Sans', Geneva, Arial, sans-serif;
   font-size: 11px;
   color: #37393B;
   text-align: center;
   background: #89B9D6 url(/extension/smilecespharm/design/cespharm/images/css/bg_body.jpg) repeat-x top left;
}
h1, h2, h3, h4, h5, h6, p, form, input{
  margin: 0px;
  padding: 0px;
}
h1, h2, h3, h4, h5, h6{
 	font-weight: bold;
}
a {
    background-color: transparent;
    text-decoration: none;
    font-size: 90%;
    color: #39489E;
}
a:hover{
  text-decoration: none;
}
p{
    max-width:560px;
}
a.green
{
    color: #319494;
}
ul {
  margin:0px;
  padding:0px;
  list-style-type: none;
}
fieldset{
	border: none;
	padding: 0px;
	margin: 0px;
}
legend {
  display: none;
}
img {
   border: none;
   vertical-align:middle;
}
input {
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', LucidaGrande,'Lucida Sans', Geneva, Arial, sans-serif;
	vertical-align:middle; 
}
strong {
	font-weight: bold;
}

.breadcrumb {
    background: transparent;
    padding: 0;
    margin: 0 20px;
    border-radius: 0;
    list-style: none;
    font-size: 90%;
  }

.breadcrumb li:first-child {
    /*padding-left: 0;*/
}
.breadcrumb >li {
    display: inline-block;

}
.breadcrumb li {
    position: relative;
    padding: 0 0 0 20px;
    font-size: 90%;
}
.breadcrumb li a {
    color: #282626;
}
.breadcrumb li:before {
      content: '';
      position: absolute;
      display: block;
      width: 12px;
      height: 12px;
      left: 0;
      top: 3px;
      background: transparent;
      border-top: 1px solid  #282626;
      border-right: 1px solid  #282626;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
  }
.breadcrumb li::before {
    width: 7px;
    height: 6px;
   }
::after, ::before {
    box-sizing: border-box;
}
.page-title > h1 {
    display: block;
    font-size: 163%;
    font-weight: bold;
    width: auto;
    padding:20px 0 5px 0;
    background: url(../images/css/bg_sepa_titre.png) no-repeat bottom;
    color: #319494;
}
.breadcrumb a:hover{
    color: #319494;
}
.breadcrumb li:last-of-type{
    color: #319494;
}
.page-title > span{
    float: right;
    font-style: italic;
    margin-top: -40px;
    margin-right: -30px;
    color: #319494;
}
.page-title , .text-uppercase{
    padding: 10px 0 10px 20px;

}
#zone_crea44297, #edit-actions{
    display:none;
}
.actualities-list-block--date{
    background: #319494;
    color: #ffffff;
    text-align: center;
    padding: 2px;
    position: relative;
    left: -18px;
    top:auto;
    min-width: 40px;
    min-height:40px;
    text-transform: uppercase;
    font-size: 14px;
    float:left;
}
.nav-tabs{
    font-size: 100%;
    color: #39489E;
    display: flex;

}
.nav-tabs > li{
    justify-content: space-between;
    padding: 20px 20px 20px 40px;

}

.nav-tabs a{
    color: #319494;
}
.actualities-list-block--title .pages #col_center .content h2{
    width: auto !important;
}
#first{
width:350px;
}
#second{
width: 173px;
}
#third{
width: 410px;
}
.tab-content{
    display: flex;
}
.img-left img, .actualities-list-block--image img , .clearfix table-inside img{
    width:100px !important;
    height:100px!important;
}