/* Style Global */
            
body {
 background: #ffffff;
 margin: 0;
 height: 100%;
 color: #384452;
 font-family: sans-serif;
 font-weight: 400;
}

h1 {
 font-family: 'Open Sans', sans-serif;
 font-weight: 600;
 font-size: 15px;
 text-align: center;
 font-style: normal;
 letter-spacing: 1px;
 color: #f5f5f5;
}

h2 {
 font-family: 'Open Sans', sans-serif;
 font-weight: 700;
 font-size: 20px;
 text-align: center;
 font-style: normal;
}


h3 {
 font-family: 'Open Sans', sans-serif;
 font-weight: 600;
 font-size: 16px;
 text-align: center;
 font-style: normal;
}


h4 {
 font-family: 'Open Sans', sans-serif;
 font-weight: 400;
 font-size: 11px;
 text-align: left;
 font-style: normal;
 line-height: 17px;
}

h5 {
 font-family: 'Open Sans', sans-serif;
 font-weight: 500;
 font-size: 15px;
 font-style: normal;
 text-align: center;

}

H5, H6 {
 font-family: 'Open Sans', sans-serif;
 font-weight: 700;
 text-align: left;
}

em {
 font-weight: 700;
 font-style: normal;
}
    
p {
 padding: 0;
 margin-bottom: 12px;
 font-family: 'Open Sans', sans-serif;
 font-weight: 100;
 font-size: 14px;
 line-height: 24px;
 margin-top: 10px;
}
            
img {
 height: auto;
 max-width: 100%;
}



/*img {
 max-height : 400px ;
 max-width : 100% ;
}*/
    
a {
 padding: 0;
 margin: 0;
 text-decoration: none;
 -webkit-transition: background-color .4s linear, color .4s linear;
 -moz-transition: background-color .4s linear, color .4s linear;
 -o-transition: background-color .4s linear, color .4s linear;
 -ms-transition: background-color .4s linear, color .4s linear;
 transition: background-color .4s linear, color .4s linear;
}

a:link {
 color: rgba(52, 58, 64, 1);
}
a:hover,
a:focus {
 text-decoration: none;
 color: rgba(235, 168, 101, 1);
}
            
/*::moz-selection {
 color: #fff;
 text-shadow: none;
 background: #2B2E31;
}
            
::selection {
 color: #fff;
 text-shadow: none;
 background: #2B2E31;
}*/
            
.centered {
 text-align: center;
}

.bluetitle {
 color: #4695BC;
}

.whitetitle {
 color: #ffffff;
}

.greytitle {
 color: #e0e0e0;
}

.translucide {
opacity: 0.5;
}


/* Styles généraux des sections. (Les paddings de header et section viennent du templates de navigation onepage) */

header {
display:block;
padding: 40px 0 30px 0;
}

#headstyle {
 background-image: linear-gradient(to right, #4695BC, #4CADD3);
 padding: 80px 0 60px 0;
 font-family: 'Open Sans', sans-serif;
 font-weight: 200;
 font-size: 10px;
 letter-spacing: 1px;
 text-align: left;
 font-style: normal;
 color: #000000;

/* à ajouter si on veut essayer de caler une image en fond du header. Pb pour les responsive en l'etat*/
 background-image: url("../img/boudha1test.jpg");
 background-repeat:no-repeat;
 height:450px;
 background-repeat: no-repeat;
 background-color: #FFFFFF;
 background-attachment: fixed;
 background-position: top center;
 background-size: cover;
 position: relative;

}



section {
  padding: 150px 0;
}





/* Style Navigation */

#logo {
 background-color: transparent;
 border-color: transparent;
 padding-bottom: 0px;
}

.navbar-text {
 font-family: 'Open Sans', sans-serif;
 font-weight: 600;
 font-size: 14px;
 letter-spacing: 1px;
 line-height: 20px;
 color: #000000;
}


/* Style Partie 1 */

#partie1 {
 background: #bf9e75;
 padding: 30px 0 50px 0;
 font-family: 'Open Sans', sans-serif;
 font-weight: 200;
 font-size: 30px;
 letter-spacing: 1px;
 text-align: center;
 font-style: italic;
 line-height: 35px;
 color: #FFFFFF;
}

.pictocenter {
text-align: center;
}

img[name*="pictos"] {
 box-shadow: 0px 0px 0px #ffffff;
 border-width: 0px;
 border-style: solid;
 border-color: #ffffff; 
 padding: 5px;
 border-radius: 0%;
 width:  120px;
 height: 120px;
 margin-left: auto;
 margin-right: auto;
}

.grosstyp{
 font-size: 40px;
}


/* Style Partie 2 */

#partie2 {
 background: #ffffff;
 padding: 40px 0 60px 0;
 font-family: 'Open Sans', sans-serif;
 font-weight: 200;
 font-size: 15px;
 letter-spacing: 0px;
 text-align: left;
 font-style: normal;
 color: #000000;
}

.pictocenter {
text-align: center;
}

img[name*="pictos"] {
 box-shadow: 0px 0px 0px #ffffff;
 border-width: 0px;
 border-style: solid;
 border-color: #ffffff; 
 padding: 5px;
 border-radius: 0%;
 width:  120px;
 height: 120px;
 margin-left: auto;
 margin-right: auto;
}





/* Style partie 3  background: #FFA700; 943DFF  background-image: linear-gradient(to right, #4695BC, #4CADD3);*/

#partie3 {
 background: #2a4357;
 padding: 30px 0px 50px 0px;
 text-align: center;
 font-family: 'Open Sans', sans-serif;
 font-weight: 200;
 font-size: 15px;
 letter-spacing: 1px;
 text-align: center;
 font-style: italic;
 color: #ffffff;
}

.txtgauche {
text-align: left;
}

img[name*="portrait"] {
 box-shadow: 0px 0px 0px #ffffff;
 border-width: 0px;
 border-style: solid;
 border-color: #ffffff; 
 padding: 5px;
 border-radius: 0%;
 width:  160px;
 height: 160px;
 margin-left: auto;
 margin-right: auto;
}


/* Style Partie 4  background-image: linear-gradient(to right, #4695BC, #4CADD3); */
#partie4 {
 background: linear-gradient(to right, #4695BC, #4CADD3);
 padding: 30px 0 50px 0;
 font-family: 'Open Sans', sans-serif;
 font-weight: 200;
 font-size: 30px;
 letter-spacing: 1px;
 text-align: center;
 font-style: italic;
 color: #FFFFFF;

/* à ajouter si on veut essayer de caler une image en fond du header. Pb pour les responsive en l'etat*/
 background-image: url("../img/pont4.jpg");
 background-repeat:no-repeat;
 height:400px;
 background-repeat: no-repeat;
 background-color: #ffffff;
 background-attachment: fixed;
 background-position: top center;
 background-size: cover;
 position: relative;

}



/* Style Partie cas usages */

#partiecasusages {
 background: #F2F2F2;
 padding: 40px 0 60px 0;
 font-family: 'Open Sans', sans-serif;
 font-weight: 200;
 font-size: 15px;
 letter-spacing: 1px;
 text-align: left;
 font-style: normal;
 color: #000000;
}

img[name*="cas"] {
 box-shadow: 0px 0px 0px #ffffff;
 border-width: 0px;
 border-style: solid;
 border-color: #ffffff; 
 padding: 5px;
 border-radius: 0%;
 width:  150px;
 height: 150px;
 margin-left: auto;
 margin-right: auto;
}





/* Style partie 5  background: #FFA700; 943DFF background-image: linear-gradient(to right, #2ECCFF, #2753DE);*/

#partie5 {
 background: #343a40;
 padding: 70px 0px 70px 0px;
 text-align: center;
 font-family: 'Open Sans', sans-serif;
 font-weight: 200;
 font-size: 15px;
 letter-spacing: 1px;
 text-align: left;
 font-style: normal;
 color: #ffffff;
}

a.contact:link {
 color: rgba(70, 149, 188, 1);
}
a.contact:hover,
a.contact:focus {
 text-decoration: none;
 color: rgba(235, 168, 101, 1);
}

a.mentions:link {
 color: rgba(70, 149, 188, 1);
}
a.mentions:hover,
a.mentions:focus {
 text-decoration: none;
 color: rgba(235, 168, 101, 1);
}


.membre {
 line-height: 17px;
 font-size: 11px;
}



/* Footer */

.footer {
 background: #ffffff;
 border-color: transparent; 
}

.aligncenter {
 text-align: center;
}


/* Style bouton 1 */
.btn-theme1 {
 color: #fff;
 font-size: 10px;
 font-style: normal;
}



/* Style bouton
.btn-theme {
 color: #fff;
 background-color: #384452;
 border-color: #384452;
 margin: 4px;
}
.btn-theme:hover,
.btn-theme:focus,
.btn-theme:active,
.btn-theme.active,
.open .dropdown-toggle.btn-theme {
 color: #fff;
 background-color: #FCAC45;
 border-color: #ffffff;
}

*/