.container {
  width: 940px;
  margin: 0 auto;
}
/* A partir de là j'ai le droit de tripatouiller la css */

body {
background-color: #fff;
background-image : url(/public/img/fond.jpg);
background-repeat : no-repeat;
background-position : top center;
margin:0;
padding: 0;
font-family: arial, sans-serif;
color: #2e363b;
}

div.header, div.footer, div.content{

}

div.header {
height: 180px;;
}

div.header h1{
display: none;
}

div.colright{
}

/*Menu */

div.menu{
  margin-top: 8px;
  font-size: 13px;
  color: #2e363b;
}

div.menu ul{

margin: 0;
padding: 0;

list-style: none;
border: none;
}

div.menu ul li{
/*
margin: 0;
padding: 0;
*/
 padding: 10px 0px 0px 0px;
}

div.menu a img{
  text-decoration: none;
  border: none;
}

div.margehorizontale10{
margin: 0;
padding : 0;
height: 10px;
}

hr{
background: #4b5860; 
  color: #4b5860;
  clear: both; 
  float: none; 
  width: 100%; 
  height: 1px;
  margin: 0px 0 0 0;
  padding: 0;
  border: none; 
}

div.margehorizontale20{
  margin: 0;
padding : 0;
height : 20px;
}

div.colibri{
  margin-top: 90px;
  margin-bottom: 40px;
  font-size: 11px;
  color: #2e363b;
  text-align:left;
}

/* Content*/

div.content{
font-size:11px;
}

div.content .edito{
margin-top: 0px;
margin-bottom: 0px;
font-size: 11px;
line-height : 13px;
text-align: justify;
}

div.content .edito .titre{
margin-bottom: 5px;
}

div.content p.video a{
text-decoration: underline;
font-weight:bold;
  font-size: 11px;
  color: #2e363b;
}

div.content p.video img{
padding-right:5px;
}

div.content .edito img.signature{
margin-top:0px;
}


#video1{
padding-top:0px;
}

* html #video1{
padding-top:0px;  
}

/* Blog Accueil*/


div.content .blog{
font-size: 11px;
}

div.content .blog .date{
margin-top: 20px;
margin-bottom: 5px;
}

div.content .blog .titre{
margin:0px;
margin-bottom: 15px;
line-height : 16px;
}

div.content .blog .titre a{
line-height : 16px;
margin:0px;
font-size: 16px;
color: #313a3f;
font-weight: bold;
text-decoration:none;
}

div.content .blog .titre a:hover{
margin:0px;
font-size: 16px;
color: #313a3f;
font-weight: bold;
text-decoration:underline;
}

div.content .blog .chapo{
font-size: 11px;
text-align: left;
line-height : 13px;
font-weight: bold;
}

div.content .blog  p a{
font-weight: bold;
padding-left: 0px;
text-decoration: underline;
color: #2e363b;
text-align: right;
}

div.content .blog hr{
background: #928c78; 
  color: #928c78;
  clear: both; 
  float: none; 
  width: 100%; 
  height: 1px;
  margin: 0px 0 0 0;
  padding: 0;
  border: none; 
}

/* Page Blog*/


div.content .page-blog{
font-size: 11px;
}

div.content .page-blog .article .date{
background: url(/public/img/fond-date.jpg) top left no-repeat;
height: 60px;
margin-top: 0px;
margin-bottom: 0px;
font-weight: bold;
text-align: center;
padding-top : 10px;
line-height : 12px;
color: #646259;
}

div.content .page-blog .article .titre{
line-height : 18px;
margin:0px 0 00px 0;
font-size: 18px;
color: #313a3f;
font-weight: bold;
text-decoration:none;
}

div.content .page-blog .article .titre a{
line-height : 18px;
margin:0px 0 00px 0;
font-size: 18px;
color: #313a3f;
font-weight: bold;
text-decoration:none;
}

div.content .page-blog .article .titre a:hover{
line-height : 18px;
margin:0px 0 00px 0;
font-size: 18px;
color: #313a3f;
font-weight: bold;
text-decoration:underline;
}

div.content .page-blog .article .post{
margin:5px 0 20px 0;
font-size: 10px;
color: #313a3f;
}

div.content .page-blog .article .chapo{
font-size: 11px;
text-align: left;
line-height : 14px;
font-weight: bold;
text-align: justify;
}

div.content .page-blog .article .texte {
font-size: 11px;
text-align: left;
line-height : 14px;
margin-bottom: 20px;
text-align: justify;
}

div.content .page-blog  .article p a{
font-weight: bold;
padding-left: 0px;
text-decoration: underline;
color: #2e363b;
text-align: right;
}

div.content .page-blog .article hr{
background: #c4c4c4; 
  color: #c4c4c4;
  clear: both; 
  float: none; 
  width: 100%; 
  height: 1px;
  margin: 0px 0 20px; 0;
  padding: 0;
  border: none; 
}

div.content .page-blog .article img{
  margin: 5px 0 0px 0;
  width: 370px;
  border: 1px solid #c4c4c4;
  padding: 4px;
  background-color: #f8f7ec;
}

div.content .page-blog .article img.fleche{
  width:11px;
  height:13px;
  margin:0px;
  border: none;
  padding:0px 5px 0 0;
  background-color: white;
}

div.content .page-blog .article ul{
margin: 10px 0 10px 20px;
padding: 0;
list-style: square;
}

div.content .page-blog .col-right ul{
list-style-image: url(/public/img/fleche-dessin.gif);
margin : 0 0 0 0px;
padding: 0 0 0 30px;
}

div.content .page-blog .col-right ul li{
margin: 5px 0 0 0;
background-color: #f8f7ec;
}

div.content .page-blog .col-right ul li a{
text-decoration: none;
color: #313a3f;
text-align: right;
margin : 0;
}

div.content .page-blog .col-right ul li a:hover{
text-decoration: underline;
color: #313a3f;
text-align: right;
margin : 0;
}

div.content .page-blog .lien{
margin : 0 0 25px 0;
}

div.content .page-blog .lien a{
padding-left: 5px;
font-weight: bold;
text-decoration: underline;
color: #2e363b;
text-align: right;
}

div.content .page-blog .lien img{
  margin:0px;
  padding: 0;
  border: none;
  background-color: white;
  width: 6px;
}

/* Articles*/
img.titrearticle{
margin: 20px 0 15px 0;
}

p.legallais-part {
color:#464c4e;
}

p.interview {
background: url(/public/img/guillemets.gif) top left no-repeat;
}

p.lien a{
font-weight: bold;
padding-left: 0px;
text-decoration: underline;
color: #2e363b;
}

.lydie {
background-color: #f0ece0;
padding: 5px;
margin-bottom: 15px;
}

.lydie img{
vertical-align : middle;
}

.lydie a{
text-decoration: underline;
font-weight:bold;
font-size: 11px;
color: #2e363b;
padding-left: 10px;

}

.liensblog {
background-color: #f0efde;
padding : 3px 15px 3px 15px;
}

.liensblog img{
margin-bottom : 5px;
}

/* Footer*/

div.footer p{
margin:0;
padding:0;
font-size: 11px;
}

div.footer p a{
margin:0;
padding:0;
color: #2e363b;
text-decoration: underline;
}

div.footer p a:hover{
margin:0;
padding:0;
text-decoration: underline;
color: black;
}

div.footer hr{
background: #79776f; 
  color: #79776f;
  clear: both; 
  float: none; 
  width: 100%; 
  height: 1px;
  margin: 0px 0 0 0;
  padding: 0;
  border: none; 
}

div#header:hover{
  cursor:pointer;
}