/* FOOTER */

.hentry {
    padding: 0;
}

.widget a {
    color: #fff;
    font-size: 10px;
}

#supplementary div {
    display: table;
}

/* FIRST AREA */

#supplementary {
	color: #fff;
	padding: 1% 0 0 20%;
	height: 200px;
}

#supplementary h3 {
	font-size: 14px;
	color: #2E99C8;
}

#first {
	background: url(../images/about-bg.png) no-repeat 0 0;
	background-size: 100%;
}

/* SECOND AREA */

#second {
	background: url(../images/map-bg.png) no-repeat 0 0;
	background-position-y: 	40px;
}

#second .textwidget {
	margin-top: 25px;
    margin-left: 0;
	font-size: 10px;
	font-weight: bold;
}

/* THIRD AREA */

#third {
	width: 120px !important;
}

.menu-epitech-2-0-container {
	float: left;
    position: relative;
    margin: 0px;
    padding-top: 10px;
    height: 145px;
}

.menu-epitech-2-0-container #menu-item-129 a {
    background: url("../images/facebook.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 29px;
    text-indent: -9999px;
    width: 29px;
}

.menu-epitech-2-0-container #menu-item-130 a {
    background: url("../images/twitter.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 29px;
    text-indent: -9999px;
    width: 29px;
}

.menu-epitech-2-0-container #menu-item-131 a {
    background: url("../images/viadeo.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 29px;
    text-indent: -9999px;
    width: 29px;
    position: absolute;
    top: 10px;
    left: 50px;
}

.menu-epitech-2-0-container #menu-item-132 a {
    background: url("../images/webtv.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 29px;
    text-indent: -9999px;
    width: 29px;
    position: absolute;
    top: 50px;
    left: 50px;
}
.menu-epitech-2-0-container li {
	list-style-type: none;
    padding: 0 0 11px;
} 

.home .entry-title {
    display: block;
}
.entry-content h3 {
    color: #fff;
    background: url("../images/bg-widget.png") no-repeat;
    border: none;
    font-size: 20px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    height: 36px;
    font-family: 'AgendaMedium', Arial;
    font-weight: normal;
    font-style: normal;
    background-size: 100%;
}

/* FOURTH AREA */
#four {
    width: 130px !important;
}

.colRightPics {
    position: absolute;
    top: 15%;
    right: 5%;
    width: 40%;
}

.colLeftPics {
    position: relative;
    top: 15%;
    left: 5%;
    width: 25%;
}

.colRightText {
    position: relative;
    float: left;
}

/* Site Generator */


#site-generator {
    background-color: #000;
    color: #8e9198;
    line-height: 1.2em;
    padding: 2em 0.5em;
}

#site-generator a {
    color: #8e9198;
}

#Ecoles {
    width: 100% ;
    height: 62px;
    font-size: 10px;
    text-align: center;
    font-family: arial;
    margin: auto;
    clear: both;
    margin-top: -10px;
}

#Ecoles p {
    padding: 10px;
    margin-top: 0px;
}


#footer
{
 background: url(../images/bg-header2.png) repeat 0 0;
  width: 100%;
  height: 229px;
  margin: auto;
  clear: both;
}

#ContenuFooter
{
  height: 185px;
  padding-left: 10px;
  padding-right: 10px;
 padding-top: 20px;
 width: 970px;
 margin: auto;
}

#ContenuFooter h5
{
  margin-top: 0px;
}

#About
{
  float: left;
  width: 310px;
  background: url("../images/bg/about-bg.png") no-repeat center;
  font-size: 11px;
  color: #cccccc;
  position: relative;
  padding: 0px;
  height: 143px;
  background-position: center;
}

#About p
{
  width: 270px;
  padding-left: 35px;
}

#About h5
{
  font-family: 'Helvetica45LightRegular', Arial;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  color: #ffffff;
  padding-left: 35px;
  /*margin-top: 10px; */
}

#Map
{
  float: left;
  font-size: 11px;
  color: #cccccc;
  background: url("../images/bg/map-bg.png") no-repeat bottom;
  width: 271px;
  height: 190px;
  padding-left: 25px;
  margin: 0px;
}

#Map h5
{
  font-family: 'Helvetica45LightRegular', Arial;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;

}

#Map p
{
  padding-top: 38px;
}

#Web
{
  float: left;
  position: relative;
  margin: 0px;
  /*padding-top: 10px; */
  height: 209px;
}

#Web h5
{
  font-family: 'Helvetica45LightRegular', Arial;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  padding-left: 40px;
}

#Web li
{
  list-style-type: none;
  padding: 16px 0 1px;
}
#Web a
{
  background: url("../images/logos/epitech20-link.png") no-repeat scroll 0 0 transparent;
  display: block;
  height: 29px;
  text-indent: -9999px;
  width: 29px;
}

#Web .facebook
{
  background-position: 0 -46px;
}

#Web .twitter
{
  background-position: 0 -92px;
}

#Web .viadeo
{
  background-position: -42px 0px;
  left: 86px;
  position: absolute;
  top: 42px;
}

#Web .webtv
{
  background-position: -42px -46px;
  left: 84px;
  position: absolute;
  top: 82px;
}

#Information
{
  float: right;
  /*margin-top: 10px;*/
}

#Information h5
{
  font-family: 'Helvetica45LightRegular', Arial;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  padding-left: 40px;
}

#Information ul
{
  list-style-type: none;
  padding-right: 10px;
}

#Information li:before
{
  color: #ffffff;
  content: "- ";
}

#Information ul li a
{
  color: #ffffff;
  text-decoration: none;
  font-size: 10px;
}

#Information ul li a:hover
{
  text-decoration: underline;
}
#ecolewidth
{
width:100%;
background: #010102;
}

#Ecoles
{
  width: 970px;
  height: 62px;
  color: #8e9198;
  font-size: 10px;
  text-align: center;
  font-family: arial;
  margin: auto;
  clear: both;
  /*margin-top: -10px;*/
}

#Ecoles p
{
  padding: 10px;
  margin-top: 0px;
}

#Ecoles a
{
 color: #8e9198;
 text-decoration: none;
}

#Ecoles a:hover
{
  text-decoration: underline;
}

#Ecoles a:visited
{
  border: none 0px;
}

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

    footer {
      width: 130%;
    }
    #ecolewidth {
      width: 130%;
    }
   
}