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

@font-face {
    font-family: 'euphemia';
    src: url('fonts/euphemia.eot?')format('eot'),
         url('fonts/euphemia.woff')format('woff'),
         url('fonts/euphemia.svg')format('svg'),
         url('fonts/euphemia.ttf')format('truetype');
}


@font-face {
    font-family: 'ropa';
    src: url('fonts/Ropa-Regular.eot?')format('eot'),
         url('fonts/Ropa-Regular.woff')format('woff'),
         url('fonts/Ropa-Regular.svg')format('svg'),
         url('fonts/Ropa-Regular.ttf')format('truetype');
}

@font-face {
    font-family: "helvetik";
    src: url('fonts/helvlight_regular.eot?')format('eot'),
         url('fonts/helvlight_regular.woff')format('woff'),
         url('fonts/helvlight_regular.svg#IdMaPolice')format('svg'),
         url('fonts/helvlight_regular.ttf')format('truetype');
}

@font-face {
    font-family: "raleway";
    src: url('fonts/Raleway-Regular.eot?')format('eot'),
         url('fonts/Raleway-Regular.woff')format('woff'),
         url('fonts/Raleway-Regular.svg#IdMaPolice')format('svg'),
         url('fonts/Raleway-Regular.ttf')format('truetype');
}

html,body{margin:0;padding:0}
body{
	font-family: "Helvetik", "Trebuchet MS", Arial, Helvetica, sans-serif, Georgia;
	font-size: 14px;
	background-color: #03172f;
}

#fondsite{
	background-color: #05274a;
	min-height:100%;
	position:relative;
}

#fondhome{
	background-color: #05274a;
	background-image: url(images/fondhome.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	min-height:100%;
	position:relative;
}

#footerfix{
	position:absolute;
	bottom:0px;
	width:100%;
	padding-top:50px;
	height:152px;
}

video {
	width: 100%;
	max-height: 100%;
	margin: 0;
	padding: 0;
	display: block;
	border-radius: 2px;    

}

.logopdf{
	vertical-align:-8px;
	margin-right: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 7px;
	display: inline-block;
}

.sousmenu {
	height: 100%;
	width: 300px;
	position: absolute;
	right: -320px;
	margin-top: -10px;
	z-index: 9999;
	color: #FFFFFF;
	text-align: left;	
}

.choix {
    display: flex;
    flex-direction: row;
  }

.cadrechoix {
	height: auto;
	width: 50%;
	margin-right: 2%;
	margin-top: 2%;
	padding: 20px;
	background-color: rgba(86,158,224, 0.8);
}

.prodfil {
	margin-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: rgba(86,158,224, 0.8);
}

.fil {
	margin-left: auto;
	margin-right: auto;
	height: 32px;
	width: 64px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.sousmenu2 {
	height: 100%;
	width: 300px;
	position: absolute;
	right: -280px;
	margin-top: -10px;
	z-index: 9999;
	color: #FFFFFF;
	text-align: left;	
}


.client {	
	width: 130px;
	float: left;
	margin: 10px;	
}

.centrageimage{
	margin-right: auto;
	margin-left: auto;
}

.boutonbleu {
	padding-left: 10px;
	padding-right: 10px;
	display: inline-block;
	background-color: #569EE0;
	border-radius: 2px;
}

.boutonbleu2 {
	padding-left: 0px;
	padding-right: 0px;
	background-color: #569EE0;
	border-radius: 2px;
	margin-top: 5px;
	text-align: center;
	margin-bottom: 13px;
	font-size: 14px;
	line-height: 28px;
}

.boutonfooter {
	background-color: #031225;
	background-image: url(images/fondbouton.jpg);
	background-repeat: repeat-x;
	border-radius: 2px;
	margin-top: 0px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 7px;
	padding-bottom: 7px;
	text-align: center;
	margin-bottom: 10px;
	font-size: 15px;
	line-height: 28px;
	color: #f7970e;
}

.boutonfooter:hover {
	opacity: 0.9;
}


.menufooter {
	padding-left: 40px;
	padding-right: 30px;
	color: #FFFFFF;
	line-height: 20px;
}

.boutonbleu:hover {
	background-color: #4D97DB;
}

.blocinfo {
	position: relative;
	line-height: 20px;
	width: auto;
	margin-bottom: 20px;
	padding: 15px;
	background-color: #B42553;
	font-size: 14px;
	text-shadow: 1px 1px #861e3f;
}

.readmore {
	margin-left: auto;
	margin-right: auto;
	height: 20px;
	width: 160px;
	margin-bottom: 25px;
	margin-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 10px;
	background-color: rgba(86,158,224, 0.8);
	border-radius: 2px;
	cursor: pointer;
	text-align: center;
}
}


.colis {
	position: relative;
	float: right;
	margin-left: 15px;
}

.textesousmenu2 {
	position: fixed;
	line-height: 14px;
	width: 270px;
	background-color: #4164a3;
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	margin-top: 30px;
}

.textesousmenu2 li {
	list-style-type: none;
	margin-top: 9px;
	margin-bottom: 9px;
	line-height: 20px;
	color: #FFFFFF ;
}

.textesousmenu2 li a {
	color: #FFFFFF ;
}

.textesousmenu2 li a:hover {
	color: #9AC4E9 ;
}

.textesousmenu {
	position: fixed;
	line-height: 14px;
	width: 270px;
}

.textesousmenu li {
	list-style-type: none;
	margin-top: 9px;
	margin-bottom: 9px;
	line-height: 20px;
}

.textesousmenu li.current a {
	color: #67a3d9 !important;
}

.textesousmenu2 li.current a {
	color: #9AC4E9 !important;
}

.supportvideo { overflow:hidden; padding-bottom:41.666%; position:relative; height:0;}

.supportvideo2 { overflow:hidden; padding-bottom:56.25%; position:relative; height:0;}

.supportvideo iframe { left:0; top:0; height:100%; width:100%; position:absolute;}

.supportvideo2 iframe { left:0; top:0; height:100%; width:100%; position:absolute;}

.halo {
	height: 10px;
	background-image: url(images/halovideo.png);
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 0px;
	padding: 0;
}

a.bouton:active {outline-style:none;}


#viewer {
	margin-top: 40px;
	line-height: 38px;
	position: relative;
}

.puce1 {
	display: inline;
}

#fanionviewer {
	right: -2px;
	top: -2px;
	background-image: url(images/coinplayer.png);
	background-repeat: no-repeat;
	height: 154px;
	width: 160px;
	position: absolute;
	z-index: 1000;
	text-align: right;
	padding-top: 15px;
	padding-right: 10px;
	line-height: 22px;
	font-family: 'euphemia', 'Trebuchet MS', Arial, Helvetica, sans-serif, Georgia;
	font-size: 18px;
	font-weight: normal;
	text-shadow: 1px 1px #1f68ab;
}

header{
	margin: 0px;
	padding: 0px;
	background: #03172f;
	padding-bottom: 30px;	
}


#headeradresses{
	height: 94px;
}

#textesection{
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 20px;
	color: #FFFFFF;
	text-align: justify;
	line-height: 28px;
	font-size: 15px;
	position: relative;
}

#textesection2{
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	color: #03172F;
	position: relative;
}


.container{
	width:1200px;
	text-align:left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position: relative;
}

.containerblog{
	margin-top: 0;
	margin-bottom: 0;
	background-color: #F7F7F7;
}

.container2{
	width:1200px;
	text-align:left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.blog{
	text-align:left;
	background-color: #03172F;
	padding-top: 1px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	position: relative;
}

.blog:hover{
	background-color: #041D3C;
}

#fixcolor{
	background-color: #03172f;
	margin: 0px;
	padding: 0px;
}

	#sectionsite{
	padding-top: 30px;
	padding-bottom: 150px;
	padding-left: 40px;
	margin: 0px;
	padding-right: 40px;
	line-height: 24px;
	font-size: 14px;
	text-align: justify;
}

	.positionlogo {
	width: 344px;
	height: 89px;	
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	
}

	.positionlogonum {
	width: 344px;
	height: 89px;	
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	
}

#sectionsite2{
	padding-top: 0px;
	padding-left: 40px;
	margin: 0px;
	padding-right: 40px;
	line-height: 24px;
	font-size: 14px;
	text-align: justify;
	padding-bottom: 150px;
	position: relative;

}

#sectionhome{
	padding-top: 30px;
	padding-bottom: 180px;
	padding-left: 40px;
	margin: 0px;
	padding-right: 40px;
	line-height: 24px;
	font-size: 13px;
	text-align: justify;
	background-image: url(images/logofondhome.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.flexslider .slides img{
  width: auto;
  max-width:100%;

}


div#menuhaut{
	height: 74px;
	width: 450px;
	float: right;
}

.blocbleu{
	background-color: #2782D6;
	color: #FFFFFF;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 7px;
	padding-right: 14px;
	padding-bottom: 7px;
	padding-left: 14px;

}

.blocbleudroite{
	background-color: #2782D6;
	color: #FFFFFF;
	margin-top: -7px;
	margin-bottom: 5px;
	padding-top: 7px;
	padding-right: 14px;
	padding-bottom: 7px;
	padding-left: 14px;
	float: right;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif, Georgia;
	font-size: 15px;
	margin-left: 20px;
	text-align: left;
}


.imagedroite{
	margin-left: 30px;
	float: right;
	width: 350px;
	margin-bottom: 10px;
	position: relative;
}

.imagedroite2{
	margin-left: 20px;
	float: right;
	width: 450px;
	margin-bottom: 10px;
	position: relative;
	margin-top: 40px;
}

.imagedroite3{
	margin-left: 20px;
	float: right;
	width: 250px;
	margin-bottom: 10px;
	position: relative;
}

.pictotitre1{
	display: inline-block;
	margin-left: 5px;
	vertical-align: -4px;
}

.pictotitre2{
	display: inline-block;
	margin-left: 12px;
	vertical-align: -5px;
}

.imageexemple{
	float: left;
	width: 250px;
	margin-right: 15px;
	margin-left: 15px;
	margin-top: 30px;
	margin-bottom: 10px;
	position: relative;
	border: 1px solid #b4bfc8;
}

.bloccontact {
      background: #376dab;      	  
	  border-radius: 3px;
	  margin-top: 20px;
	  margin-bottom: 5px;
	  text-align: center;
	  line-height: 20px;
	  padding: 10px;
    }
	
.bloccontact br {
   display: block;
   margin: 2px 0;
}

.imageexempleon{
	bottom: 0px;
	line-height: 40px;
	background-color: rgba(5, 39, 74, 0.7);
	height: 40px;
	width: 94%;
	position: absolute;
	padding-right: 3%;
	padding-left: 3%;
	font-weight: bold;

}

.titreblocbleu{
	margin-bottom: 8px;
	text-transform : uppercase;
	font-weight: bold;

}


.surtitre1{
	line-height: 18px;
	background-color: #FFFFFF;
	background-image: url(images/violetbloc.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	color: #052848;
	text-align: left;
	margin-top: 40px;
	font-size: 13px;
	font-style: italic;
	border-radius: 1px;
	margin-bottom: 34px;
}

.blocsurtitre1{
	line-height: 34px;
	font-size: 15px;
	font-style: italic;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	float: right;
	width: 220px;
	text-shadow: 1px 1px #8e4290;
	margin-top: 7px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif, Georgia;
}

.textesurtitre1{
	width: 590px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 15px;
	font-weight: bold;
	padding-right: 100px;
	text-align: left;
}

.surtitre2{
	line-height: 32px;
	background-color: #FFFFFF;
	background-image: url(images/bleubloc.png);
	background-repeat: no-repeat;
	background-position: left top;
	color: #052848;
	text-align: left;
	margin-top: 40px;
	font-size: 13px;
	font-style: italic;
	border-radius: 1px;
	margin-bottom: 34px;
}

.surtitre3{
	line-height: 18px;
	background-color: #FFFFFF;
	background-image: url(images/bleubloc.png);
	background-repeat: no-repeat;
	background-position: left top;
	color: #052848;
	text-align: left;
	margin-top: 40px;
	font-size: 13px;
	font-style: italic;
	border-radius: 1px;
	margin-bottom: 34px;
}

.blocsurtitre2{
	line-height: 34px;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	float: left;
	width: 220px;
	text-shadow: 1px 1px #1E65A6;
	margin-top: 7px;
	margin-bottom: 7px;
	padding-right: 20px;
}

.textesurtitre2{
	padding-top: 7px;
	padding-bottom: 7px;
	padding-right: 15px;
	font-weight: bold;
}

.logosurtitre2{
	margin-top: 3px;
	margin-left: 43px;
}

.titretexte{
	background-image: url(images/lignetitre.png);
	background-position: left 15px;
	background-repeat: no-repeat;
	margin-bottom: 20px;
	line-height: 22px;
}

.textetitre{
	color: #FFFFFF;
	background-color: #05274a;
	margin-left: 30px;
	padding-right: 15px;
	padding-left: 15px;
	display: inline-block;

}

.searchtab{
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.search{
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	width: 33%;
	margin-top: 0;
	padding: 0px;
}

.searchdeux{
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	width: 50%;
	margin-top: 0;
	padding: 0px;
}

.imagelink{
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.imagelink:hover{
	opacity: .7;
}

.searchbloc{
	margin-right: 20px;
	margin-left: 20px;
	line-height: 16px;
	position: relative;
	margin-top: 15px;
	margin-bottom: 15px;
}

.searchbloctitre{
	font-size: 18px;
	font-weight: normal;
	font-family: 'ropa', 'Trebuchet MS', Arial, Helvetica, sans-serif, Georgia;
	margin-bottom: 0px;
	line-height: 26px;
	color: #FFFFFF;
	position: absolute;
	bottom:0px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: rgba(5, 39, 74, 0.7);
	width: 100%;
}

.searchtexte{
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 10px;
	margin-bottom: 5px;
	text-align: left;
	color: #D3E7F8;
	line-height: 24px;
}

#footer{
	padding-right: 50px;
	padding-left: 50px;
	color: #adb1b5;
	padding-top: 20px;
	padding-bottom: 0px;
	line-height: 21px;
	text-align: justify;
	background-image: url(images/lignemenu.png);
	background-repeat: no-repeat;
	background-position: center top;
}

.locaux{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 50%;
	margin-top: 0;
	display: flex;
	padding: 0px;
}

.imageplayer {
    width: 100%;
    height: auto;
}

.imageplayersmall {
	max-width: 400px;
	width: 100%;
	height: auto;
	float: right;
	margin-left: 30px;
}

.locauximg{
	float: left;
	width: 410px;
}

.locauximg2{
	float: left;
	margin-left: 30px;
	width: 410px;
}

.ligne {
	background-image: url(images/lignetitre.png);
	background-repeat: no-repeat;
	height: 1px;
	width: 100%;
	clear:both;
	margin-top: 20px;
	margin-bottom: 20px;
}

.imagemenu  {
	width: 100%;
	position: relative;
	border: 1px solid #b4bfc8;
}

.ligne2 {
	background-image: url(images/ligne.png);
	background-repeat: no-repeat;
	height: 1px;
	width: 100%;
	clear:both;
	margin-top: 20px;
	margin-bottom: 20px;	
}

#footergauche{
	float: left;
	width: 290px;
	margin-right: 40px;
	padding-bottom: 20px;
	margin-left: 30px;
	padding-top: 10px;
}

#footerdroit{
	float: left;
	width: 290px;
	margin-right: 30px;
	padding-bottom: 20px;
	margin-left: 10px;
}

#footericones{
	float: left;
	width: 40px;
	margin-right: 40px;
	padding-top: 10px;
	margin-left: 0px;
}

.pictolink{
	position: absolute;
	right:-1px;
	top: -1px;
	z-index: 1000;
}

.iconefooter{	
	margin-top: 8px;
	margin-right: 12px;
}

.iconefooter:hover {
  -webkit-transform: rotate(10deg);
	transform: rotate(10deg);

}

.bouton1 {
	background:#2782D6;
	color:#fff;
	border-radius:1px;
	border:none;
	cursor:pointer;
	text-transform:capitalize;
	display: inline-block;
	padding-top: 7px;
	padding-right: 20px;
	padding-bottom: 8px;
	padding-left: 20px;
	margin-top: 25px;
	margin-bottom: 6px;
	font-size: 14px;
	font-weight: normal;
	border: 1px solid #478bf9;
}

.bouton1:hover{
	background-color: #216CB1;
}


h1 {
	color: #FFFFFF;
	margin-left: 30px;
	padding-right: 15px;
	padding-left: 15px;
	display: inline-block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 22px;
	font-weight: normal;
	background-image: url(images/titre.jpg);
	background-repeat: no-repeat;
	background-position: left 15px;
	font-family: 'ropa', 'Trebuchet MS', Arial, Helvetica, sans-serif, Georgia;
	text-align: left;
	text-transform: uppercase;
}


h2 {
	color: #569EE0;
	font-size: 20px;
	font-weight: normal;
	font-family: 'ropa', 'Trebuchet MS', Arial, Helvetica, sans-serif, Georgia;
	padding-top: 13px;
	margin-bottom: 20px;
	text-transform: uppercase;
}

h3 {
	color: #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 12px;
	font-size: 20px;
	font-weight: normal;
	font-family: 'ropa', 'Trebuchet MS', Arial, Helvetica, sans-serif, Georgia;
}

h4 {
	color: #F7970E;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 0px;
	line-height: 22px;
	padding-bottom: 0px;
	display: inline;
}

h5 {
	color: #569EE0;
	font-size: 18px;
	font-weight: normal;
	font-family: 'ropa', 'Trebuchet MS', Arial, Helvetica, sans-serif, Georgia;
	margin-bottom: 10px;
}

.flechebas  {
	display: inline;
	margin-left: 5px;
}

.titredecal  {
	margin-left: 15px;
	margin-right: 10px;
}

.soustitre {
	color: #F7970E;
	padding-top: 6px;
}

.orange {
	color: #F7970E;
	font-weight: bold;
}

.surtitre {
	color: #FFFFFF;
	padding-bottom: 3px;
	text-transform: uppercase;
}

.logovideo {
	margin-top: 6px;
}


.responsive-img {
    min-width: 100%;
    max-width: 100%;
}


.video-container {
	position: relative;
	padding-bottom: 56%; /* 16:9 */
	height: 0;
	overflow: hidden;
}


.video-container iframe {
    position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.btn {
	position: absolute !important;
	top: 50%;
	left: 50%;
	display: block;
	margin-top: -47px;
	margin-left: -47px;
	background-image:url(images/playervideo.png);
	width:150px;
	height:109px;
	background-repeat: no-repeat;
	background-position: left top;
}

.btn:hover {
	opacity: 0.9;
}



/* LIENS */

.lienbleu {
	color: #72B1EB !important;
	text-decoration: none;
}

.lienbleu:visited  {
	color:#72B1EB !important;
	text-decoration: none;
}

.lienbleu:hover {
	color:#ffffff !important;
	text-decoration: none;
}

a.lienviolet {
	color:#953176;
	text-decoration: none;
}

a.lienviolet:visited  {
	color:#953176;
	text-decoration: none;
}

a.lienviolet:hover {
	color:#326599;
	text-decoration: none;
}

a {
	color:#adb1b5;
	text-decoration: none;
}

a:visited  {
	color:#adb1b5;
	text-decoration: none;
}

a:hover {
	color:#ffffff;
	text-decoration: none;
}

#textesection a {
	color:#ffffff;
	text-decoration: none;
}

#textesection a:visited  {
	color:#ffffff;
	text-decoration: none;
}

#textesection a:hover {
	color:#E9E9E9;
	text-decoration: none;
}

.textesurtitre1 a{
	color:#052848 !important;
	text-decoration: underline !important;
}

.textesurtitre1 a:visited {
	color:#052848 !important;
	text-decoration: underline !important;
}

.textesurtitre1 a:hover{
	color:#052848 !important;
	text-decoration: underline !important;
}

.textesurtitre2 a{
	color:#052848 !important;
	text-decoration: underline !important;
}

.textesurtitre2 a:visited {
	color:#052848 !important;
	text-decoration: underline !important;
}

.textesurtitre2 a:hover{
	color:#052848 !important;
	text-decoration: underline !important;
}

.video-site  {	
	width: 45%;
	margin-right: 5%;	
	position: relative;
	margin-top: 20px;
}



/* MENU */

ul, li, a  {margin: 0; padding: 0;}
a {text-decoration: none;}

nav{
	background-image: url(images/lignemenu.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 44px;
}

.toggleMenu {
    display:  none;
    padding: 0px 15px;
    color: #fff;
}
.nav {
	list-style: none;
     *zoom: 1;
	border-radius: 2px 0px 0px 2px;
	background-image: url(images/fondmenu.png);
	background-repeat: repeat-x;
	background-position: center top;

}
.nav:before,
.nav:after {
    content: " ";
    display: table;
}
.nav:after {
    clear: both;
}
.nav ul {
	list-style: none;

}
.nav a {
	color:#fff;
	padding-right: 17px;
	padding-left: 17px;
	line-height: 44px;
}

.nav li:first-child a:hover {
	border-radius: 2px 0px 0px 2px;
}

.nav li a:hover {
	background-image: url(images/fondmenuhover23.jpg);
	background-repeat: repeat-x;
	color: #ffffff;
}

.nav li.current a {
	background-image: url(images/fondmenuhover23.jpg);
	background-repeat: repeat-x;
	color: #ffffff;
}

.nav li:first-child.current a {
	border-radius: 2px 0px 0px 2px;
}





.nav li {
	position: relative;
}
.nav > li {
    float: left;

}

.nav > li > a {
    display: block;
}
.nav li  ul {
    position: absolute;
    left: -9999px;
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}
.nav li li a {
	display: block;
	background: #326599;
	position: relative;
	z-index:100;
	border-top: 1px solid #1D548B;
	width: 200px;
}

.nav li.current li a {
	display: block;
	background: #326599;
	position: relative;
	z-index:100;
	border-top: 1px solid #1D548B;
	width: 200px;
}

.nav li li a:hover {
	background-color: #1D548B;
}

.nav li li li a {
    background:#249578;
    z-index:200;
    border-top: 1px solid #1d7a62;
}

#menufond {
	margin-left: auto;
	width: 800px;
	margin-right: auto;
}

#menufond .fleche {
	display: inline-block;
	margin-left: 5px;
}

.tigger {
	position: absolute;
	right: 60px;
	
}

.pictomenu {
	float: right;
	margin-left: 10px;
	margin-top: 8px;
}

.pictomenu:hover {
  -webkit-transform: rotate(20deg);
	transform: rotate(20deg);

}

#menufond .obliquemenu {
	margin-left: 1086px;
	position: absolute;
}

.menuresponsive {
	float: left;
	margin-right: 10px;
	margin-top: 11px;
}


      #wolf {      
      color: white;      
      font-size: 16px;           
      text-align: center;      
      text-shadow: 0 1px 1px rgba(0,0,0,.2);
      width:100%;	  	  
      box-sizing:border-box;
	  z-index: 100000 !important;
    }
	
	  #wolfstyle {
      background: #376dab;
      margin-left: 50px;
	  margin-right: 50px;	  
	  border-radius: 3px;
	  padding-top: 5px;
	  padding-bottom: 5px;
    }
	
	#wolfstyle li {		
	line-height: 30px;
	color: #FFFFFF ;
	display: inline-block;	
	margin: 0px;
	vertical-align: top;
	
}

#wolfstyle li a {	
	display:block;
    color: #fff;
	padding-left: 4px;
	padding-right: 10px;
	background-image: url(images/separation.png);
	background-repeat: no-repeat;
	background-position: right ;
	margin: 0px;
	
    
}

#wolfstyle li:last-child a {	
	background-image: none;
    
}

#wolfstyle li a:hover {
	color: #000 ;
	text-shadow: none;		
}


#wolfstyle li.current a{
	color: #f7970e ;
	text-shadow: none;	
}

.logopdf:hover {
	opacity: 0.7;
}


/* FORMULAIRE */

.text-danger{
	color: #FFA791;
}

.danger{
	color: #FFA791;
}



.success{
	border: 1px solid #AC4DAE;
	border-radius: 2px;
	background-color: #B153B4;
	line-height: 32px;
	color: #FFFFFF;
	width: 100%;
	cursor:pointer;
	margin-top: 25px;
	padding-top: 0px;
	font-weight: normal;
	font-size: 14px;
	padding-right: 20px;
	padding-left: 20px;
	margin-bottom: 20px;
}



.formulaire .titre{
	color: #FFFFFF;
	margin-top: 8px;
	margin-bottom: 3px;
	margin-left: 5px;
}

.formulaire input[type="text"]{
	height: 36px;
	border: 1px solid #BDDCFB;
	border-radius: 2px;
	background-color: rgba(255, 255, 255, 0.1);
	line-height: 32px;
	color: #FFFFFF;
	width: 96%;
	padding-right: 2%;
	padding-left: 2%;
}

.formulaire input[type="email"]{
	height: 36px;
	border: 1px solid #BDDCFB;
	border-radius: 2px;
	background-color: rgba(255, 255, 255, 0.1);
	line-height: 32px;
	color: #FFFFFF;
	width: 96%;
	padding-right: 2%;
	padding-left: 2%;
}

.formulaire input[type="text"]:focus{

	border: 1px solid #FFFFFF;
	background-color: rgba(255, 255, 255, 0.12);
}

.formulaire textarea{
	border: 1px solid #BDDCFB;
	border-radius: 2px;
	background-color: rgba(255, 255, 255, 0.1);
	line-height: 32px;
	color: #FFFFFF;
	width: 96%;
	padding-right: 2%;
	padding-left: 2%;
}

.formulaire textarea:focus{

	border: 1px solid #FFFFFF;
	background-color: rgba(255, 255, 255, 0.12);
}

.formulaire input[type=submit]{
	height: 36px;
	border: 1px solid #478bf9;
	border-radius: 2px;
	background-color: #2782D6;
	line-height: 32px;
	color: #FFFFFF;
	width: 100%;
	cursor:pointer;
	margin-top: 25px;
	padding-top: 0px;
	font-weight: normal;
	font-size: 14px;
}

.formulaire input[type=submit]:hover{
	background-color: #216CB1;
}

/* DIVERS */

p{
	margin-top : 0px;
	margin-bottom : 0px;
	text-align: justify;
	margin-top: 15px;
	margin-top: 15px;
	margin-top: 15px;
}

a img{
	border: none;
	margin: 0px;
}

a { outline:none !important;
}

.menu li{
	list-style-type:none;
}

.menu ul {
    padding: 0;
    margin: 0;
}

img{
	display: block;
	max-width: 100%;
    height: auto;
}

.booster{
	clear:both;
	width:100%
}

.booster2{
	clear:both;
	width:100%;
	height:1px;
	background-image: url(images/lignetitre.png);	
	background-repeat: no-repeat;
	margin-top:12px;
	margin-bottom:12px;
}

#headerlogo {
	height: 220px;
	padding-right: 4px;
}



.pagemonster {
	width: 118px;
	height: 77px;
	background: url(images/animpage.png) left center;
	animation: play 10s steps(100) infinite;
	animation-delay : 5s;
	margin-top: 18px;
	margin-right: auto;
	margin-left: auto;
}


@keyframes play {
    100% { background-position: -11800px; }
}


/* ACCORDEON */


.accordion {
	width: 100%;
	max-width: 1080px;
	height: 360px;
	overflow: hidden;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
}

.textecard {
	background-position: center;
	height: 46px;
	width: auto;
	position: absolute;
	bottom:0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #b4bfc8;
	line-height: 44px;
	color: #FFFFFF;
	text-align: center;
	background-image: url(images/minifond1.jpg);
	background-repeat: repeat-x;
	font-family: 'ropa', 'Trebuchet MS', Arial, Helvetica, sans-serif, Georgia;
	font-size: 20px;
}

.textecard2 {
	background-position: center;
	height: 46px;
	width: auto;
	position: absolute;
	bottom:0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #b4bfc8;
	line-height: 44px;
	color: #FFFFFF;
	text-align: center;
	background-image: url(images/minifond2.jpg);
	background-repeat: repeat-x;
	font-family: 'ropa', 'Trebuchet MS', Arial, Helvetica, sans-serif, Georgia;
	font-size: 20px;
}

.textecard3 {
	background-position: center;
	height: 46px;
	width: auto;
	position: absolute;
	bottom:0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #b4bfc8;
	line-height: 44px;
	color: #FFFFFF;
	text-align: center;
	background-image: url(images/minifond3.jpg);
	background-repeat: repeat-x;
	font-family: 'ropa', 'Trebuchet MS', Arial, Helvetica, sans-serif, Georgia;
	font-size: 20px;
}

.textecard4 {
	background-position: center;
	height: 48px;
	width: auto;
	position: absolute;
	bottom:0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #51616F;
	line-height: 18px;
	color: #FFFFFF;
	text-align: center;
	background-repeat: repeat;
	font-family: 'ropa', 'Trebuchet MS', Arial, Helvetica, sans-serif, Georgia;
	font-size: 20px;
	padding-top: 8px;
	background-color: rgba(3, 23, 47, 0.8);
}

.titre2bloc {
	font-family: 'euphemia', 'Trebuchet MS', Arial, Helvetica, sans-serif, Georgia;
	font-size: 16px;
	font-weight: normal;
	opacity: 0.65;
    filter: alpha(opacity=65);
}

.stylecoin {
	position: absolute;
	top: -1px;
	right: -1px;
	z-index: 10000;

}

.stylecoinvideo {
	position: absolute;
	top: -4px;
	right: 8px;
	z-index: 10000;

}

.accordion ul {
  width: 100%;
  display: table;
  table-layout: fixed;
  margin: 0;
  padding: 0;
}

.accordion ul li {
	display: table-cell;
	vertical-align: bottom;
	position: relative;
	width: 20%;
	height: 360px;
	background-repeat: no-repeat;
	background-position: center center;
	transition: all 500ms ease;
	border-left-width: 14px;
	border-left-style: solid;
	border-left-color: #05274a;
	border-right-width: 14px;
	border-right-style: solid;
	border-right-color: #05274a;
}

.accordion ul li div {
	display: block;
	overflow: hidden;
	width: 100%;

}

.accordion ul li div a {
  display: block;
  height: 360px;
  width: 100%;
  position: relative;
  z-index: 3;
  vertical-align: bottom;
  padding: 15px 20px;
  box-sizing: border-box;
  color: #fff;
  text-decoration: none;
  font-family: Open Sans, sans-serif;
  transition: all 200ms ease;
  border: 1px solid #51616F;
}

.accordion ul li div a * {
  opacity: 0;
  margin: 0;
  width: 100%;
  text-overflow: ellipsis;
  position: relative;
  z-index: 5;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transform: translateX(-20px);
  transform: translateX(-20px);
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}

.accordion ul li div a h2 {
	font-size: 22px;
	text-transform: uppercase;
	margin-bottom: 2px;
	top: 100px;
	font-weight: normal;

	font-family: 'ropa', 'Trebuchet MS', Arial, Helvetica, sans-serif, Georgia;
	color: #FFFFFF;
}

.accordion ul li div a p {
  top: 100px;
  font-size: 17px;
}

.accordion ul li:nth-child(1) { background-image: url(images/imageviewer1.jpg); }

.accordion ul li:nth-child(2) { background-image: url(images/imageviewer2.jpg); }

.accordion ul li:nth-child(3) { background-image: url(images/imageviewer5.jpg); }

.accordion ul li:nth-child(4) { background-image: url(images/imageviewer4.jpg); }

.accordion ul:hover li { width: 12%; }

.accordion ul:hover li:hover { width: 30%; }

.accordion ul:hover li:hover a { background: rgba(0, 0, 0, 0.5); }

.accordion ul:hover li:hover a * {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

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


.sousmenu {
	height: auto;
	width: auto;
	position: relative;
	right: 0px;
	margin-top: 0px;
	z-index: 0;
	color: #FFFFFF;
	text-align: left;	
}

.sousmenu2 {
	height: auto;
	width: auto;
	position: relative;
	right: 0px;
	margin-top: 0px;
	z-index: 0;
	color: #FFFFFF;
	text-align: left;	
}

.textesousmenu {
	position: relative;
	line-height: 14px;
	width: auto;
	margin-bottom: 20px;
	padding: 15px;
	background-color: #061f37;
}

.textesousmenu2 {
	position: relative;
	line-height: 14px;
	width: auto;
	margin-bottom: 20px;
	padding: 15px;	
}

.boutonbleu2 {
	display: none;
}

.saute {
	display: none;
}

.colortelechargement {
	color: #CB2D60;
}

.textesousmenu li:last-child {
	display: none;
}

.textesousmenu2 li:last-child {
	display: none;
}

.textesousmenu li {
	list-style-type: none;
	margin-top: 9px;
	margin-bottom: 9px;
	line-height: 20px;
	display: inline;
}

.textesousmenu2 li {
	list-style-type: none;
	margin-top: 9px;
	margin-bottom: 9px;
	line-height: 20px;
	display: inline;
}

.booster2 {
	display: none;
}

.puce1 {
	display: none;
}

.titresousmenu{
	display: none;
}


}

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


.locauximg{
	float: none;
	width: auto;
}

.locauximg2{
	float: none;
	margin-left: 0px;
	margin-top: 30px;
	width: auto;
}

#wolfstyle li a {	
	display:block;
    color: #fff;
	padding-left: 4px;
	padding-right: 14px;
	background-image: url(images/separationpoint.png);
	background-repeat: no-repeat;
	background-position: right ;
	margin: 0px;
    
}

#wolfstyle {
      margin-left: 0px;
	  margin-right: 0px;	  
	  border-radius: 0px;
	  padding-top: 5px;
	  padding-bottom: 5px;
    }

}

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


.textecard {
	font-size: 16px;
	line-height: 45px;
}

.textecard2 {
	font-size: 16px;
	line-height: 45px;
}

.textecard3 {
	font-size: 16px;
	line-height: 45px;
}

.textecard4 {
	font-size: 16px;
	line-height: 45px;
	height: 45px;
	padding-top: 0px;
}


}




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


.accordion { height: auto; }


.accordion ul li:hover,
.accordion ul:hover li,
.accordion ul:hover li:hover {
  position: relative;
  display: table;
  table-layout: fixed;
  width: 100%;
  -webkit-transition: none;
  transition: none;
  height: 250px;
  z-index: 10000;
}

.accordion ul li {
	display: table;
	vertical-align: bottom;
	position: relative;
	width: 100%;
	height: 250px;
	background-repeat: no-repeat;
	background-position: center center;
	transition: all 500ms ease;
	border-left-style: none;
	border-right-style: none;
	margin-bottom: 25px;
	table-layout: fixed;
	z-index: 10000;
}

.accordion ul li div a  {
  height: 250px;
}

.accordion ul li div a h2 {

  margin-bottom: 2px;
  top: 100px;
}

.accordion ul li div a p {
  top: 100px;
  font-size: 13.5px;
}

.textecard {
	font-size: 20px;
	line-height: 44px;
}

.textecard2 {
	font-size: 20px;
	line-height: 44px;
}

.textecard3 {
	font-size: 20px;
	line-height: 44px;
}

.textecard4 {
	font-size: 20px;
	line-height: 44px;
}


}




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

.textesurtitre1{
	padding-right: 15px;
}

.container{
	width:auto;
	padding-right: 0px;
	padding-left: 0px;
}

#footerdroit{
	float: none;
	width: auto;
	padding-right: 30px;
}

div#menuhaut{
}

#menustyle a{
	padding-right: 12px;
	padding-left: 12px;
}

section{
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.surtitre1{
	background-image: none;
}

.surtitre3{
	background-image: none;
}

.blocsurtitre1{
	line-height: 24px;
	float: none;
	width: auto;
	background-color: #B153B4;
	margin-bottom: 3px;

}

#textesection{
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 20px;
	color: #FFFFFF;
}



.textesurtitre1{
	width: auto;

}

.surtitre2{
	background-image: none;
	text-align: left;
}

.blocsurtitre2{
	line-height: 24px;
	float: none;
	width: auto;
	background-color: #2782D6;
	margin-bottom: 3px;
	padding-top: 5px;
	padding-bottom: 5px;

}

.textesurtitre2{
	width: auto;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 18px;

}

.logosurtitre2{
	margin-left: auto;
	margin-right: auto;



}

.nav {
	border-radius: 2px;
}

.nav a {
	padding-right: 10px;
	padding-left: 10px;
}

#menufond {
	color: #fff;
	line-height: 43px;
	width: 700px;

}



}

@media screen and (max-width: 830px) {
    .active {
        display: block;
		border-radius: 0px;
    }
    .nav > li {
        float: none;
		background-color: #326599;
		z-index: 10000;

    }
    .nav > li > .parent {

    }
    .nav li li .parent {

    }
    .nav ul {
        display: block;
        width: 100%;border-radius: 0px;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }

	.nav li li a {
	display: block;
	background: #953176;
	border-top: 0px;
	width: auto;
}

#menufond {
	width: auto;
	padding-left:20px;
	padding-right:20px

}

.nav li a:hover {
	background-image: url(images/fondmenuhover2.png);
	background-repeat: repeat-x;
	color: #FFFFFF;
}

.nav li.current a {
	background-image: url(images/fondmenuhover2.png);
	background-repeat: repeat-x;
	color: #FFFFFF;
}

.choix {
    display: inherit;
    flex-direction: row;
  }

.video-site  {	
	width: auto;
}

.cadrechoix{	
	width: auto;
}

}

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

#footer{
	padding-left: 20px;
	padding-right: 30px;

}

#footerdroit{
	float: none;
	width: none;
	margin-right: 0px;
}

#footergauche{
	float: none;
	width: 100%;
	margin-right: 0px;
	margin-bottom: 0px;	
}

#footerdroit{
	float: none;
	width: 100%;
	margin-left: 0px;

}


#sectionsite{
	padding-left: 10px;
	padding-right: 10px;
}

#sectionhome{
	padding-left: 20px;
	padding-right: 20px;
}

.titretexte{
	background-image: none;
}

h1 {
	color: #FFFFFF;
	margin-left: 0px;
	padding-right: 0px;
	padding-left: 0px;
}


.blocbleudroite{
	background-color: #2782D6;
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 13px;
	padding-top: 7px;
	padding-right: 14px;
	padding-bottom: 7px;
	padding-left: 14px;
	float: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif, Georgia;
	font-size: 15px;
	margin-left: 0px;
	width: auto;
}


.imagedroite{
	margin-left: 0px;
	float: none;
	width: 100%;
	margin-bottom: 10px;
	position: relative;
}


}

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

.search{
    display: inline;
	width: 100%;
	margin-top: 0;
	padding: 0px;
}

.searchdeux{
    display: inline;
	width: 100%;
	margin-top: 0;
	padding: 0px;
}

.searchbloc{
	margin-right: 0px;
	margin-left: 0px;	
	line-height: 16px;
	position: relative;	
	margin-top: 15px;
	margin-bottom: 15px;
}

.imageexemple{
	float: none;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	margin-bottom: 10px;
	position: relative;
}

}