@CHARSET "UTF-8";

*{
	margin:0;
	padding:0;
}

body{
	background:#ffffff;
}

#global{
	display:block;
	width:100%;
	margin:auto;
	background:#FFFFFF url("images/fond.jpg") repeat-x 0 -141px;
}

body.accueil #global{
	background-image:url("images/fond_accueil.jpg");
	background-color:#063841;
}

a img{
	border:0;
}

.clear{
	display:block;
	clear:both;
	height:0px;
	overflow:hidden;
}

@font-face {
    font-family: 'Arial Narrow';
    src: url('fonts/arialn.eot');
    src: url('fonts/arialn.eot?#iefix') format('embedded-opentype'),
         url('fonts/arialn.woff') format('woff'),
         url('fonts/arialn.ttf') format('truetype'),
         url('fonts/arialn.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.hidden-desk{
	display: none;
}


/*********************************************** TOP *******************************************************/

#top{
	display:block;
	position: relative;
	width:100%;
	height:141px;
	z-index: 100;
	background:#ffffff url("images/top.jpg") repeat-x 0 0;
}

	#top .top{
		display:block;
		width:910px;
		height:141px;
		margin:auto; 
	}

	#top .social_media{
		display: block;
		float:right;
		margin:36px 0 0 0;
		text-align: center;
	}

		#top .social_media li{
			display: inline-block;
			margin:0 15px 0 15px;
		}

			#top .social_media img{
				width:30px;
				border:0;
			}

	#top .logo{
		display:block;
		clear: both;
		float:left;
		margin:9px 0 0 0;
	}
		#top .logo img{border:0;}

	#top .menu{
		display:block;
		float:right;
		margin:40px 0 0 130px;
	}

		#top .menu li{
			display:block;
			float:left;
			height:30px;
			overflow:hidden;
			position:relative;
		}
		#top .menu li:hover{overflow:visible;}
	
			#top .menu li a{
				display:block;
				float:left;
				height:30px;
				margin:0 23px 0 0;
				line-height:18px;
				position:relative;
				z-index: 49;
				
				font-family:"Arial Narrow", Arial;
				color:#27aabd;
				font-size:18px;
				text-decoration:none;
			}
			#top .menu li a:hover, #top .menu li a.actif{color:#FFFFFF;}
			
			#top .menu li ul{
				display:block;
				clear:both;
				position:absolute;
				z-index: 50;
				background:transparent url("images/fond_submenu.png") repeat 0 0;
				top:30px;
				left:-10px;
				padding:4px 0 4px 0;
			}
				#top .menu li ul li{
					height:26px;
					overflow:visible;
				}
			
					#top .menu li ul li a{
						clear:both;
						margin:0 0 0 0;
						padding:0 10px 0 10px;
						white-space:nowrap;
						line-height:26px;
						height:26px;
						min-width:120px;
					
						font-family:Arial;
						font-weight:bold;
						color:#053840;
						font-size:10px;
					}


/********************************************** CENTER *****************************************************/

#center{
	display:block;
	width:910px;
	margin:auto;
}

	#center .left{
		display:block;
		float:left;
		width:288px;
		height:426px;
	}


	#center .livres {
		display: block;
		float: left;
	}

		#center .livre{
			display:block;
			clear:left;
			margin:32px 0 0 0;
		}

			#center .livre img{
				border:0;
				box-shadow: 3px 3px 7px #135660;
			}

		#center .txt_livre{
			display:block;
			float:right;
			clear:right;
			width:160px;
			height: 149px;
			padding:0 0 0 0;
			margin:36px 0 0 0;
			line-height:17px;
				
			font-family:Arial;
			color:#ffffff;
			font-size:13px;
			font-weight:bold;
		}
			#center .txt_livre .links{
				display:block;
				padding: 6px 0;
			}
		
				#center .txt_livre .links li{
					display:block;
				}
			
					#center .txt_livre .links li a{
						display:block;
						margin:0 14px 0 0;
						
						font-family:Arial;
						color:#093840;
						font-size:13px;
						text-decoration:none;
						font-weight:bold;
					}

			#center .txt_livre strong{
				text-transform:uppercase;
				font-family:Arial;
				font-size:17px;
				font-weight:bold;
						}
			#center .txt_livre span{
				display: inline-block;
				padding: 12px 0 0 0;
			}
	
	#center .right{
		display:block;
		float:right;
		width:622px;
	}
	
		#center .right .visuel{
			border-left:4px solid #053840;
			border-right:4px solid #053840;
			overflow: hidden;
		}

			#center .right .visuel img{
				float: right;
			}

	#center .column{
		display:block;
		float:left;
		width:50%;
		box-sizing: border-box;
		padding:0 30px 0 0;
	}

	#center .column.column-right{
		padding:0 0 0 30px;
	}

	#center .p1{
		display:block;
		float:left;
		width:100%;
		height:200px;
		margin:58px 0 0 0;
			
		font-family:Arial;
		color:#ffffff;
		font-size:13px;
		line-height: 18px;
		font-weight:normal;
	}

		#center .p1 .title{
			display:block;
			padding:0 0 6px 0;
			height:17px;
			line-height:17px;
			
			text-transform:uppercase;
			font-size:17px;
		}

		#center .p1 .txt{
			display:block;
			padding-bottom:11px;
		}

			#center .p1 .txt a{
				color:#26aabd;
				font-size:13px;
				font-weight:bold;
				text-decoration:none;
			}

			#center .p1 .txt .news{
				display:block;
				margin:0 0 11px 0;
				
				font-family:Arial;
				color:#ffffff;
				font-weight: normal;
				font-size:13px;
				text-decoration:none;
			}

			#center .p1 .txt .news:last-child{
				margin-bottom:0;
			}

			#center .p1 .txt .blue{
				font-family:Arial;
				color:#26aabd;
				font-size:15px;
				font-weight:bold;
			}

			#center .p1 .txt .link_img{
				display:block;
				margin:0 0 4px 0;
			}

		#center .p1 .link{
			display:block;
			height:12px;
			line-height:12px;
			
			font-family:Arial;
			color:#26aabd;
			font-size:13px;
			font-weight:bold;
			text-decoration:none;
		}

	#center .p2{

	}

	#center .p3{
	}

	#center .p4{
		height: auto;
		padding-bottom: 20px;
	}

			#center .p3 .title strong{
				display:block;
				padding:0 0 6px 0;
			}

		#center .p3 .title{
			float: left;
			width:50%;
			height:auto;
			padding: 0 0 11px 0;
		}

		#center .p3 .txt{
			float: right;
			width:50%;
			text-align:right;
		}

		#center .p3 .link{
			clear:left;
			height:auto;
			line-height:20px;
		}

		#center .p4 .title{
			padding-bottom: 12px;
		}

		#center .lr{
			display:block;
			float:left;
			margin:45px 0 0 0;
		}

		#center .lr2{
			background:transparent url("images/fond_right_column.jpg") repeat-y right 0;
		}

			#center .lr img{
				max-width: 100%;
			}

		#center #content{
			display:block;
			float:left;
			/*clear:both;*/
				
			line-height: 18px;
			font-family:Arial;
			color:#053840;
			font-size:13px;
		}

		#center .content{
			width:630px;
			margin:3px 55px 30px 0;
		}

		#center .content_img{
			width:685px;
			padding:3px 0 30px 0;
			margin-right: 0;
		}

		#center .content_video{
			width:670px;
			padding:3px 15px 30px 0;
			margin-right: 0;
		}

			#center .content p{
				padding:6px 0 0 0;
			}

			#center .content_news p{
				display:inline;
				padding:0 0 0 0;
			}

			#center .content a{
				font-family:Arial;
				color:#26aabd;
				font-size:13px;
				text-decoration:none;
				font-weight:bold;
			}

			#center .content_links_pdf a{
				color:#053840;
				font-weight:normal;
				line-height: 16px;
			}

			#center .content p.titles{
				font-size:17px;
			}
			
			#center #content br {
			    /*line-height: 6px;*/
			}
			
			#center #content hr {
			    border-top:1px solid #d4eef2;
			    border-bottom:0;
			    border-left:0;
			    border-right:0;
			}
			
			#center #content .green{
			    color:#00BB00;
				font-size:16px;
			}
			
			#center #content #form_contact{
			    display: block;
				floeat:left;
			}
			
				#center #content #form_contact p{
				    display: block;
					float:left;
				    padding: 24px 28px 0 0;
				}
			
				#center #content #form_contact p.field{
					box-sizing: border-box;
				    width: 50%;
				}
			
				#center #content #form_contact input[type="text"], 
				#center #content #form_contact textarea{
				    display: block;
					box-sizing: border-box;
				    width: 100%;
				    height: 27px;
				    border-color: #F3F3F3 #E0E0E0 #E0E0E0 #F3F3F3;
				    border-style: solid;
				    border-width: 1px;
				    box-shadow: 2px 2px 2px #E0E0E0;
					
					color:#27AABD;
				}
			
				#center #content #form_contact textarea{
				    height: 94px;
					overflow:auto;
				}
			
				#center #content #form_contact .field_twolines,
				#center #content #form_contact .field_textarea{
					box-sizing: border-box;
				    width: 100%;
				}
			
				#center #content #form_contact label{
				    font-weight:bold;
					line-height:20px;
				}
			
				#center #content #form_contact input[type="submit"]{
				    display: block;
					float:right;
					width:80px;
					height:22px;
				    margin: 18px 30px 0 0;
				    box-shadow: 2px 2px 2px #E0E0E0;
					border:0;
					background:#26aabd;
					cursor:pointer;
					
					text-align:center;
					color:#FFFFFF;
					font-family:Arial;
					font-size:12px;
					font-weight:bold;
				}

			#center #content p.blockquote{
				padding-left:4px;
				text-indent:-4px;
			}

			#center #content .list_img{
				display:block;
				float:left;
				margin:40px 0 0 0;
			}

				#center #content .list_img .img{
					display:block;
					box-sizing: border-box;
					float:left;
					width:50%;
					height:290px;
					padding:20px 0 0 0;
					margin:0 0 0 0;
					border-right:1px solid #d4eef2;
					border-top:1px solid #d4eef2;
				}

					#center #content .list_img .img img{
						max-width: 100%;
					}

				#center #content .list_img .img1{
					border-top:0;
					padding-top:0px;
				}

				#center #content .list_img .img2{
					margin:0 0 0 0;
					border-right:0;
					padding-left:20px;
				}

		#center .right_column{
			display:block;
			float:right;
			width:205px;
			padding:9px 10px 30px 10px;
			margin:0 0 0 0;
				
			font-family:Arial;
			color:#053840;
			font-size:13px;
		}

			#center .right_column .title{
				display:block;
				padding:0 0 6px 0;
				line-height:17px;
				
				text-transform:uppercase;
				font-size:17px;
				color:#053840;
			}
			
			#center .right_column .title a{
				text-transform:none;
			}

			#center .right_column a{
				line-height:20px;
				font-family:Arial;
				color:#27aabd;
				font-size:13px;
				font-weight:bold;
				text-decoration:none;
			}

		#center .right_column2{
			background-color:#e6ebec;
			overflow: hidden;
		}

			#center .right_column2 .title{
				color:#26aabd;
			}

				#center .right_column2 .title strong, 
				#center .right_column3.bloc2 .title strong{
					font-size:17px;
				}

			#center .right_column2 p, 
			#center .right_column3.bloc2 p{
				padding:6px 0 6px 0;
			}

				#center .right_column2 p strong, 
				#center .right_column3.bloc2 p strong, 
				#center .right_column p strong.up{
					text-transform:uppercase;
					font-size:10px;
				}

			#center .right_column2 .mini_contact{
				width: 225px;
				margin:-9px 0 14px -9px;
			}

		#center .right_column3{
			display:block;
			float:right;
			/*width:225px;*/
			width:205px;
			padding:0 0 0 0;
		}

			#center .right_column3.bloc1{
				background-color:#ffffff;
				padding:9px 10px 30px 10px;
			}

				#center .right_column3.bloc1 .title strong{
					line-height:19px;
				}

				#center .right_column3.bloc1 .title span{
					font-size:11px;
					font-weight:bold;
				}

			#center .right_column3.bloc2{
				background-color:#e6ebec;
				padding:12px 10px 30px 10px;
			}

				#center .right_column3.bloc2 .title{
					color:#26aabd;
				}

			#center .right_column p.blockquote{
				padding-left:4px;
				text-indent:-4px;
			}

			#center .right_column p.blockquote2{
				padding-left:6px;
				text-indent:-6px;
				font-size:17px;
				line-height:17px;
				margin-left:-6px;
			}

			#center .content .video{
				margin:0 0 42px 0;
			}

				#center .content .video .titles{
					padding:0 0 5px 0;
				}

				#center .content .video .desc{
					padding:0 0 15px 0;
				}

	#center > .visuel{
		max-width: 100%;
	}

p.p_center{
	text-align: center;
	padding-bottom: 8px;
}

.player_video{
	display: none;
	position: fixed;
	z-index: 99;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background:transparent url("images/black.png") repeat 0 0;
}

	.player_video .block{
		display: block;
		width: 100%;
		background:transparent url("images/black.png") repeat 0 0;
	}

	.player_video iframe{
		display: block;
		width:910px;
		height:536px;
		margin:141px auto 0 auto;
		background:transparent url("images/ajax-loader.gif") no-repeat center center;
	}

img.ranking{
	margin: 0 110px 0 0;
	width:361px;
}

img.imd{
	margin: 20px 20px 0 0;
}


/********************************************** FOOT *******************************************************/

#foot{
	display:block;
	clear:both;
	width:100%;
	background:#ffffff url("images/fond_foot.jpg") repeat-x 0 3px;
}

	#foot .footer{
		display:block;
		width:910px;
		margin:auto;
		padding:44px 0 30px 0;
	}

	#foot .social_media{
		display: block;
		margin:0 0 36px 0;
		text-align: center;
	}

		#foot .social_media li{
			display: inline-block;
			margin:0 40px 0 0;
		}

			#foot .social_media img{
				width:40px;
				border:0;
			}

	#foot .bloc{
		display:block;
		float:left;
		line-height:15px;
		padding:0 56px 0 0;
		box-sizing: border-box;
		width:20%;
			
		font-family:Arial;
		color:#231f20;
		font-size:11px;
		text-decoration:none;
	}

		#foot .bloc li{
			list-style:none;
		}

		#foot .bloc a{
			font-family:Arial;
			color:#27aabd;
			font-size:11px;
			text-decoration:none;
		}
		
		#foot .bloc span.tel{
			display:inline-block;
			width:32px;
		}




@media (max-width: 992px) {

	#global{
		background-position:0 -197px;
	}

	body.accueil #global{
		background-position:0 -141px;
	}

	/*********************************************** TOP *******************************************************/

		#top .top{
			width:748px;
		}

			#top .logo img{
				width:174px;
			}

		#top .menu{
			float: right;
			margin-left:0;
		}

	/********************************************** CENTER *****************************************************/

	#center{
		width:748px;
	}

		#center .left{
			width:239px;
		}

			#center .livre{
				margin-top:40px;
			}

			#center .txt_livre{
				width:130px;
				height:136px;
				margin-top:40px;
			}

		#center .right{
			width:499px;
		}

			#center .right .visuel{
				overflow: hidden;
			}

				#center .right .visuel img{
					float: none;
					margin-left:-114px;
				}

			#center .livre img {
			    height:136px;
			}

	#center .p1{
		margin-bottom: 18px;
	}

		#center .p1 .title{
			height:auto;
		}

			#center .p1 .title strong{
				display: block;
			}

	#center .p2{
	}

	#center .p3{
	}

	#center .content{
		width:468px;
	}

	#center .content_img {
	    width: 523px;
	}

	.player_video iframe{
		width:748px;
		height:440px;
	}

	img.ranking{
		margin: 0 0 0 0;
	}

	/********************************************** FOOT *******************************************************/

		#foot .footer{
			width:748px;
		}

			#foot .social_media img{
				width: 40px;
			}
}


@media (max-width: 768px) {

	body.accueil #global{
		background:#26aabd;
	}

	#global {
		background:#26aabd;
	}

	.hidden-mob{
		display: none;
	}

	.hidden-desk{
		display: inline;
	}

	/*********************************************** TOP *******************************************************/

	#top{
		background-color: #053840;
		height: auto;
	}

		#top .social_media{
			display: none;
		}

		#top .top{
			width:300px;
			height: auto;
		}

		#top .show_menu{
			display: block;
			float: right;
			margin: 50px 21px 11px 0;
			padding:10px 10px 6px 10px;
			cursor: pointer;
		}

			#top .show_menu .stroke{
				display: block;
				background: #FFFFFF;
				width: 37px;
				height: 3px;
				margin-bottom: 4px;
			}

		#top .logo{
			margin-top: 27px;
		}

			#top .logo img{
				width:auto;
			}

		#top .menu{
			display: none;
			float: left;
			clear: both;
			width:100%;
			margin:0 0 0 0;
		}

			#top .menu li a{
				margin-right:32px;
			}

	/********************************************** CENTER *****************************************************/

	#center{
		width:460px;
		background:#ffffff;
		padding:0 0;
		box-sizing: border-box;
	}

	.accueil #center{
		padding-bottom:18px;
		background:#053840;
	}

		#center .right{
			width:100%;
			margin-bottom:20px;
		}

			#center .right .visuel{
				border:0;
				width:100%;
				height:170px;
			}

				#center .right .visuel img{
					margin-left:0;
					float: right;
				}

		#center .left{
			float: none;
			width:300px;
			margin-left: auto;
			margin-right: auto;
			height:auto;
		}

			#center .livre {
				clear:left;
				padding:0 0 0 0;
				margin:0;
				height: 174px;
			}

				#center .livre img {
					width:104px;
					height:auto;
					box-shadow: 3px 3px 7px #031d21;
				}

				#center .txt_livre{
					width:168px;
					float: right;
					clear:right;
					margin:0;
					height: 162px;
					padding:12px 0 0 0;
				}

					#center .txt_livre .links li{
						float: none;
					}

					#center .txt_livre strong,
					#center .txt_livre .links li a{
						float: none;
						color:#FFFFFF;
					}

	#center .column, #center .column.column-right{
		width: 100%;
		padding: 0;
	}

	#center .p1{
		float: none;
		clear: both;
		height:auto;
		width: 300px;
		margin:8px auto 28px auto;
		padding: 0;
	}

		#center .p1 .title strong{
			display: inline;
		}

		#center .p1 .txt{
			height:auto;
			padding-bottom:18px;
		}

		#center .p2 .txt{
			padding-bottom:7px;
		}

		#center .p2 .title strong,
		#center .p3 .title strong{
			display: block;
		}

	#center .p3{
		/*float: none;*/
	}

		#center .p3 .title{
			width:200px;
		}

		#center .p3 .link{
			height:auto;
		}

		#center .p3 .txt{
			padding-bottom:11px;
		}

	#center .lr {
		margin: 28px auto 0 auto;
		padding-bottom: 10px;
		width:320px;
		float: none;
		background: transparent;
	}

		#center .right_column{
			width:100%;
			box-sizing: border-box;
			float: none;
			clear: both;
			padding:0 10px 30px 10px;
		}

			#center .right_column .blue_links{
				display: none;
			}

		#center .right_column2 {
			padding-top: 12px;
			padding-bottom: 12px;
		}

			#center .right_column2 .mini_contact{
				width: 320px;
				margin: -12px 0 14px -10px;
			}

		#center .right_column3.bloc1{
			padding:0 10px 30px 10px;
		}

		#center .content{
			width:100%;
			box-sizing: border-box;
			float: none;
			clear: both;
			margin: 0;
			padding: 0px 10px 60px 10px;
			overflow: hidden;
		}

			#center .content img.flags{
				height:30px;
			}
			
				#center #content #form_contact p.field,
				#center #content #form_contact p.field_twolines,
				#center #content #form_contact p.field_textarea{
				    width: 100%;
				    padding-right: 0px;
				}

				#center #content #form_contact input[type="submit"]{
					margin-right: 0px;
				}

			#center #content .list_img{
				width: 100%;
				margin-top: 0;
			}

				#center #content .list_img .img,
				#center #content .list_img .img2{
					width: 100%;
					float: none;
					padding: 20px 0 0 0;
					border: 0;
					border-bottom: 1px solid #d4eef2;
				}

	.player_video iframe{
		width:460px;
		height:271px;
		margin-top: 98px;
	}

	img.ranking{
		margin: 0 0 0 0;
		width:100%;
	}

	img.imd{
		margin: 0 0 20px 0;
	}

	/********************************************** FOOT *******************************************************/

		#foot .footer{
			width:310px;
			padding-left:10px;
		}

			#foot .social_media li{
				margin-right:28px;
			}

			#foot .social_media li.last{
				margin-right:0px;
			}

			#foot .social_media img{
				width:auto;
				height: 36px;
			}

	#foot .bloc{
		width:110px;
		padding:0; 
	}

	#foot .bloc1{
		width:200px;
		height: 140px;
	}

	#foot .bloc2{
		width:200px;
		clear:left;
	}

	#foot .bloc3{
		top:0;
		margin-top:-140px;
	}

	#foot .bloc5{
		width:310px;
		clear: both;
		margin-top: 40px;
	}

		#foot .bloc5 .l{
			width:200px;
			float: left;
		}

		#foot .bloc5 .r{
			width:110px;
			float: left;
		}
	}


@media (max-width: 460px) {

	/********************************************** CENTER *****************************************************/

	#center{
		width:100%;
	}

	.player_video iframe{
		width:320px;
		height:188px;
	}
}