#admin a{
padding:0px;
margin:0px;
display:block;
margin:auto;
margin-top:40px;
width:250px;
height:40px;
background-color:#444;
text-align:center;
border-radius:10px;
font-size:40px;
color:#fff;
}

#admin a:hover{
background-color:#efd34b;
color:#000;
}

#baniere_div1{
position:absolute;
left:38%;
margin-top:130px;
width:250px;
height:250px;
background:url(images/tit1.png);
border-radius:40px;
box-shadow:0px 3px 3px 0px #000;
}

#baniere_div2{
position:absolute;
left:58%;
margin-top:130px;
width:250px;
height:250px;
background:url(images/tit2.png);
border-radius:40px;
box-shadow:0px 3px 3px 0px #000;
}

#baniere_fixe1{
position:absolute;
margin-top:-400px;
height:400px;
}

#baniere_fixe2{
float:right;
margin-top:-400px;
height:400px;
}




#baniere_mobile{
margin:auto;
margin-top:0px;
width:100%;
height:400px;
background-color:#fff;
box-shadow:0px 3px 3px 0px #000;
}


#baniere_principale{
margin:0px;
margin-top:0px;
margin-left:0px;
margin-right:0px;
background-color:#fff;
height:388px;
}





#comunique{
margin:0px;
margin-top:0px;
margin-left:0px;
margin-right:0px;
background-color:#f3f0f0;
height:30px;
}

#corps_du_site{
margin:0px;
margin-top:0px;
margin-left:0px;
margin-right:0px;
background-color:#FFF;
}


#corps_produits{
margin-top:0px;
width:100%;
min-height:900px;
background-color:#f3f0f0;
}

#corps_produits2{
margin:auto;
margin-top:0px;
width:1050;
min-height:900px;
background-color:#f3f0f0;
}



#detail_menu{
position:fixed;
left:20px;
margin-top:0px;
width:725px;
height:350px;
border: 3px solid #000;
}


#detail_produits{
float:left;
margin-left:20px;
margin-top:0px;
width:725px;
height:730px;
}

#detail_produits2{
margin:auto;
margin-top:0px;
width:725px;
height:730px;
}


.elements_menu{
float:left;
margin-top:3px;
margin-left:50px;
width:180px;
background-color:#ccc;
height:25px;
box-shadow:0px 3px 3px 0px #fff;
border-radius:30px;
}

#entete{
margin:0px;
margin-top:0px;
margin-left:0px;
margin-right:0px;
background-color:#68e1ec;
height:120px;
}

#entete_2{
margin:auto;
margin-top:0px;
width:1050px;
background-color:#68e1ec;
height:120px;
}

.equipe{
margin:auto;
margin-top:10px;
width:1030;
height:180px;
background-color:#FFF;
}


.equipe_photo{
float:left;
margin-left:0px;
width:180px;
height:180px;
background-color:#ccc;
}

.equipe_detail{
margin-left:190px;
width:840px;
height:180px;
background-color:#8cf766;
}

#logo{
float:left;
margin-top:5px;
margin-left:0px;
width:130px;
height:110px;
}

.logo_facebook{
margin-top:10px;
margin-left:2px;
background-color:#fff;
border-radius:10px;
width:195px;
height:25px;
box-shadow:0px 3px 3px 0px #fff;
}

#logo_citeivoire{
float:left;
margin-top:5px;
margin-left:15px;
background-color:#fff;
width:85px;
height:45px;
}

#logo_linked{
float:left;
margin-top:10px;
margin-left:15px;
background-color:#fff;
width:50px;
height:45px;
}


#menu{
float:left;
margin-top:5px;
margin-left:55px;
width:600px;
height:110px;
}

#menu2{
margin-top:0px;
margin-left:0px;
margin-right:0px;
background-color:#fbb49e;
height:35px;
}


#menu2_interieur{
margin:auto;
margin-top:0px;
width:1050px;
background-color:#fbb49e;
border-radius:30px;
height:35px;
}

#menu_produits{
float:left;
margin-left:0px;
margin-top:0px;
width:300px;
border-right:2px solid #cecfd5;
height:650px;
}

#menu_produits a{
padding:0px;
margin:0px;
display:block;
width:250px;
background-color:#8cf766;
margin:auto;
margin-top:10px;
text-align:center;
border-radius:5px;
color:#444;
text-decoration:none;
}


#menu_produits a:hover{
background-color:#0a65b1;
color:#fff;
}

#menu_produits h4{
padding:0px;
margin:0px;
display:block;
margin:auto;
margin-top:15px;
width:298px;
height:22px;
text-align:center;
border-bottom:2px solid #000;
color:#000;
}

#menu_produits li{
list-style:none;
}


#pied{
margin-top:10px;
margin-left:0px;
margin-right:0px;
background-color:#444;
height:180px;
}

#presentation{
margin:auto;
margin-top:5px;
width:240px;
height:300px;
background-color:#fff;
padding:3px;
}


#produit1{
float:left;
margin-left:0px;
margin-top:5px;
width:250px;
background-color:#fff;
height:890px;
}

#produit2{
float:left;
margin-left:10px;
margin-top:5px;
width:515px;
background-color:#f3f0f0;
height:890px;
}

#produit2 h3{
font-size:14px;
color:#fff;
}


#produit3{
float:right;
margin-top:5px;
width:260px;
background-color:#fff;
height:890px;
}

#produit3 h3{
display:block;
margin:0px;
padding:3px;
margin:auto;
margin-top:5px;
width:250px;
background:url(images/barre.png);
height:20px;
color:#fff;
font-size:14px;
text-align:center;
border-radius:3px 3px 0px 0px;
}



#produit3_1{
margin:auto;	
margin-top:0px;
background-color:#fff;
width:250px;
height:150px;
background:url(images/img1.jpg);
border: 1px solid #cecfd5;
}

#produit3_2{
margin:auto;	
margin-top:0px;
background-color:#fff;
background:url(images/img1.jpg);
width:250px;
height:227px;
}

#produit3_3{
margin:auto;	
margin-top:0px;
width:90%;
height:226px;
}

#produit3_3 a{
display:block;
width:90%;
height:226px;
background:url(images/question.jpg);
background-position:top;
}

#produit3_3 a:hover{
background-position:bottom;
}



#produit3_4{
margin:auto;	
margin-top:10px;
background-color:#fff;
width:250px;
height:150px;
border: 1px solid #cecfd5;
}

#produit4{
position:absolute;
margin-left:540px;
margin-top:370px;
width:500px;
background-color:#444;
height:350px;
}

#produit4 a{
background:url(images/det4.png);
background-position:top;
}

#produit4 a:hover{
background-position:bottom;
}



#recomandation{
margin:auto;
margin-top:5px;
width:240px;
height:250px;
background-color:#ccc;
}

#reseau_sociaux{
float:left;
margin-top:5px;
margin-left:60px;
width:200px;
height:110px;
}

#reseaux{
margin:auto;
margin-top:15px;
width:240px;
height:310px;
background-color:#a7e5f9;
}



#services{
margin:auto;
margin-top:0px;
width:1050px;
background-color:#fff;
height:150px;
}

#sponsore{
margin:auto;
margin-top:0px;
width:1050px;
height:400px;
background-color:#fff;
}

#sponsore1{
margin-top:0px;
width:250px;
height:227px;
border-radius:0px;
margin:auto;
overflow:hidden;
}

#sponsore1 figure{
width:250px;
height:227px;
}

#sponsore1 img{
margin:0px;
display:block;
float:left;
width:250px;
height:227px;
}


#titre_baniere{
margin:0px;
margin-top:0px;
margin-left:0px;
margin-right:0px;
background-color:#d3fb9e;
border:2px solid #d3fb9e;
height:auto;
}

.titre_premier{
margin:0px;
margin-top:0px;
margin-left:0px;
margin-right:0px;
background-color:#cecdca;
height:45px;
}




#menu-demo2, #menu-demo2 ul{
padding:0;
margin:0;
list-style:none;
text-align:center;
}
#menu-demo2 li{
display:inline-block;
position:relative;
border-radius:8px 8px 0 0;
width:200px;

}
#menu-demo2 ul li{
display:inherit;
border-radius:0;
}
#menu-demo2 ul li:hover{
border-radius:0;
}
#menu-demo2 ul li:last-child{
border-radius:0 0 8px 8px;
}
#menu-demo2 ul{
position:absolute;
z-index: 1000;
max-height:0;
left: 0;
right: 0;
overflow:hidden;
-moz-transition: .8s all .3s;
-webkit-transition: .8s all .3s;
transition: .8s all .3s;
}
#menu-demo2 li:hover ul{
max-height:15em;
}
/* background des liens menus */
#menu-demo2 li:first-child{
background-color: #65537A;
background-image:-webkit-linear-gradient(top, #65537A 0%, #2A2333 100%);
background-image:linear-gradient(to bottom, #65537A 0%, #2A2333 100%);
}
#menu-demo2 li:nth-child(2){
background-color: #729EBF;
background-image: -webkit-linear-gradient(top, #729EBF 0%, #333A40 100%);
background-image:linear-gradient(to bottom, #729EBF 0%, #333A40 100%);
}
#menu-demo2 li:nth-child(3){
background-color: #F6AD1A;
background-image:-webkit-linear-gradient(top, #F6AD1A 0%, #9F391A 100%);
background-image:linear-gradient(to bottom, #F6AD1A 0%, #9F391A 100%);
}

#menu-demo2 li:nth-child(4){
background-color: #FFF;
background-image:-webkit-linear-gradient(top, #F6AD1A 0%, #9F391A 100%);
background-image:linear-gradient(to bottom, #F6AD1A 0%, #9F391A 100%);
}


#menu-demo2 li:last-child{
background-color: #CFFF6A;
background-image:-webkit-linear-gradient(top, #CFFF6A 0%, #677F35 100%);
background-image:linear-gradient(to bottom, #CFFF6A 0%, #677F35 100%);
}
/* background des liens sous menus */
#menu-demo2 li:first-child li{
background:#2A2333;
}
#menu-demo2 li:nth-child(2) li{
background:#333A40;
}
#menu-demo2 li:nth-child(3) li{
background:#9F391A;
}
#menu-demo2 li:nth-child(4) li{
background:#9F391A;
}

#menu-demo2 li:last-child li{
background:#677F35;
}
/* background des liens menus et sous menus au survol */
#menu-demo2 li:first-child:hover, #menu-demo2 li:first-child li:hover{
background:#65537A;
}
#menu-demo2 li:nth-child(2):hover, #menu-demo2 li:nth-child(2) li:hover{
background:#729EBF;
}
#menu-demo2 li:nth-child(3):hover, #menu-demo2 li:nth-child(3) li:hover{
background:#F6AD1A;
}
#menu-demo2 li:nth-child(4):hover, #menu-demo2 li:nth-child(3) li:hover{
background:#F6AD1A;
}


#menu-demo2 li:last-child:hover, #menu-demo2 li:last-child li:hover{
background:#CFFF6A;
}
/* les a href */
#menu-demo2 a{
text-decoration:none;
display:block;
padding:8px 32px;
color:#fff;
font-family:arial;
}
#menu-demo2 ul a{
padding:8px 0;
}
#menu-demo2 li:hover li a{
color:#fff;
text-transform:inherit;
}
#menu-demo2 li:hover a, #menu-demo2 li li:hover a{
color:#000;
}