@charset "utf-8";
/* CSS Document */

body 					{background:url(images/bgimg3.jpg) no-repeat center fixed;margin:0; padding:0;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover; }
h1 						{color:#FFFFFF; margin:0; padding:0; }
h3 						{color:#BD0099}
h5 						{text-align: left;text-decoration : none;font-size: 20px;color:#FFFFFF;}

/* couleur */

.rose 						{color:#0EBFFF;font-size: 40px}

/* header */
#conteneur 				{width:1180px; ; margin:auto;}
#logo 					{width:auto; height: 492px; margin-top: 60px; padding: 0;}
#haut	 				{height: auto; padding-top: 0px;}
#menu					{background-image: linear-gradient(60deg, #1D1D1D, #B7B7B7); background-image:-webkit-linear-gradient(60deg, #1D1D1D, #B7B7B7); background-image:-moz-linear-gradient(60deg, #1D1D1D, #B7B7B7); background-image:-o-linear-gradient(60deg, #1D1D1D, #B7B7B7); filter: progid: DXImage Transform.Microsoft.gradient(startColorstr='#1D1D1D',enColorstr='#B7B7B7', GradientType=1); width: 1180px; text-align:center; height: 60px; line-height: 55px;}
#menu li				{; list-style-type:none; display:inline-block; text-transform:uppercase;font-family:trebuchet ms, Verdana, sans-serif;}
#menu li a				{border-style: solid; border-width: 1px 0 1px 0; border-color: #00B3FF; text-decoration: none; color:#272727; transition: all .6s ;-webkit-transition: all .6s ;-moz-transition: all .6s ;-o-transition: all .6s ;; padding: 10px }
#menu li a:hover		{color:#fff;background-color:#00B3FF; padding: 15px; font-size: 20px}
ul 						{margin: 0; padding:0}

/* contenu */

#contenu 				{width:840px; background-color:#F0F0F0; padding: 20px;float: left; background-color: rgba(0, 0, 0, 0.6)}
#contenu p 						{color:#FFFFFF; font-size: 18px; line-height: 26px; margin-bottom:20px;font-family:Arial , Verdana, sans-serif;text-align:justify;text-indent: 30px;}
#contenu p:first-letter 		{color:#00CBFF;display: block;  font-size: 34px}
#contenu h1 					{margin-bottom:20px;background:url(images/icon-h1.png) no-repeat; height: 30px;padding-left: 50px; line-height: 30px; transition: all .6s ;-webkit-transition: all .6s ;-moz-transition: all .6s ;-o-transition: all .6s ;}

#contenu h1:hover 					{background:url(images/icon-h1.png) 15px 0 no-repeat;  }

/* sidebar */
#sidebar 				{width:260px; background-color:#C8C8C8;float: left; ; bottom: auto; padding : 20px;background-image: linear-gradient(60deg, #FFFFFF, #B7B7B7); background-image:-webkit-linear-gradient(60deg, #FFFFFF, #B7B7B7); background-image:-moz-linear-gradient(60deg, #FFFFFF, #B7B7B7); background-image:-o-linear-gradient(60deg, #FFFFFF, #B7B7B7); filter: progid: DXImage Transform.Microsoft.gradient(startColorstr='#FFFFFF',enColorstr='#B7B7B7', GradientType=1)}
#sidebar h2 			{color:#222; font-size: 14px}
#sidebar li				{list-style-type:none; font-size: 11px;background:url(images/icon-h2.png) no-repeat; padding-left: 15px}
#sidebar ul 			{margin-left: 20px}
.reseaux 				{width: 120px; height: 30px; color: transparent ; display:inline-block; transition: all .6s ;-webkit-transition: all .6s ;-moz-transition: all .6s ;-o-transition: all .6s ;}
#facebook 				{background: url(images/facebook.jpg) 0 0 no-repeat}
#facebook:hover 		{background: url(images/facebook.jpg) 0 -30px no-repeat;}


#pdp					{width: 1140px; background-color:#222;float: left; height: auto; padding : 15px; color: #fff; font-size: 20px; text-align:center;border-radius: 0 0 20px 20px ; -webkit-border-radius: 0 0 20px 20px;-moz-border-radius: 0 0 20px 20px;-o-border-radius: 0 0 20px 20px;}

#wt150			        {margin-left: 30px;}
#wt150:hover 			{margin-left: 350px;padding-top: 100px;padding-bottom: 100px; transform: scale(2.0);transition: all .6s ;-webkit-transition: all .6s ;-moz-transition: all .6s ;-o-transition: all .6s ; }

#video		        	{padding-left: 80px }
#video:hover 			{padding-left: 80px;transform: scale(1.1);transition: all .6s ;-webkit-transition: all .6s ;-moz-transition: all .6s ;-o-transition: all .6s ; }

#galerie		       	{width:660px; height: 460px;background-color:#F0F0F0; padding: 60px; padding-left: 160px;float: left;background-color: rgba(0, 0, 0, 0.6)}

#maps		       		{margin-left: 120px;}
.float 					{float: right; padding-right: 40px; }
input[type="text"]       {width: 395px; height: 35px; border-radius: 10px; border: solide 2px #ccc; background-color: #fff; padding: 5px; margin-bottom: 20px }
input[type="text"]:hover,  textarea:hover     {; background-color:#CCCCCC; } 


textarea        {width: 395px; height: 150px; border-radius: 10px; border: solide 2px #ccc; background-color: #fff; padding: 5px; margin-bottom: 20px }

input[type="submit"], input[type="button"]  {width: 200px; height: 45px; border-radius: 10px; border: solide 2px #ccc; background-color: #fff; padding: 5px; margin-bottom: 20px }  

input[type="submit"]:hover    {; background-color:#0A00FF } 

.mail 			{color:#FFFFFF; font-size: 18px; line-height: 26px; margin-bottom:20px;font-family:Arial , Verdana, sans-serif;text-align:justify;text-indent: 30px;}

.retour 			{color:#00D3FF; font-size: 30px; line-height: 26px; margin-bottom:20px;font-family:Arial , Verdana, sans-serif;text-align:justify;text-indent: 30px;text-decoration:none}
#equip				{color:#FFFFFF;font-size: 20px;margin-left: 100px;}
#wt150emb			        {float: right; }
#scie				{float: left;}
#scie2				{color:#FFFFFF;font-size: 20px;margin-left: 400px;}
#perceuse			{float: left;}
#perceuse2			{color:#FFFFFF;font-size: 20px;margin-left: 400px;}
#video	      	    {font-size: 30px;color:#FFFFFF;}
#etape	      	    {text-align: left;text-decoration : underline;float: left;font-size: 30px;color:#FFFFFF;}