/*
Theme Name: Twenty Eleven Child - Trustdiag
Theme URI: http://trustdiag.localhost:8888/twentyeleven-child/
Author: Melanie GERION (Melou)
Date : 2020-02-18
Author URI: http://trustdiag.localhost:8888
Template: twentyeleven
Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, Trustdiag
Text Domain: twentyeleven-child
*/

/*------------------------------------------------------------------------------------------------*/
/* BACKGROUND-COLOR = WHITE			                                                              */
/*------------------------------------------------------------------------------------------------*/
body {
	background: #fff;
	line-height: 1;
}

/*------------------------------------------------------------------------------------------------*/
/* HIDDEN PAGE NAME					                                                              */
/*------------------------------------------------------------------------------------------------*/
#access {
	margin-bottom: 0;
}

#main, .entry-content, .entry-summary, .singular.page .hentry {
	padding: 1%;
}

.page .entry-title {
	display: none;
}

/*------------------------------------------------------------------------------------------------*/
/* NOUVELLE PAGE D'ACCUEIL                                                                        */
/*------------------------------------------------------------------------------------------------*/
.box-container {
	font-size     : 10px;
	position      : relative;
	height        : 100%;
	width         : 200%;
	margin-left   : -39%;
}

.block-box {
	border-width  : 1px;
	border-color  : #AAAAAA;
	border-style  : solid;
	box-shadow    : 0px 1px 3px 1px rgba(0, 0, 0, 0.1);
	display       : block;
	padding       : 5px;
	position      : relative;
	width         : 50%;
}

.block-left {
  	float         : left;
	/*margin-left   : 3%;*/
}

.block-center-large {
	float         : left;
	width         : 88%;
}

.block-right {
  float         : right;
  /*margin-left   : 3%;*/
}

.block-top
{
	margin-bottom : 3%;
}

.block-middle {
	float         : left;
	width		  : 42%;
	margin-right  : 3%;
	margin-bottom : 3%;
}

.block-bottom
{
  bottom        : 0px;
}

.bloc-box-icon
{
  position      : absolute;
  left          : 50%;
  top           : -35px;
  font-family   : 'fontawesome';
  text-align    : center;
  width         : 70px;
  height        : 70px;
  font-size     : 30px;
  color         : #fff;
  margin        : 0 0 10px -30px;
  line-height   : 70px;
  border-radius : 50px;
}

.bloc-box-mini-icon
{
  position      : absolute;
  left          : 50%;
  top           : -25px;
  font-family   : 'fontawesome';
  text-align    : center;
  width         : 50px;
  height        : 50px;
  font-size     : 20px;
  color         : #fff;
  margin        : 0 0 10px -20px;
  line-height   : 50px;
  border-radius : 50px;
}

.box-title
{
	top             : -15px;
	left            : 4px;
	background-color: #FFFFFF;
	margin          : 0px;
	padding         : 0 5px 0 5px;
	position        : absolute;
}

.box-sub-title
{
	margin-bottom : 10px;
  	margin-top    : 20px;
  	font-size     : 1.6em;
  	text-align    : center;
  	padding       : 0 0 20px;
  	border-bottom : 1px solid #eee;
}

span.tarif_pack_title  {
	font-size       : 1.25em;
	text-decoration : underline;
}

.block-box h2
{
  color         : #2CB8F6;
  font-size     : 1.8em;
  text-align    : center;
  vertical-align: bottom;
  width         : 100%;
}

.block-box h3
{
  color         : #777;
  font-size     : 1.6em;
  margin        : 0px;
}

.block-box h4
{
  color         :#777;
  margin        : 0px;
}

.block-coord
{
  float         : right;
  color         : #2CB8F6;
  font-weight   : bold;
  text-align    : right;
}

.block-validate
{
  	float         : left;
  	position      : absolute;
  	bottom        : 5px;
  	right         : 1%;
  	vertical-align: middle;
  	text-align    : left;
  	width         : 100%;
}

.block-news
{
  padding       : 10px;
  font-size     : 1.25em;
  line-height   : 16px;
}

.block-content
{
  padding-bottom: 10px;
  padding-left  : 5px;
  padding-right : 5px;
  padding-top   : 0px;
  font-size     : 1.25em;
  text-align    : left;
}

.block-data
{
	float: left;
  	padding-top : 0px;
	width		: 100%;
}

.block-data-large
{
  margin-left   : 10%;
  margin-right  : 10%;
  padding-top   : 0px;
  width         : 100%;
}

.block-data-large fieldset
{
  margin-top    : 25px;
  margin-left   : 1%;
  margin-right  : 1%;
}

.data
{
  padding-left  : 15px;
  padding-top   : 15px;
  vertical-align: middle;
  width         : 90%;
}

.data-large
{
  padding-left  : 15px;
  padding-top   : 5px;
  vertical-align: middle;
  width         : 100%;
}

.data-large span.wpcf7-not-valid-tip
{
  display       : inline-block;
  margin-left   : 5px;
}

.data-label
{
  float         : left;
  width         : 40%;
  font-size     : 1.025em;
}

.data-label-large
{
  float         : left;
  width         : 25%;
  font-size     : 1.025em;
}

.data-validate
{
  margin-left   : 10%;
  margin-top    : 10px;
  text-align    : center;
  vertical-align: bottom;
  width         : 100%;
}

.data select
{
  background    : #ffffff;
  border        : 1px solid #ddd; 
  padding       : 8px;
  width         : 50%;
}

.data input, .data textarea
{
  background    : #ffffff;
  border        : 1px solid #ddd; 
  padding       : 6px;
  width         : 47%;
}

.data-large-input
{
  width         : 75%;
}

.data-large select
{
  background    : #ffffff;
  border        : 1px solid #ddd; 
  padding       : 8px;
  width         : 50%;
}

.data-large input
{
  background    : #ffffff;
  border        : 1px solid #ddd; 
  padding       : 6px;
  width         : 47%;
}

.data-large textarea
{
  background    : #ffffff;
  border        : 1px solid #ddd; 
  padding       : 6px;
  width         : 55%;
}

.data-checkbox
{
  padding-top   : 5px;
  height        : 49px;
  vertical-align: middle;
}

.data-chexbox input 
{
  float         : left;
  margin        : 2px 0px 0px;
  width         : 15%;
}

.chexbox-label
{
  float         : left;
  width         : 50%;
  font-size     : 1.025em;
}

.validate-label
{
	font-size     : 1.025em;
  	font-weight   : bold;
	color         : #2CB8F6;
}

.btn-validate
{
  font-size     : 1.25em;
  margin-left   : auto;
  margin-right  : auto;
  background    : transparent linear-gradient(to bottom, #2CB8F6 0%, #DDDDDD 100%) repeat scroll 0% 0%;
  border-radius : 2px;
  border        : none;
  height        : 30px;
  text-shadow   : none;
  letter-spacing: 2px;
}

.btn-validate:disabled
{
  background    : transparent linear-gradient(to bottom, #999999 0%, #DDDDDD 100%) repeat scroll 0% 0%;
}

.btn-validate:disabled:hover
{
  cursor        : not-allowed !important;
}

.entry-meta {
	display: none;
}

.entry-header {
	display: none;
}

div.wpcf7-response-output, div.wpcf7-validation-errors { 
	display: none !important; 
}

span.wpcf7-not-valid-tip { 
	display: none; 
}

.block-scroll-message {
	position: relative; 
	display: inline-block; 
	width: 100%;
	overflow: hidden;
}

.block-scroll-message img {
	max-width: 125px; 
	width: 100%; 
	height: auto;
}

.block-scroll-message p {
	position: absolute;
	top: 50%; 
	left: 100%; 
	right: 0%; 
	transform: translate(0%, -50%); 
	text-align: left;
  	white-space: nowrap;
	animation: defilement-rtl linear 30s infinite ; /* défilement */
	-webkit-animation: defilement-rtl linear 30s infinite ;
	-moz-animation: defilement-rtl linear 30s infinite ;
	-o-animation: defilement-rtl linear 30s infinite ;
	-ms-animation: defilement-rtl linear 30s infinite ;
	z-index: -1;
}

.block-scroll-message:hover > p {
	animation-play-state: paused; /* met en pause le défilement */
	-webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
	-ms-animation-play-state: paused;
}

@keyframes defilement-rtl {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-225%;}
 }

@-webkit-keyframes defilement-rtl {
 	0%, 100% {margin-left:0;}
 	99.99% {margin-left:-225%;}
 }

@-moz-keyframes defilement-rtl {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-225%;}
 }

@-o-keyframes defilement-rtl {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-225%;}
 }

@-ms-keyframes defilement-rtl {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-225%;}
 }

/*------------------------------------------------------------------------------------------------*/