/* CSS Document */
* {padding:0; margin:0; border:0; }


body {background-image:url(../images/photos/IMG_3104.jpg) ; 
		background-size:100% 100%;
		background-repeat:no-repeat;
		background-attachment:fixed; }
	
h1  { font-family: Arial; margin:10px 10px 5px 10px; 
		
		font-size:25px;
		font-style:normal;
		font-weight:bold;
		 color:#FAF4F4 ;
	 }

h2  {  font-family: Arial, Helvetica, sans-serif; margin:20px 10px 5px 10px; 
		 
		font-size:14px;
		font-style:normal;
		font-weight:bold;
		 color:#FAF4F4 ;
		 }

	 
h3  {  font-family: Arial, Helvetica, sans-serif; margin:20px 10px 5px 10px; 
		 
		font-size:12px;
		font-style:normal;
		font-weight:normal;
		 color:#FAF4F4 ;
		 }

h4  {  font-family: Arial, Helvetica, sans-serif; margin:20px 10px 5px 10px; 
		 
		font-size:25px;
		font-style:normal;
		font-weight:normal;
		 color:#FAF4F4 ;
		 }
h5  {  font-family: impact, Helvetica, sans-serif; margin:20px 10px 5px 10px; 
		 
		font-size:50px;
		font-style:normal;
		font-weight:normal;
		 color:#FAF4F4 ;
		 }



P { font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:normal;
		font-style:normal;
		color:#051EF7;
		line-height:100%;
	}
	
	
a { text-decoration:none}

ul li {display:inline; }
	
ul li a { list-style-type:none;
			align-items:flex-end ;
			background-color:#58b4ee;
			width:150px;
			padding:5px 12px ;
			text-decoration:none;
			font-family:Arial, helvetica, sans serif;
			font-weight:bol;
			border:1px #080000 solid;
			box-shadow: 5px 5px 5px #2C2B2B; }
			
ul li a:link {color:#fff; }
ul li a:visited {color:#fff; }
ul li a:active {color:#fff; }
ul li a:hover {color:#101010; background-color:#04B5D4; border:1px #3E3B3B solid;}
ul li a:focus {color:#101010; }



.btn a {text-decoration:none}



.btn  { 	 
	
color: #040404;
text-align: center;
font-weight: 200 ;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
text-decoration: none; text-wrap: 80%;
font-size:15px;
}

/*.marg {margin:15px 30px 0px 30px};*/

.poss1 {margin:  5px 10px 10px 680px ;}
.poss2 {margin:  12px 10px 10px 95px ;}
.poss3 {margin:  10px 10px 10px 150px ;}
.poss4 {margin:  20px 10px 10px 80px ;}
.poss5 {margin:  29px 10px 10px 80px ;}
.poss6 {margin:  17px 10px 10px 80px ;}
	
		
.btn1 {background-color: #F99418;} /* orange */
.btn2 {background-color: #008CBA;} /* Blue */
.btn3 {background-color: #9B9D3A;} /* Red */ 
.btn4 {background-color: #e7e7e7;color:black;} /* Grey */ 
.btn5 {background-color: #555555;} /* Orange */

.btn1:hover {background-color: #E8F3F6;} /* bleu back over */
.btn2:hover {background-color: #008CBA;}
.btn3:hover {background-color: #f44336;}
.btn4:hover {background-color: #e7e7e7;color:black;}
.btn5:hover {background-color: #555555;}

.font1 {font-size:16px; font-weight:bold; }
.font2 {font-size:12px;}
.font3 {font-size:16px;}
.font4 {font-size:20px;}
.font5 {font-size:24px;}

.round1 {border-radius:2px}
.round2 {border-radius:4px}
.round3 {border-radius:8px}
.round4 {border-radius:12px}
.round5 {border-radius:50%}

.height1 {height:40px}
.height2 {height:20px}

.width1 {width: 150px}
.width2 {width: 40px}
.width3 {width: 100%}

.border1 {border-radius:4px;border:2px black solid ;}
.border2 {border-radius:3px;background-color:white;color:black;border:2px solid #008CBA;}
.border3 {border-radius:3px;background-color:white;color:black;border:2px solid #f44336;}
.border4 {border-radius:3px;background-color:white;color:black;border:2px solid #e7e7e7;}
.border5 {border-radius:3px;background-color:white;color:black;border:2px solid #555555;}

.border11:hover {background-color:#4CAF50;color:white;}
.border22:hover {background-color:#008CBA;color:white;}
.border33:hover {background-color:#f44336;color:white;}
.border44:hover {background-color:#e7e7e7;}
.border55:hover {background-color:#555555;color:white;}

.border111{border-radius:3px;background-color:#4CAF50;color:white;}
.border222{border-radius:3px;background-color:#008CBA;color:white;}
.border333 {border-radius:3px;background-color:#f44336;color:white;}
.border444 {border-radius:3px;background-color:#e7e7e7;}
.border555 {border-radius:3px;background-color:#555555;color:white;}

.border111:hover {background-color:white;color:black;border:2px solid #4CAF50;}
.border222:hover {background-color:white;color:black;border:2px solid #008CBA;}
.border333:hover {background-color:white;color:black;border:2px solid #f44336;}
.border444:hover {background-color:white;color:black;border:2px solid #e7e7e7;}
.border555:hover {background-color:white;color:black;border:2px solid #555555;}


.shadow1{box-shadow:0 10px 10px 0 black,0 1px 0px 0 rgba(0,0,0,0.10) !important}
.shadow2:hover{box-shadow:0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19) !important}

.shadow3 { box-shadow: 5px 5px 5px #2C2B2B ;}


.disabled{cursor: not-allowed;opacity: 0.6;}

.button {
  		display: inline-block;
  		text-align: center;
 	 	font-size: 12px;
  		transition: all 0.5s;
  		cursor: pointer;
  		}

.shadow1 { box-shadow: 5px 5px 5px #2C2B2B; }


.bottom-section {
    height:50%;
    margin:8px;
}

.bottom-aligner {
    display: inline-block;
    height: 45%;
    vertical-align: bottom;
	padding: 0px 0px 0px 70px;
	
  
}

.bottom-content {
    display: inline-block;
}







#container { position: relative; width: 900px; height: 1340px; margin:0px auto;  }/*back ground transparent*/

 

#top2 { height:60px ; width:900px;  align-content:center ; margin:15px auto ;  border-radius:10px; }

#logo1  {float:left ; padding: 3px 10px 0px 10px; }

#logo {float:left ; padding: 20px 0px 0px 20px; }

#menu { float:right ; padding: 20px 20px 5px 0px ;  }


#bg2 { 
background: #CCC;
filter:alpha(opacity=60); /* IE */
-moz-opacity:0.6; /* Mozilla */
opacity: 0.6; /* CSS3 */
position: absolute; top: 0; left: 0; height: 100%;
width:99%;
}


#diapo { position: absolute; height:1340px ; width:890px; align-content:center ; pading:5px 5px 10px 0px; border:2px #171616 solid; box-shadow: 5px 5px 5px #2C2B2B  }/* background avec shadow*/
 
#entete { position: absolute; height:200px ; width:870px; align-content:center ; margin:7px 5px 0px 9px; border:2px #171616 solid}
					  
#content {height:300px ; width:900px; align-content:center ; margin:10px auto; background-color:#29558d ; }









#secu {  position: absolute; float:right ; height:550px ; width:866px; margin:235px 5px 0px 10px  ; background-color:#1061D5;border-radius:12px; border:3px black solid; }

#secuin  { position: absolute; float:left ; height:330px ; width:820px; align-content:left ; margin:30px 10px 10px 20px; border:0px black solid; }



#inst {  position: absolute; float:right ; height:360px ; width:866px; margin:610px 5px 0px 10px  ; background-color:#1061D5;border-radius:12px; border:3px black solid; }

#instin  { position: absolute; float:left ; height:235px ; width:820px; align-content:left ; margin:30px 10px 10px 20px; border:0px black solid; }


#messure {  position: absolute; float:right ; height:320px ; width:866px; margin:995px 5px 0px 10px  ; background-color:#1061D5;border-radius:12px; border:3px black solid; }

#messureindroite  { position: absolute; float:left ; height:235px ; width:600px; align-content:left ; margin:30px 10px 10px 20px; border:0px black solid; }

#messureingauche  { position: absolute; float:left ; height:135px ; width:172px; align-content:left ; margin:70px 10px 10px 650px; border:0px black solid; }






#diapoformation { position: absolute; height:450px ; width:880px; align-content:center ; margin:1140px 5px 0px 5px; 
					border:2px #171616 	solid; box-shadow: 5px 5px 5px #2C2B2B  }

#bg3 { 
background: #29558d;
filter:alpha(opacity=60); /* IE */
-moz-opacity:0.6; /* Mozilla */
opacity: 0.6; /* CSS3 */
position: absolute; top: 0; left: 0; height: 100%;
width:100%;
}

#containerpied { position: relative; height:100px ; width:900px;  align-content:center ; margin:15px auto ; border-radius:10px; }
#pied { position: relative; height:100px ; width:900px;  align-content:center ; margin:15px auto ; border-radius:10px; }


#vimeo {float:left ; padding: 15px 0px 0px 10px;   }

#facebook {float:left ; padding: 15px 0px 0px 12px; }



#menu2 { float:right ; padding: 20px 20px 5px 0px ;  }

#media { float:left ; padding: 8px 20px 5px 90px ;  }

#telephone { float:right ; padding: 20px 20px 5px 0px ; font-size: 30px ;  color:#FAF4F4;  }

/*#footer { width:900px; align-content:center; margin:10px auto;  border:2px #EC0D10 olid ; padding:5px;
		
		}*/