@import "../css/reset.css";@import "../css/skeleton.css";@import"carousel.css";
@import "../css/flexslider.css";@import "../css/superfish.css";
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}mark,rp,rt,ruby,summary,time{display:inline}
/* Global properties ======================================================== */
html {width:100%}

body {font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; color:#7d7d7d; min-width:960px; background:#fff; -webkit-text-size-adjust: none;}

.std_button{ background-color:#ff9d14; padding:10px;  color:#fff; font-weight:bold; cursor:pointer; border:0;}
.std_button:hover{ color:#333;}
.button100{  width:100%;}

/*********************************fonts*************************************/
.reg {text-transform:uppercase}
.f_left {float:left}
.f_right {float:right}
.align_right {text-align:right}
.align_center {text-align:center}

.it{font-style:italic}
.let{letter-spacing:-1px}

/*********************************CLASSES**********************************/
.m_bottom_zero{ margin-bottom:0 !important;}
.m_left_zero{ margin-left:0 !important;}
.p_bottom_zero{ padding-bottom:0 !important;}
.p_left_zero{ padding-left:0 !important;}

.clear {clear:both;width:100%;line-height:0;font-size:0;}
.wrapper {width:100%;overflow:hidden}
.extra_wrapper{ overflow:hidden;}
.container{width:100%}
.extra_last, .last{ margin-bottom:0 !important; padding-bottom:0 !important;}
.extra_last{ border:none !important; background:none !important;}
.bg_none{ background:none !important;}

.block{ display:inline-block; vertical-align: top;}
/*==================================== Links ======================================================== */
a {color:#7d7d7d;outline:none; text-decoration:none; cursor:pointer;}
a:hover{ color:#ff9d14; text-decoration:none;}

.button, .button1{background: #c8c8c8;color: #fff;display: inline-block;font-size: 13px;line-height: 18px;padding: 7px 13px 8px;margin-top:21px;}
.button:hover, .button1:hover{ background:#ff9d14;color:#fff;}
.button1{padding:7px 27px 8px;margin-top:15px;box-shadow: inset 0 0 0 1px #b6b6b6}
.button2{ color: #000;display: inline-block;font-size: 13px;line-height: 18px;padding: 7px 13px 8px;}

/*********************************Displays*************************************/
.block{ display:block;}
.inline-block{ display:inline-block;}
hr{ height: 1px;  margin: 25px 0 25px 0;  background-color: #ccc; border: 0;}

/*********************************header*************************************/

header { }
header h1{ margin:auto;}
header h1 a { text-decoration:none; text-indent:-9999px;}

#hdLogo, #hdSocial{ margin-top:15px;}
#hdLogo{ float:left; padding-top:25px;}
#hdSocial{ float:right; text-align:right;}
#hdPicture{ float:right; text-align:right; border-left:1px solid #999; margin:15px 0 0 15px; height:120px; padding:0 0 0 10px;}
.hd_phone{ font-size: 34px; letter-spacing: -1px; font-weight: bold; margin:15px 0 10px 0;}
.hd_agencename{ font-size: 20px;}
.hd_email{}
.header_line{ border-bottom:4px solid #0075bf; height:14px; }




/*********************************content*************************************/
#content {padding:40px 0px 80px 0px;}
.cont_pad{padding:51px 0 77px 0 !important;}

/*========================>> Global Blocks <<============================*/
.block{ display:inline-block; vertical-align:top;}
.block1{position: relative;background: none repeat scroll 0 0 #fff;/*z-index: 9;*/}
.block3{position: relative;background:#fff;}
.block4{position: relative;background: url("../images/bg_aside.gif") repeat scroll left top transparent;color: #7D7D7D;font-size: 14px;line-height: 18px;}

/*================================>> Aside <<========================================*/
aside{background: url("../images/bg_aside1.gif") repeat;border-top: 3px solid #dcdddc;}
aside h3 {color: #C1C1C1;font-size: 20px;font-weight: bold;line-height: 24px;margin-bottom: 32px;}
aside h3.ind1{margin-bottom:29px;}
aside .inner{padding: 43px 40px 48px 0;background: url("../images/tail1.gif") right 0 repeat-y;}
aside .inner1{padding: 43px 0px 54px 0;background: url("../images/tail1.gif") 240px 0 repeat-y;}
aside .inner2{padding: 43px 0px 51px 0;}
aside ul a{color: #7D7D7D;font-size: 12px;line-height: 24px;text-decoration: underline;}

#subscribe{overflow: hidden;padding: 4px 0 34px ;position: relative;}
#subscribe .success{position: absolute;left: 0;top: 0;width: 100%;z-index: 99;padding: 15px 0;background: #fff;text-align: center;}
#subscribe input{ background: none repeat scroll 0 0 #dcdddc;outline: none !important;border-color: #d5d5d5; border-style: solid;border-width: 1px;color: #010101;font-size: 12px;
margin-top: 0;outline:none; outline-color: transparent; padding: 4px 10px 5px;vertical-align: middle;width: 158px;float: left;font-family:Arial, Helvetica, sans-serif;}
#subscribe input:focus{outline: none !important;}
#subscribe a{background:#c8c8c8;border: 1px solid #b6b6b6;color: #5d5d5d;display: inline-block;float: left;font-size: 13px;height: 24px;line-height: 24px;padding: 0 10px;text-decoration: none !important;vertical-align: middle;}
#subscribe a:hover{background:#ff9d14; text-decoration:none !important; color:#fff}
#subscribe .error{height: 0;overflow: hidden;display: block;font-size: 10px;color: #ff0000;margin-bottom: 5px;position: absolute;bottom: 0;left: 0;}
#subscribe .invalid .error{height: 20px;}

aside .social{ overflow:hidden;padding-top:27px;}
.social a{ display:block; float:left;width:33px;height:33px; overflow:hidden; margin-right: 7px;}
.social a.rss img{margin-top:1px;}
.social a.rss:hover img{margin-top:-33px;}
aside .social a:hover img{ margin-top:-34px;}
/*===============================>> Paragraphs <<=============================*/

p {margin-bottom:18px}
.p2{ margin-bottom:11px;}
.p3{ margin-bottom:33px;}
/*================================>> LISTS <<========================================*/
.list1{}
.list1 li{background:url(../images/marker1.png) top left no-repeat; background-position:0 1px; padding-left:25px; overflow:hidden; padding-bottom:16px; line-height:14px}
.list1 a{color:#7d7d7d;text-decoration:underline;}
.list1 a:hover{text-decoration:none;}


/*================================>> H <<========================================*/
h2,h3,h4{ font-weight:normal;}
h2{font-size: 28px; line-height: 32px; color:#5d5d5d;letter-spacing:-1px;margin-bottom:26px;}

h2.ind{ margin-bottom:36px;}
h2.ind1{ margin-bottom:38px;}
h2.ind2{ margin-bottom:37px;}
h2.ind3{margin-bottom:33px;}
h2.ind4{margin-bottom:32px;}
h2.ind5{margin-bottom:27px;}
h2.ind6{margin-bottom:31px;}

/*================================>> hovers <<========================================*/
.sf-menu a, #subscribe .error{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

/*********************************page_1*************************************/
.ext_list>li, .ext_box{ overflow:hidden;}
.ext_list>li>figure, .ext_box>figure{ float:left;}
.ext_list>li>div, .ext_box>div{overflow:hidden;}

.f_14{font-size: 14px;}

.pad_box{padding: 0 45px 0 0;}

.m_bot1{margin-bottom:66px;}
.m_bot2{margin-bottom:63px;}
.m_bot3{margin-bottom:53px;}

.about_list>li, .about_list{overflow:visible !important;}
.about_list>li{background: url("../images/tail.gif") repeat-x scroll center bottom transparent;padding-bottom: 29px;margin-bottom:25px;}
.about_list>li>div{overflow: hidden;}
.sup_service>li>figure, .provide>figure, .about_list>li>figure, .planning>figure{display:inline-block;float: left;margin: 0 16px 0 0;border: 4px solid #dcdddc;}
h6{font-size:14px; font-style:italic; color:#ff9d14; text-decoration:underline; margin-bottom:3px; padding:0px 0 2px 23px;font-weight:bold;}
.about_list .button{margin: 9px 0 0;padding-left:26px;padding-right:26px;}

.customers{padding: 14px 10px 0 0;}
.link1{background: url("../images/marker.png") no-repeat;color: #B3B3B3;float: right;font-size: 13px;font-style: italic;padding: 3px 0 3px 35px;text-decoration: underline;}

.link2{text-decoration:underline;}
.link2:hover{text-decoration:none;}
/*********************************page_2*************************************/
.services_list>li{background: url("../images/tail.gif") repeat-x scroll center bottom transparent;padding-bottom: 19px;margin-bottom:17px;}
.services_list>li>div{padding: 2px 0 0;}
.services_list>li>figure, .help>figure{margin: 0 26px 0 0;text-align: center;font-size: 28px;line-height: 32px;color: #fff;font-weight: bold;padding: 24px 0 24px;width:80px;background: #ffa62a;}
.services_list h6, h6.h6{background:none;padding:0;margin-bottom:13px;}

.inique{margin-bottom:67px;}

.planning{margin-bottom:63px;}
.planning>div,.provide>div{overflow: hidden;}
.planning>figure{display:inline-block;float: left;margin: 0 16px 0 0;}
/*********************************page_3*************************************/
.provide>figure{display:inline-block;float: left;margin: 1px 22px 0 0;}
.provide{overflow: hidden;}
/*********************************page_4*************************************/
.resources{margin-bottom:66px;}

.help{margin-bottom:12px;}
.help>figure{margin: 0px 22px 0 0;padding-top: 19px;padding-bottom: 19px;}

.sup_service{}
.sup_service>li{background: url("../images/tail.gif") repeat-x scroll center bottom transparent;padding-bottom: 21px;margin-bottom:21px;}
.sup_service>li>div{padding-top:1px;overflow: hidden;}
.sup_service>li>figure{margin: 0 21px 0 1px;float: left;}
.sup_service .button1{margin-top:24px;}
/*********************************page_5*************************************/


/* Contact form */
#contact-form {padding:2px 0 0 0;position: relative;}
#contact-form .success {display: block;position: absolute;width: 100%;padding: 15px 0;left: 0;top: 0;z-index: 99;text-align: center;background: #b6b5b5;color: #fff;}
#contact-form textarea, #contact-form input {margin:0;font-size:14px;border-top:1px solid #d5d5d5;border-left:1px solid #d5d5d5;border-right:1px solid #d5d5d5;
	border-bottom:1px solid #d5d5d5; color:#7d7d7d; padding:6px 14px;outline:none; position:relative; font-family:Arial, Helvetica, sans-serif;background:#dcdddc;}
#contact-form input {width:221px;}
#contact-form textarea {overflow:auto; width:400px; height:145px;resize:none; float:left; margin: 0 0 0 0;}	
#contact-form label {display:inline-block; position: relative; min-height:41px; overflow:hidden;}	
#contact-form label.message { display:block; padding-bottom:0; }
#contact-form .button1 {margin-left:20px;}	
#contact-form .error, #contact-form .empty, #contact-form .success {display:none;}	
#contact-form .error, #contact-form .empty {text-align:left; color:red; font-size:11px; padding-top:6px;position: absolute;right: 5px;top: 0px;}
#contact-form .buttons2 {overflow:hidden;text-align:right; position:relative; clear:both; padding-top:20px;}
#contact-form .buttons2 a {
	cursor:pointer;
	margin-top:0;
	text-align:center;
}
#contact-form span{ display:block; margin: 0px 0 0 5px;}

.map_wrapper{display:block;border: 4px solid #dcdddc;margin-bottom:12px;width: 200px;}
#map_canvas {
   width:100%;
   height:183px;
   
}
.adress{}
.adress span{ display:inline-block; width:74px;}
.adress dt{}

.demo{color:#666666;}
.demo:hover{ text-decoration:underline;}

.c_name{text-decoration:underline;}
/****************************footer************************/
footer {color: #7D7D7D;padding:15px 0;border-top: 3px solid #dcdddc;}
footer a{color: #7D7D7D;text-decoration: underline;}




#side_column{
	width: 315px;
}
.form_border{
	border: 1px solid #CCCCCC;
	padding: 10px 5px;
}
.forminput{
	border: 1px solid #999999;
	height: 25px;
	margin: 5px 0;
	padding: 0 0 0 3px;
	width: 95%;
}
.forminputFull{
	border: 1px solid #999999;
	height: 25px;
	margin: 5px 0;
	padding: 0 0 0 3px;
	width: 99%;
}
select {
	border-radius: 0 0 0 0;
	outline: medium none;
}

.boxError{
	background:#cc6666;
	color:#ffffff;
}

.form_section{
	padding: 5px 10px;
}
.requis{
	color:#cc0000;
}
#spanMessageError{
	color:#cc0000;
}
.formselect{
	max-width:100%;
}




/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 995px) {
 body{min-width:768px;}
 #content{padding: 30px 0 30px;}
 .cont_pad{padding:30px 0 40px !important;}
 .m_bot1{margin-bottom:35px;}
	#subscribe a{padding: 0 10px;}
	#subscribe input{width:140px;}
	aside .inner, aside .inner1{background:none;}
	#contact-form textarea, #contact-form input{width:91%;}
	.map_wrapper{width: auto;}
  #map_canvas {width:100%;}
}

@media only screen and (max-width: 767px) {
 body{min-width:420px;}
 nav, h1, .sf-menu>li{float: none !important;}
 .block1{height:auto;padding-bottom:20px;position: static;}
  header h1{ text-align:center;}
  #hdLogo, #hdSocial{ float:none; text-align:center;}
aside .inner{background:none;padding-bottom:0px;}
aside .inner2, aside .inner1{padding:10px 0;}
#subscribe a{}
#subscribe input{width: 315px;}
.provide>div{overflow: visible !important;}
.m_bot2, .m_bot3{margin-bottom:30px;}
.sup_service>li>div{overflow: visible;}
#contact-form textarea, #contact-form input{width:385px;}
.buttons2{padding-right:4px;}
.column_a{width: 100%;float: none;}
aside .social{padding-bottom: 20px;}
.sup_service>li>figure, .provide>figure, .about_list>li>figure, .planning>figure{display:block;}
}

@media only screen and (max-width: 479px) {
 body{min-width:300px;}
 .services_list > li > div{overflow: visible;}
 .sup_service>li>figure, .provide>figure{float: none;margin:0 0 20px;}
 .provide>figure img, .sup_service img{width:100%;}
 #contact-form textarea, #contact-form input{width:270px;}
 .buttons2{padding-right:0px;}
 #subscribe input{width: 195px;}
 #hdPicture{ display:none;}
}

.addthis_toolbox.addthis_default_style.addthis_20x20_style{
	zoom:1.35;
}

.addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m {
padding: 0 1px 2px!important;
}


.addthis_horizontal_follow_toolbox {
	width: 9em !important;
	position: fixed;
	top: 39px;
	right: 32px !important;
	z-index: 1000;
}






/*  B2C (requete sylvain)  */
#rowB2C .b2c_container, #rowB2C .b2c_container > div {
    padding-right: 10px;
    text-align: left;
}

#rowB2C .col-md-1, #rowB2C .col-md-2, #rowB2C .col-md-3, #rowB2C .col-md-4, #rowB2C .col-md-5, #rowB2C .col-md-6, 
#rowB2C .col-md-7, #rowB2C .col-md-8, #rowB2C .col-md-9, #rowB2C .col-md-10, #rowB2C .col-md-11, #rowB2C .col-md-12 {
    float: left;
	box-sizing: border-box;
}

#rowB2C .col-md-3 {
    width: 25%;
}


.ico_v {
    display: inline-block;
    height: 79px;
    width: 79px;
}
.ico_sud {
    background: url("/img/ico_sud_1.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.ico_sud:hover, .btnB2c.active .ico_sud, .btnTitle.active .ico_sud {
    background: url("/img/ico_sud_2.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.ico_vol {
    background: url("/img/ico_vol_1.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.ico_vol:hover, .btnB2c.active .ico_vol, .btnTitle.active .ico_vol {
    background: url("/img/ico_vol_2.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.ico_cruise {
    background: url("/img/ico_cruise_1.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.ico_cruise:hover, .btnB2c.active .ico_cruise, .btnTitle.active .ico_cruise {
    background: url("/img/ico_cruise_2.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.ico_divers {
    background: url("/img/ico_divers_1.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.ico_divers:hover, .btnB2c.active .ico_divers, .btnTitle.active .ico_divers {
    background: url("/img/ico_divers_2.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

#buttonsB2C > div {
    display: inline-block;
    margin-bottom: 5px;
}

.b2c_container select {
    border-color: #c4c4c4 #e9e9e9 #e9e9e9 #c4c4c4;
    border-style: solid;
    border-width: 1px;
    color: #777;
    margin-bottom: 8px;
    padding: 4px;
    width: 100%;
}

.b2c_container, .b2c_container > div {
    padding-right: 10px;
    text-align: left;
}
.checkboxes {
    float: left;
    margin: 5px;
    width: 45%;
	box-sizing: border-box;
}
.b2c_container input[type="submit"] {
    font-size: 18px;
	background-color: #3498db;
	border-color: #357ebd;
	border: 0 none !important;
    padding: 10px 12px !important;
	color: #ffffff;
	-moz-user-select: none;
    background-image: none;
	border-radius: 3px;
	display: inline-block;
	font-weight: bold;
    letter-spacing: 1px;
    line-height: 1.52857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
	box-sizing: border-box;
}
#rowB2C .btn.disabled, #rowB2C .btn[disabled], #rowB2C fieldset[disabled] .btn {
    box-shadow: none;
    cursor: not-allowed;
    opacity: 0.65;
    pointer-events: none;
}