@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;}
body{ font-family:'Playfair Display', sans-serif;}
a img{ border:none;}
div.top { width:100%; height:400px; background:url(images/man-in-black-holding-phone-618613.jpg) 0px -400px fixed no-repeat; background-size:100%;}
.center { width:100%; margin:auto; min-height:1200px; color:#8c8c8c; line-height:200%; font-size:18px;}
.center .biggest { width:100%; float:left; min-height: 50px; border-bottom:solid thin #d4d4d4;}
.center .insidebiggest { width: 100%; max-width:1200px; margin:auto;}
.center .littlesquare { width:33%; float:left; margin:30px 0 30px 0;}
.center .littlesquare .imgtc .filter { position:absolute; width:0px; height:0px; background:none; transition: 0.3s; }
.center .littlesquare .imgtc:hover .filter {width:350px; height:233px;   background:url(images/plusdetails.png); transition: 0.3s;}
.center .littlesquarehost { width:18%; min-height:300px; float:left; margin:30px 10px 30px 10px; border:solid thin #666666; border-radius:10px; }
.center .littlesquare table { width:80%; margin:auto; text-align:center;}
.center .littlesquarehost table { width:100%; margin:auto; border-collapse:collapse; }
.center .littlesquarehost table th { border:none; background:#666666; color:#ffffff;  height:40px; border-radius:10px 10px 0 0;}
.center .littlesquarehost table td { text-indent: 5px; height:50px; font-size:14px;}
.center .littlesquare a {text-decoration:none; color:#32bea6;}
.center .biggest2 { width:100%; float:left; min-height: 250px; background:url(images/harbour-crane-1643476_1920.jpg) center bottom fixed;}
.center .biggest2 p { color:#ffffff; font-size:2em; text-align:center; font-weight:bold;}
.center .biggest3 p { float:left;}
.center .biggest3 { width:100%; float:left; min-height: 50px; background:#666666; color:#00ffff; font-size:2em;}
.center .biggest3 input[type="text"] { width:250px; height:30px; float:right; margin-top:5px;}
.center .biggest3 input[type="button"] { width:80px; height:32px; background: #00ffff; border:none; color:#ffffff; font-family:'Gudea', sans-serif; font-size:20px; float:right; margin-top:5px;}
div.menu { width:100%; height:80px; color:#ffffff; float:left; z-index: 30;}/*background:rgba(0,0,0,0.7);*/
div.menu .content { width:1200px; margin:auto;}
div.menu .content2 { width:520px; float:right;}
div.menu .content .mb { float:left; width:130px; height:80px; text-align:center; overflow:hidden; }
div.menu .content .mb2 { float:left; width:230px; height:80px; text-align:center; overflow:hidden; margin-left:-50px;}
div.menu .content .mb table td{ height:40px; border-bottom:solid thin #d4d4d4; }
div.menu .content .mb:hover { overflow:visible;}
div.menu a { text-decoration:none; color:inherit;}
div.menu table { width:100%; float:right; border-collapse: collapse;  }
div.menu table td.ftd { background:none; font-size:12px; height:80px;}
div.menu table td.ftd strong { height:50px; padding-top:30px; }
div.menu strong { width:100%; height:40px; transition:0.6s; padding:10px 0px 0 0px; display:block; text-align:center; }
div.menu table td:hover strong { color:#00ffff; transition: 0.4s; }
div.menu table td:hover { transition: 0.4s}
.menu b { font-style:normal; font-size:10px;}
a img { border:none;}
div.top img.logo2 { display: none;}
div.sometext { float:right; width: 100%; height:200px; margin-top:100px; overflow: hidden; text-align:center;}
div.container { width:100%; float:left; color:#FFFFFF; text-shadow: 3px 3px 5px #000000;}
div.container .text { width:100%; height:200px; margin:auto; font-size:24px; max-width:1200px; color:#ececec;}
div.container .text b {color:#00ffff;}
div.container .text .flle { float:left; }
div.clients { width:100%; min-height:150px; background:#f1f1f1; padding-top:40px;}
div.newsletter { width:100%; min-height:70px; padding-top:30px;padding-bottom:20px;}
div.firstcta { width:100%; height:160px; background:url(images/beard-2286440_1920.jpg) no-repeat bottom fixed; text-align:center; color:#ffffff; font-size:56px; padding-top:60px;font-weight:bold;}
div.firstcta strong.boutcta { margin:auto; float:none; margin-top:40px; display:inline; }
h1,h2,h3,h4,h5,h6 { color:#00ffff;}
.commandebout .boutcta { margin:auto; width:70%; float:none; display:block; text-align:center; border-radius:3px; text-indent:0px; border:none;}
strong.boutcta { padding:20px 50px 20px 50px; float:right; background:#666666; color:#ffffff; font-size:16px; font-weight:bold; text-shadow:none; border:solid thin #666666; transition:0.2s; color:#00ffff;}
strong.boutcta:hover { background:#00ffff; color:#ffffff; transition:0.2s;}
div.bottom { width:100%; min-height:50px; float:left; background:#00ffff; color:#FFFFFF; font-size:12px;}
div.bottom .content { width:100%; max-width:1200px; margin:auto;}
img.mobilemenuicon { display:none;}
img.centerimg { display:block; margin:auto; rotate(-360deg); transition:transform 0.4s;}
img.centerimg:hover { transform: rotate(360deg); transition:transform 0.2s;}
strong.blogicon { display:block; width:48px; height:48px; float:right; background:url(images/blogger2.png); background-position:-48px; }
strong.blogicon:hover { display:block; width:48px; height:48px; float:right; background:url(images/blogger2.png); background-position:0px; }
strong.fbicon { display:block; width:48px; height:48px; float:right; background:url(images/facebook2.png); background-position:-48px; }
strong.fbicon:hover { display:block; width:48px; height:48px; float:right; background:url(images/facebook2.png); background-position:0px; }
strong.twicon { display:block; width:48px; height:48px; float:right; background:url(images/twitter2.png); background-position:-48px; }
strong.twicon:hover { display:block; width:48px; height:48px; float:right; background:url(images/twitter2.png); background-position:0px; }
strong.plusicon { display:block; width:48px; height:48px; float:right; background:url(images/googleplus2.png); background-position:-48px; }
strong.plusicon:hover { display:block; width:48px; height:48px; float:right; background:url(images/googleplus2.png); background-position:0px; }
.menu table.mobile { display: none;}
.menumobile {z-index: 10; position:absolute; }
@media screen and (max-width:800px)
{
	div.top { height:200px; background-position:0 0;}
	div.top .sometext { display:none;}
	div.top img.logo2 { margin:auto; display:block; padding-top:35px;}
	img.mobilemenuicon { display:inline;}
	div.menu { background:none; height:35px;}
	.menu img.logo { display: none;}
	.menu table.desktop { display: none;}
	.menu div.content2 { display:none;}
	.menu table.mobile { display: block; float:left; position:absolute; text-align:left;}
	.menu table.mobile strong { text-align:left;}
	.menumobile { width:100%; height:35px; overflow: hidden; float:left; background:#00ffff; border-bottom:solid thin #666666; }
	.menu table.mobile td { background:none; width: 180px;}
	.center .littlesquare { width:100%; float:left;}
	.center .littlesquarehost { width:90%; float:left;}
	img.clientreflogo { width:40%; }
	table.steps { width:100%; }
	div.sn {width:100%; float:left;}
}
table.siteoffer { width:90%; max-width:300px; border-collapse:collapse; background:rgba(0,0,0,0.6); color:#ffffff; margin:auto;}
table.siteoffer th {border:none;}
table.siteoffer td { height:40px; border-bottom:#8c8c8c solid thin;}
table.siteoffer .pricetd { text-align:center; background-color:#000000; font-weight:bold; font-size:22px;}
table.siteoffer .commandtd { text-align:center; background:#00ffff; color:#ffffff; font-weight:bold;}
table.siteoffer .commandtd strong { display:block; width:100%; height:40px; padding-top:15px;}
table.siteoffer .commandtd a { color:#ffffff;}
table.siteoffer2 { width:90%; max-width:390px; border-collapse:collapse; background:rgba(0,0,0,0.6); color:#ffffff; float:left; margin-left:10px;}
table.siteoffer2 th {border:none;}
table.siteoffer2 td { height:40px; border-bottom:#8c8c8c solid thin;}
table.siteoffer2 .pricetd { text-align:center; background-color:#000000; font-weight:bold; font-size:22px;}
table.siteoffer2 .commandtd { text-align:center; background:#00ffff; color:#ffffff; font-weight:bold;}
table.siteoffer2 .commandtd strong { display:block; width:100%; height:40px; padding-top:15px;}
table.siteoffer2 .commandtd a { color:#ffffff;}
table.steps { width:100%; height:300px;  max-width:145px; float:left; margin-left:5px; font-size:14px;}
table.steps td { text-align:justify; vertical-align:top;}
table.steps th { border:none;}
img.logo { float:left; width:200px; margin-top:20px;}
img.clientreflogo { margin:30px 15px 30px 15px;}
div.sn { float:left; width:24%; min-height:50px; margin-left:5px; }
div.sn a { text-decoration:none; color:#ffffff;}
li { list-style:inside;}
iframe { width:100%;}
table.prix { border:solid thin #324a6e; border-collapse:collapse; width: 100%;}
table.prix td,th {border:solid thin #324a6e; border-collapse:collapse; height:30px; padding-left:10px;}
table.prix tr:hover {background:#32bea6; color:#ffffff;}
.errorpage {width:100%;height:100%;font-size:40px; color:#ffffff;}
.errorpage img { position:absolute;	width:100%;	z-index: -1;}
strong.boutondemo { width:100%; height:40px; background:#32bea6; color:#ffffff; font-size:24px; display: block; text-align:center; }
a { text-decoration:none; }