/* Typographie generale */
html { font-family:Arial, Helvetica, sans-serif; font-size:1em; line-height:1.2em;}
body { padding:0; margin:0; }

    a {text-decoration:none; }
    a:hover { text-decoration:underline; }
    img{height: auto; width: auto; max-width:100%; border:none} 
    p {margin:0;}
    ul.actions, dl.article-info, ul.pagenav, h1 {display:none;}
    h2{font-weight:lighter!important; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-align:left; letter-spacing:-0.06em; font-size:1.6em; line-height:.8em;
margin:0 0 15px 0; background:/*#12131B*/#2f3329; padding:45px 5px 5px 5px }


#page {width:100%; margin:0 auto; position:relative; min-height:100%;}
#links {text-align:center; background:#2f3329; padding:10px 0 0 0; margin:0}
     img.picto{height:25px; width:auto; margin:-50px 2% 30px 2%}
     #links div.customlogoa {position:relative; padding:0 20px;margin:0 auto; text-align:center}
     img.logo {width:100px!important; height:100px!important}
#conteneur { width:70%;max-width:1500px;margin:0 auto; padding:15px; height:100%;}
div#diapo { width:22%; float:left; background:#121410; padding:10px }
#content {margin-left:25%}
html body div#page div#conteneur div#content div.blog div.items-row div.item{width:30%; padding:0; float:left;margin:0 1%; background:#68725b; color:#e0dbbf; font-size:0.9em}
div.item.column-1 p, div.item.column-2 p, div.item.column-3 p{padding:0 15px 15px 15px;}
div.customacc {padding:15px; }
div.items-leading p, div.item-page p{padding:0 15px ;}

    .camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont {background:#2f3329; padding:20px 0}



.baseline {font-size: .8em; margin:20px auto 0 auto;background:#121410; width:100%; z-index:300;}
    div.customfootera {position:relative; width:20%; padding:10px 20px;float:left; text-align:right; /*border-left:1px solid #AA9881*/; margin-left:15% }
    div.customfooterb {position:relative; width:25%; padding:10px 10px;/*border-right:1px solid #AA9881;border-left:1px solid #AA9881;*/float:left; text-align:center; }
    div.customfooterc { position:relative; width:20%; padding:10px 20px 0 20px;/*border-right:1px solid #AA9881; */float:left; text-align:left;}

/*MENU*/
div#menuh.maximenuckh div.maxiroundedcenter ul.menu{text-align:center; background:#2f3329; padding:10px 0; width:100%; float:none; display:block;}
div#menuh.maximenuckh div.maxiroundedcenter ul.menu li.maximenuck{
background :none;list-style : none;border: 1px solid transparent;text-align:center; border-right:1px solid #AA9881; padding: 2px 2.5%;}
html body div#page div#links div#menuh.maximenuckh div.maxiroundedcenter ul.menu li.maximenuck.item136{padding-right:1.5%;}
html body div#page div#links div#menuh.maximenuckh div.maxiroundedcenter ul.menu li.maximenuck.item136 a{padding-right:30px;
background-image:url(../images/arrow_white_grey.png); background-repeat:no-repeat; background-position:right 8px}
html body div#page div#links div#menuh.maximenuckh div.maxiroundedcenter ul.menu li.maximenuck.item136:hover a{
background-image:url(../images/arrow2_grey.png); background-repeat:no-repeat; background-position:right 8px}
html body div#page div#links div#menuh.maximenuckh div.maxiroundedcenter ul.menu li.maximenuck.item154,
html body div#page div#links div#menuh.maximenuckh div.maxiroundedcenter ul.menu li.maximenuck.item170{display:none!important }

div#menuh.maximenuckh div.maxiroundedcenter ul.menu li.maximenuck a{display:inline-block;min-height : 20px; padding: 0;color:#AA9881;}
html body div#page div#links div#menuh.maximenuckh div.maxiroundedcenter ul.menu li.maximenuck:hover, 
div#menuh.maximenuckh div.maxiroundedcenter ul.menu li.maximenuck:hover a, 
div#menuh.maximenuckh div.maxiroundedcenter ul.menu li.maximenuck:hover a:hover, 
div#menuh.maximenuckh div.maxiroundedcenter ul.menu li.maximenuck a:hover{
background : #AA9881;color:#F8EEEC ; text-decoration:none}
div#menuh.maximenuckh div.maxiroundedcenter ul.menu  li.maximenuck.level1.active, div#menuh.maximenuckh div.maxiroundedcenter ul.menu li.maximenuck.level1.active a.maximenuck span.titreck{
color:#F8EEEC}
/*********************2eme niveau*******************************/
ul.menu li.maximenuck div.floatck div.maxidrop-main {margin :-2px 0 0 -45px; padding:10px 0; color:#456 ; text-align:center }
html body div#page div#links div#menuh.maximenuckh div.maxiroundedcenter ul.menu li.maximenuck div.floatck div.maxidrop-main div.maxidrop-main2 div.maximenuck2 ul.maximenuck2 li.maximenuck
{padding:8px 23px 4px 23px;margin:0; border:none; text-align:center;  width:100% ; background : #AA9881;}
html body div#page div#links div#menuh.maximenuckh div.maxiroundedcenter ul.menu li.maximenuck div.floatck div.maxidrop-main div.maxidrop-main2 div.maximenuck2 ul.maximenuck2 li.maximenuck a.maximenuck
{background:none; padding:0 10px}
html body div#page div#links div#menuh.maximenuckh div.maxiroundedcenter ul.menu li.maximenuck div.floatck div.maxidrop-main div.maxidrop-main2 div.maximenuck2 ul.maximenuck2 li.maximenuck:hover {background:#2f3329;}

.itp-share-moditp {
  width: 70%;
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 0 15px 0;
  height: 100%;
  text-align: center;
}
#page > div.baseline > div.itp-share-moditp > div {
  float: none!important;
  display: inline-block;
}