html {
    background-color: #FFF;
}

body {
   
    background-color: #FFF; 
}

a:link {
	text-decoration: none;
}

#Container_Exp {
    max-width: 900px;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
    margin-bottom: 50px
    
}

h1 {
    color: coral;
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
    margin-top: 15px;
}
h2 {
    color: #000;
    text-align: center;
}
h3 {
    color: #0;
    text-align: center;
}
h4 {
    color: coral;
     text-align: center;
    
}
#TC {
    font-family: Verdana;
    color: darkgrey;
    margin-bottom: 30px;
}
#TC_2 {
    font-family: Verdana;
    color: #BDBDBD;
}
#TC_3 {
    font-family: Verdana;
    color: #737371;
    font-size: 15px;
}

/* Blocs */
#Bl-Vis1A {
    width: 180px;
    height: 180px;
    margin-right: 20px;
    margin-left: 60px;
    background-color: antiquewhite;
    float: left;
}
#Bl-Vis1 {
    width: 180px;
    height: 180px;
    margin-right: 20px;
    background-color: antiquewhite;
    float: left;
}
#Bl-Vis2 {
    width: 180px;
    height: 180px;
    background-color: antiquewhite;
     float: left;
}
.BlVid {
    width: 800px;
    height: 450px;
    margin-left: auto;
    margin-right: auto;
    background-color: darkgray; 
    margin-top: 20px;
    
margin-bottom: 30px;
}
.BlVis {
    width: 900px;
    height: 368px;
    margin-left: auto;
    margin-right: auto;
    background-color: ;
  
}
.BlVis-Cont {
    width: 80%;
    height: 80%;
    margin-left: auto;
    margin-right: auto;
    background-color:#EEEEEB;
    background-image: image(Pacifik%20Images/Pacifik_Atelier/Exp_Imp_Fond_BD.png);
    background-repeat: repeat;
}
.BlVis2 {
    width: 900px;
    height: 180px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
     margin-top: 40px;
    background-color: ;    
}
#Exp_Men {
    margin-bottom: 60px;
}
#Vis {
    margin-bottom: 60px;
}
#Pres {
    margin-bottom: 40px;

}
#Tps1 {
    margin-bottom: 40px;
    margin-top: 10px;   
}
#Tps2 {
    margin-bottom: 20px;
}
#Tps3 {
    margin-bottom: 50px;
}
#JQ {
    margin-bottom: 20px;
}
footer {
        max-width: 900px;
    height: 100px;
    margin: auto;
    background-color: darkkhaki;
    float: left;
    padding-left: 5em;
    padding-right: 5em;
    padding-bottom: 5em;
    padding-top: 1em;
}
#ECR {
    width: 810px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    margin-top:120px;
   
}
#ECR1 {
    width: 270px;
    float: left;
}
#ECR2 {
    width: 270px;
    float: left;
}
#ECR3 {
    width: 270px;
    float: left;
}
.Diap {
	padding-left: 10px;
	padding-right: 5px;
	font-family: Verdana;
    margin-top: 0px;
	margin-bottom: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
}
/* Diaporama */
#ContDiap {
     width: 864px;
    height: 720px;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 20px;
    
    
}


/* Titre */
#T_PR {
  font-family: saira Condensed;
    font-size: 25px;
    color: #C07C52;
    margin-bottom: 25px;
}
/* Accordion */
  .accordion3 {
    font-family: Verdana;
    background-color: #E7E6DA;
    color: #737371;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    float: left;
    margin-bottom: 20px;
     
}



.button.accordion3.active, button.accordion3:hover {
    background-color: #F2F0E7;
    float: left; 
}


.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
   
    
}

/* Accordion 4 */
  .accordion4 {
    background-color: #DED9CE;
    color: #767169;
    cursor: pointer;
    padding: 18px;
    width: 98%;
    border: none;
    text-align: center;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    float: left;
    margin-right:;
}
.button.accordion4.active, button.accordion4:hover {
    background-color: #F0EEE4;
    float: left; 
}

