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

body {
    font: 100% "Open Sans", Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    color: #000000;
    background-image: url(../images/bg-site.jpg);
}

/* general styles */

h1 {
    margin: 0;
}
h1, h2, h3 {
    background-repeat: no-repeat;
}
h2 {
    margin: 0;
    padding: 0px;
    font-size: 18px;
    padding-bottom: 22px;
}


h3 {

}
ul {
    margin: 0;
    padding: 10px;
}



li {
    background-repeat: no-repeat;
    list-style-type: none;
}
p {
    margin: 0;
    margin-bottom: 6px;
    font-size: 12px;
}

a {
    text-decoration: none;
}

a:active, a:focus{
   outline:none;
}

img  {
    border: none;
}

table {
    margin: 0;
    padding: 0;
    empty-cells: show;
    border-collapse: collapse;
    /*width: 100%;*/
}
td {
    margin: 0;
    padding: 0;
    border:0;
    vertical-align: top;
}
form {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    empty-cells: show;
}
input, select, textarea {
    margin: 0 6px;
    color: #333333;
    font-size: 12px;
    font-family: "Open Sans", Verdana, Arial, sans-serif;
    padding: 0 5px;
}
select {

}
.exergue {
    font-weight: bold;
}
.intro {

}

.note    {
    margin: 0;
    font-size:10px;
    font-style: italic;
}


/* Alignements ======================== */
.imgleft {
    float: left;
    padding-right: 12px;
}
.imgright {
    float: right;
    margin-left: 12px;
}

.imgcenter {
    text-align:center;
    margin: 0 auto;
}
.imgbottom {
vertical-align:bottom;
}
.imgmiddle {
    vertical-align:middle;
    line-height:0px;
    font-size:0px;
    margin:0;
    padding:0;
}
.cellfloat_left {
    float: left;
    display: inline;
}
.cellfloat_right {
    float: right;
    display: inline;
}

.clearfloat {
    clear: both;
    line-height: 0px;
    height: 0px;
    margin: 0;
    font-size: 1px;
}
.clearfloats {
    overflow:hidden;
    width: 100%;
}
.center {
    text-align: center !important;
}
.left {
    text-align: left !important;
}
.right {
    text-align: right !important;
}

/* ============== main container */
.container {
    text-align: left;
    padding: 0;
    margin: 0;
    position: relative;
    width: 100%;
    background-image: url(../images/1px-bg-container.jpg);
    background-repeat: repeat-x;
    }
.subcontainer {
    margin:0 auto;
    width:963px;
    padding: 0 12px;

}
.header {
    height: 128px;
    position: relative;
}
.header div {

}

.mv-logo {
    position: absolute;
    left: 16px;
    top: 48px;
}
h1.baseline {
    color: #0a567d;
    font-size: 14px;
    margin-top: 22px;
    margin-left: 264px;
}

.box_login {
    width: 320px;
    font-size: 13px;
    margin-top: 22px;
}
.box_login input.txt {
    border:#ededed;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color:#ededed;
    width: 85px;
    height: 22px;
}
.social_icons {
    margin-top: 22px;
    width: 200px;
    padding: 0 22px;
    text-align: right;
}
.social_icons img {
    margin: 0 6px;
}

/* ==================== main menu */


#menu {
    position:absolute;
    margin: 0;
    padding: 0;
    height: 50px;
    width: 728px;
    left: 234px;
    top: 67px;
    border-top: solid 1px #ffffff;
    background: #f0f0f0; /* Old browsers */
    background: -moz-linear-gradient(top,  #f0f0f0 0%, #d5d5d5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#d5d5d5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f0f0f0 0%,#d5d5d5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f0f0f0 0%,#d5d5d5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f0f0f0 0%,#d5d5d5 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f0f0f0 0%,#d5d5d5 100%); /* W3C */


filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow: #23abb2 0px 2px 6px;
    -moz-box-shadow: #23abb2 0px 2px 6px;
    box-shadow: #23abb2 0px 2px 6px;

}

#menu ul {
    padding: 0px;
    padding-left:10px;
    margin: 0px;
    text-align:center;

}
#menu .lev1 li {
    margin: 0;
    padding: 0;
    position: relative;
    float: left;
}


/* ========================= level 1 */

#menu .lev1 a {
    font-size: 18px;
    color: #0a6885;
    display: block;
    font-weight: normal;
    margin: 0;
    behavior: url(js/PIE.htc);
    text-align: center;
    padding: 13px 17px;
}

    #menu .lev1 a, x:-moz-any-link, x:default  {
    padding: 12px 17px;/* firefox*/
    }
    :root #menu .lev1 a {
    padding-bottom: 12px\0/IE9;
    }

#menu .lev1 a:hover, #menu .lev1 a.selected  {
background: #b2da6d; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IyZGE2ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NWMyNDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #b2da6d 0%, #95c247 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2da6d), color-stop(100%,#95c247)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b2da6d 0%,#95c247 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b2da6d 0%,#95c247 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b2da6d 0%,#95c247 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b2da6d 0%,#95c247 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2da6d', endColorstr='#95c247',GradientType=0 ); /* IE6-8 */

}

.win.ie6 #menu .lev1 a {


}
.mac #menu .lev1 a, .ie9 #menu .lev1 a {

}


#menu a.last_item {
    margin: 0;
    border: none;
}


.mac #menu, .ie9 #menu {

}

 /* ========================== mainsmenu */
.mainsmenu {
    background-color: #87c223;
    border: solid 1px;
    border-color: #76ab1b;
    border-top: none;
    width: 270px;
    padding-top: 10px;
}

#menu  .lev1  li:hover a, #menu .lev1 li.selected a {
    color: #0a6885;
    background: #b2da6d; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IyZGE2ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NWMyNDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #b2da6d 0%, #95c247 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2da6d), color-stop(100%,#95c247)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b2da6d 0%,#95c247 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b2da6d 0%,#95c247 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b2da6d 0%,#95c247 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b2da6d 0%,#95c247 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2da6d', endColorstr='#95c247',GradientType=0 ); /* IE6-8 */
}

/* ========================= level 2 */

#menu .lev2 {
    position: absolute;
    top: 50px;
    z-index:400;
    left: -999em;
}

#menu .lev2 ul {
    padding: 0;
}

#menu .lev2 li {
    float: none;
    margin:0;
    background-image: url(../images/1px-smenu.gif);
    background-position: center bottom;

}



#menu .lev1 .lev2 a, #menu  .lev1  li:hover .lev2 a, #menu .lev1 li.selected .lev2 a {
    background:none;
    font-size: 16px;
    font-weight: normal;
    text-transform: none;
    padding: 14px;
    text-align: center;
}

#menu  .lev1  li:hover , #menu .lev1 li.selected .lev2 a:hover {

    background-color: #a7eb31;

}


/* !!! */

#menu  .lev1  li:hover .lev2 a {
filter: none;
}
#menu  .lev1  li:hover .lev2 a:hover {
filter: none; /* IE6-8 */
    background-color: #a7eb31;
}

#menu .lev1 .lev2 .smenu_collec {
    background-color: #464646;
    padding: 10px 3px;
    margin: 0;
    margin-top: 2px;
}

#menu .lev1 .lev2 .smenu_collec ul {
    margin: 0;
    padding: 0;
    background-color: #464646;
}

#menu   .lev1  .lev2  .smenu_collec li {
    display: inline;
    margin: 0;
    padding: 0;
    float: left;
    background-image: none;
}

#menu  .lev1  li:hover .lev2 .smenu_collec a  ,#menu .lev1 .lev2 .smenu_collec a,  #menu .lev1 li.selected .smenu_collec a {
    filter:none;
    background-color:transparent;
    display:block;
    width:103px;
    height:24px;
    padding: 14px;
    padding-top:62px;
    float: left;
    color: #e0dad6;
    font-size: 14px;
    font-weight: normal;
    border: none;
    background-repeat: no-repeat;
    background-position: center 12px;
}
#menu .lev1 .lev2 .smenu_collec a:hover, #menu  .lev1  li:hover .lev2 .smenu_collec a:hover {
    background-color:#404040;

}

.itemcol_hg {
    border-right: solid 1px #5c5c5c;
    border-bottom: solid 1px #5c5c5c;
}
.itemcol_hd {
    border-left: solid 1px #2b2b2b;
    border-bottom: solid 1px #5c5c5c;
}
.itemcol_bg {
    border-top: solid 1px #2b2b2b;
    border-right: solid 1px #5c5c5c;
}
.itemcol_bd {
    border-top: solid 1px #2b2b2b;
    border-left: solid 1px #2b2b2b;
}

#menu .lev1 .lev2 .smenu_collec .itemcol_hg a {
    background-image: url(../images/itemcol-video.gif);

}
#menu .lev1 .lev2 .smenu_collec .itemcol_hd a {
    background-image: url(../images/itemcol-pack.gif);

}
#menu .lev1 .lev2 .smenu_collec .itemcol_bg a {
    background-image: url(../images/itemcol-insc.gif);

}
#menu .lev1 .lev2 .smenu_collec .itemcol_bd a {
    background-image: url(../images/itemcol-graph.gif);

}



/* === */



/* ==== content */

.box_content {
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    -webkit-box-shadow: #999999 0px 3px 6px;
    -moz-box-shadow: #999999 0px 3px 6px;
    box-shadow: #999999 0px 3px 6px;
    background-color: #f3f3f3;
    padding: 16px;
}
.box_content h1 {
    color: #678089;
    font-size: 24px;
    font-weight: 300;
    text-transform: uppercase;
}
.box_content h2 {
    font-size: 22px;
    font-weight: 300;
    color: #00a1aa;
    padding-bottom: 4px;
    margin: 0;
}
.box_content  h3 {
    font-size: 14px;
    font-weight: 300;
    color: #84C225;
}
.box_content h4 {
    font-size: 13px;
    font-weight: 300;
    color: #678089;
    font-style: italic;
}
.box_content p {
    font-size: 13px;
    color: #006078;
    margin-bottom: 16px;
}
.box_content a {
    color: #27C0C8;
}

.box_content li {
    font-size: 12px;
    color: #006078;
    margin: 5px;
    padding-left: 16px;
    background-image: url(../images/arrow-list.gif);
    background-position: 0 6px;
}



.box_content .box_text {
    background-color: #FFFFFF;
    border: solid 1px #e5e5e5;
    padding: 22px;
}
.bxtxtflt {
    width: 620px;
}
.bximgflt {
    width: 256px;
    text-align: right;
}

.box_content .bximgflt ul {

}

.box_title {
    background-color: #e6e6e6;
    margin-left: -28px;
    border: solid 1px #cacaca;
    border-right: none;
    padding: 10px;
    padding-left: 52px;
    background-image: url(../images/1px-boxtitle.jpg);
    background-repeat: repeat-y;
    background-position: right;
    margin-bottom: 20px;
    width: 630px;
}






.box_intro {
    background-color: #454545;
    color: #e1e1e1;
    padding: 0 16px;
}
.box_intro h2 {
    padding: 0;


}
.box_intro a {
    color: #27C0C8;
}





.showbox, .creabox, .inscribox {
    color: #535353;
    position: relative;
}

.showbox .linkzone, .creabox .linkzone, .inscribox .linkzone {
    position: absolute;
    display: block;
    top:0px;
    left:0px;
}
.showbox .linkzone:hover, .creabox .linkzone:hover, .inscribox .linkzone:hover {
    border:solid 10px #aaec3a;
}
.showbox {
    width: 240px;
    background-color: #fbfbfb;
    padding: 12px 18px;
    height: 340px;
    margin-bottom: 14px;
}
.showbox h2 {
    color: #7f7f7f;
}
.showbox .linkzone {
    width:276px;
    height:364px;
}
.showbox .linkzone:hover {
    width:256px;
    height:344px;
}


.creabox {
    background-color: #FFFFFF;
    padding: 12px;
    height: 340px;
    width: 302px;
    margin-bottom: 14px;
    overflow: hidden;
}
.creabox .linkzone {
    width: 326px;
    height: 366px;
}
.creabox .linkzone:hover {
    width: 306px;
    height: 346px;
}


.inscribox {
    width: 548px;
    /*    background-color: #e9e9e9;*/
    background-color: #85D512;
    padding: 12px 18px;
    height: 66px;
    font-size: 13px;
}
.inscribox .linkzone {
    width: 584px;
    height: 90px;
}
.inscribox .linkzone:hover {
    width: 564px;
    height: 70px;
    border-color:#FFFFFF;
}
.creatitle {
    padding: 12px;
    height: 66px;
    width: 302px;
    text-align: left;
    background-color: #e9e9e9;
/*	background-color: #92c835;*/
}
.creatitle h2 {
    line-height: 22px;
    font-size: 24px;
    color: #8F8F8F;
    font-weight: 300;
}
.creatitle p {
    margin: 0;
}
.creatitle  a  {
    color: #27C0C8;
    font-size: 14px;
}
.creatitle .morelink a, .showbox .morelink a {
    background-image: url(../images/arrow-link2.png);
    background-position: left 6px;
    background-repeat: no-repeat;
    padding-left: 18px;
    display: block;
    position: relative;
    z-index: 100;
}
.showbox .morelink a {
    background-image: url(../images/arrow-link2.png);
}

.boxline_formule {
margin-top:12px;
}
.boxline_formule .showbox, .showbox.shwb_wide {
    border: solid 1px #ebebeb;
    padding: 6px;
    width: 266px;
    height: auto;
}
.showbox.shwb_wide {
    width: auto;
    padding: 16px;
}
#recap_crea, #recap_crearout, #recap_rout {
    display:none;
}

.boxline_formule .showbox .headbox {
    padding: 6px;
    height: 130px;
    background-repeat: no-repeat;
    background-position: center bottom;
}
.boxline_formule #crea .headbox {
    background-color: #fffd71;
    background-image: url(../images/bg-crea.png);
}
.boxline_formule #crearout .headbox {
    background-color: #aaec3a;
    background-image: url(../images/bg-crearout.png);
}
.boxline_formule #rout .headbox {
    background-color: #e1e1e1;
    background-image: url(../images/bg-rout.png);
}

/* //////////////// */
.boxline_formule #packmania .headbox {
    background-color: #2BCBD6;
    background-image: url(../images/bg-packmania.png);
}
/* /////////////// */

.boxline_formule .showbox h2, .showbox.shwb_wide h2 {
    color: #00476c;
    font-size: 18px;
    font-weight: bold;

}
.showbox h2.title_formule {
    background-image: url(../images/bg-recap-title.gif);
    padding: 16px;
    padding-left: 52px;
}

.boxline_formule .showbox ul {
    margin: 0;
    padding: 5px 10px;
    height: 90px;
    overflow: hidden;
    overflow-y: auto;
}
.boxline_formule .showbox li {
    font-size: 12px;
    color: #006078;
    margin-bottom: 6px;
    padding-left: 22px;
    background-image: url(../images/list-item.png);
    background-position: 0 4px;
}
.boxline_formule .showbox .prix, .showbox.shwb_wide .prix {
    text-align: right;
    font-size: 16px;
    color: #00496d;
    padding: 6px 0;
    font-weight: bold;
    margin: 0;
}
.box_content   .pick_formule {
    background-color: #2BCBD6;
    padding: 4px;
    text-align: right;
    color: #FFFFFF;
    font-size: 14px;
    margin-bottom: 26px;
    border-top: solid 1px;
    border-top-color: #24B1B8;
}

/* ====================================== */
/* ====================================== */
/* ====================================== */
/* =========================== blocs crea */
/* ====================================== */
/* ====================================== */
.blocline {
    margin-bottom: 20px;
}

.showbImg, .showbText {
    overflow: hidden;
}
.showbImg {
    height: 68%;
    margin-bottom: 10px;
}
.showbText {
    height: 16%;
}

.showbImg img {
    width: 100%;

}



/* ============== btn */

.btn_options {
    display:block;
    background-repeat: no-repeat;
    background-position: center center;
    text-align:center;
    color: transparent;
    margin: auto;
}

.box_content .btn_action, .btn_action {
    color: #FFFFFF;
    padding: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #E1E1E1;
    font-size: 16px;
    margin: 0 26px;
}
.box_content #crea .btn_action {
    color: #00476c;
    background-color: #FFFD71;
}
.box_content #crearout .btn_action {
    background-color: #AAEC3A;
}
/* /////// */
.box_content #packmania .btn_action {
    background-color: #2BCBD6;
}
.box_content #packmania .btn_action:hover {
    background-color: #4ED1DC;
}
/* /////// */

.btn_action:hover {
    background-image: none;
}
.box_content #crea .btn_action:hover {
    color: #00476c;
    background-color: #FFFD95;
}
.box_content #crearout .btn_action:hover {
    background-color: #BFF16B;
}
.box_content #rout .btn_action:hover {
    background-color: #E8E8E8;
}

.box_content .btn_valid, .btn_valid {
    color: #FFFFFF;
    padding: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    font-size: 16px;
    background: #2bccd7; /* Old browsers */
    background: -moz-linear-gradient(top,  #2bccd7 0%, #25b1b9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2bccd7), color-stop(100%,#25b1b9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #2bccd7 0%,#25b1b9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #2bccd7 0%,#25b1b9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #2bccd7 0%,#25b1b9 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #2bccd7 0%,#25b1b9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2bccd7', endColorstr='#25b1b9',GradientType=0 ); /* IE6-9 */
    background-color: #2BCBD6;
    float: right;
}
.box_content .btn_valid:hover {
    background: #2bccd7;
}

/* ==== tables */

.tab_rdv {
    font-size: 13px;
    width: 96%;
}
.tab_rdv td {
    padding: 4px 10px 4px 8px;
    vertical-align: middle;
}
.tab_rdv input.txt {
    background-color: #878787;
    width: 174px;
    border:#878787;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 26px;
    color: #fff;
}
.tab_rdv .celltype1 {
    text-align: right;
    width: 112px;
}
.tab_rdv .mark input {
    background-color: #BF8282;
}

/* === */

.tab_contact {
    font-size: 13px;
    width: 75%;
    margin: 10px auto;
    border: solid 1px;
    padding: 5px;
    border-color: #CACACA;
    border-top-width: 2px;
    border-bottom-width: 4px;
}
.tab_contact td {
    padding: 5px 10px;
    vertical-align: middle;
    font-size: 14px;
    color: #678089;
    font-weight: bold;
    border-bottom: solid 1px;
    border-bottom-color: #E6E6E6;
    background-color: #FFFFFF;
}
.tab_contact input, .tab_contact select, .tab_contact textarea {
    background-color: #DCECED;
    width: 240px;
    border:#878787;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 26px;
    color: #0A6885;

}


.tab_contact .celltype1 {
    text-align: right;
    width: 140px;
    background-color: #f3f3f3;
    border-bottom: dotted 1px;
    border-bottom-color: #cacaca;
    color: #0A6885;
}
.tab_contact .celltype2 {
    border-left: solid 1px;
    border-left-color: #F3F3F3;
    text-align: center;
    font-size: 12px;
    font-weight: normal;
}
.box_content  .tab_contact .prix {
    text-align: center;
    font-size: 20px;
}


.tab_contact .form_message {
    height: 60px;
}



/* ======================== breadcrumb */
.breadcrumb {
    font-weight: normal;
    color: #666666;
    padding: 10px;
    font-size: 11px;
    text-align: left;
    padding-top: 0px;
    margin-left: 216px;
}

.breadcrumb a,
.breadcrumb span {
    font-weight: normal;
    color: #006078;
    font-size: 11px;
    background-repeat: no-repeat;
    background-image: url(../images/arrow-crumb.gif);
    background-position: 0 5px;
    padding-left: 10px;
    margin-right: 5px;
    text-decoration: none;
}
.breadcrumb .first_item {
    background-image: none;
}

.breadcrumb a.selected,
.breadcrumb span {
    font-weight: bold;
    color: #acff1d;
}

/* ===== bottom */
.bottom {
    background-color: #333333;
    color: #b9b9b9;
    background-image: url(../images/bg-bottom.jpg);
    background-repeat: repeat-x;
}
.bottom_subcontent {
    width: 963px;
    margin: 0 auto;
    padding: 28px 0;
}
.box_bottom {
    background-color: #2b2b2b;
    padding: 14px;
    height: 260px;
}
.box_video {
    width: 330px;
}
.box_form {
    width: 558px;
}
.social_like {
    background-image: url(../images/bg-soc-like.jpg);
    background-repeat: repeat-x;
    width: 306px;
    height: 64px;
    text-align: right;
    margin-right: -15px;
    margin-top: -15px;
}




.copyright, .realisation {
    font-size: 11px;
    padding: 0 15px;
    margin-right: 92px;
}
.realisation a {
    color: #0f819e;
}

.bottom_menu {
    background-color: #2b2b2b;
    margin-top: 15px;
    margin-bottom: 40px;
    padding: 12px;
}
.bottom_menu ul {
    text-align: center;
}
.bottom_menu li {
    display: inline;
}
.bottom_menu .btm_menu a {
    color: #a7a7a7;
    font-size: 12px;
    padding: 0 40px;
}
.bottom_menu .btm_menu a:hover {
    color: #ffffff;
}

.contact_address h3 {
    font-weight: bold;
    color: #0A6885;
    font-size: 16px;
}
.form_contact {
    border: 1px solid silver;
    width: 500px;
    margin: 10px auto;
}
.form_contact td {
    padding: 4px;
}

.secure_icons {
    padding: 10px;
    text-align: center;
}
.secure_icons  img {
    margin: 0 12px;
}

/*=============== */
/*=============== */
/* second menu */
/*=============== */
/*=============== */

.second_menu {
    height: 108px;
    position: relative;
    width: 963px;
    margin: 0 auto;
}.second_menu #menu {
    top: 28px;
        -webkit-box-shadow: #999999 0px 2px 6px;
    -moz-box-shadow: #999999 0px 2px 6px;
    box-shadow: #999999 0px 2px 6px;
}
.second_menu .logo {
    top: 18px;
}

.second_menu #menu .lev1 a {
    font-size: 12px;
    padding: 16px 31px;
    padding-bottom:17px;
}

.second_menu #menu .lev1 .lev2 a, .second_menu #menu  .lev1  li:hover .lev2 a, .second_menu #menu .lev1 li.selected .lev2 a {
    background:none;
    font-size: 16px;
    font-weight: normal;
    text-transform: none;
    padding: 14px;
    text-align: center;
}

/* !!! */

.second_menu #menu  .lev1  li:hover .lev2 a {
filter: none;
}
.second_menu #menu  .lev1  li:hover .lev2 a:hover {
filter: none; /* IE6-8 */
    background-color: #a7eb31;
}

.second_menu #menu .lev1 .lev2 .smenu_collec {
    background-color: #464646;
    padding: 10px 3px;
    margin: 0;
    margin-top: 2px;
}

.second_menu #menu .lev1 .lev2 .smenu_collec ul {
    margin: 0;
    padding: 0;
    background-color: #464646;
}

.second_menu #menu .lev1  .lev2  .smenu_collec li {
    display: inline;
    margin: 0;
    padding: 0;
    float: left;
    background-image: url(none);
}

.second_menu #menu  .lev1  li:hover .lev2 .smenu_collec a  , .second_menu #menu .lev1 .lev2 .smenu_collec a, .second_menu #menu .lev1 li.selected .smenu_collec a {
    filter:none;
    background-color:transparent;
    display:block;
    width:103px;
    height:24px;
    padding: 14px;
    padding-top:62px;
    float: left;
    color: #e0dad6;
    font-size: 14px;
    font-weight: normal;
    border: none;
    background-repeat: no-repeat;
    background-position: center 12px;
}
.second_menu #menu .lev1 .lev2 .smenu_collec a:hover, .second_menu #menu  .lev1  li:hover .lev2 .smenu_collec a:hover {
    background-color:#404040;

}
.second_menu #menu .lev1 .lev2 .smenu_collec .itemcol_hg a {
    background-image: url(../images/itemcol-video.gif);

}
.second_menu #menu .lev1 .lev2 .smenu_collec .itemcol_hd a {
    background-image: url(../images/itemcol-pack.gif);

}
.second_menu #menu .lev1 .lev2 .smenu_collec .itemcol_bg a {
    background-image: url(../images/itemcol-insc.gif);

}
.second_menu #menu .lev1 .lev2 .smenu_collec .itemcol_bd a {
    background-image: url(../images/itemcol-graph.gif);

}

/* ============ */
/* === dashmenu */

#dashmenu {
    position:absolute;
    margin: 0;
    padding: 0;
    height: 50px;
    width: 728px;
    left: 234px;
    top: 67px;
    border-top: solid 1px #ffffff;
    background: #f0f0f0; /* Old browsers */
    background: -moz-linear-gradient(top,  #f0f0f0 0%, #d5d5d5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#d5d5d5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f0f0f0 0%,#d5d5d5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f0f0f0 0%,#d5d5d5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f0f0f0 0%,#d5d5d5 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f0f0f0 0%,#d5d5d5 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow: #23abb2 0px 2px 6px;
    -moz-box-shadow: #23abb2 0px 2px 6px;
    box-shadow: #23abb2 0px 2px 6px;

}

#dashmenu ul {
    padding: 0px;
    padding-left:10px;
    margin: 0px;

}
#dashmenu .lev1 li {
    margin: 0;
    padding: 0;
    position: relative;
    float: left;
}


/* ========================= level 1 */

#dashmenu .lev1 a {
    font-size: 16px;
    color: #0a6885;
    display: block;
    font-weight: normal;
    margin: 0;
    behavior: url(js/PIE.htc);
    text-align: center;
    padding: 14px 16px;
    line-height: 22px;
}

    #dashmenu .lev1 a, x:-moz-any-link, x:default  {
    padding: 14px 16px;/* firefox*/
    }
    :root #dashmenu .lev1 a {
    padding-bottom: 14px\0/IE9;
}


#dashmenu .lev1 a:hover, #dashmenu .lev1 a.selected  {
background: #b2da6d; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IyZGE2ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NWMyNDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #b2da6d 0%, #95c247 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2da6d), color-stop(100%,#95c247)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b2da6d 0%,#95c247 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b2da6d 0%,#95c247 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b2da6d 0%,#95c247 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b2da6d 0%,#95c247 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2da6d', endColorstr='#95c247',GradientType=0 ); /* IE6-8 */

}

#dashmenu a.last_item {
    margin: 0;
    border: none;
}

/* =================== */
/* ================== */
.logItems {
    position: absolute;
    width: 440px;
    left: 16px;
    top: 8px;
}
.header .logItems a {
    margin: 0 4px;
    display: inline-block;
    background: #9fd64d; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxNCUiIHN0b3AtY29sb3I9IiM5ZmQ2NGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxNiUiIHN0b3AtY29sb3I9IiM4MGQyMGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNmViYTAzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  #9fd64d 14%, #80d20a 16%, #6eba03 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(14%,#9fd64d), color-stop(16%,#80d20a), color-stop(100%,#6eba03)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #9fd64d 14%,#80d20a 16%,#6eba03 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #9fd64d 14%,#80d20a 16%,#6eba03 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #9fd64d 14%,#80d20a 16%,#6eba03 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #9fd64d 14%,#80d20a 16%,#6eba03 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9fd64d', endColorstr='#6eba03',GradientType=0 ); /* IE6-8 */
    font-size: 14px;
    font-weight: bold;
    color: #F3F3F3;
    padding: 6px 12px;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
}
.header .logItems a:hover {
    color:#FFFFFF;
    background:none;
    background-color:#9fd64d;
}

/* ==================== */
/* ==================== */
/* ========== loggedNav */
/* ==================== */
/* ==================== */

#loggedNav {
    background-color: #DCECED;
    padding: 0px 22px;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    border: solid 1px;
    border-color: #EEEEEE;
    border-bottom: none;
    padding-top: 6px;
}
#loggedNav ul {
margin:0;
padding:0;
}
#loggedNav li {
    display: inline;
    margin: 0;
    background: none;
    padding: 0;
}
#loggedNav a {
    margin: 0 1px;
    display: inline-block;
    background: #27c0c8; /* Old browsers */
background: -moz-linear-gradient(top,  #27c0c8 0%, #0d939c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#27c0c8), color-stop(100%,#0d939c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #27c0c8 0%,#0d939c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #27c0c8 0%,#0d939c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #27c0c8 0%,#0d939c 100%); /* IE10+ */
background: linear-gradient(to bottom,  #27c0c8 0%,#0d939c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27c0c8', endColorstr='#0d939c',GradientType=0 ); /* IE6-9 */
    color: #F3F3F3;
    border-top:solid 1px;

    border-top-color: #E6E6E6;

    font-size: 12px;
    font-weight: normal;
    padding: 4px 8px;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
}
#loggedNav a:hover {
background:none;
background-color:#27c0c8;
color:#FFFFFF;
}

#loggedNav a.selected {

    background: #f4f4f4; /* Old browsers */
    background: -moz-linear-gradient(top,  #f4f4f4 0%, #e5e5e5 48%, #cacaca 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(48%,#e5e5e5), color-stop(100%,#cacaca)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f4f4f4 0%,#e5e5e5 48%,#cacaca 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f4f4f4 0%,#e5e5e5 48%,#cacaca 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f4f4f4 0%,#e5e5e5 48%,#cacaca 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f4f4f4 0%,#e5e5e5 48%,#cacaca 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#cacaca',GradientType=0 ); /* IE6-9 */
    color:#006078;
 }
/* ================= */
/* ================= */
/* ==== tab standard */
/* ================= */
/* ================= */

.tab_standard {
    font-size: 13px;
    width: 100%;
    margin: 10px auto;
    border: solid 1px;
    padding: 5px;
    border-color: #CACACA;
    border-top-width: 2px;
    border-bottom-width: 4px;
    margin-bottom: 22px;
        -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.tab_standard td {
    padding: 5px 10px;
    vertical-align: middle;
    font-size: 14px;
    color: #678089;
    border-bottom: solid 1px;
    border-bottom-color: #E6E6E6;
    background-color: #FFFFFF;
}
.tab_standard th {
    background-color: #DCECED;
    text-align: center;
    padding: 6px 10px;
    vertical-align: middle;
    font-size: 14px;
    color: #006078;
    font-weight: bold;
    border-bottom: solid 2px;
    border-bottom-color: #B1D5D6;
    border-right: solid 1px;
    border-right-color: #CCCCCC;
}

.tab_standard input, .tab_standard select, .tab_standard textarea {
    background-color: #DCECED;
    width: 95%;
    border:#878787;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 26px;
    color: #0A6885;

}
.tab_standard select {
    width: 97%;

}


.tab_standard .celltype1 {
    text-align: left;
    background-color: #f3f3f3;
    border-bottom: dotted 1px;
    border-bottom-color: #cacaca;
    color: #0A6885;
    border-right: dotted 1px;
    border-right-color: #00A1AA;
}
.tab_standard .celltype2 {
    border-left: solid 1px;
    border-left-color: #F3F3F3padding: 12pxheight: 66pxbackground-color: #92c835width: 302pxtext-align: leftoverflow: hidden;
    text-align: center;
    font-size: 12px;
    font-weight: normal;
}


.tab_standard .form_message {
    height: 60px;
}
.tab_standard .form_checkbox {
    width: 12px;
    height: 12px;
}


/* ==================================================================== */
/* ==================================================================== */
/* ==================================================================== */
/* =================================================== Media queries == */
/* ==================================================================== */
/* ==================================================================== */
/* ==================================================================== */

/* mobiles portrait */

@media all and (max-device-width: 480px)

{

.logo {
    left: 8px;
    top: 8px;
}

#menu {
    height: 60px;
    width: 98%;
    left: 10px;
    top: 90px;
}

/* ========================= level 1 */

#menu .lev1 a {
        font-size: 26px;
    padding: 12px 2px;
    padding-bottom:15px;
}

#example {
display:none;
}

}


/*  480px < tablettes < 1000px */

@media only screen and (min-width: 480px) and (max-width:960px) {
.subcontainer {
    width:96%;
    padding: 0 12px;

}

.logo {
    left: 16px;
    top: 66px;
}
.logo img {
/*width:80%;
height:80%;*/
width:150px;
height:54px;
}

h1.baseline {
    margin-left: 20px;
}


.box_login {
   width: 260px;
    font-size: 12px;
    margin-top: 22px;
}
.box_login input.txt {
width:52px;
}

.social_icons {
    width: 120px;
}

/* ==================== main menu */

/* ============ */
/* === dashmenu */

#dashmenu, #menu {
    width: 75%;
    left: 174px;
    top: 67px;
}



/* ========================= level 1 */

#dashmenu .lev1 a {
    font-size: 13px;
    padding: 15px 10px;
    padding-bottom:13px;
}

/* =================== */
/* ================== */
.logItems {
    position: absolute;
    width: 440px;
    left: 16px;
    top: 8px;
}
.header .logItems a {
    font-size: 12px;
    font-weight: bold;
    color: #F3F3F3;
    padding: 6px 8px;
}

/* =================== */



/* ========================= level 1 */

#menu .lev1 a {
        font-size: 11px;
    padding: 12px 2px;
    padding-bottom:15px;
}
/*=============== */
/*=============== */
/* second menu */
/*=============== */
/*=============== */
.second_menu #menu {
    width: 75%;
    width: 58%;
    left: 174px;
        top: 28px;
}

.second_menu #menu .lev1 a {
        font-size: 13px;
    padding: 15px 13px;
    padding-bottom:17px;
}
/*=============== */
/*=============== */
/* ==== content */
/*=============== */
/*=============== */

.bxtxtflt {
    width: 68%;
}
.bximgflt {
    width: 24%;
}
.bximgflt img {
    width: 98%;
    height:98%;
}

.creatitle {
    width: 26%;
    font-size:18px;
}
.creatitle h2 {
    font-size:22px;
}

.showbox {
    /*width: 240px;*/
    width:23%;
    background-color: #fbfbfb;
    padding: 12px 18px;
    height: 340px;
    margin-bottom: 14px;
}

.showbox .linkzone {
    /*width:276px;*/
    width:96%;
    height:364px;
}
.showbox .linkzone:hover {
    /*width:256px;*/
    width:94%;
    height:344px;
}

.showbox img {
    height: 62%;
    width: 98%;

}
.creabox {
    height: 340px;
   /* width: 302px;*/
    width:32%;

}
.creabox img {
    height: 98%;
    width: 98%;

}
.creabox .linkzone {
   /*width: 326px;*/
    width:96%;
    height: 366px;
}
.creabox .linkzone:hover {
   /* width: 306px;*/
    width:94%;
    height: 346px;

}

.inscribox {
height: 90px;
width: 64%;
}
.inscribox p {
font-size: 10px;
}
/* ============== */
/* ===== bottom */
.bottom_subcontent {
    width: 96%;
    margin: 0 auto;
    padding: 28px 0;
}


.bottom_menu .btm_menu a {
    color: #a7a7a7;
    font-size: 12px;
    padding: 0 20px;
}
.box_video {
    width: 96%;
    text-align:center;
}
.box_form {
    width: 97%;
    margin-bottom:16px
}

.contact_address  {
width:22%;
}

}
/* =============================== */
/* =============================== */
/* =============================== */

/* Ipad Portrait */

   @media only screen
   and (min-device-width : 768px)
   and (max-device-width : 1024px)
   and (orientation : portrait){
.subcontainer {
    width:96%;
    padding: 0 12px;

}

.logo {
    left: 16px;
    top: 66px;
}
.logo img {
width:150px;
height:54px;
}

h1.baseline {
    margin-left: 20px;
}



.box_login {
    width: 330px;
    font-size: 12px;
    margin-top: 22px;
}

.social_icons {
    width: 140px;
}

/* ============ */
/* === dashmenu */

#dashmenu, #menu {
    width: 78%;
    left: 184px;
    top: 67px;
}



/* ========================= level 1 */

#dashmenu .lev1 a {
    font-size: 16px;
    padding: 13px 15px;
    padding-bottom:15px;
}

/* =================== */
/* ================== */
.logItems {
    position: absolute;
    width: 440px;
    left: 16px;
    top: 8px;
}
.header .logItems a {
    font-size: 12px;
    font-weight: bold;
    color: #F3F3F3;
    padding: 6px 8px;
}


/* ========================= level 1 */
/* =================== */
#menu .lev1 a {
    font-size: 18px;
    padding: 12px 16px;
    padding-bottom:15px;
}

/*=============== */
/*=============== */
/* second menu */
/*=============== */
/*=============== */
.second_menu #menu {
    width: 78%;
    left: 174px;
        top: 28px;
}

.second_menu #menu .lev1 a {
    font-size: 16px;
    padding: 13px 20px;
    padding-bottom:15px;
}

/*=============== */
/*=============== */
/* ==== content */
/*=============== */
/*=============== */

/*.bxtxtflt {
    width: 62%;
}


.creatitle {
    width: 28%;
}
*/
.bxtxtflt {
    width: 68%;
}
.bximgflt {
    width: 24%;
}
.bximgflt img {
    width: 98%;
    height:98%;
}

.showbox {
    /*width: 240px;*/
    width:26%;
    background-color: #fbfbfb;
    padding: 12px 18px;
    height: 340px;
    margin-bottom: 14px;
}

.showbox .linkzone {
    /*width:276px;*/
    width:96%;
    height:364px;
}
.showbox .linkzone:hover {
    /*width:256px;*/
    width:94%;
    height:344px;
}


.creabox {
    height: 340px;
   /* width: 302px;*/
    width:33%;

}
.creabox .linkzone img {
    height: 33%;
    width:33%;

}
.creabox .linkzone {
   /*width: 326px;*/
    width:96%;
    height: 366px;
}
.creabox .linkzone:hover {
   /* width: 306px;*/
    width:94%;
    height: 346px;

}


/* ================ */
/* ===== bottom */
.bottom_subcontent {
    width: 96%;
    margin: 0 auto;
    padding: 28px 0;
}


.bottom_menu .btm_menu a {
    color: #a7a7a7;
    font-size: 12px;
    padding: 0 20px;
}
.box_video {
    width: 96%;
    text-align:center;
}
.box_form {
    width: 97%;
    margin-bottom:16px
}


}
/* =============================== */
/* =============================== */
/* =============================== */

/*@media only screen and (min-width: 940px) and (max-width: 1040px)*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)  {

}

/* =============================== */
/* =============================== */
/* =============================== */
@media only screen and (min-width: 1280px) and (max-width: 1400px) {

}