body
		{
			margin:0;
			padding:0;
			font-family: Segoe UI, Arial;
			font-weight:lighter;
		}
		strong
		{
			font-weight:lighter !important;
		}
        @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
        @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
        @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
        .fade-in
        {
        	opacity:0;  /* make things invisible upon start */
        	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
        	-moz-animation:fadeIn ease-in 1;
        	animation:fadeIn ease-in 1;

        	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
        	-moz-animation-fill-mode:forwards;
        	animation-fill-mode:forwards;

        	-webkit-animation-duration:1s;
        	-moz-animation-duration:1s;
        	animation-duration:1s;
        }
        .fade-in.one
        {
            -webkit-animation-delay: 0.7s;
            -moz-animation-delay: 0.7s;
            animation-delay: 0.7s;
        }
        #loader-wrapper {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1000;
        }
        #loader {
            display: block;
            position: relative;
            left: 50%;
            top: 50%;
            width: 150px;
            height: 150px;
            margin: -75px 0 0 -75px;
            border-radius: 50%;
            border: 3px solid transparent;
            border-top-color: #4069de;
            -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
            animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
            z-index: 1001;
        }

        #loader:before {
            content: "";
            position: absolute;
            top: 5px;
            left: 5px;
            right: 5px;
            bottom: 5px;
            border-radius: 50%;
            border: 3px solid transparent;
            border-top-color: #e5984d;
            -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
            animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
        }

        #loader:after {
            content: "";
            position: absolute;
            top: 15px;
            left: 15px;
            right: 15px;
            bottom: 15px;
            border-radius: 50%;
            border: 3px solid transparent;
            border-top-color: #4dcb56;

            -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
              animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
        }

        @-webkit-keyframes spin {
            0%   {
                -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
                -ms-transform: rotate(0deg);  /* IE 9 */
                transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
            }
            100% {
                -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
                -ms-transform: rotate(360deg);  /* IE 9 */
                transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
            }
        }
        @keyframes spin {
            0%   {
                -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
                -ms-transform: rotate(0deg);  /* IE 9 */
                transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
            }
            100% {
                -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
                -ms-transform: rotate(360deg);  /* IE 9 */
                transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
            }
        }

        #loader-wrapper .loader-section {
            position: fixed;
            top: 0;
            width: 51%;
            height: 100%;
            background: white;
            z-index: 1000;
            -webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateX(0);  /* IE 9 */
            transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */
        }

        #loader-wrapper .loader-section.section-left {
            left: 0;
        }

        #loader-wrapper .loader-section.section-right {
            right: 0;
        }


        .loaded #loader {
            opacity: 0;
            -webkit-transition: all 0.3s ease-out;
                    transition: all 0.3s ease-out;
        }
        .loaded #loader-wrapper {
            opacity: 0;
            visibility: hidden;
            -webkit-transition: all 0.5s 0.5s ease-out;
                    transition: all 0.5s 0.5s ease-out;
        }

		
        input.boutonConnec2
        {
            width:100%;

            margin-top: 5px;
            color:#bebbbb;
            font-size:20px;
            font-weight:lighter;
            font-family:Segoe UI, Arial;
            height:35px;
            border:1px solid #d0d0d0;
            border-radius:3px;
        }
		
		.centrage_formulaire{
			margin: auto;
			text-align:left;
			height: 70%;
			display:table;
			width:1024px;
			padding-top:13px;
		}
		div.centrage_vertical
		{
			display:table-cell;
			vertical-align:middle
		}

		h3
		{
			font-weight:lighter !important;
			font-size:20px !important;
			text-align: left !important;
		}
		.iconlist
		{
			list-style:none;
			font-size:17px;
			padding: 0;
			margin: 0;
		}

		div.blocPrincipalBandeau
		{
			height:93px;
			top:0px;
			left:0px;
			width: 100%;
			margin:0px auto;
			position: relative;
			text-align:center;
		}
		div.contenuLightbox
		{
			position: relative;
			top: 50%;
			-webkit-transform: translateY(-50%);
			-moz-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			-o-transform: translateY(-50%);
            transform: translateY(-50%);
			height:auto;
			left:0;
			text-align:left;
			color:#036;
			font-size:25px;
			width:690px;
			background-color:white;
			margin:0 auto;
		}
		img.croix
		{
		position:absolute;
		top:-40px;
		right:-40px;
		z-index:0;
		}
		a.feuilleter
		{
			text-decoration:none;
			color:#cb4444;
		}

		input[type=radio].quizzRadio1 + label,input[type=radio].quizzRadio2 + label,input[type=radio].quizzRadio3 + label
		{
			height: 188px;
			width: 296px;
			margin-left:50px;
			margin-top:50px;
			display:inline-block;
			-webkit-transition: all 0.6s ease-in-out;
			-moz-transition: all 0.6s ease-in-out;
			-o-transition: all 0.6s ease-in-out;
			transition: all 0.6s ease-in-out;
			cursor:pointer;
		}
		input[type=radio].quizzRadio1 + label
		{
			background: url("../images/quizz_question1.png") no-repeat;
		}

		input[type=radio].quizzRadio2 + label
		{
			background: url("../images/quizz_question2.png") no-repeat;
		}

		input[type=radio].quizzRadio3 + label
		{
			background: url("../images/quizz_question3.png") no-repeat;
		}
		input[type=checkbox].quizzRadio4 + label,input[type=checkbox].quizzRadio5 + label,input[type=checkbox].quizzRadio6 + label,input[type=checkbox].quizzRadio7 + label,input[type=checkbox].quizzRadio8 + label
		{
			height: 152px;
			width: 158px;
			margin-left:50px;
			margin-top:50px;
			display:inline-block;
			-webkit-transition: all 0.6s ease-in-out;
			-moz-transition: all 0.6s ease-in-out;
			-o-transition: all 0.6s ease-in-out;
			transition: all 0.6s ease-in-out;
			cursor:pointer;
		}
		input[type=checkbox].quizzRadio4 + label
		{
			background: url("../images/quizz_question4.png") no-repeat;
		}

		input[type=checkbox].quizzRadio5 + label
		{
			background: url("../images/quizz_question5.png") no-repeat;
		}

		input[type=checkbox].quizzRadio6 + label
		{
			background: url("../images/quizz_question6.png") no-repeat;
		}
		input[type=checkbox].quizzRadio7 + label
		{
			background: url("../images/quizz_question7.png") no-repeat;
		}

		input[type=checkbox].quizzRadio8 + label
		{
			background: url("../images/quizz_question8.png") no-repeat;
		}
		input[type=radio].quizzRadio9 + label,input[type=radio].quizzRadio10 + label,input[type=radio].quizzRadio11 + label,input[type=radio].quizzRadio12 + label
		{
			height: 141px;
			width: 356px;
			margin-left:50px;
			display:inline-block;
			margin-top:50px;
			-webkit-transition: all 0.6s ease-in-out;
			-moz-transition: all 0.6s ease-in-out;
			-o-transition: all 0.6s ease-in-out;
			transition: all 0.6s ease-in-out;
			cursor:pointer;
		}
		input[type=radio].quizzRadio9 + label
		{
			background: url("../images/quizz_question9.png") no-repeat;
		}

		input[type=radio].quizzRadio10 + label
		{
			background: url("../images/quizz_question10.png") no-repeat;
		}
		input[type=radio].quizzRadio11 + label
		{
			background: url("../images/quizz_question11.png") no-repeat;
		}

		input[type=radio].quizzRadio12 + label
		{
			background: url("../images/quizz_question12.png") no-repeat;
		}
			div.livreBlocTexte
		{
			font-size:16px;
			width:75%;
			display:inline-block;
			padding-left:10px;
		}
		div.livreBloc
		{
			padding:5px;
			border-bottom:1px solid grey;
			margin-top:20px;
			width:100%;
			height:auto
		}
		a.button5
		{
			padding: 12px 20px;
			background-color:#cb4444;
			color:white;
			font-size: 28px;
			text-decoration:none;
			-webkit-transition: all 1s ease-in-out;
			-moz-transition: all 1s ease-in-out;
			-o-transition: all 1s ease-in-out;
			transition: all 1s ease-in-out;
		}
		.button6
		{

			padding: 12px 20px;
			cursor:pointer;
			border:none;
			background-color:rgba(229,152,77,1);
			color:white;
			font-family:Segoe UI, Arial;
			font-weight:lighter;
			font-size: 28px;
			text-decoration:none;
			-webkit-transition: all 1s ease-in-out;
			-moz-transition: all 1s ease-in-out;
			-o-transition: all 1s ease-in-out;
			transition: all 1s ease-in-out;
		}
		.button7
		{
			padding:10px 20px;
			border:1px solid #e55e5f;
			background-color:white;
			color:#e55e5f;
			font-size: 28px;
			text-decoration:none;
			-webkit-transition: all 1s ease-in-out;
			-moz-transition: all 1s ease-in-out;
			-o-transition: all 1s ease-in-out;
			transition: all 1s ease-in-out;
		}
		div.feuilleter
		{
			color:black;
			display:inline-block;
			position:absolute;
			margin-top:-22px;
			font-size:18px;
			margin-left:-90px;
			cursor:pointer;
			-webkit-transition: all 0.4s ease-in-out;
			-moz-transition: all 0.4s ease-in-out;
			-o-transition: all 0.4s ease-in-out;
			transition: all 0.4s ease-in-out;
		}
		div.blocPrincipalBandeauSupport
		{
			height:auto;
			top:0px;
			left:0px;
			width: 100%;
			padding-bottom:30px;
			position: relative;
			text-align:center;
		}



		div.blocSupport1
		{
			vertical-align:middle;
			margin-top:20px;
			display:inline-block;
			height:100px;
			width:270px;
			border:1px solid black;
			overflow: hidden;
			position: relative;
			text-align:left;
			color:black;
		}


		div.blueSupport
		{
			vertical-align:middle;
			margin-top:10px;
			display:inline-block;
			height:73px;
			width:300px;
			overflow: hidden;
			position: relative;
			text-align:center;
			color:white;
		}

		div.blueQuizz
		{
			vertical-align:middle;
			display:inline-block;
			height:93px;
			width:700px;
			overflow: hidden;
			position: relative;
			text-align:center;
			color:white;
		}
		div.video1
		{
			vertical-align:middle;
			margin-top:23px;
			display:inline-block;
			background-color:rgba(255, 255, 255, 0.4);
			padding:15px;
			border-top:2px solid #136794;
			overflow: hidden;
			font-size:30px;
			position: relative;
			text-align:center;
			color:#036;
			-webkit-transition: all 0.4s ease-in-out;
			-moz-transition: all 0.4s ease-in-out;
			-o-transition: all 0.4s ease-in-out;
			transition: all 0.4s ease-in-out;
		}
		div.video2,div.video3
		{
			vertical-align:middle;
			margin-top:23px;
			margin-left:2px;
			display:inline-block;
			background-color:rgba(255, 255, 255, 0.4);
			padding:15px;
			border-top:2px solid #136794;
			overflow: hidden;
			font-size:30px;
			position: relative;
			text-align:center;
			color:#036;
			-webkit-transition: all 0.4s ease-in-out;
			-moz-transition: all 0.4s ease-in-out;
			-o-transition: all 0.4s ease-in-out;
			transition: all 0.4s ease-in-out;
		}
		div.video1:hover,div.video2:hover,div.video3:hover
		{
			background-color:rgba(255, 255, 255, 0.8);
		}
		div.blue1
		{
			vertical-align:middle;
			margin-top:20px;
			display:inline-block;
			height:63px;
			width:270px;
			overflow: hidden;
			border-right:1px solid white;
			border-bottom:1px solid white;
			position: relative;
			text-align:center;
			color:white;
		}
		div.blue2
		{
			height:63px;
			margin-top:20px;
			width:270px;
			vertical-align:middle;
			display:inline-block;
			margin-left:180px;
			overflow: hidden;
			border-right:1px solid white;
			border-bottom:1px solid white;
			position: relative;
			text-align:center;
			color:white;
		}

		div.blue3
		{
			height:63px;
			margin-top:20px;
			width:270px;
			vertical-align:middle;
			display:inline-block;
			margin-left:180px;
			overflow: hidden;
			position: relative;
			border-right:1px solid white;
			border-bottom:1px solid white;
			text-align:center;
			color:white;
		}

		#menu2
		{
		width:300px;
		padding:0; margin:0;
		}
		li.listeProduit1
		{
			border:1px solid red;
			background-color:white;
			height:45px;
			width:300px;
			padding-top:10px;
			padding-left:8px;padding-right:4px;
			font-size:23px;
			position: relative;
			display:inline-block;
		}
		li.listeProduit2
		{
			border:1px solid green;
			background-color:white;
			height:45px;
			width:300px;
			padding-top:10px;
			padding-left:8px;padding-right:4px;
			font-size:23px;
			position: relative;
			display:inline-block;
		}
		li.listeProduit3
		{
			border:1px solid blue;
			background-color:white;
			height:45px;
			width:300px;
			padding-top:10px;
			padding-left:8px;padding-right:4px;
			font-size:23px;
			position: relative;
			display:inline-block;
		}
		li.listeProduit
		{
			position: relative;
			margin-left:10px;
			display:inline-block;
			height:30px;
			width:312px;
			text-align:left;
		}
		ul.listeProduit1
		{
			width:312px;
			position: absolute;
			border-bottom:1px solid red;
			border-left:1px solid red;
			border-right:1px solid red;
			font-size:17px;
			top: 1.3em; left: -1px;
			max-height:0em;
			margin: 0; padding: 0;
			background-color: rgba(255,255,255,1);
			overflow: hidden;
			transition: 1s max-height 0s;
			margin-top:33px;
			z-index:1;
		}
		ul.listeProduit2
		{
			width:312px;
			position: absolute;
			border-bottom:1px solid green;
			border-left:1px solid green;
			border-right:1px solid green;
			font-size:17px;
			top: 1.3em; left: -1px;
			max-height:0em;
			margin: 0; padding: 0;
			background-color: rgba(255,255,255,1);
			overflow: hidden;
			transition: 1s max-height 0s;
			margin-top:33px;
			z-index:1;
		}
		ul.listeProduit3
		{
			width:312px;
			position: absolute;
			border-bottom:1px solid blue;
			border-left:1px solid blue;
			border-right:1px solid blue;
			font-size:17px;
			top: 1.3em; left: -1px;
			max-height:0em;
			margin: 0; padding: 0;
			background-color: rgba(255,255,255,1);
			overflow: hidden;
			transition: 1s max-height 0s;
			margin-top:33px;
			z-index:1;
		}
		li.listeProduit:hover
		 {
			width:100%;

		 }
		li.listeProduit1:hover ul.listeProduit1,li.listeProduit2:hover ul.listeProduit2,li.listeProduit3:hover ul.listeProduit3
		{
			max-height: 30em;
		}


		div.bottomBlocSupport1
		{
			background: linear-gradient(to bottom, rgba(255,255,255,0.7), rgba(221,221,221,0.7));
			height:400px;
			margin-top:20px;
			padding:20px;
			border:1px solid grey;
			box-shadow: 1px 1px 20px #c4c4c4;
		}
		div.bottomBlocSupport2
		{
			height:400px;
			margin-top:20px;
			padding:20px;
			background: linear-gradient(to bottom, rgba(255,255,255,0.7), rgba(221,221,221,0.7));
			border:1px solid grey;
			box-shadow: 1px 1px 20px #c4c4c4;
		}
		div.bottomBlocSupport3
		{
			height:400px;
			margin-top:20px;
			padding:20px;
			background: linear-gradient(to bottom, rgba(255,255,255,0.7), rgba(221,221,221,0.7));
			border:1px solid grey;
			box-shadow: 1px 1px 20px #c4c4c4;
		}
		a.buttonSupport
		{
			position:relative;
			bottom:-90px;
			padding:12px 20px;
			border:1px solid white;
			color:white;
			font-size: 30px;
			text-decoration:none;
			-webkit-transition: all 0.4s ease-in-out;
			-moz-transition: all 0.4s ease-in-out;
			-o-transition: all 0.4s ease-in-out;
			transition: all 0.4s ease-in-out;
		}

		a.buttonSupport:hover
		{

			color:black;
			background-color:white;
		}

		div.blocSupport2:hover
		{
			opacity:0.8;

		}

		a.buttonDeco
		{
			position:relative;
			bottom:-90px;
			padding:12px 20px;
			border:1px solid white;
			color:white;
			font-size: 30px;
			text-decoration:none;
			-webkit-transition: all 0.4s ease-in-out;
			-moz-transition: all 0.4s ease-in-out;
			-o-transition: all 0.4s ease-in-out;
			transition: all 0.4s ease-in-out;
		}

		a.buttonSupportDeco
		{
			position:relative;
			bottom:-130px;
			padding:12px 20px;
			border:1px solid white;
			color:white;
			font-size: 30px;
			text-decoration:none;
			-webkit-transition: all 0.4s ease-in-out;
			-moz-transition: all 0.4s ease-in-out;
			-o-transition: all 0.4s ease-in-out;
			transition: all 0.4s ease-in-out;
		}

		input.rechercherSupport
		{
			border:0;
			background-color:none;
			cursor:pointer;
			border:1px solid white;
			background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0));
			background-image:url(../images/rechercher.png);
			height:53px;
			width:30px;
			-webkit-transition: all 0.4s ease-in-out;
			-moz-transition: all 0.4s ease-in-out;
			-o-transition: all 0.4s ease-in-out;
			transition: all 0.4s ease-in-out;
		}

		input.rechercherSupport:hover
		{
			border:0;
			background-color:white;
			cursor:pointer;
			border:1px solid white;
			background-image:url(../images/rechercher2.png);
			height:53px;
			width:30px;
		}

		a.buttonSupportDeco:hover,a.buttonSupportDeco2:hover,a.buttonDeco:hover,a.buttonDeco2:hover
		{

			color:black;
			background-color:white;
		}

		div.blocDeco2:hover
		{
			opacity:0.8;

		}

		div.blocDeco3:hover
		{
			opacity:0.8;

		}

		div.blocDeco4:hover
		{
			opacity:0.8;

		}

		div.blocDeco5:hover
		{
			opacity:0.8;

		}

		li.icon1
		{
			background-image: url('../images/icon1-landing.png');
			background-repeat: no-repeat;
			background-position: 0 9px;
			padding: 0px 0 3px 35px;
			margin: .4em 0;
		}

		li.icon2
		{
			background-image: url('../images/icon2-landing.png');
			background-repeat: no-repeat;
			background-position: 0 9px;
			padding: 0px 0 3px 35px;
			margin: .4em 0;
		}

		li.icon3
		{
			background-image: url('../images/icon3-landing.png');
			background-repeat: no-repeat;
			background-position: 0 9px;
			padding: 0px 0 3px 35px;
			margin: .4em 0;
		}

		div.background
		{
			height:548px;
			background: url(../images/image-top.png) no-repeat;
		}



		div.fondBandeau
		{
			width: 100%;
			height: 100%;
			opacity: 1;
			visibility: inherit;
			z-index: 20;
			background-size: cover;
			background-position: 50% 50%;
			background-repeat: no-repeat;
		}

		div.titreBandeau
		{
			z-index:1;
			text-shadow: 0px 0px 9px #777;
			color:white;
			font-weight:bolder;
			font-size: 6vw;
		}

		div.titre
		{
			font-size:20px;
			text-align:center
		}

		div.sousTitre
		{
			font-size:48px;
			text-align:center
		}

		div.divOvale
		{
			height:149px;
			background: url(../images/ovale.png) no-repeat;
			background-position:50% 50%;
		}

		div.divQuizz
		{
			height:auto;
		}

		div.divWebinair
		{
			background-color:#e1e1e1;
			height:auto;
			width:100%
		}

		div.divNewsletter
		{
			height:auto;
			width:100%
		}

		div.textOvale
		{
			padding-top:30px;
			margin:auto;
			width:600px;
			font-size:20px
		}

		div.webTitre
		{
			padding-top:30px;
			font-size:38px;
			color:white
		}

		div.webSousTitre
		{
			margin-left:10px;
			margin-top:20px;
			text-align:left;
			font-size:25px;
			color:white
		}

		div.webBlocSup
		{
			height:300px;
		}

		div.newsBlocSup
		{
			height:150px;
		}

		div.webBlocInf1
		{
			display:inline-block;
			height:100px;
			width:100%;
			background-color:#4069de
		}

		div.webBlocInf2
		{
			display:inline-block;
			height:100px;
			width:100%;
			background-color:#e5984d
		}

		div.webBlocInf3
		{
			display:inline-block;
			height:100px;
			width:100%;
			background-color:#4dcb56
		}

		div.newsBlocInf1
		{
			display:inline-block;
			height:80px;
			width:100%;
			background-color:#4069de
		}

		div.newsBlocInf2
		{
			display:inline-block;
			height:80px;
			width:100%;
			background-color:#e5984d
		}

		div.newsBlocInf3
		{
			display:inline-block;
			height:80px;
			width:100%;
			background-color:#4dcb56
		}
		div.blocPrincipalWebinar
		{
			height:auto;
			top:0px;
			left:0px;
			position: relative;
			text-align:center;
		}

		div.blocPrincipalNewsletter
		{
			height:auto;
			top:0px;
			left:0px;
			position: relative;
			text-align:center;
			margin-bottom:40px
		}

		.quiz1{
			height:212px;
			width:312px;
		}

		.quiz2{
			height:212px;
			width:312px;
		}

		.quiz3{
			height:212px;
			width:312px;
		}

		.envoyer2{
			width:212px;
			height:101px;
		}

		div.web1
		{
			background:url('../images/prochain_web.png');
			height:400px;
			width:350px;
			vertical-align:middle;
			overflow: hidden;
			position: relative;
			text-align:center;
		}

		div.web2
		{
			background:url('../images/prochain_web.png');
			height:400px;
			width:350px;
			vertical-align:middle;
			overflow: hidden;
			position: relative;
			text-align:center;
		}

		div.web3
		{
			background:url('../images/methodes_web.png');
			height:400px;
			width:350px;
			vertical-align:middle;
			overflow: hidden;
			position: relative;
			text-align:center;
		}

		div.news1
		{
			box-shadow: 1px 1px 30px #c4c4c4;
			height:230px;
			width:314px;
			vertical-align:middle;
			overflow: hidden;
			position: relative;
		}

		div.news2
		{
			box-shadow: 1px 1px 30px #c4c4c4;
			height:230px;
			width:314px;
			vertical-align:middle;
			overflow: hidden;
			position: relative;
		}

		div.bandeau
		{
			width: 100%;
			height: 100%;
			backface-visibility: hidden;
			left: 0px;
			top: 0px;
			position: absolute;
			transform: translate3d(0px, 0px, 0px);
			visibility: inherit;
			opacity: 1;

		}

		div.news3
		{
			box-shadow: 1px 1px 30px #c4c4c4;
			height:230px;
			width:314px;
			vertical-align:middle;
			overflow: hidden;
			position: relative;
		}

		div.titreDivQuizz
		{
			margin-bottom:20px;
			width:100%;
			font-size:40px;
			text-align:center
		}



		div.titreDivWebinair
		{
			padding-top:20px;
			padding-bottom:20px;
			width:100%;
			font-size:40px;
		}

		div.titreDivNewsletter
		{
			width:100%;
			font-size:40px;
		}

		input[type=radio].radio1,input[type=radio].radio2,input[type=radio].radio3,
		input[type=radio].quizzRadio1,input[type=radio].quizzRadio2,input[type=radio].quizzRadio3,
		input[type=checkbox].quizzRadio4,input[type=checkbox].quizzRadio5,input[type=checkbox].quizzRadio6,input[type=checkbox].quizzRadio7,input[type=checkbox].quizzRadio8,
		input[type=radio].quizzRadio9,input[type=radio].quizzRadio10,input[type=radio].quizzRadio11,input[type=radio].quizzRadio12
		{
			display:none;
		}

		.required input[type=radio].
		{
			box-shadow: 0px 0px 0px 10px red;
		}
		input[type=radio].radio1 + label:hover,input[type=radio].radio2 + label:hover,input[type=radio].radio3 + label:hover,
		input[type=radio].quizzRadio1 + label:hover,input[type=radio].quizzRadio2 + label:hover,input[type=radio].quizzRadio3 + label:hover,
		input[type=checkbox].quizzRadio4 + label:hover,input[type=checkbox].quizzRadio5 + label:hover,input[type=checkbox].quizzRadio6 + label:hover,input[type=checkbox].quizzRadio7 + label:hover,input[type=checkbox].quizzRadio8 + label:hover,
		input[type=radio].quizzRadio9 + label:hover,input[type=radio].quizzRadio10 + label:hover,input[type=radio].quizzRadio11 + label:hover,input[type=radio].quizzRadio12 + label:hover
		{
			-webkit-filter: brightness(80%);
			-moz-filter: brightness(80%);
			-o-filter: brightness(80%);
			filter: brightness(80%);
		}

		input[type=radio]:checked.radio1 + label,input[type=radio]:checked.radio2 + label,input[type=radio]:checked.radio3 + label
		{
			box-shadow: 0px 0px 0px 4px #4069de;
		}

		input[type=radio]:checked.quizzRadio1 + label,input[type=radio]:checked.quizzRadio2 + label,input[type=radio]:checked.quizzRadio3 + label,
		input[type=checkbox]:checked.quizzRadio4 + label,input[type=checkbox]:checked.quizzRadio5 + label,input[type=checkbox]:checked.quizzRadio6 + label,input[type=checkbox]:checked.quizzRadio7 + label,input[type=checkbox]:checked.quizzRadio8 + label,
		input[type=radio]:checked.quizzRadio9 + label,input[type=radio]:checked.quizzRadio10 + label,input[type=radio]:checked.quizzRadio11 + label,input[type=radio]:checked.quizzRadio12 + label
		{
			box-shadow: 0px 0px 0px 10px #7ebcf6;
		}

		input.envoyer:hover
		{
			-webkit-filter: brightness(90%);
			-moz-filter: brightness(90%);
			-o-filter: brightness(90%);
			filter: brightness(90%);
		}

		a.buttonSavoirPlus
		{
			padding:12px 20px;
			background-color:rgba(251,141,44,0.7);
			color:white;
			cursor: pointer;
			float:right;
			margin-top: 180px;
			margin-left: 10px;
			font-size: 30px;
			text-decoration:none;
			-webkit-transition: all 1s ease-in-out;
			-moz-transition: all 1s ease-in-out;
			-o-transition: all 1s ease-in-out;
			transition: all 1s ease-in-out;
		}

		a.buttonSavoirPlus:hover
		{
			background-color:rgba(214,131,50,0.7);
		}

		a.buttonDocumentation
		{
			position:relative;
			top:100px;
			float:right;
			padding:12px 20px;
			background-color:rgba(74,140,76,0.8);
			color:white;
			font-size: 30px;
			text-decoration:none;
			-webkit-transition: all 1s ease-in-out;
			-moz-transition: all 1s ease-in-out;
			-o-transition: all 1s ease-in-out;
			transition: all 1s ease-in-out;
		}

		a.buttonDocumentation:hover
		{
			background-color:rgba(91,180,93,0.7);
		}

		a.button2
		{

			background-color:white;
			color:black;
			width:190px;
			padding:12px 20px;
			display:inline-block;
			margin-top:17px;
			font-size: 30px;
			text-decoration:none;
			-webkit-transition: all 1s ease-in-out;
			-moz-transition: all 1s ease-in-out;
			-o-transition: all 1s ease-in-out;
			transition: all 1s ease-in-out;
		}

		a.button4
		{

			background-color:white;
			color:black;
			padding:12px 20px;
			display:inline-block;
			margin-top:17px;
			font-size: 30px;
			text-decoration:none;
			-webkit-transition: all 1s ease-in-out;
			-moz-transition: all 1s ease-in-out;
			-o-transition: all 1s ease-in-out;
			transition: all 1s ease-in-out;
		}

		a.button2:hover
		{
			background-color:#ced4e6;
		}

		a.button3_bleu
		{

			background-color:#4069de;
			color:white;
			width:100%;
			height:80px;
			display:inline-block;
			text-align: center;
			line-height: 70px;
			font-size: 30px;
			text-decoration:none;
			-webkit-transition: all 1s ease-in-out;
			-moz-transition: all 1s ease-in-out;
			-o-transition: all 1s ease-in-out;
			transition: all 1s ease-in-out;
		}

		a.button3_orange
		{
			background-color:#e5984d;
			color:white;
			width:100%;
			height:100%;
			text-align: center;
            cursor:pointer;
			line-height: 70px;
			display:inline-block;
			font-size: 30px;
			text-decoration:none;
			-webkit-transition: all 1s ease-in-out;
			-moz-transition: all 1s ease-in-out;
			-o-transition: all 1s ease-in-out;
			transition: all 1s ease-in-out;
		}
        a.button4_bleu
		{
			background-color:rgba(62, 76, 181, 0.8);
			color:white;
			width:50%;

			height:100%;
			text-align: center;
			line-height: 70px;
			display:inline-block;
			font-size: 30px;
			text-decoration:none;
			-webkit-transition: all 1s ease-in-out;
			-moz-transition: all 1s ease-in-out;
			-o-transition: all 1s ease-in-out;
			transition: all 1s ease-in-out;
		}
        a.button4_orange
		{
			background-color:rgba(230, 152, 77, 0.8);
			color:white;
			width:100%;
            float:left;
			height:100%;
			text-align: center;
			line-height: 70px;
			display:inline-block;
			font-size: 30px;
			text-decoration:none;
			-webkit-transition: all 1s ease-in-out;
			-moz-transition: all 1s ease-in-out;
			-o-transition: all 1s ease-in-out;
			transition: all 1s ease-in-out;
		}
		a.button3_vert
		{
			background-color:#4dcb56;
			color:white;
			width:100%;
			height:100%;
			display:inline-block;
			text-align: center;
			line-height: 70px;
			font-size: 30px;
			text-decoration:none;
			-webkit-transition: all 1s ease-in-out;
			-moz-transition: all 1s ease-in-out;
			-o-transition: all 1s ease-in-out;
			transition: all 1s ease-in-out;
		}

		a.button3_bleu:hover,a.button3_orange:hover,a.button3_vert:hover,a.button4_orange:hover
		{
			background-color:#ced4e6;
		}

		.titre
		{
			font-size:25px;
		}

		.centrage
		{
			width: 1200px;
			margin:0 auto;
			z-index:1;
		}

		.ordinateur
		{
			width:507px;
			float:left;
			color:black;
			font-size:30px;
			text-align:center;
		}
		.ordinateur-2
		{
			width:300px;
			float:left;
			margin-left:20px
		}

		.texte_ordinateur
		{
			width:350px;
			float:left;
			font-size:15px;

		}
		.texte_ordinateur2
		{
			width:1200px;
			float:left;
			font-size:15px;

		}

		.texte_ordinateur-2
		{
			width:650px;
			float:right;
			font-size:22px;
		}

		.sous_texte_ordinateur
		{
			font-size:20px;
		}

		.bandeau_blue
		{
			background-color:rgba(0,51,102,0.6);
			width:100%;
		}

		.bandeau_blue_produit
		{
			background-color:rgba(0,51,102,0.6);
			width:100%;
		}

		.partie_gauche_config_prod h3{
			color:#121e2d!important;
		}