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


@font-face {
    font-family: 'helveticaneue-blackcond';
    src: url('helveticaneue-blackcond.eot');
    src: url('helveticaneue-blackcond.eot?#iefix') format('embedded-opentype'),
         url('helveticaneue-blackcond.woff') format('woff'),
         url('helveticaneue-blackcond.ttf') format('truetype'),
         url('helveticaneue-blackcond.svg#discoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helveticaneue-bold';
    src: url('helveticaneue-bold.eot');
    src: url('helveticaneue-bold.eot?#iefix') format('embedded-opentype'),
         url('helveticaneue-bold.woff') format('woff'),
         url('helveticaneue-bold.ttf') format('truetype'),
         url('helveticaneue-bold.svg#buffet_scriptregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helveticaneue-lightcond';
    src: url('helveticaneue-lightcond.eot');
    src: url('helveticaneue-lightcond.eot?#iefix') format('embedded-opentype'),
         url('helveticaneue-lightcond.woff') format('woff'),
         url('helveticaneue-lightcond.ttf') format('truetype'),
         url('helveticaneue-lightcond.svg#buffet_scriptregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helveticaneue-medium';
    src: url('helveticaneue-medium.eot');
    src: url('helveticaneue-medium.eot?#iefix') format('embedded-opentype'),
         url('helveticaneue-medium.woff') format('woff'),
         url('helveticaneue-medium.ttf') format('truetype'),
         url('helveticaneue-medium.svg#buffet_scriptregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helveticaneue-mediumcond';
    src: src: url('helveticaneue-mediumcond.eot');
    src: url('helveticaneue-mediumcond.eot?#iefix') format('embedded-opentype'),
         url('helveticaneue-mediumcond.woff') format('woff'),
         url('helveticaneue-mediumcond.ttf') format('truetype'),
         url('helveticaneue-mediumcond.svg#buffet_scriptregular') format('svg');
    font-weight: normal;
    font-style: normal;
}






body{
	margin:0;
	padding:0;
	background: url(../images/bg-body_03.jpg) repeat;
}

iframe{
	margin-top: 25px
}

.map_text{
	color:#7C7C7C;
	font: 12px Arial, Helvetica, sans-serif;
}

.map_text{
	text-decoration: none
}

img{
	border: none;
	outline: none
}
p{
	font: 12px/19px Arial, Helvetica, sans-serif;
	color:#7c7c7c;
	margin:0;
	padding:0;
	text-align:justify
}

a{
	text-decoration: none;
	color:#000000;
	border:none;
	outline:none
}

a:hover{
	color: #00416b;
}

h5{
	font: bold 14px Arial, Helvetica, sans-serif;
	color:#000000;
	margin:0;
	padding:0;
}

h6{
	font: bold 13px "HelveticaNeue Condensed";
	color:#000000;
	margin:0;
	padding:0
	
}

#content{
	background:url(../images/bg-content.png) repeat-y;
	width: 954px;
	margin:auto;
	height: auto;
}

#header{
	margin:0 25px;
	height: 100px
}
#header .logo{
	float:left;
	margin-top: 10px;
}

.bann-header{
	margin: 10px auto 0 85px;
	float:left
}

.bann-header h1{
	text-align:center;
	font-family: 'helveticaneue-blackcond', Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #75767a;
	text-transform: uppercase;
	padding:0;
	margin:0;
}

.bann-header h2{
	text-align:center;
	font-size:14px;
	color: #015c91;
	text-transform: uppercase;
	padding:0;
	margin:0;
	vertical-align: baseline;
	font-family: Arial;
	font-weight: bold
}

.right-header{
	float:right;
}

.right-header ul{
	margin:20px auto 0 ;
	padding:0;
	float: right
}

.right-header ul li{
	list-style: none;
	margin-left: 5px;
	float:left;
	border: none;
	outline: none
}

.right-header ul li a img{
	border: none;
	outline: none
}

.search{
	margin-top: 25px;
}

.search .search-field{
	background:#3c3c3c url(../images/loupe.png) no-repeat left;
	width: 150px;
	height: 21px;
	border: none;
	outline: none;
	padding-left: 35px;
	font: 11px Arial, Helvetica, sans-serif;
	color:#7f7e7e;
	float: left;
	font-style:italic;
}

.search .button-search{
	float:left;
	padding:2px;
	height: 23px;
	background-color: #3c3c3c;
	text-align:center;
	color:#7f7e7e;
	float:left;
	margin-left: 5px;
	font: 11px Arial, Helvetica, sans-serif;
	border: none;
	outline:none;
	cursor: pointer
}

.button-search:hover {
	background:#00416b;
}

.clr{
	clear:both
}

#menu{
	background: #005c90;
	width: 938px;
	height: 44px;
	margin:auto;
}

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

#menu ul li{
	float: left;
	display: inline-block;
	padding: 0 20px;
	list-style: none;
	border-left: 1px solid #00416B;
	height: 44px;
	position:relative;
}

#menu ul .last-nav{
	padding: 0 27px
}


#menu ul li a{
	color:#FFFFFF;
	text-decoration: none;
	text-align:center;
	text-transform: uppercase;
	font-size:12px;
	line-height: 45px;
	font-family: Arial, Helvetica, sans-serif;
	height: 44px;
	padding: 0px;
	display: inline-block;
}
last-nav

#menu ul li img{
	margin-top: 15px
}



#menu ul li:hover{
	background-color: #00416b;
	cursor: pointer
}

#menu ul li.active{
	background-color: #00416b;
}

#menu ul li a img{
	border: none;
	width: 18px;
	height: 15px;
	margin-top: 15px
	
}

#menu ul .first-nav{
	border:none
}

#menu ul li ul{
	width: 228px;
	background: #005C90;
	display: block;
	position:absolute;
	z-index: 40;
	height:auto;
	left:0;
	top:44px;
	display: none;
}

#menu ul li ul li{
	height: 44px;
	border-top:1px solid #00416B;
	width: 188px;
	border-left: none;


}

#menu ul li ul li a{
	text-align:left;
	padding: 10px auto 10px 10px
}

#menu ul li ul li:hover{
	background-color: #00416B
}

/*content*/
.slide{ position: relative;}
.slideshow { height: 468px; width: 938px; margin: auto }
#nav{ position:absolute; left:48%; z-index:2000; bottom:2%}
#nav a { background:url(../images/bg-nav-slide.png) no-repeat; text-decoration: none; width: 13px; height:13px; padding:0px 7px}
#nav li{ list-style:none; display:inline-block; width: 13px; height:13px;}
#nav  a.activeSlide { background:url(../images/bg-nav-slidea.png) no-repeat }
#nav a:focus { outline: none; }

.content-index{
	margin: 0 
}

.first-item{
	width: 605px;
	height: auto;
	margin: 0 0 0 25px
/*	background-color: red;*/
	
}

.first-item h3, .second_item h3, .left-contact h3, .bottom_contact h3, #container_gab h3{
	text-transform: uppercase;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #00416b;
	font-weight: bold
}

.detail-item1{
	float:left;
	margin-right: 15px;
}

.detail-item2{
	float:left;
}

.detail-item1 h4, .detail-item2 h4{
	font-size: 16px;
	font-family:'helveticaneue-bold';
	color: #000000;
	padding:0;
	margin:10px auto 0 auto;
}


.second_item{
	width: 620px;
	background-color:#e1e1e1;
	margin: auto auto 15px 8px;
	padding-bottom: 15px
}

.second_item h3{
	margin: 15px auto 15px 15px;
	padding-top: 15px
}

.actu1{
	margin: 15px;
}

.actu1 img, {
	float:left
}

.actu_text{
	float:right;
	width: 433px;
}

.second_item h3{
	margin-top: 15px; !important
}

.actu_text h5{
	margin-bottom: 5px
}

.left_index{
	float: left;
}

.right_index{
	float:right;
	margin: auto 25px auto 15px;
	width: 283px;
}

.right_index h3, .right-contact h3{
	text-transform: uppercase;
	color: #7c7c7c;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
}

.event{
	margin-bottom: 15px;
}

.event_text{
	float: right;
	width: 211px
}

.event .date{
	float:left;
	width: 59px;
	height: 55px;
	background-color: #d7d7d7;
	text-align:center;
	font-size: 28px;
	font-family:'helveticaneue-medium';
	color:#000000;
}

.event .month{
	font-size: 14px;
	font-family:'helveticaneue-medium';
	color:#000000;
	text-transform:uppercase;
	line-height: 10px
}

.calendar{
	margin-top: 40px;
	border-top: 1px solid #00416b;
	border-bottom: 1px solid #00416b;
	height: 25px;
	text-align:center;
}

.calendar a{
	text-decoration: none;
	text-align: center;
	color: #00416b;
	font: 14px/25px Arial, Helvetica, sans-serif;
	background:url(../images/arrow_calendar.png) right no-repeat;
	padding-right: 15px;
}

.calendar a:hover{
	text-decoration: underline
}

.video{
	width: 285px;
	height: 199px;
	background:url(../images/thumb_video.jpg);
	margin-bottom: 25px;
	padding:0
}

.video:hover{
	background: url(../images/thumb_video_hover.jpg);
	cursor: pointer;
	
}

/*contact*/
#container_contact, #container_gab{	
	margin: 0 25px;
}

.left-contact{
	float:left;
	width: 600px;
	height: auto;
}

.right-contact{
	float:left;
	margin-left: 25px;
}

#form_contact labe, {
	float: left;
}

#form_contact label{
	width: 120px;
	color: #7c7c7c;
	font: 12px Arial, Helvetica, sans-serif;
}

#form_contact .except{	
	line-height: 12px;
}

#form_contact input{
	width: 352px;
	background-color:#9a9b9f;
	height:21px;
	margin-right: 130px;
	border: none;
	float: right;
	color: #7c7c7c;
	font: 12px Arial, Helvetica, sans-serif;
}

#form_contact textarea{ 
	width: 482px;
	background-color:#9a9b9f;
	height: 204px;
	margin-right:0;
	border: none;
	float: right;
	resize: none;
}

.field_contact{	
	margin-top: 15px;
	height: 21px;
}

#form_contact .except_field{
	margin-top: 25px;
}

#form_contact .send_contact{
	float: right;
	width: 83px;
	height: 21px;
	background:#000000 url(../images/arrow_button.png) no-repeat right;
	color:#FFFFFF;
/*	padding: 5px;
*/	line-height: 15px;
	font: 12px Arial, Helvetica, sans-serif;
	margin: 15px 0 0px auto;
	padding-right: 20px;
	cursor: pointer
}

#form_contact .send_contact:hover{
	background:#dedddd url(../images/arrow_buttonhover.png) no-repeat right;
}

.right-contact h6{
	margin-top: 15px;
}

.bottom_contact{
	border-top: 1px solid #d7d7d7;
	margin-top: 25px;
}

.left_bottom_contact{
	float: left;
	width: 600px;
	height: auto;
}

.actu1_contact{
	width: 300px;
	height: auto;
	float: left
}

.actu2_contact{
	float:left;
	height: auto;
	width: 285px;
	margin-left: 15px;
	padding-bottom: 50px;
	
	
}

.right_bottom_contact{	
	float: right;
	width: 289px;
	height: auto;
}

.actu1_contact p{
	margin-bottom: 15px
}

.actu2_contact .calendar{
	text-align: center;
	float: right;
	border-bottom: none;
	border-top: 1px solid #d7d7d7;
	width: 100%
}

.actu1_contact h3, .actu2_contact h3, .right_bottom_contact h3{
	color: #75767a;
}

.actu2_contact .calendar a{
	color: #000000;
	background:url(../images/arrow_calendar_contact.png) right no-repeat;
	
}

#footer{
	width:938px;
	height: 46px;
	background-color:#000000;
	margin:auto
}

.item1_gab img{
	float:left;
	width: 392px;
	height: 262px;
	overflow: hidden;
	min-width: 392px;
}

.rightgab1{
	float:right;
	width: 512px;
	height:262px;
	background-color:#f3f3f3;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #7C7C7C
}

.rightgab1 p{
	width: 340px;
	text-align:center;
	margin: 10px auto;
	font-family: Arial, Helvetica, sans-serif;
}

.rightgab1 h4{
	margin:auto;
	text-align:center;
	font:bold 14px Arial, Helvetica, sans-serif;
}

.rightgab1 h4{
	margin:50px auto 0 auto;
	color:#000000;
}

.see_more{
	background:url(../images/plus.png) right no-repeat;
	font-style: italic;
	padding-right: 25px;
	width: 102px;
	margin:auto;
	text-align:center;
	padding: 10px
}

.see_more a{
	color: #005c90;
}

.see_more a:hover{
	text-decoration:underline
}
	


.rightgab1 a{
	margin: 15px auto;
	text-align:center;
	width: 200px;
}

.item2_gab .rightgab1{
	float:left;
	background-color:#FFFFFF
}

.item2_gab img{
	float:right;
	width: 392px;
	height: 262px;
	overflow: hidden;
	min-width: 392px;
}

.detail_gab{	
	margin: auto 50px auto 8px;
	padding:0;
}

.detail_gab img{
	margin:0;
	padding:0;
}

.pic_detail_gab{
	float:left;
	margin:0;
	padding:0;
	width: 173px;
	height: 585px;
	overflow: hidden;
}

.detail_gab  .detail_content{
	float:right;
	margin-left: 25px;
	width: 689px;
	font: 12px Arial, Helvetica, sans-serif;
	color:#7c7c7c
}

.detail_gab  .detail_content p{
	margin-bottom: 25px;
}

.detail_gab  .detail_content h5{
	font-weight:bold
}

#footer p{
	font: 12px/45px Arial, Helvetica, sans-serif;
	padding-left: 15px;
	color:#7c7c7c;
}

.connexion_form{
	margin: auto;
	text-align:center;
	width: 350px
}