/*@charset "utf-8";  supprimé par JV et remplace par le charset ISO */ 
@charset 'iso-8859-1'; 
/* CSS Document */

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////// SEPAeditor ///////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* V.1 */
/* 06/2013 */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.societe{padding:10px 0px 0px 0px!important;}

*{margin: 0px; padding:0;font-family: Verdana,arial, Helvetica,sans-serif;}

body{margin:0; padding:0; font-family:Verdana,arial, Helvetica, sans-serif;}
body{-webkit-text-size-adjust:none;-ms-text-size-adjust:none}

a{outline:none;}
a img{border:none;}




/* /////////////////////////////////// */
/* /////// ELEMENTS RECURRENTS /////// */
/* /////////////////////////////////// */

	/* CLASS global */
	.global{width:1150px; height:auto; margin:0 auto; color: #FFFFFF; font-size: 12px; line-height: 20px;}
		@media screen and (max-width:1280px){
			.global{width:960px;}
		}
		@media screen and (max-width:980px){
			.global{width:760px;}
		}
		@media screen and (max-width:610px){
			.global{width:100%;}
		}
		





	/* TOP */
	#top{width:100%; min-width:1150px; height:35px; background-color:#444; background-image:url(../img/bg-top.png);}
	
		#top-btn{float:right;}
		#top-btn a{display:block; float:left; margin-top:9px; padding:0 10px; height:17px; width:auto; color:#CCC; line-height:19px; text-decoration:none; font-size:13px;}
		#top-btn span{display:block; float:left; margin-top:9px; padding:0 10px; height:17px; width:auto; color:#CCC; line-height:19px; text-decoration:none; font-size:13px; border-right: 1px solid #EEEEEE; margin-right: 10px;}
		#top-btn a:hover{color:white;}
		#top-btn a img{border:none;}
		/* Contact */
			#top-btn a:first-child{margin-right:10px;}
		/* // Contact */
		#top-btn a:nth-child(n-3){border-right:1px solid #EEE;}
		
		.BTNconnexion{background-image:url(../img/ico-cadena-blanc.png); background-repeat:no-repeat; background-position:calc(100% - 10px) center; padding-right:20px !important;}
		
		.BTNlanguages{display:block; width:55px !important; height:35px !important; margin-top:0 !important; line-height:35px !important; color:white !important; border:none !important; text-transform:uppercase; cursor:pointer;}
		
		.BTNlanguages:hover{color:#444 !important; background-color:white !important;}
		
		
		.sLangues{display:none; position:absolute; z-index:90; background-color:white !important; width:120px; height:auto; -webkit-box-shadow:0px 0px 2px 2px rgba(0, 0, 0, 0.15);  box-shadow:  0px 0px 2px 2px rgba(0, 0, 0, 0.15); border:1px solid #CCC}
		.sLangues ul{margin:0; padding:0}
		.sLangues li{list-style-type:none;}
		.sLangues li a{display:block; color:#444; width:auto; min-height:30px; font-size:13px; text-align:left; line-height:30px; text-decoration:none; padding:0 10px;}
		.sLangues li a img{margin-right:5px;}
		.sLangues li a:hover{background-color:#444; color:white;}
		
		@media screen and (max-width:1280px){
			#top{min-width:960px;}
		}
		@media screen and (max-width:980px){
			#top{min-width:760px;}
		}
		
	/* HEADER */
	#header{width:100%; min-width:1150px; height:85px; border-bottom:1px solid #DDD; background-color:white;}
		.logo_title{
			    color: #047390;
			    float: right;
			    font-family:Verdana,arial;
			    font-size: 19px;
			    font-weight: bold;
			    margin-left: 33%;
			    margin-top: -5%;
		}
		#logo{float:left;}
		#logo a img{border:none !important;}
			/*@media screen and (max-width:1280px){
				#logo img{max-width:275px;}
				.logo_title{ margin-left: 33%; margin-top: -3%; float: left;margin-top: -3%;font-size: 16px;}
			}
			@media screen and (max-width:980px){
				#logo img{max-width:190px;}
			}
			@media screen and (max-width:610px){
				#logo{width:100%; text-align:center}
				#logo img{max-width:150px;}
			}*/
		
		/* MENU */
		/*.menuDeroulant{display:none;}
		#menu ul{margin:30px 0 0 0; padding:0; float:right;}
		#menu li{float:left; list-style-type:none;}
		#menu li:last-child{padding-right:0;}
			#menu li a{color:#444; text-decoration:none; text-transform:uppercase; padding:0 15px; height:37px; width:auto; line-height:37px;}
			#menu li a:hover{color:#e75112}
			
			.btnMenuActive{background-image:url(../img/triangle-blanc.png);background-color:#e75112; color:white !important}
			.btnMenu{background-image:url(../img/triangle-orange.png);background-color:white; color:#e75112 !important}*/
			
			
			/* Sous-menus */
			
			
			/*#menu li ul{display:none; margin:0; position:absolute; height:auto; z-index:89;}
			#menu li ul li{float:none; border:1px solid #444; background-color:#444;}
			#menu li ul li a{display:block; color:white; width:auto; min-height:30px; height:auto; font-size:13px; text-align:center; line-height:30px; text-decoration:none; margin:0; text-transform:none;}
			#menu li ul li a:hover{color:white; background-color:#e75112;}*/
			
			
			.BTNfonctionnalites{background-position:95% center !important; padding-right:30px !important; border-bottom:1px dashed white; cursor:pointer;}
				.sFonctionnalites{width:auto;}
				.sFonctionnalites li a{padding:0 35px;}
				
					.sSaisieImportation{display:block; position:absolute; z-index:88; left:100% !important; top:30px !important;min-width:135px; width:auto; z-index:100}
					.sSaisieImportation li a{padding:0 5px; }
					
					.sConversion{display:block; width:175px; position:absolute; z-index:88;}
					.sConversion a{line-height:20px !important; padding:10px 0}
					
					.sSaisieImportation a, .sConversion a{background-image:url(../img/bg-sMenu.png); background-repeat:repeat-y;}
					
			.BTNabonnements{background-position:97% center !important;border-bottom:1px dashed white; padding-right:30px !important; cursor:pointer;}
				
				.sAbonnements{display:block; position:absolute; z-index:89}
				
			.BTNsepa{background-position:85% center !important; padding-right:30px !important; border-bottom:1px dashed white; cursor:pointer;}
			
				.sSEPA{display:block; position:absolute; width:215px;}
				.sSEPA li{width:100%;}
			
			@media screen and (max-width:1280px){
				#header{min-width:960px;}
				#menu li a{font-size:13px;}
				#menu li ul li a{font-size:12px;}
				
				.BTNfonctionnalites{padding-right:20px !important;}
				.BTNabonnements{padding-right:20px !important}
				.BTNsepa{padding-right:20px !important;}
			}
			
			@media screen and (max-width:980px){
				#header{min-width:760px; height:65px;}	
				#menu li a{font-size:12px;}
				#menu ul{}
				#menu li ul li a{font-size:11px;}
				
				.BTNfonctionnalites{padding-right:12px !important;}
				.BTNabonnements{padding-right:10px !important}
				.BTNsepa{background-position:90% center !important; padding-right:10px !important;}
			}
			
			@media screen and (max-width:480px){
				#menu li a{float:left; width:100%;}
				
				#menu .btn-je_mabonne-gris{width:173px; height:40px; background-size:100% auto; font-size:12px; line-height:40px;}
					#menu .btn-je_mabonne-gris:hover{background-position:top center;}
				#menu .btn-je_mabonne-orange{width:173px; height:40px; background-size:100% auto; font-size:12px; line-height:40px;}	
					#menu .btn-je_mabonne-orange:hover{background-position:top center;}
			}
	
			@media screen and (max-width:320px){
				#menu ul{width:75%;}
			}
	
	
	
	/* FOOTER */
	#footer{float:left; width:100%; min-width:1150px; height:50px; background-color:#444; padding:25px 0; background-image:url(../img/bg-top.png); bottom:0; position: absolute; text-align: center; font-size: 13px;}
	
		#menuFooter{float:left; width:100%; height:175px;}
		#menuFooter ul{float:left; width:25%; height:175px; margin:0; padding:0;}
		#menuFooter li{list-style-type:none}
		#menuFooter li span{ color:white; font-size:15px; font-weight:bold; text-transform:uppercase;}
		#menuFooter li span a{font-size:15px; }
		#menuFooter li a{display:block; color:#CCC;; font-size:12px; min-height:23px; max-height:46px; line-height:23px; text-decoration:none;}
		#menuFooter li a:hover{color:white;}
		
		#menuFooter .btn-download-pdf{margin-top:15px; float:left;}
	
		#copyFooter{float:left; width:100%; height:25px;}
			#copyrightFooter{float:left; width:100%}
			#copyrightFooter span{font-size:11px; color:white; font-weight:bold; line-height:25px;}
			#copyrightFooter span a{color:#CCC; text-decoration:none; font-weight:normal;}
			#copyrightFooter span a:hover{color:white;}
			
			#languagesFooter{float:left; width:auto; margin-left:25px;}
			#languagesFooter ul{display:block; float:left; margin:0; padding:0}
			#languagesFooter li{float:left; list-style-type:none;}
			#languagesFooter li a{display:block; text-align:center; margin:4px 8px 0 8px; line-height:25px;}
			#languagesFooter span{display:block; float:left; color:white; width:auto;}
	
		@media screen and (max-width:1920px){
			#footer{position:relative}
		}
		
		@media screen and (max-width:1280px){
			#footer{min-width:960px; position:relative}
		}
		@media screen and (max-width:980px){
			#footer{min-width:760px; position:relative}
						
				#menuFooter li span{font-size:13px;}
				#menuFooter li span a{font-size:13px;}
				#languagesFooter{float:right;}
				#BTNabonnements_left{display: none;}				
		}
		
		@media screen and (max-width:320px){
			#copyrightFooter span{font-size:8px;}
			#copyrightFooter span a{font-size:9px;}
		}
	
	
	
	/* ///// ELEMENTS DE MISE EN PAGE //////*/
	.puce-orange{background-image:url(../img/puce-red.png); background-repeat:no-repeat; background-position:left center; padding-left:10px; }
	
	.triangle-blanc{background-image:url(../img/triangle-blanc.png); background-repeat:no-repeat; background-position:55px center;}
	.triangle-blanc:hover{background-image:url(../img/triangle-anthracite.png);}
	
	.triangle-blanc-droite{background-image:url(../img/triangle-blanc-droite.png); background-repeat:no-repeat; background-position:calc(100% - 10px) center;}
	.triangle-blanc-droite:hover{background-image:url(../img/triangle-blanc-droite.png);}
		@media screen and (max-width:980px){
				.triangle-blanc-droite{background-position:calc(100% - 5px) center; background-size:4px 5.5px}
		}
	
	.triangle-anthracite{display:block; background-image:url(../img/triangle-anthracite.png); background-repeat:no-repeat; background-position:right center; text-align:left;}
	
	.triangle-orange{display:block; background-image:url(../img/triangle-orange.png); background-repeat:no-repeat; background-position:right center; text-align:left;}
		@media screen and (max-width:980px){
			.triangle-orange{background-size:5.5px 4px}
		}
		
		
	.fleche-italic{background-image:url(../img/fleche-italic.png); background-repeat:no-repeat; background-position:left 5px; padding-left:22px}
		
	.titre-trapeze{display:block; height:60px; font-size:20px; font-weight:normal; color:#444 !important; background-image:url(../img/bg-h2-trapeze.png); background-repeat:no-repeat; line-height:20px; background-position:30px center; padding-top:40px;}
	.titre-trapeze span{color:#e75112; font-weight:bold;}
		
		
	/* CUTTER */
	.cutter-haut{float:left; background-image:url(../img/cutter-haut.png); background-position:center top; background-size:contain; background-repeat:no-repeat; height:3px; width:100%}	
	.cutter-bas{float:left; background-image:url(../img/cutter-bas.png); background-position:center top; background-size:contain; background-repeat:no-repeat; height:3px; width:100%}	
	.cutter-droite{float:left; background-image:url(../img/cutter-gauche.png); background-position:right center; background-size:contain; background-repeat:no-repeat; width:3px; width:317px}	
	.cutter-gauche{float:left; background-image:url(../img/cutter-droite.png); background-position:left center; background-size:contain; background-repeat:no-repeat; width:3px; width:317px}	
	
	
	/* ////// BOUTONS RECURRENTS ////// */
	.btn-download-pdf{display:block; width:161px; height:44px !important; background-image:url(../img/btn-download-pdf.png); background-repeat:no-repeat; background-position:center; text-align:center; color:#444 !important; font-style:italic; font-size:14px; line-height:14px !important; padding:10px 0 0 0; margin:0 auto; text-decoration:none; font-weight:normal;}
	.btn-download-pdf:hover{color:#e75112 !important;}
	
	.btn-forfait-mensuel{display:block; width:240px; height:54px; background-position:right top; background-repeat:no-repeat; margin:0 auto 15px auto; color:white; text-decoration:none; font-weight:bold; font-size:25px; line-height:50px; background-size: 160px auto;}
	/*.btn-forfait-mensuel:hover{background-position:bottom center}*/
	.btn-version-gratuite{display:block; width:240px; height:54px; background-position:right top; background-repeat:no-repeat; margin:0 auto 25px auto;  color:white; text-decoration:none; font-weight:bold; font-size:25px; line-height:50px; background-size: 160px auto;}
	/*.btn-version-gratuite:hover{ background-position:bottom center;}*/
		@media screen and (max-width:980px){
			.btn-forfait-mensuel{font-size:18px; line-height:40px;}
			.btn-version-gratuite{font-size:18px; line-height:40px;}
		}
	.btn-btn_connection_fr{background-image:url(../img/btn_connection_fr.png);}
	.btn-btn_connection_es{background-image:url(../img/btn_connection_es.png); width:315px;}
	.btn-btn_connection_en{background-image:url(../img/btn_connection_en.png); width:300px;}
	.btn-btn_connection_it{background-image:url(../img/btn_connection_it.png);}
	.btn-btn_register_fr{background-image:url(../img/btn_register_fr.png);}
	.btn-btn_register_es{background-image:url(../img/btn_register_es.png); width:315px;}
	.btn-btn_register_en{background-image:url(../img/btn_register_en.png); width:300px;}
	.btn-btn_register_it{background-image:url(../img/btn_register_it.png);}
	
	.title_register_connection_fr{width: 40%;}
	.title_register_connection_es{width: 60%;}
	.title_register_connection_en{width: 50%;}
		
	.btn-play{float:left; display:none; background-image:url(../img/ico-play.png); background-position:center top; background-repeat:no-repeat; text-decoration:none; width:auto; text-align:center; padding-top:28px;}
	.btn-play span{font-size:11px; font-style:italic; color:#C1C1C1;}
	
	.btn-pdf_file{float:none; display:block; background-image:url(../img/ico-pdf_file.png); background-position:center top; background-repeat:no-repeat;font-size:11px; text-decoration:none !important; width:100%; text-align:center; padding-top:28px; margin:0 auto;}
	.btn-pdf_file span{font-size:11px; font-style:italic; color:#C1C1C1;}

	.btn-info_file{float:none; display:block; background-image:url(../img/ico_info.png); background-position:center top; background-repeat:no-repeat;font-size:11px; text-decoration:none !important; width:100%; text-align:center; padding-top:28px; margin:0 auto;}
	.btn-info_file span{font-size:11px; font-style:italic; color:#C1C1C1;}

	
	.btn-en_savoir_plus{display:block; margin:10px auto 0 auto; background-color:#e3e3e3; border:1px solid #C1C1C1; height:21px; min-width:87px; width:auto !important; max-width:100px; -webkit-border-radius: 3px; border-radius: 3px; color:#7E7E7E; text-align:center; line-height:21px; font-size:13px; text-decoration:none; cursor:pointer;}
	.btn-en_savoir_plus b{color:#e75112}
	
	.btn-slideshow{display:block; float:left; margin:20px; width:190px; height:auto; background-color:#F9F9F9; border:1px solid #e6e6e6; text-align:center; padding:150px 20px 20px 20px; background-image:url(../img/ico-slideshow.png); background-repeat:no-repeat; background-position:center 20px; text-decoration:none; color:#444 !important; font-size:16px; cursor:pointer; font-weight:normal !important}
	.btn-slideshow:hover{color:#e75112 !important;}	
		
		@media screen and (max-width:320px){
			.btn-slideshow{font-size:11px; background-size:45px auto; width:95px; padding:65px 5px 5px 5px}
		}
	
	
	.btn-je_mabonne-gris{display:block; width:173px; height:40px; background-image:url(../img/btn-je_mabonne-gris.png); background-position:top center; background-repeat:no-repeat; margin:0 auto; color:white !important; text-decoration:none !important; font-weight:bold; font-size:18px; line-height:40px; text-align:center}
	.btn-je_mabonne-gris:hover{background-position:center -41px;}
	.btn-je_mabonne-orange{display:block; width:173px; height:40px; background-image:url(../img/btn-je_mabonne-orange.png); background-position:center top; background-repeat:no-repeat; margin:0 auto;color:white !important; text-decoration:none !important; font-weight:bold; font-size:18px; line-height:40px; text-align:center}
	.btn-je_mabonne-orange:hover{background-position:center -41px; text-decoration:none;}
		
		@media screen and (max-width:480px){
			.btn-je_mabonne-gris{width:125px; height:29px; background-size:100% auto; font-size:12px; line-height:29px;}
				.btn-je_mabonne-gris:hover{background-position:top center;}
			.btn-je_mabonne-orange{width:125px; height:29px; background-size:100% auto; font-size:12px; line-height:29px;}	
				.btn-je_mabonne-orange:hover{background-position:top center;}

		}
		
	.btn-top-of-page{display:block; float:left; margin-left:75px; background-color:#444;color:#white; font-weight:bold; width:50px; text-decoration:none; text-align:center; padding:5px; -webkit-border-radius: 5px 5px 0px 0px;
        border-radius: 5px 5px 0px 0px; font-size:12px; position:fixed; border:1px solid white; height:auto;}
		.btn-top-of-page:visited{color:white;}
		.btn-top-of-page:link{color:white;}
	
		@media screen and (max-width:980px){
			.btn-top-of-page{left:0; margin:0; color:white !important}
		}
	
	.ico-info{display:inline-block; width:15px; height:15px; cursor:pointer; background-image:url(../img/ico-info.png); background-repeat:no-repeat; margin:0 5px -2px 5px;}
	@media screen and (max-width:480px){
		.ico-info{display:none;}
	}
	
	
/* /////////////////////////////////// */	
/* ///////////// ACCUEIL ///////////// */
/* /////////////////////////////////// */

	/* BANDEAU */
	#bandeau{width:100%; min-width:1150px; height:580px;}
		
		#bandeau .global #PremierVolet, #DeuxiemeVolet, #TroisiemeVolet{float:left; width:33.3%; height:510px; }
		#bandeau .global #PremierVolet{ background-image:url(../img/trapeze-gauche-home.jpg); background-repeat:no-repeat; background-position:right center;}
		#bandeau .global #TroisiemeVolet{background-image:url(../img/trapeze-droite-home.jpg); background-repeat:no-repeat; background-position:left center;}
		
			@media screen and (max-width:1280px){
				#bandeau{min-width:960px;}
			}
			@media screen and (max-width:980px){
				#bandeau{min-width:760px;}
			}
		
		
			/* 1er volet*/
			#bandeau .global #PremierVolet #conteneurAccroches{float:left; width:90%; height:auto; padding:35px 0 0 0;}
			#bandeau .global #PremierVolet #conteneurAccroches ul{float:left; width:auto; margin:0; padding:0;}
			#bandeau .global #PremierVolet #conteneurAccroches li{margin-bottom:25px; list-style-type:none; font-size:16.5px; font-style:italic; color:#444;}
			#bandeau .global #PremierVolet #conteneurAccroches li a{text-decoration:none; color:#444}
			#bandeau .global #PremierVolet #conteneurAccroches li a:hover{color:#e75112;}
			#bandeau .global #PremierVolet #conteneurAccroches li span{color:#CC1F36; font-size: 18px; font-weight: bold; line-height:23px;}
			
			#bandeau .global #PremierVolet #conteneurSlider .cutter-haut{float:left; max-width:325px; height:3px; background-size:contain}
			#bandeau .global #PremierVolet #slider{float:left; max-width:225px; max-height:400px; padding:0; margin:15px 0 0 45px; overflow:hidden;}
			#bandeau .global #PremierVolet #slider ul{margin:0 0 0 3px; padding:0;}
			#bandeau .global #PremierVolet #slider li{text-align:center;}
			#bandeau .global #PremierVolet #slider li img{margin:0 auto; width:auto; height:auto;}
			#bandeau .global #PremierVolet #slider li span{display:block; font-size:17px; color:#444; height:auto;}
			#bandeau .global #PremierVolet #slider li:nth-child(4) span{height:auto;}
			#bandeau .global #PremierVolet #slider li span b{color:#CC1F36;}
			#bandeau .global #PremierVolet #slider li p{font-size:11px; color:#757575;}
			
				#slider .bx-pager{background:none;}
				#slider .bx-pager-item{width:auto !important; height:auto !important;}
				#slider .bx-pager-item .bx-pager-link{max-width:6px; max-height:6px;}
				#slider .bx-wrapper{background:none; -webkit-box-shadow:none; max-height:350px; min-height:245px;}
				#slider .bx-viewport{background:none; max-height:350px; min-height:245px;}
			
				
				@media screen and (max-width:1280px){
					#bandeau .global #PremierVolet #conteneurAccroches li{font-size:14px;}
					#bandeau .global #PremierVolet #conteneurAccroches li span{font-size:23px;}
					#bandeau .global #PremierVolet #conteneurSlider{padding-left:12px}
					#bandeau .global #PremierVolet #slider{margin:15px 0 0 0;}
					#bandeau .global #PremierVolet #slider li img{max-width:95%}
				}
				
				@media screen and (max-width:980px){
					#bandeau .global #PremierVolet #conteneurAccroches{max-width:200px}
					#bandeau .global #PremierVolet #conteneurAccroches ul{padding-left:15px;}
					#bandeau .global #PremierVolet #conteneurAccroches li{font-size:12px;}
					#bandeau .global #PremierVolet #conteneurAccroches li span{font-size:20px;}
					#bandeau .global #PremierVolet #conteneurSlider{padding-left:12px}
					#bandeau .global #PremierVolet #slider{margin:15px 0 0 0; max-width:180px;}
					#bandeau .global #PremierVolet #slider li span{font-size:15px; height:40px;}
					#bandeau .global #PremierVolet #slider li img{max-width:95%)}
				}
				
			
				@media screen and (max-width:320px){
					#bandeau .global #PremierVolet #conteneurAccroches{padding:15px 0 0 50px; width:220px;}
				}
			
				
			
			
			/* 2eme volet*/
			#bandeau .global #DeuxiemeVolet #conteneurAbonnements{display:block; float:left; width:100%; height:auto; padding-top:10px;}
			#bandeau .global #DeuxiemeVolet #conteneurBTNabonnements{display:block; margin:25px auto 0 auto; width:290px; height:auto; border-bottom:1px dashed #CCC; background-image:none; padding-bottom:40px; text-align:center}
			#bandeau .global #DeuxiemeVolet #conteneurBTNabonnements h1{font-size:30px; color:#444; font-weight:normal; margin-bottom:55px; text-align:center}
			#bandeau .global #DeuxiemeVolet #conteneurBTNabonnements h1 span{font-size:30px; color:#CC1F36; line-height: 40px;}
			#bandeau .global #DeuxiemeVolet #conteneurBTNabonnements #BTNabonnements_left{float:left; margin-top: 10px; text-align: right;}
			#bandeau .global #DeuxiemeVolet span{font-size:13px; color:#444; text-align:center}
			#bandeau .global #DeuxiemeVolet span a{margin-left:20px; font-weight:bold; color:#e75112; text-decoration:none;}
			#bandeau .global #DeuxiemeVolet span a:hover{text-decoration:underline}
			.pdf_left{float: left; width:50%;}
			.info_right{float: right;width:50%}

				#DeuxiemeVolet .btn-play{margin:25px 0 0 65px;}
					#DeuxiemeVolet .btn-play span{font-size:11px !important;}
				#DeuxiemeVolet .btn-pdf_file{margin:25px 65px 0 0;}
					#DeuxiemeVolet .btn-pdf_file span{font-size:11px !important;}

				#DeuxiemeVolet .btn-info_file{margin:25px 65px 0 0;}
					#DeuxiemeVolet .btn-info_file span{font-size:11px !important;}
				
				@media screen and (max-width:1280px){
					#bandeau .global #DeuxiemeVolet #conteneurBTNabonnements{margin:35px 0 0 20px;}
						
						#DeuxiemeVolet .btn-play{margin:25px 0 0 40px;}
						#DeuxiemeVolet .btn-pdf_file{margin:25px 35px 0 0;}
						#DeuxiemeVolet .btn-info_file{margin:25px 35px 0 0;}						
				}
				
				@media screen and (max-width:980px){
					#bandeau .global #DeuxiemeVolet #conteneurBTNabonnements{width:auto; margin:35px auto 0 auto;}
					#bandeau .global #DeuxiemeVolet #conteneurBTNabonnements h1{font-size:23px; width:auto;}
					#bandeau .global #DeuxiemeVolet #conteneurBTNabonnements h1 span{font-size:28px;}
					#bandeau .global #DeuxiemeVolet .btn-forfait-mensuel{width:180px; height:41px; margin-bottom:15px; background-size:180px auto}
					#bandeau .global #DeuxiemeVolet .btn-version-gratuite{width:180px; height:41px; margin-bottom:25px; background-size:180px auto}
					#bandeau .global #DeuxiemeVolet span{font-size:15px;}
					#bandeau .global #DeuxiemeVolet span a{margin-left:10px;}
					
					#bandeau .global #DeuxiemeVolet .btn-play{float:left; width:auto; text-align:left; padding:0 0 0 30px;  background-position:left center; margin-left:55px;}
					#bandeau .global #DeuxiemeVolet .btn-play span{font-size:11px;}
	
					#bandeau .global #DeuxiemeVolet .btn-pdf_file{float:left; width:auto; text-align:left; padding:0 0 0 30px;  background-position:3px center; margin:25px 0 0 55px}
					#bandeau .global #DeuxiemeVolet .btn-pdf_file span{font-size:11px;}

					#bandeau .global #DeuxiemeVolet .btn-info_file{float:left; width:auto; text-align:left; padding:0 0 0 30px;  background-position:3px center; margin:25px 0 0 55px}
					#bandeau .global #DeuxiemeVolet .btn-info_file span{font-size:11px;}
					
					.pdf_left{float: left; width:100%;}
					.info_right{float: right;width:100%}

				}
				
				
				/* 3eme volet*/
			#bandeau .global #TroisiemeVolet .cutter-droite{display:none; width:55px; height:510px; background-size:3px 317px; background-position:0 50px;}
			#bandeau .global #TroisiemeVolet .cutter-gauche{display:none; width:55px; height:510px; background-size:3px 317px; background-position:right 50px}
			#bandeau .global #TroisiemeVolet #profits{float:left; display:block; width:288px; height:293px; background-image:url(../img/bg-home-profits.jpg); background-repeat:no-repeat; margin:75px 0 0 50px; color:#444; border-bottom:1px dashed #CCC;}
				#profits ul{margin:18px 0 0; padding:0}
				#profits ul a{text-decoration:none; color:#444}
				#profits ul a:hover{color:#CC1F36}
				#profits li{list-style-type:none; background-image:url(../img/ico-ok.png); background-repeat:no-repeat; background-position:15px center; padding-left:50px; margin:0 0 55px 0; font-size:17px;background-size: 31px auto, 42px auto;}
				#profits li b{font-size:16px;}
				
			#bandeau .global #TroisiemeVolet .btn-convertisseurs span{float:left; display:block; width:200px; height:100px; /*background-image:url(../img/bg-rayures-ccc.gif); border:1px solid #BDBDBD;*/ margin:25px 0 0 100px; cursor:pointer; padding:8px 0 0 8px; /*text-decoration: none;*/}
			#bandeau .global #TroisiemeVolet .btn-convertisseurs {float:left; height:42px; font-style:italic; color:#666; /*background-image:url(../img/ico-convert.png); background-repeat:no-repeat; background-position:8px center; */ padding-left:0px; text-align: center;width: 60%; margin:25px 35px 0 80px !important}
				
				@media screen and (max-width:1280px){
					#bandeau .global #TroisiemeVolet #profits{width:260px; background-size:260px auto}
					#bandeau .global #TroisiemeVolet .btn-convertisseurs{margin-left:85px;}
					#profits li{font-size:15px}
					#profits li b{font-size:20px;}
				}
				
				@media screen and (max-width:980px){
					#bandeau .global #TroisiemeVolet #profits{width:195px; height:296px; background-size:195px auto}
					#bandeau .global #TroisiemeVolet #profits li{font-size:14px;}
													 #profits li b{font-size:16px;}
													 
					#bandeau .global #TroisiemeVolet .btn-convertisseurs span{width:140px; height:35px; margin-left:70px;}
					#bandeau .global #TroisiemeVolet .btn-convertisseurs {font-size:12px; background-size:auto 20px; background-position:8px 6px;}
				}
				
				
				@media screen and (max-width:320px){
					#bandeau .global #TroisiemeVolet #profits{margin:0 auto !important;}
					#profits ul{width:250px;}
				}
				
				
	
	
	/* TRIPTYQUE */
	#triptyque{float:left; display:block; width:100%; min-width:1150px; height:125px; background-color:#FAFAFA; margin-bottom:20px;margin-top: 50px;}
	
		#triptyque .global .conteneurTriptyque div a{color:#444; text-decoration:none;}
		#triptyque .global .conteneurTriptyque div a:hover span{color:#CC1F36}
		
		#triptyque .global .conteneurTriptyque{width:100%; float:left; padding:27.5px 0;}
		#triptyque .global .conteneurTriptyque div{float:left; width:calc(33.3% - 2px); max-height:70px; line-height:70px; font-size:21px; font-weight:bold; text-align:center; }
		@media screen and (-webkit-min-device-pixel-ratio:0) {
			#triptyque .global .conteneurTriptyque div{width: 33%;}
		}
		#triptyque .global .conteneurTriptyque div:nth-child(2){border-left:1px dashed #CCC; border-right:1px dashed #CCC;}
		#triptyque .global .conteneurTriptyque div span{font-size:21px; color:#818181; }
		
		@media screen and (max-width:1280px){
			#triptyque{min-width:960px; width:100%;}
			#triptyque .global .conteneurTriptyque div{width:33%;}
			
		}
		@media screen and (max-width:980px){
			#triptyque{min-width:760px; height:90px;}
			#triptyque .global .conteneurTriptyque{padding:19.8px 0;}
			#triptyque .global .conteneurTriptyque div span{font-size:18px;}
			#triptyque .global .conteneurTriptyque div{ max-height:50px; line-height:50px; font-size:18px; }
			#triptyque{margin-top:130px;}
		}
		
		

/* ////////////////////////////////////////// */	
/* ///////////// PAGES INTERNES ///////////// */
/* ////////////////////////////////////////// */

	#conteneur{width:100%; height:auto;}
	
		#fil-d-ariane{float:left; width:100%; height:42px; font-size:11px; line-height:42px;}
			#fil-d-ariane a{float:left; color:#444; text-decoration:none;}
			#fil-d-ariane a:hover{color:#e75112;}
			#fil-d-ariane b{float:left; color:#e75112; margin: 0 10px;}
			#fil-d-ariane span{float:left; color:#C1C1C1; font-weight:bold; width:auto; white-space:nowrap}
	
		#sidebar{float:left; width:225px; height:auto; min-height:500px}
			#menuSidebar{background-color:#F6F6F6; min-height:50px; height:auto; margin:0 0 15px 0; padding:0 0 5px 0;}
				#menuSidebar span{display:block; color:#e75112; text-transform:uppercase; line-height:50px; margin-left:24px;}
				#menuSidebar ul{display:block; margin:0 0 15px 40px;}
				#menuSidebar li{list-style-type:none;}
				#menuSidebar li a{font-size:14px; color:#444; text-decoration:none; line-height:25px;}
				#menuSidebar li a:hover{color:#e75112;}
				#menuSidebar li .pageActive{background-image:url(../img/puce-orange.png); background-repeat:no-repeat; background-position:left center; padding-left:10px; font-weight:bold;}
					#menuSidebar li ul{border-left:1px dashed #444; padding-left:5px; margin:0 0 0 20px}
				
			.abonnementsSidebar{width:175px; min-height:161px; height:auto; border:1px solid #CBCBCB; background-image:url(../img/bg-box-abonnements-sidebar.png); background-repeat:repeat-x; background-color:#DFDFDF; padding:25px}
				.abonnementsSidebar span{display:block; font-size:24px; margin-bottom:15px}
				.abonnementsSidebar span b span{display:inherit; color:#e75112; margin-bottom:0;}
				.abonnementsSidebar .btn-je_mabonne-gris{margin-top:10px;}
			
		#contenu{float:left; width:825px; height:auto; min-height:560px; padding:20px 0 0 0px; margin-left: 15px;}
		#contenu img{margin:0 150px 0px 0;}
		.img_erreur, .img_exclamation{margin:0 0 20px !important;}
		.img_ico_aide, .img_icon{margin:0 0 0px !important;}
		#contenu h2{display:block; width:100%; float:left; color:#e75112; font-size:20px; font-weight:normal; margin:30px 0 30px 0}
		#contenu h2:first-child{margin:0 0 30px 0;}
		#contenu p{display:block; width:auto; font-size:15px; color:#737373; margin:0 0 20px 0; text-align:justify; line-height:18px}
		#contenu ul{display:block; margin:0 0 20px 15px; list-style-position: outside;}
		#contenu li{float:none; font-size:11px; color:#444; height:auto; line-height:auto; list-style-image:url(../img/puce-orange-circle.png); padding:0 0 10px 0px;}
		#contenu li ul li{list-style-image:url(../img/puce-fleche-noir.png); padding:20px 0 0 0; margin:0;}
		#contenu li b{color:#e75112;}
		#contenu li p{font-size:13px; float:left; line-height:13px;}
		#contenu li a{color:#444; text-decoration:none}
		#contenu li a:hover{text-decoration:underline}
			#titresContenu{float:left; width:100%; min-height:80px; height:auto; margin:0 0 45px 0; background-image:url(../img/cutter-haut.png); background-position:bottom center; background-repeat:no-repeat;}
			#titresContenu a{color:#329934; text-decoration:none; font-weight:bold;}
			#titresContenu a:hover{color:#236a24;}
			#titresContenu p{margin:45px 0}
			#titresContenu span{color:#e75112; text-transform:uppercase;}
			#titresContenu h1{display:block; height:auto; font-size:35px; color:#329934; font-weight:normal; margin-bottom:25px;}
			
			#enteteContenu{display:block; max-width:100%; width:auto; min-height:75px; height:auto; padding:45px 0; background-image:url(../img/cutter-bas.png); background-position:bottom center; background-repeat:no-repeat; margin-bottom:45px;}
			#enteteContenu .btn-download-pdf{margin:-15px auto 0 auto;}
				#enteteContenu h2{margin:0 12.5% 30px 12.5% !important; width:75%}
				#enteteContenu a{font-weight:normal;}
				#enteteContenu a:hover{text-decoration:none !important; color:#e75112;}
				#enteteContenu p{display:block; width:75%; margin:20px auto;}
				#enteteContenu ul{display:block; margin:0 0 0 150px; width:75%}
				#enteteContenu li{float:none; width:auto; height:auto; min-height:0; line-height:normal; padding-bottom:20px;}
				#enteteContenu img{float:left; margin:0 40px; width:auto; height:auto;}
				
			
			#pageContenu{display:block; width:100%; height:auto; margin:0 0 45px 0 }
				#pageContenu a{color:#329934 ; text-decoration:none; font-weight:bold;}
				#pageContenu a:hover{color:#236a24;}
			
			@media screen and (max-width:1280px){
				#contenu{width:670px;}
					#titresContenu{background-size:100% 3px;}
					#enteteContenu{background-size:100% 3px;}
			}
			
			@media screen and (max-width:980px){
				#sidebar{display:none;}
				#pageContenu{float:none;}
			}
			
			@media screen and (max-width:480px){
				#contenu{width:90%;}
				#enteteContenu{width:calc(100% - 30px); padding:15px 0 15px 15px;}
				#titresContenu h1{font-size:25px;}
				#titresContenu p{font-size:12px;}
				#enteteContenu ul{margin:0 0 0 90px;}
				#contenu p{font-size:12px;}
					#pageContenu ul li p{font-size:12px;}
			}
			
			@media screen and (max-width:320px){
				#contenu h2{font-size:18px;}
				#contenu p{font-size:12px ;}
					#pageContenu ul li p{font-size:12px;}
				
				#enteteContenu{width:calc(100% - 25px); padding:0 12.5px 15px 12.5px; text-align:center;}
					#enteteContenu h2{width:auto; margin:0 0 10px 0!important; font-size:18px;}
					#enteteContenu p{width:auto; font-size:12px;}
					#enteteContenu img{float:none !important; margin:0 auto !important; max-width:320px; width:auto; height:auto;}	
					#enteteContenu ul{margin:0 0 0 25px; text-align:justify}
			}			
			
			
			
			
		/* ///////////////////////////////////////////////////////////// */	
		/* ///////////// PAGE fonctionnalitÃ©s > Principes ///////////// */
		/* ///////////////////////////////////////////////////////////// */	
			
			
		.enteteContenuFprincipes a{color:#329934; font-weight:bold !important; text-decoration:none;}
		.enteteContenuFprincipes a:hover{color:#236a24 !important;}
			
			
		/* ///////////////////////////////////////////////////////////// */	
		/* ///////////// PAGE fonctionnalitÃ©s > Saisie SCT ///////////// */
		/* ///////////////////////////////////////////////////////////// */
			
		#enteteContenuSaisieSCT .btn-slideshow{margin-top:0;}
		#enteteContenuSaisieSCT ul{margin-left:200px; width:auto;}
		
		
		/* ///////////////////////////////////////////////////////////// */	
		/* ///////////// PAGE fonctionnalitÃ©s > Saisie SDD ///////////// */
		/* ///////////////////////////////////////////////////////////// */
			
		#enteteContenuSaisieSDD .btn-slideshow{margin-top:0;}
		#enteteContenuSaisieSDD ul{margin-left:200px; width:auto;}
			
			
		/* ////////////////////////////////////////////////////////////////////// */	
		/* ///////////// PAGE fonctionnalitÃ©s > Conversion fichiers ///////////// */
		/* ////////////////////////////////////////////////////////////////////// */
		
		#enteteContenuConversion ul{margin-left:225px; width:auto;}
		
		@media screen and (max-width:480px){
			#enteteContenuConversion{display:block;}
			#enteteContenuConversion img{max-width:100px !important; margin-right:15px;}
			#enteteContenuConversion ul{width:auto; margin-left:15px;}
		}
		
		@media screen and (max-width:320px){
			#enteteContenuConversion p{width:auto; margin:10px 0 10px 0; padding:0}
		}
			
			
			
		/* /////////////////////////////////////////////////////////////////////// */	
		/* ///////////// PAGE fonctionnalitÃ©s > Planning dÃ©ploiement ///////////// */
		/* /////////////////////////////////////////////////////////////////////// */
		#enteteContenuPlanning a{color:#329934; font-weight:bold; text-decoration:none;}
		#enteteContenuPlanning a:hover{color:#236a24;}
		
		#enteteContenuPlanning a.en-savoir-plus{float:none; display:block; width:360px; margin:15px auto 0 auto !important; font-weight:normal; font-size:14px; color:#7e7e7e; border:1px solid #dadada; padding:5px 10px;-webkit-border-radius: 2px; border-radius: 2px; text-align:center}
		#enteteContenuPlanning a.en-savoir-plus:hover{border-color:#e75112;}
		#enteteContenuPlanning a.en-savoir-plus span{color:#e75112; font-weight:bold;}
		
		#tablePlanningDeploiement{border-collapse:collapse; border:1px solid #b2b2b2 !important; font-size:13px}
		#tablePlanningDeploiement thead th{height:25px; border:1px solid #dcdcdc;}
			
				#tablePlanningDeploiement tr td{padding:5px 0; height:auto; border:1px solid #DCDCDC;}
				#tablePlanningDeploiement tbody tr td{padding:10px 0}
		
		#tablePlanningDeploiement .nom-pays{float:left; margin-left:75px; background-repeat:no-repeat; padding-left:25px; background-position:left center;}
		
		#tablePlanningDeploiement .allemagne{background-image:url(../img/flag_de.png)}
		#tablePlanningDeploiement .france{background-image:url(../img/flag_fr.png)}
		#tablePlanningDeploiement .italie{background-image:url(../img/flag_it.png)}
		#tablePlanningDeploiement .espagne{background-image:url(../img/flag_es.png)}
		#tablePlanningDeploiement .hollande{background-image:url(../img/flag_nl.png)}
		#tablePlanningDeploiement .portugal{background-image:url(../img/flag_pt.png)}
		#tablePlanningDeploiement .belgique{background-image:url(../img/flag_be.png)}
		#tablePlanningDeploiement .irlande{background-image:url(../img/flag_ie.png)}
		#tablePlanningDeploiement .pologne{background-image:url(../img/flag_pl.png)}
		#tablePlanningDeploiement .suisse{background-image:url(../img/flag_ch.png)}
		#tablePlanningDeploiement .autriche{background-image:url(../img/flag_at.png)}
		#tablePlanningDeploiement .europe{background-image:url(../img/flag_eu.png)}
		#tablePlanningDeploiement .royaume-uni{background-image:url(../img/flag_en.png)}
				
		
				
		@media screen and (max-width:1280px){
			#tablePlanningDeploiement .nom-pays{margin-left:60px; }
		}
				
		
		@media screen and (max-width:480px){
			#enteteContenuPlanning a.en-savoir-plus{width:250px;}
		}
		
		@media screen and (max-width:320px){
			#enteteContenuPlanning a.en-savoir-plus{width:auto;}
			#tablePlanningDeploiement{font-size:11px;}
		}
			
			
			
		/* /////////////////////////////////////////////////////////// */	
		/* ///////////// PAGE fonctionnalitÃ©s > SECURITE ///////////// */
		/* /////////////////////////////////////////////////////////// */
		#enteteContenuSecurite li{margin-left:120px;}
		#enteteContenuSecurite li a:hover{text-decoration:none !important; color:#e75112;}
		
		.securite-table{display:table !important}
		.securite-table a{display:table-cell !important;}
		.securite-table p{display:table-cell !important; vertical-align:top;}
		
		@media screen and (max-width:980px){
			#enteteContenuSecurite li{margin-left:90px;}	
		}
			
			
			
		/* ////////////////////////////////////////////////////// */	
		/* ///////////// PAGE fonctionnalitÃ©s > BDD ///////////// */
		/* ////////////////////////////////////////////////////// */
			#enteteContenuBDD li{margin-left:200px;}
			
		@media screen and (max-width:1280px){
			#enteteContenuBDD li{margin-left:150px;}
		}
			
			
		/* //////////////////////////////////////// */	
		/* ///////////// PAGE TARIFS  ///////////// */
		/* //////////////////////////////////////// */
		
		/* PRINCIPES */
			
		@media screen and (max-width:320px){
			#enteteContenuTarifs ul{margin:0 0 0 30px !important; text-align:left}
		}
		
		/* TARIFS */
		
		#liste-abonnements{float:left; width:260px;}
			#liste-abonnements ul{margin:102px 0 0 0}
			#liste-abonnements li{float:none; margin:0; list-style-image:none; list-style-type:none; line-height:12px; height:55px;}
			#liste-abonnements li:nth-child(1){height:40px;}
			#liste-abonnements li:nth-child(2){height:40px;}
			#liste-abonnements li:nth-child(3){height:45px;}
			#liste-abonnements li:nth-child(4){height:40px;}
			#liste-abonnements li div{float:left; height:13px; width:100%; border-bottom:1px dashed #444; position:relative;z-index:10}
			#liste-abonnements li .bg-blanc{display:block; background-color:white; font-size:17px; line-height:17px; height:17px; width:auto; position:absolute;z-index:11}
			#liste-abonnements li span{line-height:20px; font-size:13px;}
			
		.ulListeAbonnementsMobile{display:none !important;}
		
		.fleche-tarifs{float:right; width:65%; height:auto; text-align:center; margin:-10px 0 15px 0; padding-top:45px; background-image:url(../img/fleche-tarifs.png); background-repeat:no-repeat; background-position:center top;}
		.fleche-tarifs span{color:#e75112;}
		
		#box-abonnements{float:right; margin-bottom:25px;}
			#abonnement-gratuit{float:left; width:230px; height:auto; min-height:450px; background-image:url(../img/bg-box-abonnement_gratuit.png); background-repeat:no-repeat; margin-right:35px;}
				#abonnement-gratuit ul{margin:90px 0 25px 0}
				#abonnement-gratuit li{float:none; text-align:center; font-weight:bold; list-style-type:none; list-style-image:none; font-size:23px; line-height:56px; height:56px; padding:0; margin:0}
				#abonnement-gratuit li:nth-child(3){height:66px; line-height:66px;}
				#abonnement-gratuit li:nth-child(4){height:65px; line-height:65px;}
				#abonnement-gratuit li:last-child{padding-top:25px; height:80px; line-height:12px; font-size:12px;}
			
			#abonnement-optimum{float:left; width:230px; height:auto; min-height:450px; background-image:url(../img/bg-box-abonnement_optimum.png); background-repeat:no-repeat;}
				#abonnement-optimum ul{margin:90px 0 0 0}
				#abonnement-optimum li{float:none; text-align:center; font-weight:bold; list-style-type:none; list-style-image:none; font-size:23px; line-height:56px; height:56px;color:white; padding:0}
				#abonnement-optimum li:nth-child(3){height:66px; line-height:66px;}
				#abonnement-optimum li:nth-child(4){height:65px; line-height:65px;}
				#abonnement-optimum li:last-child{padding-top:25px; height:105px; line-height:14px; font-size:12px;}
					#abonnement-optimum li ul{margin:0; padding:0;}
					#abonnement-optimum li ul li{font-size:12px; height:auto !important; line-height:14px; list-style-image:none; padding:0; min-height:0}
					#abonnement-optimum li ul li:nth-child(3){height:auto; line-height:14px;}
					#abonnement-optimum li ul li:nth-child(4){height:auto; line-height:14px;}
					#abonnement-optimum li ul li:last-child{padding:0; height:auto;}
					#abonnement-optimum li ul li sup{line-height:5px;}
					
		@media screen and (max-width:1280px){
				#liste-abonnements{float:left; width:220px;}
					#liste-abonnements ul{margin:85px 0 0 0}
					#liste-abonnements li{height:42.5px;}
					#liste-abonnements li .bg-blanc{font-size:15px;}
					#liste-abonnements li:nth-child(1){height:35px;}
					#liste-abonnements li:nth-child(2){height:35px;}
					#liste-abonnements li:nth-child(3){height:35px;}
					#liste-abonnements li:nth-child(4){height:30px;}
					
				#abonnement-gratuit{width:200px; background-size:100% auto; }
					#abonnement-gratuit ul{margin:70px 0 25px 0}
					#abonnement-gratuit li{height:52.5px;}
					#abonnement-gratuit li:nth-child(3){height:52.5px; line-height:66px;}
					#abonnement-gratuit li:nth-child(4){height:50px; line-height:65px;}
				
				#abonnement-optimum{width:200px; background-size:100% auto;}
					#abonnement-optimum ul{margin:70px 0 25px 0}
					#abonnement-optimum li{height:52.5px;}
					#abonnement-optimum li:nth-child(3){height:52.5px; line-height:66px;}
					#abonnement-optimum li:nth-child(4){height:50px; line-height:65px;}
					#abonnement-optimum li:last-child{margin-bottom:-25px;}
					#abonnement-optimum li ul li{line-height:12px; font-size:10px !important;}
		}		
		
		
		@media screen and (max-width:570px){
			#liste-abonnements{float:left; width:175px; margin-right:10px;}
				#liste-abonnements ul{margin:75px 0 0 0}
				#liste-abonnements li .bg-blanc{font-size:13px;}
				#liste-abonnements li:nth-child(1){height:45px;}
				#liste-abonnements li:nth-child(2){height:50px;}
				#liste-abonnements li:nth-child(3){height:50px;}
				#liste-abonnements li:nth-child(4){height:50px;}
			
			.fleche-tarifs{display:none;}
			
				#abonnement-gratuit{width:150px; background-image:url(../img/bg-box-abonnement_gratuit_small.png)}
					#abonnement-gratuit ul{margin:68px 0 25px 0}
					#abonnement-gratuit li{height:45px; line-height:45px;}
					#abonnement-gratuit li:first-child{height:45px; line-height:45px;}
					#abonnement-gratuit li:nth-child(2){height:45px; line-height:45px;}
					#abonnement-gratuit li:nth-child(3){height:45px; line-height:48px;}
					#abonnement-gratuit li:nth-child(4){height:45px; line-height:60px;}
					#abonnement-gratuit li:last-child{height:85px; line-height:55px;}
					
				#abonnement-optimum{width:150px; background-image:url(../img/bg-box-abonnement_optimum_small.png)}
					#abonnement-optimum ul{margin:68px 0 25px 0}
					#abonnement-optimum li{height:45px; line-height:45px;}
					#abonnement-optimum li:first-child{height:45px; line-height:45px;}
					#abonnement-optimum li:nth-child(2){height:45px; line-height:45px;}
					#abonnement-optimum li:nth-child(3){height:45px; line-height:48px;}
					#abonnement-optimum li:nth-child(4){height:70px; line-height:60px;}
					#abonnement-optimum li:last-child{height:85px; line-height:55px;}
					#abonnement-optimum li ul li{font-size:8px !important;}
		}
		
		@media screen and (max-width:480px){
			#liste-abonnements{margin-right:5px; width:150px;}
				#liste-abonnements ul{margin:60px 0 0 0;}
				#liste-abonnements li .bg-blanc{font-size:11px;}
				#liste-abonnements li:nth-child(1){height:42px;}
				#liste-abonnements li:nth-child(2){height:42px;}
				#liste-abonnements li:nth-child(3){height:45px;}
				#liste-abonnements li:nth-child(4){height:45px;}
				
				#abonnement-gratuit{width:130px; background-image:url(../img/bg-box-abonnement_gratuit_small.png)}
					#abonnement-gratuit ul{margin:52px 0 25px 0}
					#abonnement-gratuit li{height:40px; line-height:45px;}
					#abonnement-gratuit li:first-child{height:40px; line-height:45px;}
					#abonnement-gratuit li:nth-child(2){height:40px; line-height:45px;}
					#abonnement-gratuit li:nth-child(3){height:40px; line-height:48px;}
					#abonnement-gratuit li:nth-child(4){height:40px; line-height:60px;}
					#abonnement-gratuit li:last-child{height:80px; line-height:55px;}
					
				#abonnement-optimum{width:130px; background-image:url(../img/bg-box-abonnement_optimum_small.png)}
					#abonnement-optimum ul{margin:52px 0 25px 0}
					#abonnement-optimum li{height:40px; line-height:45px;}
					#abonnement-optimum li:first-child{height:40px; line-height:45px;}
					#abonnement-optimum li:nth-child(2){height:40px; line-height:45px;}
					#abonnement-optimum li:nth-child(3){height:40px; line-height:48px;}
					#abonnement-optimum li:nth-child(4){height:65px; line-height:60px;}
					#abonnement-optimum li:last-child{height:80px; line-height:55px;}
		}
				
		@media screen and (max-width:320px){
			#liste-abonnements{float:left; width:auto; margin-left:-8px;}
				#liste-abonnements li span{line-height:12px; font-size:9px;}
				
			.ulListeAbonnementsMobile{display:block !important; margin-top:260px !important;}
				
			#box-abonnements{float:right; width:130px; margin-right:-8px;}
				#abonnement-gratuit{float:right; width:130px}
				#abonnement-optimum{float:right; width:130px}
		}
		
				
		/* //////////////////////////////////////// */	
		/* ///////////// PAGE CGV ///////////////// */
		/* //////////////////////////////////////// */
				#enteteContenuCGV{width:100%; height:40px; float:left; display:block; background-image:url(../img/cutter-bas.png); background-position:bottom center; background-repeat:no-repeat; margin-bottom:45px;}
				#enteteContenuCGV .btn-download-pdf{margin:-30px auto 0 auto}
				
				.pageContenuCGV ul{margin-left:50px !important;}
				
				#tableTarifsCGU{border:1px solid #b2b2b2; font-size:13px}
						#tableTarifsCGU tr{height:auto;}
						#tableTarifsCGU tr td{border:1px solid #b2b2b2; padding:5px 10px}
						#tableTarifsCGU tr:nth-child(n+2) td{padding:10px}
			
				
				@media screen and (max-width:1280px){
					#enteteContenuCGV{height:40px;}
					#enteteContenuCGV .btn-download-pdf{margin:-30px auto 0 auto;}
				}
				
		
		
		
		
		/* //////////////////////////////////////////// */	
		/* ///////////// PAGE NOTICES ///////////////// */
		/* //////////////////////////////////////////// */
					
		#enteteContenuNotices{width:510px; margin:0 auto; text-align:center	}
		
		@media screen and (max-width:480px){
			#enteteContenuNotices{width:100%}
		}
		
		
			
					
		/* //////////////////////////////////////////// */	
		/* ///////////// PAGE SITEMAP ///////////////// */
		/* //////////////////////////////////////////// */
			#pageContenuSitemap{float:left; width:100%; height:auto;}
				#pageContenuSitemap ul{display:block; margin:0 auto 0 150px;; padding:0}		
				#pageContenuSitemap li{list-style-image:none !important; list-style-type:none; margin-bottom:10px;}
				#pageContenuSitemap li strong{color:#e75112; font-size:25px; font-weight:normal;}
				#pageContenuSitemap li a:hover{text-decoration:none;}
				#pageContenuSitemap li ul{margin:0 0 0 40px; border-left:1px dashed #444;}
				#pageContenuSitemap li ul li{padding:0 0 0 10px; height:20px !important; line-height:20px !important;}
					#pageContenuSitemap li ul li a{font-weight:normal;}
					#pageContenuSitemap li ul li a:hover{color:#e75112; text-decoration:none;}
					
			@media screen and (max-width:480px){
				#pageContenuSitemap li strong{font-size:18px;}
				#pageContenuSitemap li ul{margin:0 0 0 20px;}
			}
					
			@media screen and (max-width:320px){
				#pageContenuSitemap ul{margin:0 auto 0 50px}
			}
					
					
		/* //////////////////////////////////////// */	
		/* ///////////// PAGE SEPA //////////////// */
		/* //////////////////////////////////////// */
		#enteteContenuSEPA1{display:block; width:100%; height:auto; margin-bottom:45px; padding:0 0 25px 0}
		#enteteContenuSEPA1 ul{margin-left:450px; width:auto;}
		
		/* PRESENTATION */
		#enteteContenuSEPA1 .100-infobulle ul{float:left; width:33%;}
		
		@media screen and (max-width:1280px){
			#enteteContenuSEPA1 img{width:40% !important;}	
			#enteteContenuSEPA1 ul{margin-left:100px;}
			
			#pays-ue{font-size:12px !important;}
		}
		
		
		@media screen and (max-width:480px){
			#enteteContenuSEPA1 img{float:none; margin:0 auto;}
			#enteteContenuSEPA1 ul{margin:0 0 0 30px;}
		}
					
					
		/* SCT */
		#enteteContenuSCT ul{margin-left:300px; width:auto;}
		
		
		@media screen and (max-width:320px){
			#enteteContenuSCT ul{margin-left:30px;}
		}
		
		
		
		/* SDD */
		#enteteContenuSDD ul{margin-left:300px; width:auto}
		
		@media screen and (max-width:1280px){
			.pageContenuSDD ul{margin-left:50px !important;}	
		}
		
		@media screen and (max-width:320px){
			#enteteContenuSDD ul{margin-left:30px;}
		}
		
		
					
		/* //////////////////////////////////////// */	
		/* ///////////// PAGE CONTACT ///////////// */
		/* //////////////////////////////////////// */
		
		#tableauContact{margin:0 auto; }
		#tableauContact td{height:40px;}
		#tableauContact td input{float:left; max-width:calc(100% - 30px);}
		#tableauContact td img{float:right; }
		#tableauContact td:first-child{text-align:right; padding-right:15px; font-weight:normal; width:150px}
		#tableauContact td:last-child{ vertical-align:middle}
		#tableauContact textarea{float:left; max-width:calc(100% - 30px);}
		
		@media screen and (max-width:320px){
			#tableauContact td{font-size:12px;}
			#tableauContact input{max-width:145px !important;}
			#tableauContact textarea{max-width:145px;}
		}
		
		
		

		
/* //////////////////////////////////// */	
/* ///////////// PAGE 404 ///////////// */
/* //////////////////////////////////// */
.contenu404{text-align:center; height:420px; padding-top:200px;}
.contenu404 h1{color:#888; font-size:90px;}
.contenu404 h2{color:#e75112;}

@media screen and (max-width:480px){
	.contenu404{padding-top:50px; height:100%;}
}