/*
     FILE ARCHIVED ON 19:47:12 Jan 17, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 7:17:04 Feb 3, 2017.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*!
 * custom CSS
 */

/* FONT PATH
 * -------------------------- */ 
@font-face {
    font-family: 'quicksandbook';
    src: url('/assets/fonts/quicksand_book-webfont.eot');
    src: url('/assets/fonts/quicksand_book-webfont.eot') format('embedded-opentype'),
         url('/assets/fonts/quicksand_book-webfont.woff2') format('woff2'),
         url('/assets/fonts/quicksand_book-webfont.woff') format('woff'),
         url('/assets/fonts/quicksand_book-webfont.ttf') format('truetype'),
         url('/assets/fonts/quicksand_book-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'GillSans';
	src: url('/assets/webfonts/GillSans.eot');
	src: url('/assets/webfonts/GillSans.eot') format('embedded-opentype'),
		url('/assets/webfonts/GillSans.woff') format('woff'),
		url('/assets/webfonts/GillSans.ttf')  format('truetype'),
		url('/assets/webfonts/GillSans.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


* {
    box-sizing: border-box;
}

html, body {
    height: 100%;
    width: 100%;
}
body {
    overflow-x: hidden;
   /*font-family: "Roboto Slab","Helvetica Neue",Helvetica,Arial,sans-serif;*/
	/*font-family:Arial,Helvetica Neue,Helvetica,sans-serif;*/
    font-family: "GillSans",Arial,sans-serif;
	font-size:14px;
	color:#000;
	background-color:#094188;
}

img, object, embed, canvas, video, audio, picture {
       max-width: 100%;
       height: auto;
}

.text-muted {
    color: #777;
}

.text-primary {
    color: #fed136;
}

.clear{clear:both;}
.fl-right{float:right;}
.fl-left{float:left;}

p {
    font-size: 16px;
    line-height: 1.3;
	text-align:left;
	margin-top:10px;
}
.mg {margin:0;}
.mgbot2{margin-bottom:2em;}
.mgbot075{margin-bottom:0.75em;}
.mgbot1{margin-bottom:1em;}
p.smal {
    font-size: 12px;
    line-height: 1.3;
	}

	.tbig{font-size:120%;}
	.tsmal{font-size:70%;}
	.under{text-decoration: underline;}
p.col-md-9, p.col-md-10, p.col-md-8, p.col-md-11, p.col-md-6{
	padding-left:0;
	}
p.colgrey{color:#868786;}
h3.colgrey{color:#333333;}
	
@media (min-width: 768px) {
	p {
     /* font-size: 24px; */
     font-size: 13px;

	}
	
	p.smal {
    font-size: 14px;
    line-height: 1.4;
	}
	.mg3{margin-top:3%;}
	.mg5{margin-top:5%;}
	.mg2{margin-top:2%;}
	.mg1{margin-top:1%;}
	.mg10{margin-top:10%;}
	.bot5{bottom:7%;}
	.bot0{bottom:0;}
	.posabs, .posabs2{position:absolute;}
	
	.tsmal{font-size:80%;}
	.lspac05{letter-spacing:-0.05em;}
	.mg25pc{margin-top:28%;}
}

p.large {
    font-size: 21px;
}

a,
a:hover,
a:focus,
a:active,
a.active {
    outline: 0;
}

a {
    color: #000;
	text-decoration:underline;
}
a.btn-primary, .nav li a, a.bouton1, a.bouton2, a.bouton3, a.bouton4, a.bouton5{text-decoration:none;}

footer a, footer span{color: #fff;text-decoration:none;padding:2px 10px; font-size:14px;}

footer a ul, footer span ul{padding:0 10px;}

footer li{border-right:1px solid #fff;}
footer li:last-child{border-right:0;}

a:hover,
a:focus,
a:active,
a.active {
    color: #000;
	text-decoration:none;
}

footer a:hover, footer a:active, footer a:focus, footer a.active{color: #000;}



h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "GillSans",Arial,sans-serif;
	font-size:100%;
	margin:0;
	padding:0;
	margin-top:5px;
}

@media (min-width: 768px) {
	h1,
	h2,
	h3,
	h4,
	h5,
	h6{
		margin:0;
		padding:0;
	}
}

h3{font-size:20px;}

.fond7 h3.tbig{font-size:30px;}

.img-centered {
    margin: 0 auto;
}

.bg-light-gray {
    background-color: #f7f7f7;
}

.bg-darkest-gray {
    background-color: #222;
}

.btn-primary {
    font-weight: 600;
	font-size:12px;
    color: #fff;
	border-radius:0px;
	padding: 5px 10px;
    text-transform: uppercase;
	transition: all 0.3s linear;
    border:0;
	background-color: #3878cf;
    background-repeat: repeat-x;
    border-bottom-color: #0b4da1;
    border-top-color: #6a9adb;
	background-image: -webkit-linear-gradient(to bottom, #3878cf 0%, #0b4da1 100%);
	background-image:    -moz-linear-gradient(to bottom, #3878cf 0%, #0b4da1 100%);
	background-image:     -ms-linear-gradient(to bottom, #3878cf 0%, #0b4da1 100%);
	background-image:      -o-linear-gradient(to bottom, #3878cf 0%, #0b4da1 100%);
	background-image:         linear-gradient(to bottom, #3878cf 0%, #0b4da1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3878cf',endColorstr='#0b4da1', GradientType=1);
}

a.btn-ok {
    background-color: #fff;
    border: 0 none;
    border-radius: 30px;
    color: #004b93;
    font-size: 28px;
    font-weight: 300;
    height: 60px;
    position: absolute;
    text-transform: uppercase;
    transition: all 0.3s linear 0s;
    width: 60px;
	text-decoration:none;
	margin-left:35px;
}
a.btn-ok span{
	line-height:205%;
	font-size: 28px;
    font-weight: 300;
}


.fondmobile ul {list-style: none;}


.modal-body .btn-primary{margin-top:20px;}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
	text-decoration: none;
    background-color: #3878cf;
	background-image: -webkit-linear-gradient(to bottom, #3878cf 0%, #3878cf 100%);
	background-image:    -moz-linear-gradient(to bottom, #3878cf 0%, #3878cf 100%);
	background-image:     -ms-linear-gradient(to bottom, #3878cf 0%, #3878cf 100%);
	background-image:      -o-linear-gradient(to bottom, #3878cf 0%, #3878cf 100%);
	background-image:         linear-gradient(to bottom, #3878cf 0%, #3878cf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0b4da1',endColorstr='#3878cf', GradientType=1);
    background-repeat: repeat-x;
    border-bottom-color: #f58223;
    border-top-color: #f8b073;
}

a.btn-go {
    font-weight: 600;
    color: #5e6a79;
	border-radius:0px;
	padding: 5px 10px;
	transition: all 0.3s linear;
    border:0;
	background-color: #fff;
	text-decoration:none;
	font-weight:300;
	font-size:40px;
	width:300px;
	height:80px;
	border-radius:40px;
	line-height:170%;
}

a.btn-go:hover, a.btn-go:active, a.btn-go:focus{
    font-weight: 300;
	background-color: #00baf2;
	color:#000;
}

a.btn-ok:hover, a.btn-ok:focus, a.btn-ok:active {
    background-color: #00baf2;
    border: 0 none;
    border-radius: 30px;
    color: #000;
}
a.btn-ok span{
	line-height:205%;
	font-size: 28px;
    font-weight: 300;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    /*background-image: none;*/
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    border-color: #09c;
    background-color: #09c;
}

.btn-primary .badge {
    color: #09c;
    background-color: #fff;
}


.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: none;
  outline-offset: 0px;
}

.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}


.btn-xl {
    padding: 0px;
    text-transform: uppercase;
    font-size: 40px;
    font-weight: 700;
    color: #004b93;
    border: 0;
    width:80px;
    height:80px;
	transition: all 0.3s linear;
	border-radius:40px;
	background-color:#fff;
	animation: 2s linear 0s normal none 1 running fleche, 4s ease-in-out 0s normal none 1 running fleche2;
	line-height:220%;
	bottom: 2%;
	left: 50%;
	margin-left: -40px;
	position: absolute;	
}


.text-appear {
    animation: 1.5s linear 0s normal none infinite appear;
}

@keyframes appear {
0% {
    opacity: 0;
	left:-100%;
}
80% {
    opacity: 0;
	left:-30%;
}
100% {
    opacity: 100;
}
}

.text-appear2 {
    animation: 1.5s linear 0s normal none 1 running appear2;
}

@keyframes appear2 {
0% {
    opacity: 0;
	right:-100%;
}
80% {
    opacity: 0;
	right:-30%;
}
100% {
    opacity: 100;
}
}

.fleche-suite {
    animation: 3s linear 0s normal none 1 running fleche, 4s ease-in-out 0s normal none 1 running fleche2;
}

@keyframes fleche {
0% {
    opacity: 0;
}
80% {
    opacity: 0;
}
100% {
    opacity: 100;
}
}
@keyframes fleche2 {
0% {
    transform: translateY(0px);
}
80% {
    transform: translateY(0px);
}
85% {
    transform: translateY(8px);
}
90% {
    transform: translateY(0px);
}
100% {
    transform: translateY(0px);
}
}

.bounce2 {
    animation: 5s ease-in-out 0s normal none infinite bounce3;
}

@keyframes bounce2 {
0% {
    opacity: 0;
	color: #ccc;
}
80% {
    opacity: 0;
	color:#ccc;
}
100% {
    opacity: 100;
	color: #fff;
}
}

@keyframes bounce3 {
0% {
    transform: translateX(0px);
}
70% {
    transform: translateX(0px);
}
75% {
    transform: translateX(-1px);
}
80% {
    transform: translateX(6px);
}
85% {
    transform: translateX(0px);
}
90% {
    transform: translateX(8px);
}
95% {
    transform: translateX(0px);
}
}

.lienform {
	transition-property: background, border-radius;
	transition-duration: .2s, 1s;
	transition-timing-function: linear, ease-in;
	transition-delay: 0, 1s;
	animation: 4s ease-in-out 1s normal none infinite lien1;
	opacity:1;
}


	
.lienform:hover img {
	-webkit-transition:opacity 0.5s;
    -moz-transition:opacity 0.5s;
    -o-transition:opacity 0.5s;
    -ms-transition:opacity 0.5s;
    transition:opacity 0.5s; 
    opacity:.5;
    -moz-transform: scale(1.25);
    -webkit-transform: scale(1.25);
    -o-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25);
}


@keyframes lien1 {
    0% {
    transform: scale(1);
	opacity:1;
}
80% {
    transform: scale(1);
	opacity:1;
	transform: translateY(0px);
}
85% {
    transform: scale(0.99);
	opacity:1;
	transform: translateY(-5px);
}
90% {
    transform: translateY(0px);
	transform: translateX(2px);
	transform: scale(1.025);
	opacity:1;
}
95% {
    transform: translateY(8px);
	transform: scale(1.025);
	opacity:0.99;
}
100% {
    transform: scale(1);
	opacity:1;
}
}	


/*@keyframes bounce{ from {top: 106px;} 50% {top: 86px;} to {top: 106px;} }*/

.ec1 .btn-xl {
	position:static;
	bottom:20px;
	background: transparent url("/assets/img/sprite.png") no-repeat -50px -40px;
}

.btn-xl:hover,
.btn-xl:focus,
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
    border: 0;
	background-color:#00baf2;
    color: #000;
    /*background-color: #09c;*/
   /*background: transparent url("/assets/img/sprite.png") no-repeat -50px -40px;*/
   
}

.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
    /*background: transparent url("/assets/img/sprite.png") no-repeat -50px -40px;*/
    border:0;
}

.ec1 .btn-xl:hover,
.ec1 .btn-xl:focus,
.ec1 .btn-xl:active,
.ec1 .btn-xl.active {
	 background: transparent url("/assets/img/sprite.png") no-repeat -50px -105px;
}



.btn-xl.disabled,
.btn-xl[disabled],
fieldset[disabled] .btn-xl,
.btn-xl.disabled:hover,
.btn-xl[disabled]:hover,
fieldset[disabled] .btn-xl:hover,
.btn-xl.disabled:focus,
.btn-xl[disabled]:focus,
fieldset[disabled] .btn-xl:focus,
.btn-xl.disabled:active,
.btn-xl[disabled]:active,
fieldset[disabled] .btn-xl:active,
.btn-xl.disabled.active,
.btn-xl[disabled].active,
fieldset[disabled] .btn-xl.active {
    border: 0;
    background-color: #fed136;
}

.btn-xl .badge {
    color: #fed136;
    background-color: #fff;
}

.navbar-default {
    border-color: transparent;
    background-color:#f3f3f3;
	border-bottom:1px solid #ccc;
}

.navbar-default .navbar-brand {
    font-family: "Kaushan Script","Helvetica Neue",Helvetica,Arial,cursive;
    color: #fed136;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand.active {
    color: #fec503;
}

.navbar-default .navbar-collapse {
    border-color: rgba(255,255,255,.02);
}

.navbar-default .navbar-toggle {
    border: 0;
    background-color: #004b93;
}

.navbar-default .navbar-toggle {
		margin-top: 15px;
	}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    border-color: #00baf2;
    background-color: #00baf2;
}

.navbar-default .nav li a {
    font-family: "GillSans",Arial,sans-serif;
    font-weight: 400;
    letter-spacing:0px;
    color: #004b93;
	font-size:21px;
}

.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
    outline: 0;
    color: #00baf2;
}

.navbar-default .nav span{
	color: #004b93;
	font-weight:bold;
	font-family: "GillSans",Arial,sans-serif;
    font-size: 21px;
    font-weight: 400;
    letter-spacing: 0;
	line-height: 38px;
	padding-bottom: 15px;
    padding-top: 15px;
	display: block;
    padding: 10px 15px;
    position: relative;
}

.navbar-default .navbar-nav>.active>a {
    border-radius: 0;
     color: #000;
    /*background-color: #09c;*/
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
}

.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
     color: #00baf2;
    /*background-color: #09c;*/
}

.navbar-nav .fb{
    width:50px;
}
.navbar-nav .fb a{
    text-indent: -9999px;
    background: transparent url("/assets/img/sprite.png") no-repeat 10px 8px;
    padding-left: 20px;
    padding-right:20px;
}

.navbar-nav .fb a:hover, .navbar-nav .fb a:active{
    text-indent: -9999px;
    background: transparent url("/assets/img/sprite.png") no-repeat 10px -50px;
}

.navrub {
    display: none;
}


@media only screen and (max-width:767px) {
    .container >.navbar-collapse, .container-fluid > .navbar-collapse {
        padding:0;
        margin:0;
    }
    .container >.navbar-collapse a, .container-fluid > .navbar-collapse a, .container >.navbar-collapse span {
        padding:10px 5px 10px 5px;
        margin:0;
		line-height: 20px;
    }
    ul.navbar-nav{
        margin: 0px;
        padding: 0px;
    }
    .bulletnav {
        display: none;
    }
	
	.navbar-fixed-bottom.navbar-shrink, .navtop .navbar-fixed-bottom.navbar-default.navbar-shrink {
	  position: absolute;
	  top: 0;
	  z-index: 10030;
	  height:60px;
	}
	.navbar-default.navbar-fixed-bottom {
        background-color: #fff;
		border-top:2px solid #ccc;
		border-bottom:0;
    }
	
	.navbar-default.navbar-fixed-bottom.navbar-shrink, .navtop .navbar.navbar-default.navbar-fixed-top.navbar-shrink {
        background-color: #fff;
		border-bottom:2px solid #ccc;
		border-top:0;
    }	
	
	.navbar-fixed-bottom.navbar-shrink .container{
	  background-color:#fff;
	}
	.nav > li{
        border-bottom: 1px solid #ebebee;
    }
    .nav > li:last-child{
        border: 0px;
    }
}

@media only screen and (min-width:768px) {
    .navrub {
        display: block;
        background-color: #004b93;
        text-align: center;
    }
    .navbar-default {
        margin-top: 40px;
		margin-bottom:20px;
		height:96px;
        border: 0;
		/*border-bottom:2px solid #ccc;*/
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
		max-width:1330px;
		width:100%;
		position:absolute;
		/*top: 0px;*/
		margin-left:auto;
		margin-right:auto;
		background-image: -webkit-linear-gradient(bottom, #efefef 0%, #fdfdfd 100%);
		background-image:    -moz-linear-gradient(bottom, #efefef 0%, #fdfdfd 100%);
		background-image:     -ms-linear-gradient(bottom, #efefef 0%, #fdfdfd 100%);
		background-image:      -o-linear-gradient(bottom, #efefef 0%, #fdfdfd 100%);
		background-image:         linear-gradient(bottom, #efefef 0%, #fdfdfd 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef',endColorstr='#fdfdfd', GradientType=1);
    }

	
	.page .navbar-default {
		position:absolute;
    }
	
	
	.navbar-default .container, footer .container{
		padding: 10px 15px;
		width: auto;
		margin:0;
		background-color:transparent;
		border:0px solid #ccc;
		max-width:1330px;
	}
    footer .container{
        width: 100%;
        margin:auto;
        background-color:#094188;
        border:0px;
        max-width:1330px;
        position:relative;
        padding-top:20px;
        padding-bottom:20px;
    }
	
	.navbar-header {
		float: left;
		padding: 8px 10px;
		border-right:3px solid #cdcdcd;
		height: inherit;
	}
	.navbar-header  h1 img {margin-top:5px;}
	
	.navbar-default .container .navbar-right {
		float: right !important;
		margin-right: 0;
	}

	.navbar-default.navbar-fixed-bottom {
        padding: 20px 0 10px 0px;
		border-top:2px solid #ccc;
		background-color:#fff;
    }
	
	.navbar-fixed-bottom {
	  position: fixed;
	  bottom: 0;
	  z-index: 1030;
	}
	
	.navbar-fixed-bottom.navbar-shrink, .navtop .navbar-fixed-bottom.navbar-shrink {
	  position: fixed;
	  top: 0;
	  z-index: 10030;
	  height:80px;
	  border-top:0;
	}

    .navbar-default .navbar-brand {
        font-size: 2em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .navbar-default .navbar-nav>.active>a {
        border-radius: 3px;
    }
	
	.navbar-default.navbar-shrink, .navtop .navbar-default.navbar-shrink {
        padding: 20px 0 10px 0px;
        background-color: #fff;
		border-bottom:2px solid #ccc;
    }
	

    .navbar-default.navbar-shrink .navbar-brand {
        font-size: 1.5em;
    }

    .navbar-nav > li > a {
		line-height: 75px;
		vertical-align: baseline;
	}

    .bulletnav {
        display: block;
        height: auto;
        position: fixed;
        right: 5px;
        top: 44%;
        z-index: 9999;
    }
	
    .navrub ul li, #testeurs .navrub ul li {
        border-right: 1px solid #ccc;
        display: table-cell;
        float: none;
        height: 60px;
        margin: 0;
        vertical-align: middle;
        width: 12.5%;
    }
    .navrub ul li:last-child, #testeurs .navrub ul li:last-child {
        border-right: 0 none;
    }

    #top-menu li.active a {
        background-color: #09c;
        border-top: 0 solid #333;
        font-weight: 700;
    }
    #top-menu a {
        border-top: 0 none;
        color: #fff;
        display: block;
        padding: 0;
        text-decoration: none;
        transition: all 0.5s ease 0s;
    }
    .bulletnav li a {
        background-color: #fff;
        border-radius: 6px;
        cursor: pointer;
        display: block;
        float: left;
        font-size: 100%;
        height: 12px;
        width: 12px;
        text-indent: -9999px;
    }

    .nav > li{
        border-right: 0;
        display: inline-block;
    }
    .nav > li:last-child{
        border: 0px;
    }
}

/* declin menu haut ... ou pas*/
@media(min-width:768px) and (max-width:909px){
	
	.navbar-nav .fb{
		width:40px;
	}
	.navbar-nav .fb a{
		text-indent: -9999px;
		background: transparent url("/assets/img/sprite.png") no-repeat 5px 5px;
		padding-left: 15px;
		padding-right:15px;
	}

	.navbar-nav .fb a:hover, .navbar-nav .fb a:active{
		text-indent: -9999px;
		background: transparent url("/assets/img/sprite.png") no-repeat 5px -53px;
	}
	
}

@media(min-width:910px) and (max-width:1024px){
	
	.navbar-nav .fb{
		width:40px;
	}
	.navbar-nav .fb a{
		text-indent: -9999px;
		background: transparent url("/assets/img/sprite.png") no-repeat 8px 5px;
		padding-left: 15px;
		padding-right:15px;
	}

	.navbar-nav .fb a:hover, .navbar-nav .fb a:active{
		text-indent: -9999px;
		background: transparent url("/assets/img/sprite.png") no-repeat 8px -53px;
	}
}




@media screen and (max-width: 767px) {
	.navbar-header h1, .navbar-header h2{
		padding: 0;
		margin-top:0px;
	}
} 

.navbar-header h2{
    font-size: 80%;
    text-transform: none;
    color: #fff;
    margin-bottom: 5px;
    margin-top: 5px;
}

header {
    text-align: center;
    color: #fff;
	display: table;
	height:100%;
    /*padding: 6em 1em 4em;*/
	padding:0;
    position: relative;
    width: 100%;
    z-index: 3;
	background-color:#fff;
}


/*header .intro-text {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}*/
header .intro-text {   
    bottom: 80px;
    display: table-cell;
    min-height: 50%;
	height:auto;
    left: 5%;
    position: absolute;
    right: 5%;
    text-align: center;
    top: 29%;
    vertical-align: middle;
    z-index: 99;
}

@media only screen and (min-width: 1200px) and (max-height: 800px) {
	header .intro-text {   
		bottom: 80px;
		display: table-cell;
		min-height: 50%;
		height:auto;
		left: 5%;
		position: absolute;
		right: 5%;
		text-align: center;
		top: 25%;
		vertical-align: middle;
		z-index: 99;
	}
}



section, header {
    /*padding: 100px 0;*/
	height:auto;
	/*min-height:100%;*/
	padding-top:100px;
	position:relative;
	width:100%;
	/*max-width:1000px;*/
	margin:auto;
	background-color:#fff;
}

@media only screen and (min-width : 1000px){
	section, header {
		/*width:1000px;*/
	}
}
section.black{
	min-height:100%;
}

section.nobackgrd{background-color:transparent;}


aside#modeles {
    /*padding: 100px 0;*/
	height:auto;
	min-height:auto;
	padding-top:120px;
	position:relative;
	padding-bottom:40px;
}



section h2.section-heading {
    margin-top: 0;
	font-size: 24px;
	text-transform:uppercase;
}

.tm{font-size:50%; text-transform:uppercase;vertical-align: top;line-height:130%;}
.header h1 .thin .er{font-size:50%; vertical-align: top;line-height:360%;}

@media(min-width:768px) {
	section h2.section-heading {
		margin-top: 0;
		font-size: 60px;
		line-height:100%;
	}

	section h2.section-heading.white {
		font-size: 60px;
		margin-bottom:5px;
	}
	section h2.section-heading.s24 {font-size:24px;}

    section.fondform h2.section-heading {
        margin-top: 0;
        font-size: 40px;
        line-height:100%;
    }
}

.header h1, .header h2{
	font-size:24px;
	line-height:110%;
}

.header h1{
     color: #fff;
}

.header h2 {
    margin-top: 0;
	margin-bottom: 12px;
	font-size: 14px;
	/*font-family:Arial, Helvetica, sans-serif;*/
}

.header h3 {
		margin: 0 auto 6px;
		max-width: 100%;
		position: relative;
		width: auto;
}

@media(min-width:980px) {
	.header h3  {
		margin: 0 auto 12px;
		/*max-width: 50%;*/
		position: relative;
		width: auto;
	}
}	
	
@media only screen and (min-device-width : 1024px) and (max-device-height : 600px){
	.header h3 {
		margin: 0 auto 12px;
		/*max-width: 30%;*/
		position: relative;
		width: auto;
	}
}




.header h1 .thin{
    font-weight: 100;
	letter-spacing:0px;
	font-size:26px;
}

.header h1 .decal{
    line-height:140%;
}

.header h1 .yellow{  
	background: url("/assets/img/slide0/fond-titre.png") no-repeat; 
	background-attachment: scroll;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:15px;
	padding-right:85px;
	text-transform:uppercase;
    letter-spacing: 0.075em;
	line-height:140%;
}
.header h1.yellow{  
    background: url("/assets/img/slide1/fondbutton1.png") no-repeat; 
    background-attachment: scroll;
    background-position: top center;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    padding-top:30px;
    padding-bottom:10px;
    padding-left:15px;
    padding-right:55px;
    text-transform:uppercase;
    letter-spacing: 0.075em;
    line-height:100%;
}

.uppercase, h3.uppercase{text-transform:uppercase;}
.tblack{color:#000;}

.bshadow{
	-moz-box-shadow: 1px 1px 20px 0px #000000;
	-webkit-box-shadow: 1px 1px 20px 0px #000000;
	-o-box-shadow: 1px 1px 20px 0px #000000;
	box-shadow: 1px 1px 20px 0px #000000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=20);
}

.haloblanc{
background: rgba(255,255,255,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 66%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(66%, rgba(255,255,255,0)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 66%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 66%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 66%);
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 66%);
background: transparent\9;
}

.haloblanc2{
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
/*background: transparent\9;*/
}

.halonoir{
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzMzMzMzMiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIwLjY0Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk0JSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9yYWRpYWxHcmFkaWVudD4KICA8cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-radial-gradient(center, ellipse cover,  rgba(51,51,51,0.65) 0%, rgba(51,51,51,0.64) 1%, rgba(0,0,0,0) 71%, rgba(51,51,51,0) 94%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(51,51,51,0.65)), color-stop(1%,rgba(51,51,51,0.64)), color-stop(71%,rgba(0,0,0,0)), color-stop(94%,rgba(51,51,51,0)));
background: -webkit-radial-gradient(center, ellipse cover,  rgba(51,51,51,0.65) 0%,rgba(51,51,51,0.64) 1%,rgba(0,0,0,0) 71%,rgba(51,51,51,0) 94%);
background: -o-radial-gradient(center, ellipse cover,  rgba(51,51,51,0.65) 0%,rgba(51,51,51,0.64) 1%,rgba(0,0,0,0) 71%,rgba(51,51,51,0) 94%);
background: -ms-radial-gradient(center, ellipse cover,  rgba(51,51,51,0.65) 0%,rgba(51,51,51,0.64) 1%,rgba(0,0,0,0) 71%,rgba(51,51,51,0) 94%);
background: radial-gradient(ellipse at center,  rgba(51,51,51,0.65) 0%,rgba(51,51,51,0.64) 1%,rgba(0,0,0,0) 71%,rgba(51,51,51,0) 94%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6333333', endColorstr='#00333333',GradientType=1 );
}

.decald{
	position:absolute;
	right:-50px;
	top:-30px;
	z-index:99;
}
.decald2{
    left: -180px;
    position: absolute;
    top: 88px;
    z-index: 99;
}
.decalt{
	position:absolute;
	left:0px;
	top:-50px;
	z-index:99;
}

.decalt2{
	position:absolute;
	left:0px;
	top:-30px;
	z-index:99;
}

.copyright{
	font-size:60%;
	vertical-align:top;
}

.navbar-default .nav li a .copyright{
	font-size:60%;
	vertical-align:top;
	line-height:120%;
}



@media only screen and (min-width:768px) {
	.header h1{
	font-size:60px;
	color:#fff;
	}
    .fondhome .header h1{font-size:250%;}
    .fondhome .header h1 .thin{font-size:100%;font-weight:bold; text-transform:none;}
	
	.header h1 span.decal, .header h1 span.lh100{
		text-shadow: 0px 0px 10px #004b93;
		filter:progid:DXImageTransform.Microsoft.Shadow(color=#004b93,direction=135,strength=3);
		font-weight:bold;
		font-size:90%;
	}
	
	.txt-shadow{
		text-shadow: 0px 0px 10px #004b93;
		filter:progid:DXImageTransform.Microsoft.Shadow(color=#004b93,direction=135,strength=3);
	}

    .txt-shadow2{
        text-shadow: 0px 0px 20px #000;
        filter:progid:DXImageTransform.Microsoft.Shadow(color=#000,direction=135,strength=3);
    }

    .txt-shadow3{
        text-shadow: 1px 0px 5px #000;
        filter:progid:DXImageTransform.Microsoft.Shadow(color=#000,direction=135,strength=3);
    }

	.small{font-size:110%;}
    h3 .small{font-size:80%;color:#000;font-weight:bold;}
	p.small{margin-top:15px;}
	
	.header h2, .fondbutton{
		margin-top: 0px;
		margin-bottom: 15px;
		font-size: 23px;
		font-weight:normal;
		background: url("/assets/img/slide0/fond-stitre.png") no-repeat; 
		background-attachment: scroll;
		background-position: left center;
		-webkit-background-size: auto;
		-moz-background-size: auto;
		-o-background-size: auto;
		background-size: auto;
		padding-top:10px;
		padding-bottom:10px;
		padding-left:60px;
		padding-right:40px;
		line-height:120%;
		color:#fff;
	}
	.fondbutton{
		background: url("/assets/img/slide1/fondbutton1.png") no-repeat; 
		background-attachment: scroll;
		background-position: left center;
		-webkit-background-size: auto;
		-moz-background-size: auto;
		-o-background-size: auto;
		background-size: auto;
		padding-top:10px;
		padding-bottom:10px;
		padding-left:0px;
		padding-right:10x;
		line-height:130%;
		color:#fff;
	}
	.fondbutton h2{
		margin-top:28px;
		font-size:26px;
		line-height:120%;
	}
	
	.header h3{
		margin-top:25px;
		margin-bottom: 35px;
		font-size: 21px;
		font-weight:normal;
		padding:0;
		padding-left:65px;
		line-height:130%;
	}
	
	.page h3{
		font-size: 24px;
	}

    .page h3.section-heading{font-size:36px;}
	
	.header h1 .thin{
		font-size: 26px;
		line-height:100%;
	}
}

@media only screen and (min-width:768px) and (max-width:991px){
        .fondhome .header h1 {
        font-size: 200%;
    }

    .navbar-default .nav li a{font-size:18px;}
}

@media only screen and (min-width:992px) and (max-width:1024px){
        .fondhome .header h1 {
        font-size: 240%;
    }
}

section h3.section-subheading {
    margin-bottom: 75px;
    text-transform: none;
    font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 21px;
    font-style: italic;
    font-weight: 400;
}

@media only screen and (min-width:768px) {
    section {
       padding: 0;
	   width:100%;
    }

}

.service-heading {
    margin: 15px 0;
    text-transform: none;
}

#portfolio .portfolio-item, .intro-text .portfolio-item{
    right: 0;
    margin: 0 0 15px;
}

#portfolio .portfolio-item .portfolio-link, .intro-text .portfolio-item .portfolio-link{
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 400px;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover, .intro-text .portfolio-item .portfolio-link  .portfolio-hover{
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: #09c;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
	/*-moz-box-shadow: 0px 0px 15px 0px #ffffff;
	-webkit-box-shadow: 0px 0px 15px 0px #ffffff;
	-o-box-shadow: 0px 0px 15px 0px #ffffff;
	box-shadow: 0px 0px 15px 0px #ffffff;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#ffffff, Direction=NaN, Strength=15);*/
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover, .intro-text .portfolio-item .portfolio-link .portfolio-hover:hover {
    opacity: 1;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content, .intro-text .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content{
    position: absolute;
    top: 50%;
    width: 100%;
    height: 20px;
    margin-top: -12px;
    text-align: center;
    font-size: 20px;
    color: #fff;
}

.portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
    margin-top: -12px;
}

.portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
.portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
    margin: 0;
}

.portfolio-item .portfolio-caption {
    margin: 0 auto;
    padding: 25px;
    max-width: 400px;
    text-align: center;
    background-color: transparent;
	background: #09c;
}

.portfolio-item .portfolio-caption h4 {
    margin: 0;
    text-transform: none;
	font-weight:300;
}

.portfolio-item .portfolio-caption h2 {
    margin: 0;
}

.portfolio-item .portfolio-caption p {
    margin: 0;
    font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 21px;
    font-style: italic;
}

#portfolio * {
    z-index: 2;
}

@media(min-width:767px) {
    #portfolio .portfolio-item {
        margin: 0 0 30px;
    }
}

.timeline {
    position: relative;
    padding: 0;
    list-style: none;
}

.timeline:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 40px;
    width: 2px;
    margin-left: -1.5px;
    background-color: #f1f1f1;
}

.timeline>li {
    position: relative;
    margin-bottom: 50px;
    min-height: 50px;
}

.timeline>li:before,
.timeline>li:after {
    content: " ";
    display: table;
}

.timeline>li:after {
    clear: both;
}

.timeline>li .timeline-panel {
    float: right;
    position: relative;
    width: 100%;
    padding: 0 20px 0 100px;
    text-align: left;
}

.timeline>li .timeline-panel:before {
    right: auto;
    left: -15px;
    border-right-width: 15px;
    border-left-width: 0;
}

.timeline>li .timeline-panel:after {
    right: auto;
    left: -14px;
    border-right-width: 14px;
    border-left-width: 0;
}

.timeline>li .timeline-image {
    z-index: 100;
    position: absolute;
    left: 0;
    width: 80px;
    height: 80px;
    margin-left: 0;
    border: 7px solid #f1f1f1;
    border-radius: 100%;
    text-align: center;
    color: #fff;
    background-color: #fed136;
}

.timeline>li .timeline-image h4 {
    margin-top: 12px;
    font-size: 10px;
    line-height: 14px;
}

.timeline>li.timeline-inverted>.timeline-panel {
    float: right;
    padding: 0 20px 0 100px;
    text-align: left;
}

.timeline>li.timeline-inverted>.timeline-panel:before {
    right: auto;
    left: -15px;
    border-right-width: 15px;
    border-left-width: 0;
}

.timeline>li.timeline-inverted>.timeline-panel:after {
    right: auto;
    left: -14px;
    border-right-width: 14px;
    border-left-width: 0;
}

.timeline>li:last-child {
    margin-bottom: 0;
}

.timeline .timeline-heading h4 {
    margin-top: 0;
    color: inherit;
}

.timeline .timeline-heading h4.subheading {
    text-transform: none;
}

.timeline .timeline-body>p,
.timeline .timeline-body>ul {
    margin-bottom: 0;
}

@media(min-width:768px) {
    .timeline:before {
        left: 50%;
    }

    .timeline>li {
        margin-bottom: 100px;
        min-height: 100px;
    }

    .timeline>li .timeline-panel {
        float: left;
        width: 41%;
        padding: 0 20px 20px 30px;
        text-align: right;
    }

    .timeline>li .timeline-image {
        left: 50%;
        width: 100px;
        height: 100px;
        margin-left: -50px;
    }

    .timeline>li .timeline-image h4 {
        margin-top: 16px;
        font-size: 13px;
        line-height: 18px;
    }

    .timeline>li.timeline-inverted>.timeline-panel {
        float: right;
        padding: 0 30px 20px 20px;
        text-align: left;
    }
	
}

@media(min-width:992px) {
    .timeline>li {
        min-height: 150px;
    }

    .timeline>li .timeline-panel {
        padding: 0 20px 20px;
    }

    .timeline>li .timeline-image {
        width: 150px;
        height: 150px;
        margin-left: -75px;
    }

    .timeline>li .timeline-image h4 {
        margin-top: 30px;
        font-size: 18px;
        line-height: 26px;
    }

    .timeline>li.timeline-inverted>.timeline-panel {
        padding: 0 20px 20px;
    }
	
}

@media(min-width:1200px) {
    .timeline>li {
        min-height: 170px;
    }

    .timeline>li .timeline-panel {
        padding: 0 20px 20px 100px;
    }

    .timeline>li .timeline-image {
        width: 170px;
        height: 170px;
        margin-left: -85px;
    }

    .timeline>li .timeline-image h4 {
        margin-top: 40px;
    }

    .timeline>li.timeline-inverted>.timeline-panel {
        padding: 0 100px 20px 20px;
    }
}

.team-member {
    margin-bottom: 50px;
    text-align: center;
}

.team-member img {
    margin: 0 auto;
    border: 7px solid #fff;
}

.team-member h4 {
    margin-top: 25px;
    margin-bottom: 0;
    text-transform: none;
}

.team-member p {
    margin-top: 0;
}

aside.clients img {
    margin: 50px auto;
}

/* partie formulaire*/

.mheight{height:auto;min-height:100%;}

section#contact {
	background: url("/assets/img/slide6/fond6.jpg") no-repeat; 
	background-attachment: scroll;
	background-position: left top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    display: table;
    padding: 6em 1em 4em;
    position: relative;
    z-index: 3;
	height:100%;
	background-color:##e3e3e2;
}

section#contact .section-heading {
    line-height:110%;
}

section#contact h3 {
    font-size: 30px;
}
section#contact h3 .small{font-size:70%;color:#000;}

section#contact .form-group {
    margin-bottom: 25px;
}

section#contact .form-group input,
section#contact .form-group textarea {
    padding: 2px;
}

section#contact .form-group input.form-control {
    height: auto;
}

section#contact .form-group textarea.form-control {
    height: 236px;
}

section#contact .form-control:focus {
    border-color: #fed136;
    box-shadow: none;
}

section#contact::-webkit-input-placeholder {
    text-transform: uppercase;
    font-weight: 700;
    color: #bbb;
}

section#contact:-moz-placeholder {
    text-transform: uppercase;
    font-weight: 700;
    color: #bbb;
}

section#contact::-moz-placeholder {
    text-transform: uppercase;
    font-weight: 700;
    color: #bbb;
}

section#contact:-ms-input-placeholder {
    text-transform: uppercase;
    font-weight: 700;
    color: #bbb;
}

section#contact .text-danger {
    color: #e74c3c;
}

footer {
    padding: 0px 0;
    text-align: center;
	position:relative;
	width:100%;
	margin: 0 auto;
    background-color:#094188;
}

.mheight footer{
    position: fixed;
    bottom:0;
    z-index:999;
}

footer ul.quicklinks {
    margin-bottom: 0;
    text-transform: uppercase;
    text-transform: none;
	width:100%;
	padding:10px;
	border-top:0;
    display:inline;
}
footer ul.quicklinks li ul{
    padding:0;
}

.list-inline{margin-left:0;}

ul.social-buttons {
    margin-bottom: 0;
}

ul.social-buttons li a {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    font-size: 20px;
    line-height: 40px;
    outline: 0;
    color: #fff;
    background-color: #222;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

ul.social-buttons li a:hover,
ul.social-buttons li a:focus,
ul.social-buttons li a:active {
    background-color: #fed136;
}

.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus {
    outline: 0;
}

/*.portfolio-modal .modal-content {
    padding: 100px 0;
    min-height: 100%;
    border: 0;
    border-radius: 0;
    text-align: center;
    background-clip: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.portfolio-modal .modal-content h2 {
    margin-bottom: 15px;
    font-size: 3em;
}

.portfolio-modal .modal-content p {
    margin-bottom: 30px;
}

.portfolio-modal .modal-content p.item-intro {
    margin: 20px 0 30px;
    font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 21px;
    font-style: italic;
}

.portfolio-modal .modal-content ul.list-inline {
    margin-top: 0;
    margin-bottom: 30px;
}

.portfolio-modal .modal-content img {
    margin-bottom: 30px;
}
*/

.modal-content{background-color:transparent;box-shadow: 0px;}
.modal-content {
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.5);
    border:0px;
    background-color:#fff;
}

.close {
    font-size: 30px;
    opacity: 0.4;
}

.portfolio-modal .close-modal {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 75px;
    height: 75px;
    background-color: transparent;
    cursor: pointer;
}

.portfolio-modal .close-modal:hover {
    opacity: .3;
}

.portfolio-modal .close-modal .lr {
    z-index: 1051;
    width: 1px;
    height: 75px;
    margin-left: 35px;
    background-color: #222;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.portfolio-modal .close-modal .lr .rl {
    z-index: 1052;
    width: 1px;
    height: 75px;
    background-color: #222;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.portfolio-modal .modal-backdrop {
    display: none;
    opacity: 0;
}

::-moz-selection {
    text-shadow: none;
    background: #09c;
}

::selection {
    text-shadow: none;
    background: #fed136;
}

img::selection {
    background: 0 0;
}

img::-moz-selection {
    background: 0 0;
}

body {
    webkit-tap-highlight-color: #fed136;
    /*top:0;*/
    height:auto;
    margin:0;
    padding:0;
}


/*header::before {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAFklEQVQIW2NkYGD4D8SMQAwhYACFAwAjcQEE0gngKAAAAABJRU5ErkJggg==") repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    height: inherit;
    left: 0;
    opacity: 0.55;
    position: absolute;
    top: 0;
    width: 100%;
}*/


/* ajouts steph*/

.intro {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
	position:relative;
	width:100%;
	max-width:1220px;
	margin-left:auto;
	margin-right:auto;
    z-index:99;
}

.modal {
    background-color: rgba(0, 0, 0, 0.75);
}

.portfolio-modal .modal-content {
	background-color:transparent;
}

.modal-body {
    /*background-color: #fff;*/
	background-color: transparent;
}

.modal-open .modal {
    z-index: 999999;
}


img {
    border: 0 none;
    height: auto;
    max-width: 100%;
}

/* menu adapté du header from bottstrap css*/


@media (min-width: 768px) and (max-width: 991px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  
  .navbar-toggle {
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    float: right;
    margin-bottom: 8px;
    margin-right: 15px;
    margin-top: 8px;
    padding: 9px 10px;
    position: relative;
	}
	
	/*.header h1 .yellow, .header h1.yellow{padding-left:0;}*/
    .fondbutton {
        background: rgba(0, 0, 0, 0) url("/assets/img/slide0/fond-stitre.png") no-repeat scroll right center;
        color: #fff;
        font-weight: normal;
        line-height: 120%;
        margin-bottom: 15px;
        margin-top: 0;
        padding: 10px 10px 10px 50px;
    }
}

@media (min-width: 992px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  
  .navbar-toggle {
    display: none;
	}
}

[class*="slide2"]::after {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMTIlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNTUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTclIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNTIiLz4KICAgIDxzdG9wIG9mZnNldD0iMjElIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyOSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC40NiIvPgogICAgPHN0b3Agb2Zmc2V0PSIzMSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC40NSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0NSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4yIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ2JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjE4Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjYyJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAzIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9yYWRpYWxHcmFkaWVudD4KICA8cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.55) 12%, rgba(0,0,0,0.52) 17%, rgba(0,0,0,0.5) 21%, rgba(0,0,0,0.46) 29%, rgba(0,0,0,0.45) 31%, rgba(0,0,0,0.2) 45%, rgba(0,0,0,0.18) 46%, rgba(0,0,0,0.03) 62%, rgba(0,0,0,0) 85%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(12%,rgba(0,0,0,0.55)), color-stop(17%,rgba(0,0,0,0.52)), color-stop(21%,rgba(0,0,0,0.5)), color-stop(29%,rgba(0,0,0,0.46)), color-stop(31%,rgba(0,0,0,0.45)), color-stop(45%,rgba(0,0,0,0.2)), color-stop(46%,rgba(0,0,0,0.18)), color-stop(62%,rgba(0,0,0,0.03)), color-stop(85%,rgba(0,0,0,0)));
background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.55) 12%,rgba(0,0,0,0.52) 17%,rgba(0,0,0,0.5) 21%,rgba(0,0,0,0.46) 29%,rgba(0,0,0,0.45) 31%,rgba(0,0,0,0.2) 45%,rgba(0,0,0,0.18) 46%,rgba(0,0,0,0.03) 62%,rgba(0,0,0,0) 85%);
background: -o-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.55) 12%,rgba(0,0,0,0.52) 17%,rgba(0,0,0,0.5) 21%,rgba(0,0,0,0.46) 29%,rgba(0,0,0,0.45) 31%,rgba(0,0,0,0.2) 45%,rgba(0,0,0,0.18) 46%,rgba(0,0,0,0.03) 62%,rgba(0,0,0,0) 85%);
background: -ms-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.55) 12%,rgba(0,0,0,0.52) 17%,rgba(0,0,0,0.5) 21%,rgba(0,0,0,0.46) 29%,rgba(0,0,0,0.45) 31%,rgba(0,0,0,0.2) 45%,rgba(0,0,0,0.18) 46%,rgba(0,0,0,0.03) 62%,rgba(0,0,0,0) 85%);
background: radial-gradient(ellipse at center,  rgba(0,0,0,0.55) 12%,rgba(0,0,0,0.52) 17%,rgba(0,0,0,0.5) 21%,rgba(0,0,0,0.46) 29%,rgba(0,0,0,0.45) 31%,rgba(0,0,0,0.2) 45%,rgba(0,0,0,0.18) 46%,rgba(0,0,0,0.03) 62%,rgba(0,0,0,0) 85%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c000000', endColorstr='#00000000',GradientType=1 );
content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

[class*="slide3"]::after {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNTEiLz4KICAgIDxzdG9wIG9mZnNldD0iMSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC41MiIvPgogICAgPHN0b3Agb2Zmc2V0PSIxOCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42MSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxOSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42MSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyOCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42MSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyOSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC41OSIvPgogICAgPHN0b3Agb2Zmc2V0PSIzNyUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC40NSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4yMiIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MiUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xOCIvPgogICAgPHN0b3Agb2Zmc2V0PSI2NSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wMyIvPgogICAgPHN0b3Agb2Zmc2V0PSI4NSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(45deg,  rgba(0,0,0,0.51) 0%, rgba(0,0,0,0.52) 1%, rgba(0,0,0,0.61) 18%, rgba(0,0,0,0.61) 19%, rgba(0,0,0,0.61) 28%, rgba(0,0,0,0.59) 29%, rgba(0,0,0,0.45) 37%, rgba(0,0,0,0.22) 50%, rgba(0,0,0,0.18) 52%, rgba(0,0,0,0.03) 65%, rgba(0,0,0,0) 85%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(0,0,0,0.51)), color-stop(1%,rgba(0,0,0,0.52)), color-stop(18%,rgba(0,0,0,0.61)), color-stop(19%,rgba(0,0,0,0.61)), color-stop(28%,rgba(0,0,0,0.61)), color-stop(29%,rgba(0,0,0,0.59)), color-stop(37%,rgba(0,0,0,0.45)), color-stop(50%,rgba(0,0,0,0.22)), color-stop(52%,rgba(0,0,0,0.18)), color-stop(65%,rgba(0,0,0,0.03)), color-stop(85%,rgba(0,0,0,0)));
background: -webkit-linear-gradient(45deg,  rgba(0,0,0,0.51) 0%,rgba(0,0,0,0.52) 1%,rgba(0,0,0,0.61) 18%,rgba(0,0,0,0.61) 19%,rgba(0,0,0,0.61) 28%,rgba(0,0,0,0.59) 29%,rgba(0,0,0,0.45) 37%,rgba(0,0,0,0.22) 50%,rgba(0,0,0,0.18) 52%,rgba(0,0,0,0.03) 65%,rgba(0,0,0,0) 85%);
background: -o-linear-gradient(45deg,  rgba(0,0,0,0.51) 0%,rgba(0,0,0,0.52) 1%,rgba(0,0,0,0.61) 18%,rgba(0,0,0,0.61) 19%,rgba(0,0,0,0.61) 28%,rgba(0,0,0,0.59) 29%,rgba(0,0,0,0.45) 37%,rgba(0,0,0,0.22) 50%,rgba(0,0,0,0.18) 52%,rgba(0,0,0,0.03) 65%,rgba(0,0,0,0) 85%);
background: -ms-linear-gradient(45deg,  rgba(0,0,0,0.51) 0%,rgba(0,0,0,0.52) 1%,rgba(0,0,0,0.61) 18%,rgba(0,0,0,0.61) 19%,rgba(0,0,0,0.61) 28%,rgba(0,0,0,0.59) 29%,rgba(0,0,0,0.45) 37%,rgba(0,0,0,0.22) 50%,rgba(0,0,0,0.18) 52%,rgba(0,0,0,0.03) 65%,rgba(0,0,0,0) 85%);
background: linear-gradient(45deg,  rgba(0,0,0,0.51) 0%,rgba(0,0,0,0.52) 1%,rgba(0,0,0,0.61) 18%,rgba(0,0,0,0.61) 19%,rgba(0,0,0,0.61) 28%,rgba(0,0,0,0.59) 29%,rgba(0,0,0,0.45) 37%,rgba(0,0,0,0.22) 50%,rgba(0,0,0,0.18) 52%,rgba(0,0,0,0.03) 65%,rgba(0,0,0,0) 85%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82000000', endColorstr='#00000000',GradientType=1 );
content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

section.grey{
	background-color:#cfcfcf;
}
section.black, .black{
	background-color:#000;
	height:auto;
}

.bludedemi{

}

section.blanc{
	background-color:#fff;
	padding-top:0;
}

aside.blue2{
	background-color:#00a3b4;
	padding-bottom:40px;
}

/* les images de section*/

section.grey .container, section.black .container{
	padding-bottom:0%;
	position:absolute;
	height:100%;
	/*width:100%;*/
}

.white{color:#fff;}

.col-50 {
  height:50%;
  max-height:470px;
  width:100%;
}

.posabsbot{
    display: block;
    float: left;
    left:-50px;
    margin-top: 50%;
    position: absolute;
    font-size:100%;
}
.posabsbot h3, h3.posnoir{
    font-size:18px;
    font-weight:900;
    text-align:right;
    padding-right:10px;
    border-right:3px solid #fff;
    font-family: 'Open Sans', Arial,Helvetica,sans-serif;
    color:#fff;
}
.posabsbot2{
    display: block;
    float: left;
    padding-left:50px;
    margin-top: 0;
    position: relative;
    font-size:100%;
}
.posabsbot3{
    display: block;
    float: left;
    left:90px;
    margin-top: 80%;
    position: absolute;
    font-size:100%;
}
.mg-50left{padding-left:0;}
.posabsbot2 h3 {
    font-size:18px;
    font-weight:900;
    text-align:left;
    padding-right:0px;
    padding-left:10px;
    border-left:3px solid #000;
    /*font-family:Arial,Helvetica Neue,Helvetica,sans-serif;*/
    font-family: 'Open Sans', Arial,Helvetica,sans-serif;
} 


@media only screen and (min-width: 768px) and (max-width: 1100px){
    .posabsbot{
        display: block;
        float: left;
        left:-80px;
        margin-top: 50%;
        position: absolute;
        font-size:90%;
    }
    .posabsbot h3, h3.posnoir{
        font-size:100%;
        font-weight:900;
        text-align:right;
        padding-right:10px;
        border-right:3px solid #fff;
        font-family: 'Open Sans', Arial,Helvetica,sans-serif;
        color:#fff;
    }
    .posabsbot2{
        display: block;
        float: left;
        padding-left:42px;
        margin-top: 0;
        position: relative;
        font-size:90%;
    }
    .posabsbot3{
        display: block;
        float: left;
        left:80px;
        margin-top: 90%;
        position: absolute;
        font-size:90%;
    }
    .posabsbot2 h3 {
        font-size:100%;
        font-weight:900;
        text-align:left;
        padding-right:0px;
        padding-left:10px;
        border-left:3px solid #000;
        /*font-family:Arial,Helvetica Neue,Helvetica,sans-serif;*/
        font-family: 'Open Sans', Arial,Helvetica,sans-serif;
    }
    .mg-50left{padding-left:-30px;}
    /*.header h2{font-size:120%;}*/
    .decald {
        right: -60px;
        top: -40px;
    }
    .header h1 .yellow, .header h1.yellow {
        background: rgba(0, 0, 0, 0) url("/assets/img/slide0/fond-titre.png") no-repeat scroll right center / cover ;
    }
    .header h2, .fondbutton {
        background: rgba(0, 0, 0, 0) url("/assets/img/slide0/fond-stitre.png") no-repeat scroll right center;
    }
}

#content {
    margin-top: 40px;
}

.fondnotes h3, .fondnotes h4 {
    color: #000;
    font-size: 150%;
    line-height: 130%;
    max-width: 100%;
    text-transform: uppercase;
}
.fondnotes h3 {
    border-top: 1px solid #ccc;
    letter-spacing: 0.05em;
    font-weight: bold;
    margin-bottom: 0;
    padding-top: 8px;
}

.testeur h4, .testeur.fiche h4 {
    border-bottom: 1px solid #ccc;
    line-height: 140%;
    padding-bottom: 8px;
    white-space: normal;
    letter-spacing: -0.025em;
}
.borderboxtop{border-top:1px solid #ccc;}
.testeur h5 {
    background-color: #004b93;
    font-size: 120%;
    margin-top: 0;
    padding: 2px 2px 4px;
    color:#fff;
}

span.note {
    font-size: 1.1em;
}

@media only screen and (min-width: 768px) and (max-width: 920px){
    .header h1 {
        color: #fff;
        font-size: 350%;
    }
    .header h1 .yellow, .header h1.yellow {
        background: rgba(0, 0, 0, 0) url("/assets/img/slide0/fond-titre.png") no-repeat scroll right center / cover ;
        letter-spacing: 0.025em;
        line-height: 140%;
        padding: 6px 85px 6px 15px;
        text-transform: uppercase;
    }
    .fondbutton h2 {
        font-size: 21px;
        line-height: 120%;
        margin-top: 15px;
    }
    .header h2, .fondbutton {
        background: rgba(0, 0, 0, 0) url("/assets/img/slide0/fond-stitre.png") no-repeat scroll right center;
        color: #fff;
        font-size: 128%;
        font-weight: normal;
        line-height: 120%;
        margin-bottom: 15px;
        margin-top: 0;
        padding: 10px 10px 10px 60px;
    }
}

/* slide home*/
section.fond0  {
	background: url("/assets/img/slide0/fond0-p.jpg") no-repeat;
	background-attachment: scroll;
    background-position: right top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    display: table;
    padding: 8em 1em 8em;
    position: relative;
    z-index: 3;
	background-color:#ebebeb;
}

section .fondhome{
    background-image:none;
    padding: 6em 1em 4em;
    position: relative;
    z-index: 3;
    background-color:#ffffff;
}
section .fondhome{padding: 2em 1em 1em;}

section .fondhome2{display:none;}

.img-smart1{
    display:block;
    margin-left:-1em;
    margin-right:-1em;
}

.img-smart1 img{
    border: 0 none;
    height: auto;
    width: 100%;
    margin-top:20px;
    margin-bottom:0px;
}

.img-smart1 img.bot20{
    margin-bottom:20px;
}

@media only screen and (min-width: 768px){
	section.fond0  {
	/*background: url("/assets/img/slide0/fond0.jpg") no-repeat scroll center center / cover;*/
	background: url("/assets/img/slide0/fond0.jpg") no-repeat; 
	background-attachment: scroll;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    display: table;
    padding: 12em 1em 12em;
    position: relative;
    z-index: 3;
	height:100%;
	min-height:950px;
	}

    section .fondhome{
    /*background: url("/assets/img/slide0/fond0.jpg") no-repeat scroll center center / cover;*/
    background: url("/assets/img/fondhome.jpg") no-repeat; 
    background-attachment: scroll;
    background-position: left bottom;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    /*display: table;*/
    padding: 11.5em 1em 3em;
    position: relative;
    z-index: 3;
    height:350px;
    }

    section .fondhome2{
    background: url("/assets/img/fondhome2.jpg") no-repeat; 
    background-attachment: scroll;
    background-position: right center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    /*display: table;*/
    padding: 11.5em 1em 3em;
    position: relative;
    z-index: 3;
    height:350px;
    display:block;
    }


    .img-smart1{display:none;}
}


@media only screen and (min-width: 1601px){
    section .fondhome{
    /*background: url("/assets/img/slide0/fond0.jpg") no-repeat scroll center center / cover;*/
    background: url("/assets/img/fondhome.jpg") no-repeat; 
    background-attachment: scroll;
    background-position: left bottom;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    /*display: table;*/
    padding: 11.5em 1em 3em;
    position: relative;
    z-index: 3;
    height:400px;
    }
}


/*slides suivantes*/

section.fond1, section.fond2, section.fond3, section.fond4, section.fond5, section.fond6 , section.fond7, section.fond8 , section.fblanc {
    display:block;
    height: 100%;
    padding: 4em 1em 4em;
    position: relative;
    /*width: 100%;*/
	display: table;
}
section.fond1{
    height: auto;
	 display:block;
    position: relative;
    /*width: 100%;*/
	display: table;
}

section.fond1 {
	/*background: url("/assets/img/slide1/fond1.jpg") no-repeat scroll center center / cover ;*/
	background: url("/assets/img/slide1/fond1.jpg") no-repeat;
	background-attachment: scroll;
	background-position: top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	/*height:746px;*/
	height:auto;
	min-height:1075px;
    padding-top:12em;
}

section.fond2 {
	/*background: url("/assets/img/slide2/fond2.jpg") no-repeat scroll center center / cover;*/
	background: url("/assets/img/slide2/fond2.jpg") no-repeat;
	background-attachment: scroll;
	background-position: center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:100%;
	min-height:1000px;
}

section.fond3 {
	background: url("/assets/img/slide3/fond3.jpg") no-repeat;
	background-attachment: scroll;
	background-position: center right;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:100%;
	min-height:1075px;
}

section.fond4 {
	background: url("/assets/img/slide4/fond4.jpg") no-repeat;
	background-attachment: scroll;
	background-position: center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:100%;
	min-height:1040px;
}

section.fond5 {
	background: url("/assets/img/slide5/fond5.jpg") no-repeat;
	background-attachment: scroll;
	background-position: right top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:100%;
	min-height:1035px;
}

section.fond6 {
	background: url("/assets/img/slide6/fond6.jpg") no-repeat;
	background-attachment: scroll;
	background-position: right top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:100%;
	min-height:995px;
}

section.fond7 {
	background: url("/assets/img/slide7/fond7.jpg") no-repeat;
	background-attachment: scroll;
	background-position: right top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:100%;
	min-height:1035px;
}

section.fond8 {
	background: url("/assets/img/slide8/fond8.jpg") no-repeat;
	background-attachment: scroll;
	background-position: right top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:100%;
	min-height:1035px;
}


section.nobackgrd, section.fblanc{height:auto;}
section.fblanc{padding-top:4em;background-color:#f2f2f2;}




@media only screen and (min-width: 1280px) and (max-height: 650px) and (orientation : landscape){
		/*section .fond4 {
			background: rgba(0, 0, 0, 0) url("/assets/img/slide3/fond3.jpg") no-repeat scroll right 0px / contain;
		}
		section .fond5 {
			background: url("/assets/img/slide3/fond4.jpg") no-repeat scroll left 0px / contain;
		}*/
		.mg25pc {
		margin-top: 22%;
	}
}

section.black{
	min-height:100%;
}

@media only screen and (min-width: 1601px){
	section.fond0  {
	background: url("/assets/img/slide0/fond0.jpg") no-repeat; 
	background-attachment: scroll;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    display: table;
    padding: 6em 1em 4em;
    position: relative;
    z-index: 3;
	height:auto;
	}
	
	section.black {
    min-height: 80%;
	}
	
	section.fond6 , section.nobackgrd, section.fblanc, section.fblanc {
    display:block;
    height: auto;
    /*padding: 6em 1em 4em;*/
    position: relative;
    display: table;
    }
}

@media only screen and (min-width: 1601px) and (min-height: 801px){
    
    section.fond0, section.fond1, section.fond6 , section.nobackgrd, section.fblanc {
        display:block;
        height: auto;
        padding: 6em 1em 4em;
        position: relative;
        /*width:1000px;*/
        display: table;
    }
	section.fond2, section.fond3, section.fond4, section.fond5{
		/*height:780px;*/
	}
	section.fond6{
		/*height:860px;*/
	}
	
	.bot5 {
		bottom: 9%;
	}

	section.fond0  {
	background: url("/assets/img/slide0/fond0.jpg") no-repeat; 
	background-attachment: scroll;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    display: table;
    padding: 6em 1em 4em;
    position: relative;
    z-index: 3;
	/*height:750px;*/
	}
    section.black {
        min-height: 750px;
    }
}

@media screen and (min-width: 1201px) and (min-height: 801px){

    section.fond0  {
    background: url("/assets/img/slide0/fond0.jpg") no-repeat; 
    background-attachment: scroll;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    display: table;
    padding: 6em 1em 4em;
    position: relative;
    z-index: 3;
    height:auto;
    }
    
    section.black {
    min-height: 60%;
    }
    
    section.fond6 , section.nobackgrd, section.fblanc, section.fblanc {
    display:block;
    height: auto;
    padding: 12em 1em 4em;
    position: relative;
    display: table;
    }

    section.fond0, section.fond1, section.fond6 , section.nobackgrd, section.fblanc {
        display:block;
        height: auto;
        padding: 4em 1em 4em;
        position: relative;
        /*width:1000px;*/
        display: table;
    }

    section.fond1{padding-top:12em;}
    section.fond2, section.fond3, section.fond4, section.fond5{
        /*height:780px;*/
    }
    section.fond6{
        /*height:860px;*/
    }
    
    .bot5 {
        bottom: 9%;
    }

    section.fond0  {
    background: url("/assets/img/slide0/fond0.jpg") no-repeat; 
    background-attachment: scroll;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    display: table;
    padding: 12em 1em 12em;
    position: relative;
    z-index: 3;
    /*height:750px;*/
	height:100%;
    }
    section.black {
        min-height: 750px;
    }
}

@media only screen and (orientation: portrait) and (min-width: 768px)  and (max-width: 991px){
	section.black{
		min-height:70%;
	}
	
	section.fond2 {
        /*background: url("/assets/img/slide2/fond2.jpg") no-repeat scroll center center / cover;*/
        background: url("/assets/img/slide2/fond2.jpg") no-repeat;
        background-attachment: scroll;
        background-position: center top;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        height:100%;
        min-height:1000px;
    }
	section.fond3 {
        background: url("/assets/img/slide3/fond3.jpg") no-repeat;
        background-attachment: scroll;
        background-position: center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        height:100%;
        min-height:1075px;
    }
	
	section.fond4 {
        background: url("/assets/img/slide4/fond4.jpg") no-repeat;
        background-attachment: scroll;
        background-position: center top;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        height:100%;
        min-height:1040px;
    }

    section.fond5 {
        background: url("/assets/img/slide5/fond5.jpg") no-repeat;
        background-attachment: scroll;
        background-position: center top;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        height:100%;
        min-height:1035px;
    }

    .decalt {
        left: 0;
        position: relative;
        top: -50px;
        z-index: 99;
    }

    section.fond6 {
        background: url("/assets/img/slide6/fond6.jpg") no-repeat;
        background-attachment: scroll;
        background-position: center top;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        height:100%;
        min-height:995px;
    }

    section.fond7 {
        background: url("/assets/img/slide7/fond7.jpg") no-repeat;
        background-attachment: scroll;
        background-position: left center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        height:100%;
        min-height:1035px;
    }

    section.fond8 {
        background: url("/assets/img/slide8/fond8.jpg") no-repeat;
        background-attachment: scroll;
        background-position: center top;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        height:100%;
        min-height:1035px;
    }
	
	.mg25pc {
		margin-top: 2%;
	}
	.pmg20{margin-top:30%;}
	.pmg2{margin-top:2%;}
}

@media only screen and (orientation: portrait) and (min-width: 768px) and (max-width: 991px){
    
    section.fond0, section.fond1, section.fond6 , section.nobackgrd, section.fblanc {
        display:block;
        height: auto;
        padding: 6em 1em 4em;
        position: relative;
        /*width:1000px;*/
        display: table;
		width:100%;
    }
	section.fond1{min-height:746px;padding-top:12em;}
	
	section.fond2, section.fond3, section.fond4, section.fond5{
		height:780px;
		
	}
	section.fond6{
		height:830px;
	}
	
	.bot5 {
		bottom: 9%;
	}
	

	section.fond0  {
	background: url("/assets/img/slide0/fond0.jpg") no-repeat; 
	background-attachment: scroll;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    display: table;
    padding: 6em 1em 4em;
    position: relative;
    z-index: 3;
	height:750px;
	}
    section.black {
        min-height: 750px;
    }
	.mg25pc {
		margin-top: 36%;
	}
	.posabs, .posabs2 {
		position:relative;
	}
}


section.nobackgrd{background-color:transparent;}

    .nomobil{display:block;}
    .affichonmobil{display:none;}

    .paddr10{padding-left:10px;}

@media only screen and (max-width: 767px){
	section.fond1, section.fond2, section.fond3 , section.fond4, section.fond5, section.fond6{
		background: none no-repeat;
		height:auto;
	}
   section.fond1, section.fond2, section.fond3, section.fond4, section.fond5, section.fond6 , section.fond7, section.fond8 , section.fblanc {
        display:block;
        min-height: 100%;
        padding: 4em 1em 4em;
        position: relative;
        /*width: 100%;*/
        /*display: table;*/
    }
    section.fond1{   
        position: relative;
        /*width: 100%;*/
        display: block;
        /*background: url("/assets/img/slide1/fond1.jpg") no-repeat scroll center center / cover ;*/
        background: url("/assets/img/slide1/fond1-p.jpg") no-repeat;
        background-attachment: scroll;
        background-position: right center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        /*height:746px;*/
        height:auto;
        padding-top:8em;
    }

	section.fond2{   
        position: relative;
        display: block;
        background: url("/assets/img/slide2/fond2-p.jpg") no-repeat;
        background-attachment: scroll;
        background-position: center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        /*height:746px;*/
        height:auto;
    }

    section.fond3{   
        position: relative;
        display: block;
        background: url("/assets/img/slide3/fond3-p.jpg") no-repeat;
        background-attachment: scroll;
        background-position: center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        /*height:746px;*/
        height:auto;
    }

    section.fond4{   
        position: relative;
        display: block;
        background: url("/assets/img/slide4/fond4-p.jpg") no-repeat;
        background-attachment: scroll;
        background-position: center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        /*height:746px;*/
        height:auto;
    }

    section.fond5{   
        position: relative;
        display: block;
        background: url("/assets/img/slide5/fond5-p.jpg") no-repeat;
        background-attachment: scroll;
        background-position: center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        /*height:746px;*/
        height:auto;
    }

    section.fond6{   
        position: relative;
        display: block;
        background: url("/assets/img/slide6/fond6-p.jpg") no-repeat;
        background-attachment: scroll;
        background-position: center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        /*height:746px;*/
        height:auto;
    }

    section.fond7{   
        position: relative;
        display: block;
        background: url("/assets/img/slide7/fond7-p.jpg") no-repeat;
        background-attachment: scroll;
        background-position: center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        /*height:746px;*/
        height:auto;
    }

    section.fond8{   
        position: relative;
        display: block;
        background: url("/assets/img/slide8/fond8-p.jpg") no-repeat;
        background-attachment: scroll;
        background-position: left center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        /*height:746px;*/
        height:auto;
    }

    .fond4 p.mg3{margin-top:10px;margin-bottom:15px;}
	section.fond0{
        height:auto;
        min-height:100%;
        display:block;
    }
	
	section.fond1 br, section.black br{display:none;}
	section.black {
		min-height: 0;
		padding: 0;
        height:auto;
        background-color:#000;
	}
	section.fond6 .col-xs-12 {text-align:center;}
	section.fond6 .col-xs-12 p{text-align:center;}
	p.mg5{text-align:center;line-height:400%;}
	.fondform p.mg5{line-height:140%; text-align:left;}
	section.fblanc p.mg5{text-align:center;line-height:150%;}
	section.nobackgrd{padding-top:0px;}
	section.fblanc .posabs2{position:relative;}
	section.fblanc .posabs2 img {
		width: 100%;
	}
	.intro {
		vertical-align: top;
	}
	section{
		padding: 5em 1em 6em;
	}
	.btn-xl {
        bottom: 20px;
    }
    .txt-shadowb{
        text-shadow: 0px 0px 20px #000;
        filter:progid:DXImageTransform.Microsoft.Shadow(color=#000,direction=135,strength=3);
    }

    .nomobil{display:none;}
    .affichonmobil{display:block;}
    .affichonmobil h2 {font-size:120%;color:#fff;padding:10px;}
    .affichonmobil h2 br{display:none;}
    .header .haloblanc{
        background: rgba(255,255,255,1);
        background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 66%);
        background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,0)), color-stop(66%, rgba(255,255,255,0)));
        background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 66%);
        background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 66%);
        background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 66%);
        background: radial-gradient(ellipse at center, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 36%);
        background: transparent\9;
    }
    .header .blue{
        background-color: #004b93;
        /*background: rgba(0, 0, 0, 0) url("/assets/img/slide0/fond-stitre.png") no-repeat scroll right center;*/
    }

    .fondbutton {
        background: rgba(0, 0, 0, 0) url("/assets/img/slide0/fond-stitre.png") no-repeat scroll right top;
        color: #fff;
        font-size: 130%;
        font-weight: normal;
        line-height: 120%;
        margin-bottom: 25px;
        margin-top: 0;
        padding: 10px 10px 10px 50px;
        max-width: 350px;
    }

    a.btn-ok {
        margin-left: 15px;
        margin-top: 10px;
    }

    footer ul.quicklinks {
        border-top: 0 none;
        display: block;
        margin-top:0;
    }
    footer li {
        border-right: 0px;
    }
	footer .nopadr {text-align: center;}

    .paddr10 {
        padding-left: 0;
        border-top: 1px solid #fff;
        margin-top:10px;
        padding-top:5px;
    }
    footer br{display:none;}

    .mheight footer {display:none;}
}

@media only screen and (min-width: 360px) and (max-width: 767px){
    section .fond4, section .fond5 {
        padding-right:0;
        padding-bottom:0em;
        min-height:578px;
    }
}


@media only screen and (max-width: 359px){
	.btn-primary {
		font-size: 21px;
	}
	section.fblanc br{display:none;}
    section .fond4, section .fond5 {
        min-height:632px;
         padding-right:0;
        padding-bottom:0em;
    }
    .halonoirsmart{
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzMzMzMzMiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIwLjY0Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk0JSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9yYWRpYWxHcmFkaWVudD4KICA8cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-radial-gradient(center, ellipse cover,  rgba(51,51,51,0.65) 0%, rgba(51,51,51,0.64) 1%, rgba(0,0,0,0) 71%, rgba(51,51,51,0) 94%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(51,51,51,0.65)), color-stop(1%,rgba(51,51,51,0.64)), color-stop(71%,rgba(0,0,0,0)), color-stop(94%,rgba(51,51,51,0)));
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(51,51,51,0.65) 0%,rgba(51,51,51,0.64) 1%,rgba(0,0,0,0) 71%,rgba(51,51,51,0) 94%);
    background: -o-radial-gradient(center, ellipse cover,  rgba(51,51,51,0.65) 0%,rgba(51,51,51,0.64) 1%,rgba(0,0,0,0) 71%,rgba(51,51,51,0) 94%);
    background: -ms-radial-gradient(center, ellipse cover,  rgba(51,51,51,0.65) 0%,rgba(51,51,51,0.64) 1%,rgba(0,0,0,0) 71%,rgba(51,51,51,0) 94%);
    background: radial-gradient(ellipse at center,  rgba(51,51,51,0.65) 0%,rgba(51,51,51,0.64) 1%,rgba(0,0,0,0) 71%,rgba(51,51,51,0) 94%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6333333', endColorstr='#00333333',GradientType=1 );
    }
}

section.content{
    background-color: #f2f2f2;
    margin-top: 180px;
    }
section.content .container{
    background-color:#fff;
    margin-top:0em;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 1px solid #e1e1e1;
    }
section.content h3{
    font-size:14px;
    font-weight:bold;
}
section.content h3.section-heading{
    font-weight:normal;
    font-size:24px;
    color:#4d4d4d;
}
section.content .container p{font-size:14px;}

section.fondform p, section.fondform label{font-size:14px;}
section.fondform .container{
    max-width:1330px;
    padding-left: 0px;
    padding-right: 0px;
    z-index:2;
}
    section.fondform .row{
    padding:0;
    margin-left: 0px;
    margin-right: 0px;
    z-index:9;
}

a.fa-stack {
    color: #fff;
    height: 100%;
    line-height: 80%;
   /* width: auto;*/
}

footer a.fa-stack{padding-top:0;padding-bottom:0;}
.fa-stack {
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width:2em;
}

.colgrey a.fa-stack  {
    color: #094188;
    height: 100%;
    line-height: 180%;
    width: auto;
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2em;
}

.fa-stack-1x, .fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    top: -18px;
    width: 100%;
}
footer a.fa-stack {
    color: #fff;
    height: 100%;
    line-height: 80%;
    width: auto;
}

.fa-inverse {
    line-height: 180%;
}

footer a.fa-stack:first-child{padding-left:0;}


/*partie centrale */

.placement {
    background-color: transparent;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    table-layout: fixed;
    top: 0;
    width: 100%;
}

.pastille {
   display: block;
    margin: -12px auto auto;
    text-align: center;
    vertical-align: middle;
    z-index: 999;
}

.fond7 .pastille{margin-top:-95px;}

section .row .col-md-5{z-index:999;}


.pos-abs15 {
    bottom: 0;
    position: relative;
	margin-top:20px;
}

.container {
		margin: 0px;
		width:100%;
		max-width:1220px;
		position:relative;
		margin-left:auto;
		margin-right:auto;
		
}
.fondhome .container{max-width:1330px;}


@media only screen and (min-width: 768px) {
	.pos-abs15{position:absolute;bottom:15px;margin-top:0;}
	
}

@media only screen and (max-width: 979px) {
	.bulletnav {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.container {
		margin-left: auto;
		margin-right: auto;
		padding-left:35px;
		padding-right:35px;
		}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 899px) and (orientation : portrait) {
	h3 br, p br{display:none;}
    .header h2 br, .header h3 br{display:block;}
	.posabs{position:relative;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) and (orientation : portrait) {
    .btn-xl{bottom:20px;}
}


/* 100 vignette screen 1*/

.onlyformobile{display:none;}

.parallel{
	width:auto;
	height:auto;
	background:#273a60;
	padding:8px;
	-webkit-transform:skewX(0deg) skewY(-8deg);
	-moz-transform:skewX(0deg) skewY(-8deg);
	-o-transform:skewX(0deg) skewY(-8deg);
	transform: skewX(0deg) skewY(-8deg);
	font-size:150%;
	color:#fff;
}

li.mobilbloc {
        display: none;
    }

@media only screen and (max-width: 767px){
	[class*="ec1"]  h1 > span{
		width:100%;
		float:left;
	}

    .intro {display:block;}

	footer .row {
		margin-left: 0px;
		margin-right: 0px;
	}

    section .fondhome, section .fondhome2 {
        padding: 0;
    }

    .header h1{padding:10px;}
	.header h1 .yellow, .header h1.yellow{
		padding: 20px 10px 5px 10px;
        line-height:100%;
        margin:0;
        letter-spacing: 0em;
	}
	.header h1 .thin {
		font-size: 18px;
		font-weight: 100;
		letter-spacing: 0;
	}
	.onlyformobile{
		display: block;
		/*float: left;*/
		width: 100%;
	}
    section.fondform label.align{float:left;}

    p br{display:none;}
    section.fondform p.30pc{width:30%;display:inline;}

    li.mobilbloc {
        display: block;
    }
}

.nav > li > a {color:#ffffff;}

.nav > li > a:hover, .nav > li > a:focus{background-color:#004b93;}


/*ajouts steph animations*/
/* code css */
 
/* Ceci sert uniquement à référencer la transition (sans ceci l'ombre apparaitra mais il n'y aura pas d'animation) */
/* Sur firefox 3.5+, opera 10.5+ et IE 9 beta les effets s'appliquent mais il n'y a pas d'animation */
 
@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 12px rgba(51,204,255,0.2);
    }
    50% {
        -webkit-box-shadow: 0 0 12px rgba(51,204,255,0.9);
    }
    100% {
        -webkit-box-shadow: 0 0 12px rgba(51,204,255,0.2);
    }
}

@media only screen and (max-width: 767px) {
	.navbar .container{padding:10px;}
    .container > .navbar-collapse a, .container-fluid > .navbar-collapse a, .container > .navbar-collapse span {
        line-height: 20px;
        margin: 0;
        padding: 10px 15px;
    }
    .decald, .decalt{position:relative;top:0; right:0;}
    .intro .container {
        margin-left: auto;
        margin-right: auto;
        padding-left: 0px;
        padding-right: 0px;
    }
    .posabsbot, .posabsbot2, .posabsbot3{display:none;}
	
	section {
		padding-top:80px;
	}
    section#travail{padding-top:80px;height: auto;
    min-height: 100%;}
    section#travail .container {
        
    }
    #travail .pastille {display:none;}
    section#travail .container{padding-bottom:30px;}
    section#travail .pos-abs15 {
    bottom: 0;
    margin-top: 20px;
    position: absolute;
    text-align: center;
    width:100%;
}
}



img.fader {
	-webkit-transition: width 2s ease, height 3s linear;; /* For Safari 3.1 to 6.0 */
    transition: width 2s ease, height 3s linear;;
}
 
/* Ici le code pour appliquer une lueur externe */
/* 0px de décalage en x, 0px de décalage en y, 12px de flou et la valeur en RGBA soit RedGreenBlueAlpha donc le 0.5 pour 50% d'opacité */
img.fader:hover, img.fader:active  {
    filter: blur(3px);
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-o-filter: blur(3px);
	-ms-filter: blur(3px);
	margin-top:10px;
}


/* boulettes and co */
span.plein, span.vide{margin:2px; line-height:bottom;width:12px;height:12px;border-radius:6px;display:inline-block;list-style-type: none;}
span.plein{
	background-color:#273a60;
}
span.vide{
	background-color:#fff; border:1px solid #273a60;
}

@media (min-width: 1200px) {
	#modeles  .col-md-4, #modeles  .col-md-8, #lesmodeles .col-md-1, #lesmodeles .col-md-2, #lesmodeles .col-md-3, #lesmodeles .col-md-4, #lesmodeles .col-md-5, #lesmodeles .col-md-6,#lesmodeles  .col-md-7, #lesmodeles  .col-md-8, #lesmodeles .col-md-9, #lesmodeles .col-md-10, #lesmodeles .col-md-11, #lesmodeles .col-md-12 {
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.fl-12pc{margin-left:-80px;}
}

#lesmodeles  p{text-align:left;}

.flt{margin-top:3%;clear:both;}

@media only screen and (min-width: 992px){
.flt{margin-top:3%;clear:none;}
.nav > li > a {color:#ffffff;font-size:120%;}
}

.list-inline  li {
    /*width:24.66%;*/
	padding:0;
	margin:0;
	font-size:12px;
}

.list-inline  > li:last-child {
    border: 0 none;
}

img.fl-left{margin-bottom:5px;}

@media only screen and (max-width: 767px){
	.list-inline  li {
		font-size:12px;
		padding-top:4px;
		padding-bottom:4px;
		padding-left:5px;
		padding-right:5px;
		display:block;
		float:left;
		width:100%;
	}
	footer ul.quicklinks{margin-top:10px;}
	ul.quicklinks li.text-left, ul.quicklinks li.text-right{text-align:center;}

	.list-inline  > li:last-child {
		border: 0 none;
	}
	
	.flt {
    margin-top: 10%;
	}
	img.fl-left{margin-bottom:5px;}
	
	.pastille h4, .blue .pastille h4, section#travail .pastille h4, section#univers .pastille h4 {
    margin-right: 0;
    text-align: right;
	}
	.col-md-12 .col-md-6{
		padding-left:0;
		padding-right:0;
	}
    .hideonmobile{display:none;}
}

.hidden {
	display: none;
}

.hideonmobile{display:block;}

/* ajouts pages autres bandeau de navigation en haut*/


.navtop header {
    background-color: #cfcfcf;
    color: #fff;
    display: table;
    height: auto;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 3;
}

.navtop header .col-md-12 img.col-md-6{width:75%;}

.navtop  .col-md-12, .navtop  .col-md-12 .col-md-6 {
	padding-left:0;
	padding-right:0;
	}



.navtop .entete{padding-top:80px;}
.navtop header h1, .navtop header h1 .thin {
	font-size:24px;
}

.lowercase h3{color:#fff;text-transform:none;font-size:100%;font-weight:200;}
.lowercase h3.text-right{text-align:center;}
.lowercase h3 br{display:none;}

@media only screen and (min-width: 480px)  and (max-width: 767px) {
	.navtop .entete{padding-top:80px;}
	.navtop header h1, .navtop header h1 .thin {
		font-size:30px;
	}
	.lowercase h3{color:#fff;text-transform:none;font-size:120%;font-weight:200;}
	.lowercase h3 br{display:none;}
}
@media only screen and (min-width: 768px) {
	.navtop .entete{padding-top:120px;}
	.navtop header h1, .navtop header h1 .thin {
		font-size:36px;
	}
	
	.navtop header .col-md-12 img.col-md-6{width:auto;}
	.lowercase h3{color:#fff;text-transform:none;font-size:200%;font-weight:200;}
	.lowercase h3 br{display:block;}
	.lowercase h3.text-right{text-align:right;}
	
	.calagebas300{
		position:relative; float: left;clear: both; top:50%; height:250px;
	}
	.calagebas60pc{
		position:relative; float: left;clear: both; top:59%; height:300px;
	}
	.fond6 .calagebas60pc{
		position:relative; float: left;clear: both; top:59%; height:320px;
	}
}

.navtop footer {
    bottom: 0;
    padding: 25px 0;
    text-align: center;
    width: 100%;
	background-color:#fff;
}

section#contact{
    height: auto;
    min-height: 100%;
    padding: 120px 0 100px;
    position: absolute;
    display:block;
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin-left: 0px;
	margin-right:2px;
	margin-top:2px;
	margin-right:2px;
	padding:3px;
	display:inline-block;
}
select{
	/*background-color:#666666;
	border:0px;*/
	color:#000;
}

input[type=button]{border:0;font-size:14px;}

input[type="number"] {
   width:50px;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    background-color:#004b93;
    color:#ffffff;
    border:0;
    padding:5px;
}

button.bouton{
    background-color: #273a60;
    padding:2px 12px 2px;
    border-radius:8px;
    border:0; color:#fff;
    text-transform:uppercase;
    font-size:130%;
    margin-bottom:20px;
}


.fondform label, .fondform p {
    display:inline-block;
	padding-bottom:0;
	margin-bottom:0;
}

.fondform label{
	font-weight:300;
}

.displ-inline-bloc{display:inline-block;}
.fondform p {display:block;}
.bkwhite h3{margin-bottom:15px;}
.bkwhite p {margin:0;}


input[type="radio"], input[type="checkbox"] {
    line-height: normal;
    margin: 0 0 0 4px;
    width:10px;
}

input[type="checkbox"] {
    line-height: normal;
    margin: 0 0 0 4px;
    width:20px;
    margin-top:2px;
}

.checkbox-inline + .checkbox-inline + .checkbox-inline + .checkbox-inline + .checkbox-inline + .checkbox-inline{margin-left: 0px;}


.traithoriz {
    background-color: #ccc;
    height: 2px;
    margin: auto;
    position: relative;
    text-align: center;
    width: 70%;
    margin-top:15px;
    margin-bottom:15px;
}
.nofloat {margin:0;padding:0;display: inline-block;}

.t-thin{font-weight:normal;}

@media only screen and (max-width: 639px){

    .nofloat {margin:0;padding:0;display:block;}
    .nofloat label  {clear:none;float:none;width:auto; margin:0;padding:0;}
    .nofloat input[type="radio"]:first-child, .nofloat input[type="checkbox"]:first-child {float:left;}
     select {
        color: #000;
        width:auto;
        max-width:250px;
    }
}

/* pages standards*/
footer.btop {border-top:2px solid #ccc;}
section.conditions{padding-bottom:80px;}

.conditions .notextransform{text-transform:none;}
.conditions a{text-decoration:underline;}
.conditions h2{font-size:18px;margin-top:20px;margin-bottom:20px;text-transform:none;}
.conditions h3.notextransform{font-size:14px;margin-top:25px;margin-bottom:10px;}

@media only screen and (min-width: 768px){
	.conditions li{font-size:14px;}
}

@media only screen and (min-width: 768px) and (max-width: 1230px) {
    p br{display:none;}
}

.italic{font-style:italic;}

/* effets de la mort qui tue */

.foo {
	display:block;
	width:100%;
	height:auto;
	background-image: none ;
	background-color: transparent;
	/* -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;*/
}

.foo {
	 zoom: 1;
	filter: alpha(opacity=50);
	opacity: 1;
	width:inherit;
	height:inherit;
	display:block;
	/*background: url("/assets/img/gab-past.png") no-repeat scroll center center transparent;*/
}
 
.foo:hover {
	/*background: url("/assets/img/gab-past.png") no-repeat scroll center center transparent;*/
	/*transition: opacity 1s ease-in-out 1s;*/
}

.foo:hover{
 animation: scale 1s 1 running;
 animation-iteration-count: 1;
 -webkit-animation: scale 1s 1 running;
 -webkit-animation-iteration-count: 1;
 -moz-transform:scale 1s 1 running;
 -moz-animation-iteration-count: 1;
 -o-animation:scale 1s 1 running;
 -o-animation-iteration-count: 1;
 -ms-animation:scale 1s 1 running;
 -ms-animation-iteration-count: 1;
}


@keyframes scale {
  0% {
    transform: scale(1);
	filter: blur(0px) grayscale(0.5);
	opacity:1;
  }
  50%{
    transform: scale(1);
	filter: blur(0px) grayscale(0.25);
	opacity:1;
	
  }
	60%{
    transform: scale(1);
	filter: blur(2px) grayscale(0.25);
	opacity:1;
  }
  80%{
    transform: scale(1.20);
	filter: blur(5px);
	opacity:1;
  }
  100% {
    transform: scale(1);
	filter: blur(0px);
  }
}


/* shake a fond a foànd*/
   /* @-webkit-keyframes spaceboots {
    0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
    10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
    20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
    30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
    40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
    50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
    60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
    70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
    80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
    90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
    100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
    }
	@keyframes spaceboots {
    0% { transform: translate(2px, 1px) rotate(0deg); }
    10% { transform: translate(-1px, -2px) rotate(-1deg); }
    20% { transform: translate(-3px, 0px) rotate(1deg); }
    30% { transform: translate(0px, 2px) rotate(0deg); }
    40% { transform: translate(1px, -1px) rotate(1deg); }
    50% { transform: translate(-1px, 2px) rotate(-1deg); }
    60% { transform: translate(-3px, 1px) rotate(0deg); }
    70% { transform: translate(2px, 1px) rotate(-1deg); }
    80% { transform: translate(-1px, -1px) rotate(1deg); }
    90% { transform: translate(2px, 2px) rotate(0deg); }
    100% { transform: translate(1px, -2px) rotate(-1deg); }
    }
    .shake:hover,
    .shake:focus {
    -webkit-animation-name: spaceboots;
    -webkit-animation-duration: 0.5s;
    -webkit-transform-origin:50% 50%;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
	
	animation-name: spaceboots;
    animation-duration: 0.5s;
    transform-origin:50% 50%;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    }
    .shake {
    display:inline-block
    }*/
	
.foot{
 animation: test 1s 1 running;
 -webkit-animation: test 1s 1 running;
 -moz-transform:test 1s 1 running;
 -o-animation:test 1s 1 running;
 -ms-animation:test 1s 1 running;

}

@keyframes test {
  0% {
    transform: scale(0.90);
	filter: blur(10px);
	opacity:0;
  }
60%{
    transform: scale(0.90);
	filter: blur(10px);
	opacity:0.5;
  }
  80%{
    transform: scale(1.10);
	filter: blur(8px);
	opacity:1;
  }
  100% {
    transform: scale(1);
	filter: blur(0px);
  }
}

@-webkit-keyframes test {
  0% {
    -webkit-transform: scale(1);
	-webkit-filter: blur(0px);
	opacity:1;
  }
  50%{
    -webkit-transform: scale(1);
	-webkit-filter: blur(0px);
	opacity:1;
  }
	60%{
    -webkit-transform: scale(1);
	-webkit-filter: blur(2px);
	opacity:1;
  }
  80%{
    -webkit-transform: scale(1.20);
	-webkit-filter: blur(8px);
	opacity:1;
  }
  100% {
    -webkit-transform: scale(1);
	-webkit-filter: blur(0px);
  }
}

.foot2{
 animation: test2 1s 1 running;
 -webkit-animation: test2 1s 1 running;

}
@keyframes test2 {
  0% {
    transform: scale(0.90);
	filter: blur(10px);
	opacity:0;
  }
60%{
    transform: scale(0.90);
	filter: blur(10px);
	opacity:0.5;
  }
  80%{
    transform: scale(1.10);
	filter: blur(8px);
	opacity:1;
  }
  100% {
    transform: scale(1);
	filter: blur(0px);
  }
}
@-webkit-keyframes test2 {
  0% {
    -webkit-transform: scale(1);
	-webkit-filter: blur(0px);
	opacity:1;
  }
  50%{
    -webkit-transform: scale(1);
	-webkit-filter: blur(0px);
	opacity:1;
  }
	60%{
    -webkit-transform: scale(1);
	-webkit-filter: blur(2px);
	opacity:1;
  }
  80%{
    -webkit-transform: scale(1.20);
	-webkit-filter: blur(8px);
	opacity:1;
  }
  100% {
    -webkit-transform: scale(1);
	-webkit-filter: blur(0px);
  }
}

.foot3{
 animation: test3 1s 1 running;
 -webkit-animation: test3 1s 1 running;

}
@keyframes test3 {
  0% {
    transform: scale(0.90);
	filter: blur(10px);
	opacity:0;
  }
60%{
    transform: scale(0.90);
	filter: blur(10px);
	opacity:0.5;
  }
  80%{
    transform: scale(1.10);
	filter: blur(8px);
	opacity:1;
  }
  100% {
    transform: scale(1);
	filter: blur(0px);
  }
}
@-webkit-keyframes test3 {
  0% {
    -webkit-transform: scale(1);
	-webkit-filter: blur(0px);
	opacity:1;
  }
  50%{
    -webkit-transform: scale(1);
	-webkit-filter: blur(0px);
	opacity:1;
  }
	60%{
    -webkit-transform: scale(1);
	-webkit-filter: blur(2px);
	opacity:1;
  }
  80%{
    -webkit-transform: scale(1.20);
	-webkit-filter: blur(8px);
	opacity:1;
  }
  100% {
    -webkit-transform: scale(1);
	-webkit-filter: blur(0px);
  }
}

.foot4{
 animation: test4 1s 1 running;
 -webkit-animation: test3 1s 1 running;

}
@keyframes test4 {
  0% {
    transform: scale(0.90);
	filter: blur(10px);
	opacity:0;
  }
60%{
    transform: scale(0.90);
	filter: blur(10px);
	opacity:0.5;
  }
  80%{
    transform: scale(1.10);
	filter: blur(8px);
	opacity:1;
  }
  100% {
    transform: scale(1);
	filter: blur(0px);
  }
}
@-webkit-keyframes test4 {
  0% {
    -webkit-transform: scale(1);
	-webkit-filter: blur(0px);
	opacity:1;
  }
  50%{
    -webkit-transform: scale(1);
	-webkit-filter: blur(0px);
	opacity:1;
  }
	60%{
    -webkit-transform: scale(1);
	-webkit-filter: blur(2px);
	opacity:1;
  }
  80%{
    -webkit-transform: scale(1.20);
	-webkit-filter: blur(8px);
	opacity:1;
  }
  100% {
    -webkit-transform: scale(1);
	-webkit-filter: blur(0px);
  }
}

.foot5{
 animation: test5 1s 1 running;
 -webkit-animation: test3 1s 1 running;

}
@keyframes test5 {
  0% {
    transform: scale(0.90);
	filter: blur(10px);
	opacity:0;
  }
60%{
    transform: scale(0.90);
	filter: blur(10px);
	opacity:0.5;
  }
  80%{
    transform: scale(1.10);
	filter: blur(8px);
	opacity:1;
  }
  100% {
    transform: scale(1);
	filter: blur(0px);
  }
}
@-webkit-keyframes test5 {
  0% {
    -webkit-transform: scale(1);
	-webkit-filter: blur(0px);
	opacity:1;
  }
  50%{
    -webkit-transform: scale(1);
	-webkit-filter: blur(0px);
	opacity:1;
  }
	60%{
    -webkit-transform: scale(1);
	-webkit-filter: blur(2px);
	opacity:1;
  }
  80%{
    -webkit-transform: scale(1.20);
	-webkit-filter: blur(8px);
	opacity:1;
  }
  100% {
    -webkit-transform: scale(1);
	-webkit-filter: blur(0px);
  }
}

.foot6{
 animation: test6 1s 1 running;
 -webkit-animation: test3 1s 1 running;

}
@keyframes test6 {
  0% {
    transform: scale(0.90);
	filter: blur(10px);
	opacity:0;
  }
60%{
    transform: scale(0.90);
	filter: blur(10px);
	opacity:0.5;
  }
  80%{
    transform: scale(1.10);
	filter: blur(8px);
	opacity:1;
  }
  100% {
    transform: scale(1);
	filter: blur(0px);
  }
}
@-webkit-keyframes test6 {
  0% {
    -webkit-transform: scale(1);
	-webkit-filter: blur(0px);
	opacity:1;
  }
  50%{
    -webkit-transform: scale(1);
	-webkit-filter: blur(0px);
	opacity:1;
  }
	60%{
    -webkit-transform: scale(1);
	-webkit-filter: blur(2px);
	opacity:1;
  }
  80%{
    -webkit-transform: scale(1.20);
	-webkit-filter: blur(8px);
	opacity:1;
  }
  100% {
    -webkit-transform: scale(1);
	-webkit-filter: blur(0px);
  }
}

.foot7{
 animation: test7 1s 1 running;
 -webkit-animation: test3 1s 1 running;

}
@keyframes test7 {
  0% {
    transform: scale(0.90);
	filter: blur(10px);
	opacity:0;
  }
60%{
    transform: scale(0.90);
	filter: blur(10px);
	opacity:0.5;
  }
  80%{
    transform: scale(1.10);
	filter: blur(8px);
	opacity:1;
  }
  100% {
    transform: scale(1);
	filter: blur(0px);
  }
}
@-webkit-keyframes test7 {
  0% {
    -webkit-transform: scale(1);
	-webkit-filter: blur(0px);
	opacity:1;
  }
  50%{
    -webkit-transform: scale(1);
	-webkit-filter: blur(0px);
	opacity:1;
  }
	60%{
    -webkit-transform: scale(1);
	-webkit-filter: blur(2px);
	opacity:1;
  }
  80%{
    -webkit-transform: scale(1.20);
	-webkit-filter: blur(8px);
	opacity:1;
  }
  100% {
    -webkit-transform: scale(1);
	-webkit-filter: blur(0px);
  }
}



.test {
       -webkit-animation: fadein 1s 1 running; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s 1 running; /* Firefox < 16 */
        -ms-animation: fadein 1s 1 running; /* Internet Explorer */
         -o-animation: fadein 1s 1 running; /* Opera < 12.1 */
            animation: fadein 1s 1 running;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
	
}

.borderyt{border :2px solid  rgba(255, 255, 255, .25);}

section #trouverAutomower h2.section-heading {
	line-height:120%;
}
section.ht100{height:auto;
min-height:100%;}



@media only screen and (min-width: 768px)  and (max-width: 991px) {
	.list-inline > li:last-child {
        border: 0 none;
        margin-left:10px;
    }
}

@media only screen and (min-height: 651px)  and (max-height: 705px) {
	.mg25pc{margin-top: 23%;}
}

@media only screen and (min-width: 1023px)  and (max-width: 1139px) {
	#lesmodeles aside .col-md-7, #lesmodeles aside .col-md-5{width:49%;
	}
}

.lh100{line-height:140%;}
.lh150, section h2.lh150{line-height:140%;}
.lh300{line-height:300%;}
.bold{font-weight:bold;}
.decal50{padding-left:50px;}
.nopad{padding-left:0; padding-right:0;}
.nopadl{padding-left:0;}
.nopadr{padding-right:0;}
.pad7{padding-left:7px; padding-right:7px;}

code, pre, table, td, textarea, th, samp {
    -moz-hyphens: auto;
    word-wrap: break-word;
}


.carousel {
    height: inherit;
    position: relative;
}

/* bloc cookies*/
#cookie {
    /*background-color: #000;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.7) inset;
    font-size: 80%;
    padding: 10px;
	position:fixed;
	bottom:0;
	z-index:999999;
	width:100%;*/
	background: #000;
    color: #fff;
    margin: auto;
    /*overflow: hidden;*/
    padding: 13px 10px;
    text-align: center;
    width: 100%;
	/*max-width:1000px;*/
    /*display: none;*/
    line-height: 17px;
	z-index:999999;
	/*position:fixed;*/
}

.wrapp{position:relative;}

#cookie .container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1300px;
    min-width: 280px;
    position: relative;
    width: auto;
}

#cookie .container p{
	font-size:12px;
	color:#fff;
}
#cookie .container  a{
	font-size:12px;
	color:#00baf2;
	text-decoration:none;
}
#cookie .container  a:hover, #cookie .container  a:active{
	text-decoration:underline;
}

@media only screen and (max-width: 359px) {
	#cookie .container p, #cookie .container  a{
		font-size:10px;
	}
    .header h1 .thin {
        font-size: 16px;}
}

@media only screen and (max-width: 520px) {
    .col-xs-480 {
        text-align: center;
        width: 100%;
    }
}


#cookie  #close_btn {
    margin-left: auto;
    margin-right: auto;
    /*width: auto;*/
	margin-top:20px;
	text-align:right;
}

#cookie  #close_btn a{
	text-decoration: none;
	color:#fff;
}
#cookie  #close_btn a:hover, #cookie  #close_btn  a:active{
	text-decoration: none;
}


/* custom carousel and co*/


.carousel-indicators li {
    background-color: #666766;
}
.carousel-indicators .active {
   border: 1px solid #666766;
}

.carousel-inner {
    height:100%;
}


.carousel {
	height:100%;
	/*min-height:90%;*/
	float:left;
	position:absolute;
    border-top: 1px solid #666;
	width:100%;
}

.carousel-indicators{bottom:15px;}

.carousel-control {
    bottom: 0;
    color: #fff;
    font-size: 30px;
    left: 0;
    opacity: 1;
    text-align: center;
    text-shadow: 0;
    top: 0;
    width: 5%;
}

.carousel-control .glyphicon-menu-left, .carousel-control .glyphicon-menu-right {
    display: inline-block;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    z-index: 5;
	left:0;
	width:100%;
}

.carousel-control.left {
    left: 0;
    right: auto;
    width: 35px;
	overflow:hidden;
	/*display: none;*/
}

.carousel-control.right {
    left: auto;
    right: 0;
    width: 35px;
	overflow:hidden;
	/*display: none;*/
}
.carousel-control .glyphicon-menu-right, .carousel-control .glyphicon-menu-left {
	width:82px;
	height:82px;
	border-radius:40px;
	overflow:hidden;
	background-color:#999999;
	text-align:center;
	line-height:82px;
}

.carousel-control .glyphicon-menu-right {
	left:0px;
	text-indent:-45px
}
.carousel-control .glyphicon-menu-left {
	left:-48px;
	text-indent:47px;
}

.carousel .carousel-inner  .fond2.active{
	
}

/* sup steph pour 5 col sur une ligne*/
.w-1-5{width:20%; margin:0;padding:0;float:left;display:inline-block;}

.bkwhite{background-color:#fff;padding:20px; margin-left:0px; margin-right:0px;display: block;float: left;border: 1px solid #ccc;}

@media only screen and (max-width: 767px){
	.carousel {
		float: left;
		position: relative;
		height:auto;
		min-height:100%;
		bottom:0;
	}
    .carousel-inner {
        background-color:#000;
    }
    .bkwhite{padding-left:10px;padding-right:10px;}
    .fondform .clearfix.mg2{margin-top:10px;}
    .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
        margin-left: 0;
        margin-top: 0;
    }
    section.fondform label.align{
        float: left;
        line-height: 200%;
        margin-right: 5px;
    }

    p br{display:none;}
    .fondform p.30pc{width:30%;display:inline;}
}
.more{font-size:1.5em;}

hr {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #E0E2E3 -moz-use-text-color #fff;
  border-style: solid none;
  border-width: 1px 0;
  margin: 20px 0 15px;
}

/* ajout code spécial calage photos et texte carousel*/



@media only screen and (min-width: 991px) and (max-width: 1366px) and (max-height: 760px){
    section h2.section-heading.white{
        letter-spacing:0;
    }
}

@media only screen and (min-width: 1601px) and (min-height: 900px){
    .mg25pc {
        margin-top: 31%;
    }
}

/* ajout steph modale centrer verticalemment*/

.modal-backdrop.in {
    opacity: 0.35;
}

.modal {
  text-align: center;
}

@media screen and (min-width: 320px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

@media screen and (max-width: 767px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

@media screen and (max-width: 359px) { 
    .modal-dialog {
        min-width: 260px;
    }
}

@media screen and (min-width: 360px) and (max-width: 499px) { 
    .modal-dialog {
        min-width: 300px;
    }
}

@media screen and (min-width: 500px) and (max-width: 767px){ 
    .modal-dialog {
        min-width: 460px;
    }
}

@media only screen and (max-height: 650px) and (orientation : landscape) {
    section.black{
        min-height:660px;
    }
}

@media only screen and (min-width: 992px)  and (max-width: 1024px) {
    .bkwhite {
        background-color: #fff;
        border: 1px solid #ccc;
        display: block;
        float: left;
        margin-left: 0;
        margin-right: 0;
        padding: 0;
        padding-top:20px;
        padding-bottom:20px;
    }
}

/* ajout steph modale centrer verticalemment*/

.modal-backdrop.in {
    opacity: 0.35;
}

.modal {
  text-align: center;
}

@media screen and (min-width: 320px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

@media screen and (max-width: 767px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
  #cookie {
    z-index:999999;
    position:fixed;
}
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

@media screen and (max-width: 359px) { 
    .modal-dialog {
        min-width: 260px;
    }

    .minhvignetteligne{min-height:120px;}
}

@media screen and (min-width: 360px) and (max-width: 499px) { 
    .modal-dialog {
        min-width: 300px;
    }
    .minhvignetteligne{min-height:110px;}
}

@media screen and (min-width: 500px) and (max-width: 767px){ 
    .modal-dialog {
        min-width: 460px;
    }
}

@media only screen and (max-height: 650px) and (orientation : landscape) {
    section.black{
        min-height:660px;
    }
}


/* ADMIN */

.padb-100 {
    padding-bottom: 0;
    height: auto;
    padding-top: 100px;
}

.padb-150 {
    padding-bottom: 0;
    height: auto;
    padding-top: 150px;
}

.testeur h4.noborder {
    border-bottom: 0 none;
    color: #000;
    font-size: 130%;
    line-height: 100%;
    max-width: 100%;
    padding-bottom: 0;
    text-transform: none;
    margin-bottom:10px;
}


section .fondAdmin {
    background: url(/assets/img/fondAdmin.jpg) no-repeat;
    background-attachment: scroll;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    background-color: #ffffff;
    max-height: 30%;
    height: 200px;
    overflow: hidden;
    width: 100%;
    margin-bottom: 20px;
}

.bestof{margin-top:40px;}

.bestof ul{
    margin:0;
    padding:0;
    list-style: outside none none;
}


#data-grid-front h3, .modal-content h3, .minhvignetteligne h3, .bestof h3, .fiche h3 {
    font-size: 110%;
    font-weight: normal;
    margin-bottom: 0px;
    max-width: 100%;
    margin-top:7px;
    color:#666666;
    overflow:hidden;
    text-overflow: ellipsis;
    text-transform: none;
    white-space: nowrap;
}

#data-grid-front h4, .modal-content h4, .minhvignetteligne h4, .bestof h4, .fiche h4 {
    border-bottom:0;
    font-weight:bold;
}

#data-grid-front h4{padding-bottom:0;}
#data-grid-front p, .minhvignetteligne p, .bestof p {
    border-bottom:0;
    margin-bottom:10px;
    margin-top:0;
}

#data-grid-front p{line-height:120%;}

.bestof p {font-size:110%;line-height:120%;margin-bottom:60px;}
.minhvignetteligne{min-height:130px;}
.minhvignetteligne h3 a {
    color: #ffcc00;
    text-decoration: none;
}
.fiche h3 .yellowsub{color:#004b93;}
.fiche .infostesteur h3{font-size:120%;}

.bestof h3, .bestof h4, #data-grid-front .modal-content h3, #data-grid-front .modal-content h4 {font-size:140%;}
.bestof h3{margin-top:15px;text-align:left;}
.bestof h4, .bestof p{text-align: left;}
.bestof h3 a, .modal-content h3 a {
    color: #ffcc00;
    text-decoration: none;
}
.bestof h4{
    font-weight:bold;
    margin:0;
    padding:0;
}

.fiche .testeur h4 {
    margin-top:30px;
    border-bottom: 0;
    line-height: auto;
    padding-bottom: 8px;
    white-space: normal;
}
.fiche .entoure {
    border-top: 1px solid #ccc;
    font-size: 120%;
    margin-bottom: 6px;
    padding: 6px 0;
    font-weight:normal;
    border-bottom: 1px solid #ccc ;
}
.fiche .fonddegrade{margin-top:40px;}
.fiche .minhvignetteligne h4 {border:0;padding-bottom:0;}

a.fa-stack {
    color: #666666;
}
/*.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2em;
}*/

.bestof h4{
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-transform: none;
    white-space: nowrap;
}

.titrub{margin-top:20px;font-size:180%; text-transform:uppercase;margin-bottom:10px;text-align:left;}

button.close{z-index:999;cursor:pointer;}

.panel, .panel-default > .panel-heading, .modal-footer{border:0; padding-top:0;padding-bottom:0;}

.modal-footer{padding-bottom:20px;}

/* ADD DAOUD - FRONT V2 */
/*@media only screen and (min-width: 992px){
.navrub ul {
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: auto;
}*/


.noappear768{display:block;}
#testeurs ul li {
    line-height: 140%;
    list-style-type: none;
    margin: 3px 0;
    padding: 0;
}

#testeurs ul li.borderboxtop{line-height:300%;}
.big120 {font-size:120%;}
.big180 {font-size:180%;}

@media only screen and (min-width: 768px)  and (max-width: 991px) {
    
    .header .fondhome h1 {
        font-size: 30px;
        margin-bottom:10px;
        margin-top:10px;
    }
    .noappear768{display:none;}
    .padd768{padding-left:15px;
        padding-right:15px;}
}

@media only screen and (max-width: 767px) {
    .noappear768 {
        display: none;
    }
    .titrub{margin-top:30px;font-size:150%; text-transform:uppercase;margin-bottom:10px;text-align:left;}
    .mgbot2s{margin-bottom:2em;}
    .mgbot075s{margin-bottom:0.75em;}
}

.index p {
    font-size: 24px;
}

.index p.small{font-size:120%;}

@media only screen and (max-width: 767px) {
    .index p {
        font-size: 18px;
    }
}

.index .testeur p{font-size:14px;}
.index .testeur .bestof p{font-size:16px;}