/*
Theme Name: Monolithe Media
Description: Thème du site de l'entreprise Monolithe Media
Version: 1.0
Author: Romaric Annen

*/

/*
div {
  border-width: 1px;
  border-style: solid;
  border-color: white;
}
*/

body {
	background: #000000;/* url('images/top.png') center top no-repeat;*/
	font-family: Gill Sans MT,Verdana;
	}

#logo {
  position: relative;
  margin: 0px 0px 0px 0px;
  padding : 0px 0px 0px 0px;
  width : 230px;
}

/* Liens */
a {
    text-decoration: none;
}
a:link {
    color: white;
}
a:visited {
    color: white;
}
a:hover, a:focus, a:active {
    color: white;
}

#global { 
  background: #000000 url('images/top.png') no-repeat top left;/*center top */
  margin: 0 auto;
  padding : 0px 0px 0px 0px;
  position: relative;
  width: 1000px;
}

#navigation {
  position: relative;
  margin: 3px 0px 0px 95px;
  padding : 0px 0px 0px 0px;
  /*float: right;*/
  text-align : center;
  /*background: url(../images/menu_top.jpg) no-repeat top left;*/
  width : 811px;
}

#navigation ul{
  list-style-type: none;
  /*padding : 1px 0 5px 0;*/
  background : transparent;
  /*margin : 0px 10px 0 20px;*/
  margin:  0px 0px 0px 0px;
  padding : 0px 0px 0px 0px;
  width : 100%;
}

#navigation li { 
  float:left; /*pour IE*/

  display: inline-block;
  margin:  0px 0px 0px 5px;
  padding : 0px 0px 0px 0px;
  height : 23px;
  /*width : 70px;
  text-align : center;*/
  /*border-style: solid;
	border-width: 1px;
	border-color: black;*/
}

#navigation ul li a {
  /*border-width: 1px;
  border-style: solid;
  border-color: white;*/
  text-transform:uppercase;
  text-align : center;
  /*border-style: solid;
	border-width: 1px;
	border-color: black;*/
  /*float : left;*/
  display: inline-block;
  height : 20px;
  width : 100%;
  margin: 0px 0px 0px 0px;
  padding : 5px 0px 0px 0px;
  text-decoration : none;
  background-color : transparent;
  /*background-repeat : no-repeat;*/
  /*vertical-align : top;*/
  font-size : 8pt;
  /*font-weight : bold;*/
  color : #ffffff;
}

#navigation ul li.li-apropos {width : 178px; }
#navigation ul li.li-studiosdeproduction {width : 213px; }
#navigation ul li.li-agencedecommunication {width : 232px; }
#navigation ul li.li-crossmedia {width : 162px; }

#navigation ul li.li-apropos:hover {background-image:url('images/apropos_ro.jpg');}
#navigation ul li.li-studiosdeproduction:hover {background-image:url('images/studiosdeproduction_ro.jpg');}
#navigation ul li.li-agencedecommunication:hover {background-image:url('images/agencedecommunication_ro.jpg');}
#navigation ul li.li-crossmedia:hover {background-image:url('images/crossmedia_ro.jpg');}

#navigation ul li.li-apropos-active {width : 178px;background-image:url('images/apropos_on.jpg');}
#navigation ul li.li-studiosdeproduction-active {width : 213px;background-image:url('images/studiosdeproduction_on.jpg');}
#navigation ul li.li-agencedecommunication-active {width : 232px;background-image:url('images/agencedecommunication_on.jpg');}
#navigation ul li.li-crossmedia-active {width : 162px;background-image:url('images/crossmedia_on.jpg');}



#navigation ul li.li1 a {
        /*background-image:url(../images/bck_nav_active.png);
        background-position : 500px 500px;*/
}

#navigation ul li.li1 a.active, #navigation ul li.li1 a:hover, #navigation ul li.li1 a:focus {
        /*background-position : 0px 0px;
        font-weight:bold;*/
}

#content {
  /*background-color : #362d26;*/
  background: #000000 url(images/bckg.jpg) no-repeat top left;
  width : 1000px;
  margin: 100px auto 0 auto;
  padding: 20px 0px 30px 0px;
  position: relative;
}

#content_lbsn {
  /*background-color : #362d26;*/
  background: #000000 url(images/fond_lbsn.jpg) no-repeat top left;
  width : 1000px;
  height: 970px;
  margin: 100px auto 0 auto;
  padding: 75px 0px 0px 0px;
  position: relative;
  color: black;
}

.post {
  width : 670px;
  margin: 0px auto 0 auto;
  padding: 0px 0px 0px 0px;
  position: relative;
}

.post_lbsn {
  width : 520px;
  margin: 0px auto 0 auto;
  padding: 0px 0px 0px 0px;
  position: relative;
}

#content_lbsn p {
  font-size: 15px;
}

#content_lbsn h2 {
	color: #000000;
	text-transform:uppercase;
	font-size:17px;
	font-weight: normal;
	margin: 20px 0px 5px 0px;
	/*text-indent: 30px;*/
}

.entry_lbsn {
  position: relative;
  margin: 0px 0px 0px 0px;
  padding : 0px 0px 0px 0px;
  height:721px;
}
.sonnette {
  position: relative;
  margin: 0px 0px 0px 78px;
  padding : 0px 0px 0px 0px;
  height:234px;
}


#actu {
  position: relative;
  margin: 100px 0px 0px 0px;
  padding : 0px 0px 0px 0px;
  /*float: right;*/
  /*text-align : center;*/
  background: url(images/cadre_actu.jpg) no-repeat top center;
  width : 1000px;
  height:90px;
}
#actuleft {
  position: relative;
  margin: 0px 0px 0px 0px;
  padding : 40px 0px 0px 0px;
  float: left;
  text-align : center;
  width : 100px;
  text-transform:uppercase;
}
#actucenter {
  position: relative;
  margin: 0px 0px 0px 0px;
  padding : 0px 0px 0px 0px;
  float: left;
  width : 750px;
}
#acturight {
  position: relative;
  margin: 30px 0px 0px 0px;
  padding : 0px 0px 0px 20px;
  float: right;
  /*text-align : center;*/
  width : 80px;
  font-size : 25pt;
}

#actucenter ul {
  list-style-type: none;
  /*padding : 1px 0 5px 0;*/
  background : transparent;
  color: #d5b79a;
  /*margin : 0px 10px 0 20px;*/
  margin:  40px 0px 0px 20px;
  padding : 0px 0px 0px 0px;
  text-transform:uppercase;
  width : 100%;
}

#actucenter a, #actucenter a:hover, #actucenter a:focus, #actucenter a:active {
  color: #d5b79a;
}

#diaporama {
  position: relative;
  margin: 160px auto 0px auto;
  padding : 0px 0px 0px 0px;
  width:790px;
  height:500px;
}

.diapo{
    position:relative;
    margin: 0px 0px 0px 0px;
    padding : 0px 0px 0px 0px;
    width:790px; /* Largeur d'une photo */
    height:500px; /* Hauteur d'une photo */
}
 
.diapo li{
    list-style-type:none;
    overflow:hidden;
    position:absolute /* Les images seront positionnées toutes au même endroit */
}
 

.newsticker {
  color : white;
  list-style-type: none;
}

#annexes {
  position: relative;
  margin: 0px 0px 0px 0px;
  padding : 50px 0px 0px 0px;
  /*float: right;*/
  /*text-align : center;*/
  background: url(images/barrepage_bas.jpg) no-repeat top center;
  width : 1000px;
  text-transform:uppercase;
  
}
#annexes p {
  font-size : 10px;
  margin: 10px 0px 10px 110px;
}
#annexes hr {
  border-width: 1px 0px 0px 0px;
  border-style: solid;
  border-color: #2f2820;
}
#annexes p a {
  font-size : 10px;
  display: inline-block;
  margin: 0px 0px 0px 0px;
  padding: 0px 15px 1px 15px;
/*  border-width: 1px;
  border-style: solid;
  border-color: white;*/
  text-align : center;
  color: #e7c39e;
}
#annexes p a:hover {background: #3f3a34;}

#annexes_inactif {
  font-size : 10px;
  display: inline-block;
  margin: 0px 0px 0px 0px;
  padding: 0px 15px 1px 15px;
/*  border-width: 1px;
  border-style: solid;
  border-color: white;*/
  text-align : center;
  color: #e7c39e;
}

#annexes_lbsn {
  position: relative;
  margin: 0px 0px 0px 0px;
  padding : 50px 0px 0px 0px;
  /*float: right;*/
  /*text-align : center;*/
  /*background: url(images/barrepage_bas.jpg) no-repeat top center;*/
  width : 1000px;
  text-transform:uppercase;
  
}
#annexes_lbsn p {
  font-size : 10px;
  margin: 10px 0px 10px 110px;
}
#annexes_lbsn hr {
  border-width: 1px 0px 0px 0px;
  border-style: solid;
  border-color: #2f2820;
}
#annexes_lbsn p a {
  font-size : 10px;
  display: inline-block;
  margin: 0px 0px 0px 0px;
  padding: 0px 15px 1px 15px;
/*  border-width: 1px;
  border-style: solid;
  border-color: white;*/
  text-align : center;
  color: #e7c39e;
}
#annexes_lbsn p a:hover {background: #3f3a34;}




#bottom {
  position: relative;
  margin: -0px 0px 0px 0px;
  padding : 50px 0px 0px 0px;
  /*float: right;*/
  /*text-align : center;*/
  background: url(images/barre.jpg) no-repeat top center;
  width : 1000px;
  text-transform:uppercase;
  text-align : center;
  /*font-size : 7.5pt;*/
}
#bottom p {
  /*margin: 0px 0px 0px 110px;*/
}
#bottom p a {
  display: inline-block;
  margin: 0px 0px 0px 0px;
  padding: 0px 15px 1px 15px;
/*  border-width: 1px;
  border-style: solid;
  border-color: white;*/
  text-align : center;
}
#bottom p a:hover {background: #3f3a34;}

.barreleft {
  display: inline-block;
  border-width: 0px 0px 0px 1px;
  border-style: solid;
  border-color: white;
}

#copyright {
  position: relative;
  margin: 20px 0px 0px 0px;
  padding : 0px 0px 0px 0px;
  /*float: right;*/
  /*text-align : center;
  background: url(images/barre.jpg) no-repeat top center;*/
  width : 1000px;
  text-transform:uppercase;
  text-align : center;
  /*font-size : 7.5pt;*/
}

.postactus {
  font-family: Helvetica;	
  width : 670px;
  margin: 0px auto 0 auto;
  padding: 20px 0px 30px 0px;
  position: relative;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #a6a6a6;
}

#postactus h2 {
  color: #d5b79a;
	/*text-transform:uppercase;*/
	font-size:10pt;
	font-weight: normal;
	margin: 20px 0px 5px 0px;
}

#postdate {
  margin: 0px 0px 20px 0px;
  font-style:italic;
}

h2 {
	color: #d5b79a;
	text-transform:uppercase;
	font-size:17px;
	font-weight: normal;
	margin: 20px 0px 5px 0px;
	/*text-indent: 30px;*/
}

h3 {
	color: #d5b79a;
	font-size:12pt;
	font-weight: normal;
	margin: 0px 0px 20px 0px;
	/*text-indent: 30px;*/
}


p {
	font-size:10pt;
}



/*
h2 {font-family: gill sans, helvetica, arial;}
p {font-family: helvetica, arial;}
*/