@media all and (min-width:1025px){#cssDetect{display:none;width:1025px;}

#mainPage{}

#responsiveGrid{border:0;padding:0;}

#responsiveGrid td{border:0;padding:0;}

.responsiveGridLeftSpacer{}

.responsiveGridRightSpacer{}

.responsiveGridHeaderRow{height:55px;}

.responsiveGridFooterRow{height:15px;}

.responsiveGridContentColumn{vertical-align:top;}

#navTitle{margin-top:30px;margin-bottom:20px;font-family:bernardo-modaregular;font-size:3.5em;color:#666666;line-height:100%;text-transform:uppercase;text-align:center;letter-spacing:10px;}

#navLinks{margin-bottom:40px;font-family:Arial;color:#666666;font-size:0.82em;font-weight:600;text-transform:uppercase;text-align:center;}

#navLinks a{margin-left:1.75em;margin-right:1.75em;}

#navLinkActive a:link,

#navLinkActive a:visited,

#navLinkActive a:hover,

#navLinkActive a:active{color:#cc0000;}

#navSelect{display:none;}

#featuredImages{display:block;margin-left:auto;margin-right:auto;}

#mainGallery{margin-left:56px;margin-right:56px;}

#filmStrip{margin-top:10px;margin-left:auto;margin-right:auto;}

#filmStrip li{margin-left:2px;margin-right:2px;}





#galleryFooter{font-family:Arial;font-size:1em;color:#666;}

#backLink{display:none;}

.galleryBackLink{position:relative;float:left;z-index:2;margin-left:66px;margin-top:22px;font-family:arial;font-style:italic;font-size:0.6em;font-weight:600;text-transform:uppercase;}

.galleryBackLink a:link,

.galleryBackLink a:visited,

.galleryBackLink a:hover,

.galleryBackLink a:active{color:#333;}



.albumLoading{min-height:400px;background:url(../art/loading-spinner.gif) no-repeat center center;}

.responsiveImage{max-width:100%;max-height:100%;}



img:hover.imageRolloverEffect{}

#storyGrid{table-layout:fixed;width:100%;}

.storyGridTile{width:25%;}

.storyGridTile{}

.storyTileLayout{table-layout:fixed;width:100%;}

.storyTileWrapper{margin-bottom:5px;margin-left:3px;margin-right:3px;}

.storyTileImage{}

.storyTileFooter{}

.storyTileTitle{margin-left:3px;margin-right:3px;padding-left:2px;padding-right:2px;padding-top:2px;padding-bottom:3px;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:#ff0;font-family:arial;font-style:italic;font-size:10px;font-weight:600;text-transform:uppercase;color:#bbb;}

.storyTileTitle a:link,

.storyTileTitle a:visited,

.storyTileTitle a:hover,

.storyTileTitle a:active{color:#999;}



.storyGridNavLinks{margin-top:10px;margin-left:auto;margin-right:auto;font-family:arial;font-style:italic;font-size:1em;font-weight:700;text-align:center;}

.storyGridNavLink{padding-left:5px;padding-right:5px;}

.storyGridNavLinkActive{text-decoration:underline;color:#bbb;}

a:link.storyGridNavLink,

a:visited.storyGridNavLink,

a:hover.storyGridNavLink,

a:active.storyGridNavLink{font-weight:700;color:#AAA;text-decoration:none;}

#bioText{margin-left:auto;margin-right:auto;width:900px;font-family:arial;font-style:italic;font-size:1.3em;font-weight:400;line-height:102%;text-transform:none;color:#bbb;text-align:left}

#bioText-h1{margin-left:auto;margin-right:auto;width:900px;font-family:arial;font-style:italic;font-size:1.3em;font-weight:700;line-height:102%;text-transform:uppercase;color:#fff;text-align:left}

.bioImage{width:180px;margin-right:20px;margin-bottom:20px;position:relative;float:left;}

#contactText{margin-left:auto;margin-right:auto;width:800px;font-family:arial;font-size:1.1em;font-weight:700;text-transform:none;text-align:center;color:#888;}

#contactText h1{margin-top:50px;font-size:1.3em;color:#bbb;}

#contactText h2{margin-top:50px;font-size:1.3em;color:#bbb;}

.contactExtra{margin-top:40px;font-size:0.8em;color:#bbb;}

.contactCopyright{margin-top:20px;font-size:0.9em;font-style:italic;color:#bbb;}

#enterText{margin-left:auto;margin-right:auto;width:1050px;font-family:arial;font-size:1.1em;font-weight:700;text-transform:none;text-align:center;color:#888;}

#enterText h1{margin-top:50px;font-size:1.3em;color:#bbb;}

.enterExtra{margin-top:40px;font-size:0.8em;color:#bbb;}

.contactCopyright{margin-top:20px;font-size:0.9em;font-style:italic;color:#bbb;}

.Copyright{font-family:Arial;font-size:2em;}

.title {color:#cc0000}

.conteneur

{

position: relative;

}



.videoWrapper {

 position: relative;

 padding-bottom: 56.25%; /* 16:9 */

 padding-top: 25px;

 height: 0;

}

.videoWrapper iframe {

 position: absolute;

 top: 0;

 left: 0;

 width: 100%;

 height: 100%;

}

/*menu deroulant*/

 #menu-demo2, #menu-demo2 ul{

padding:0;

margin:0;

list-style:none;

text-align:center;



}

#menu-demo2 li{

display:inline-block;

position:relative;



}

#menu-demo2 ul li{

display:inherit;



}

#menu-demo2 ul li:hover{





}

#menu-demo2 ul li:last-child{



}

#menu-demo2 ul{

position:absolute;

z-index: 1000;

max-height:0;

left: 0;

right: 0;

overflow:hidden;



}

#menu-demo2 li:hover ul{

max-height:20em;

}

/* background des liens menus */

#menu-demo2 li:first-child{





}

#menu-demo2 li:nth-child(2){





}

#menu-demo2 li:nth-child(3){

}

#menu-demo2 li:nth-child(4){

}

#menu-demo2 li:nth-child(5){

}

#menu-demo2 li:nth-child(6){

}



#menu-demo2 li:last-child{





}

/* background des liens sous menus */

#menu-demo2 li:first-child li{background-color: rgba(0, 0, 0, 0.2);



}

#menu-demo2 li:nth-child(2) li{background-color: rgba(0, 0, 0, 0.2);



}

#menu-demo2 li:nth-child(3) li{background-color: rgba(0, 0, 0, 0.2);



}

#menu-demo2 li:nth-child(4) li{background-color: rgba(0, 0, 0, 0.2);



}

#menu-demo2 li:nth-child(5) li{background-color: rgba(0, 0, 0, 0.2);



}

#menu-demo2 li:nth-child(6) li{background-color: rgba(0, 0, 0, 0.2);



}

#menu-demo2 li:last-child li{background-color: rgba(0, 0, 0, 0.2);



}

/* background des liens menus et sous menus au survol */

#menu-demo2 li:first-child:hover, #menu-demo2 li:first-child li:hover{



}

#menu-demo2 li:nth-child(2):hover, #menu-demo2 li:nth-child(2) li:hover{



}

#menu-demo2 li:nth-child(3):hover, #menu-demo2 li:nth-child(3) li:hover{

}

#menu-demo2 li:nth-child(3):hover, #menu-demo2 li:nth-child(4) li:hover{

}

#menu-demo2 li:nth-child(3):hover, #menu-demo2 li:nth-child(5) li:hover{

}

#menu-demo2 li:nth-child(3):hover, #menu-demo2 li:nth-child(6) li:hover{

}

#menu-demo2 li:last-child:hover, #menu-demo2 li:last-child li:hover{



}

/* les a href */

#menu-demo2 a{

text-decoration:none;

display:block;

padding:8px 32px;

color:#666;

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:#ff2020;

}

	

}

body {

  background:  url(../base/fonddd-4.jpg) no-repeat center fixed; 

  font-family: Montserrat, "sans-serif";

  display: flex;

  justify-content: center;

  color: #ffffff;

	align-content: center;

}



.contactez-nous {



  width: 350px;

  border: 1px solid;

  border-radius: 0px;

  padding: 0 500px 0 50px;

	align-content: center;

  background:url(../base/fonddd-4.jpg) no-repeat center fixed; 

	text-align: left;

		

}



.contactez-nous > h2 {

  font-weight: 500;

}



.contactez-nous > p {

  font-weight: 300;

	

}



form div {

  width: 100%;

  display: flex;

  flex-direction: column;

  min-height: 83px;

  margin-top: 25px;

}



form div > label {

  margin-bottom: 7px;

  font-weight: 600;

}



form div > input, form div > select, form div > textarea {

  background: #aaaaaa;

  border: none;

  border-radius: 5px;

  font-size: 16px;

  font-weight: 500;

  font-family: Montserrat, "sans-serif";

  box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);

}



form div > input, form div > select {

  height: 50px;

  padding-center: 100px;

}



form div > select {

  appearance: none;

  background-size: 15px;

  background-image: url('https://www.studap.com/email: edoardo@studap.com');

  background-position: right 10px top 50%;

  background-repeat: no-repeat;

}



form div > textarea {

  height: 155px;

  padding: 15px 0px 0px 10px;

}



form div > input::placeholder, form div > textarea::placeholder {

  color: white;

}



form div > select:invalid {

  color: white;

}



form div > select option {

  background: white;

  color: #000000;

}



form div:last-child {

  align-items:center;

  margin-top: 20px;

}



form button {

  width: 350px;

  max-width: 500px;

  height: 60px;

  font-weight: 700;

  font-size: 28px;

  background: white;

  border: rgba(48, 48, 48, 0.5) solid 1px;

  border-radius: 5px;

  box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);

  color: #000000;

}