/* Update 24-11-2021 */
/* Time of the update : 17h20 */

body {
    margin: 0;
    padding: 0;

}
div {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

a {
    color: #2e1475;
}

h1 {
    padding: 0;
    margin: 0;
    font-family: Times New Roman, Times, serif;
    font-weight: 100;
    font-size: 2.6rem;
    color: #2e1475;
    background: transparent url(../images/titreconseil.png) no-repeat center 58px;
    width: 348px;
    float: left;
    height: 80px;
    text-align: center;
    display: block;
}

h2 {
    color: #000080;
    font-size: 1rem;
	font-style: italic;
}
.content h2:nth-of-type(2) {
    margin-top: 40px;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url(https://www.mipcom.com/RM/RM_Revamp1/dev/img/fancybox/fancybox_overlay.png);
}

.hide {display: none;}
.show {display: block;}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.container {
    width: 100%;
    margin: 0 auto;
    max-width: 657px;
    position: relative;
    display: block;
    border: solid 1px #ddd;
    height: 100%;
    border-radius: 52px;
    background-color: #fff;
}
.colLeft {
    background: transparent url(../images/bngche.png) no-repeat;
    width: 125px;
    display: block;
    float: left;
    height: 530px;
}
.colLeft li {
    clear: both;
}
.colLeft li, .colLeft li a {
    display: block;
    float: left;
    height: 69px;
    width: 100%;
}
.colLeft li.logo {
    height: 90px;
}
.colLeft li.ideo-conseil a {
    background-image: url('../images/btideo1.gif');
 }
 .colLeft li.ideo-conseil a:hover {
    background-image: url('../images/btideo2.gif');
 }
.colLeft li.savoirFaire a {
   background-image: url('../images/btsavoir1.gif');
}
.colLeft li.savoirFaire a:hover {
    background-image: url('../images/btsavoir2.gif');
 }
 .colLeft li.savoirFaire a:focus {
    background-image: url('../images/btsavoir3.gif');
 }
.colLeft li.Outils a {
    background-image: url('../images/btoutil1.gif');
}
.colLeft li.Outils a:hover {
    background-image: url('../images/btoutil2.gif');
}
.colLeft li.Refs a {
background-image: url('../images/btrefs1.gif');
}
.colLeft li.Refs a:hover {
    background-image: url('../images/btrefs2.gif');
    }
.colLeft li.Contact a {
    background-image: url('../images/btcontact.gif');
} 
.colLeft li.Contact a:hover {
    background-image: url('../images/btcontact2.gif');
} 
.colRight {
    width: 530px;
    display: block;
    float: left;
    height: 530px;
/*    background: #3e7aaf;*/
}
.header {
    width: 100%;
    height: 103px;
    background: transparent url(../images/bnht.png) no-repeat right top;
}
.header img, .header a {
    margin: 0;
    padding: 0;
    border: 0;
    float: left;
}
.header img {
    margin: 0;
    padding: 0;
    border: 0;
    float: left;
}

.content {
    float: left;
    clear: both;
    width: 100%;
}
.content div {
    padding: 20px;

}

.content p.blockquote, .content ul {
    padding-left: 25px;
}
.content ul li {
    background: transparent url("../images/iconbout.gif") no-repeat scroll left center;
    list-style: outside none none;
    margin: 0;
    padding: 0 0 0 15px;
}

#Titreindex {
    position: absolute;
    left: 95;
    top: 0;
    width: 347;
    height: 103;
    z-index: 20;
    visibility: visible;
}

#Photo {
    position: absolute;
    left: 442;
    top: 0;
    width: 88;
    height: 103;
    z-index: 26;
}

#Prix {
    position: absolute;
    left: 0px;
    top: -8px;
    width: 95;
    height: 103;
    z-index: 23;
}
#Titreideo {
    position: absolute;
    left: 95;
    top: 0;
    width: 347;
    height: 103;
    z-index: 21;
/*    visibility: hidden;*/
}
div#Savoirfaire {
    position: absolute;
    left: 95;
    top: 0;
    width: 347px;
    height: 103;
    z-index: 16;
/*    visibility: hidden;*/
}

div#Ideoconseil {
    position: absolute;
    left: 0;
    top: 90px;
    width: 347px;
    height: 103;
    z-index: 16;
}

div#Outils {
    position: absolute;
    left: 95;
    top: 0;
    width: 347;
    height: 103;
    z-index: 15;
/*    visibility: hidden;*/

}

#Refs {
    position: absolute;
    left: 95px;
    top: 0;
    width: 347;
    height: 103;
    z-index: 14;
/*    visibility: hidden;*/
}

div#Contact {
    position: absolute;
    left: 95;
    top: 0;
    width: 347;
    height: 103;
    z-index: 13;
/*    visibility: hidden;*/
}

div#Bannieregauche {
    position: absolute;
    left: 0;
    top: 0;
    width: 125;
    height: 455;
    z-index: 4;
    background-image: url(../images/bngche.png);
    layer-background-image: url(../images/bngche.png);
    border: 1px none #000000;
}

div#drapeau {
    position: absolute;
    left: 30px;
    top: 26px;
    width: 41;
    height: 30;
    z-index: 24;
/*    visibility: hidden;*/
}