@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);

.conteneur { width:210px; height:23px; padding: 0px; text-align:left; }
.bloc1 {position:absolute; margin-left:28px; z-index:1; }
.bloc2 {position:absolute; margin-left:28px; z-index:2; }

/*+clearfix {*/
.but-prec a:after, .but-succ a:after, .but-succ2 a:after, #resa_calendriers .cal_00:after, .row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
.but-prec a, .but-succ a, .but-succ2 a, #resa_calendriers .cal_00, .row { display: block; *height: 1px; }
@media (max-width: 540px) {
    .but-prec a:after, .but-succ a:after, .but-b a:after, .but-sub:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
    .but-prec a, .but-succ a, .but-b a, .but-sub { display: block; *height: 1px; }
}
@media (max-width: 912px) {
    .row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
    .row { display: block; *height: 1px; }
}
/*+}*/
.r_content { text-align: center; width: 100%; padding: 0; margin: 0; max-width: 992px; margin: 0 auto; }
.r_content .r_main { position: relative; width: 100%; margin: 0 auto; padding: 0; background-color: #fff; box-sizing: unset;}
.r_content .r_main .messages { color: #EB700F; background-color: #EEEEEE; border: 4px solid #EB700F; border-radius: 4px; padding: 24px 16px; margin: 23px; }
#prec_succ { padding: 32px; background-color: #FFFFFF; }
#resa_onglets, #compte_onglets { margin-bottom: 0px; background-color: #EEEEEE; }
#resa_onglets .f_left { color: ; width: 100%; }
ul.onglets { list-style: none; padding: 0; margin: 0; }
.onglets li { float: left; color: #AAA; text-transform: uppercase; padding: 16px 16px; margin: 0px; border: 1px solid #AAAAAA; border-width: 0 0 4px 0; }
.onglets li a { font: 700 13px 'Open Sans', sans-serif; color: #AAA; text-transform: uppercase; text-decoration: none; }
.onglets li.current, .onglets li.current a { color: #EB700F; border-color: #EB700F; }
.onglets li a:hover { color: #000; }
.but-prec, .but-prec2 { float: left; text-align: left; }
.but-succ, .but-succ2 { float: right; text-align: right; border:r; }
.but-compte { margin: 0; display: block; position: absolute; right: 16px; top: 16px; padding: 0; }
.but-compte a, .but-prec a, .but-succ a, .but-succ2 a, .but-b a, .but-sub { text-decoration: none; font-size: 16px; font-weight: 600; background-color: #EB700F; color: #FFFFFF; border-radius: 4px; padding: 8px 16px; }
/*[clearfix]*/
.but-prec a { background-color: #EB700F; }
/*[clearfix]*/
.but-succ a { background-color: #357600; }
/*[clearfix]*/
.but-succ2 a { background-color: #E70000; }
.but-sub { cursor: pointer; }
/*.but-compte a:hover { color:#eb700f; }*/
.but-b i, .but-compte i { margin-left: 7px; margin-top: -4px; line-height: 26px; padding: 0; }
.but-prec i, .but-prec2 i { margin-right: 7px; margin-top: -4px; line-height: 26px; padding: 0; }
.but-succ i, .but-succ2 i { margin-left: 7px; margin-top: -4px; line-height: 26px; padding: 0; }
/* Calendrier ********************************************************************************* */
#resa_calendriers { /*max-width:450px;*/ position: relative; background: url(https://nolimit-aventure.com/nemours/wp-content/uploads/2017/02/banner-photo.png) center / contain repeat #EB700F; }
/*[clearfix]*/
#resa_calendriers .cal_00 { padding: 0px; }
#resa_calendriers .cal_01 { background-color: #FFF; }
/* fond du calendrier */
#resa_calendriers .cal_01 td { text-align: center; padding: 24px 0; }
#resa_calendriers td.cal_02 { background-color: #FFF; padding: 24px; color: #357600; text-align: center; position: relative; font-weight: bold; font-size: 24px; }
/* Fond mois/année */
#resa_calendriers td.cal_02b { color: #999999; background-color: #FFF; }
/* fond des Lu, Ma... */
#resa_calendriers .cal_03 { background-color: #FFF; }
/* cases vide */
#resa_calendriers td.cal_04 { background-color: #FFF; cursor: pointer; }
/* cases */
#resa_calendriers td.cal_04_orange { background-color: #FFF; cursor: pointer; font: 700 14px 'Open Sans', sans-serif; color: #EB700F; }
/* cases */
#resa_calendriers td.cal_04_gris1 { background-color: #FFF; cursor: pointer; font: 700 14px 'Open Sans', sans-serif; color: #BCB8B7; }
/* cases */
#resa_calendriers td.cal_04_slc { background-color: #006600; color: #FFF; cursor: pointer; font: 700 14px 'Open Sans', sans-serif; }
/* cases */
#resa_calendriers td.cal_04:hover { background-color: #E6E6E6; }
#resa_calendriers .prec { position: absolute; top: 32px; left: 16px; z-index: 5; }
#resa_calendriers .succ { position: absolute; top: 32px; right: 16px; z-index: 5; }
#resa_calendriers .prec a, #resa_calendriers .succ a { padding: 24px; color: #000; }
#resa_calendriers .prec a i, #resa_calendriers .succ a i { font-size: 16px; }
#resa_calendriers .prec a:hover, #resa_calendriers .succ a:hover { background-color: #E6E6E6; color: #000; }
#resa_calendriers .cal_img td img { border-radius: 12px; padding: 5px; max-width: 140px; }
#resa_calendriers .cal_p { padding: 16px; color: #FFFFFF; text-align: left; font-weight: 400; }
#resa_calendriers .cal_p h3 { text-align: center; color: #FFFFFF; padding: 0; margin: 0; }
#resa_calendriers .cal_p p { }
#resa_nfo { background-color: #F9F9F9; width: 100%; border: solid 1px silver; margin-top: 15px; position: relative; display: none; }
#resa_nfo #viewXX { position: absolute; z-index: 2; top: 0px; left: 0px; padding: 8px; color: #514F4F; font: 9px verdana; }
#resa_nfo #div1 { padding: 8px; color: #514F4F; font: 9px verdana; position: relative; }
#resa_nfo .div2 { float: left; margin-left: 5px; padding-top: 2px; }
#resa_nfo .div3 { float: left; padding: 1px 0px 0px 5px; }
/* Activités *********************************************************************************** */
#form_res h2 { border: 0px solid silver; padding: 16px; background-color: #111; color: #FFF; margin: 0; font-size: 32px; }
select, input, textarea { border-radius: 6px; font: 16px 'Open Sans', sans-serif; padding: 8px 8px; border-color: #E6E6E6; margin: 8px; background-color: #FFFFFF; border: 1px solid #E5E5E5; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
textarea, select { width: 100%; }
#resa_activites select { width: 100%; }
#resa_activites input { }
#resa_activites .bloc01 { border: dashed 1px #E5E5E5; border-width: 0px 0px 1px 0px; color: #000; }
#resa_activites .bloc01 table td { text-align: center; vertical-align: middle; color: #000; height: 32px; border: solid 1px #FFFFFF; }
#resa_activites .bloc01 table th { text-align: center; vertical-align: middle; color: #000; }
#resa_activites .bloc01 table td input { width: 50%; box-shadow: none; }
#resa_activites .activites_infos { float: left; text-align: left; }
#resa_activites .activites_infos .activites_tit { margin: 8px; }
#resa_activites .activites_infos .activites_tit div input { margin-top: 3px; }
#resa_activites .activites_infos .activites_tit div b { color: #000; margin-left: 10px; }
#resa_activites .activites_texte { padding: 8px 16px; color: #357600; }
#resa_activites .tab01 { background-color: #EEEEEE; }
#resa_activites .tab02 { background-color: #EEEEEE; }
#resa_activites .activites_choix { }
#resa_activites .activites_choix div { padding: 0; margin: 0; }
#resa_activites .activites_photo { float: right; text-align: right; }
#resa_activites .activites_photo img { border-radius:12px; max-width:270px; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5); }
/* Coordonnees ********************************************************************************* */
#resa_coordonnees { margin-top: 15px; }
#resa_coordonnees h2 { border: 0px solid silver; padding: 16px; background-color: #111; color: #FFF; margin: 0; font-size: 32px; }
#resa_coordonnees .bloc01 { padding: 16px; background-color: #FFF; width: auto; color: #000; border-radius: 0px; }
#resa_coordonnees .lnk1 { font: 13px 'Open Sans', sans-serif, arial; color: #000; }
#resa_coordonnees .lnk1:hover { color: #EB700F; }
#resa_coordonnees .tab01 td { text-align: left; height: 48px; }
#resa_coordonnees .tab01 td img { width: 23px; height: 20px; margin-left: 8px; }
#resa_coordonnees input { }
#resa_coordonnees .list1 { list-style: none; padding: 0; margin: 0; }
#resa_coordonnees .list1 li { float: left; padding-right: 16px; position: relative; margin-left: 25px; }
#resa_coordonnees .list1 li input[type="radio"] { position: absolute; top: -1px; left: -25px; box-shadow: none; }
#resa_coordonnees .list1 li:last-child { padding-right: 0; }
#resa_coordonnees #pwd div { padding-right: 8px; }
/* Infos *************************************************************************************** */
#resa_infos { margin-top: 0px; }
#resa_infos h2 { border: 0px solid silver; padding: 16px; background-color: #111; color: #FFF; margin: 0; font-size: 32px; }
#resa_infos .bloc01 { padding: 32px; background-color: #FFF; width: auto; color: #000; border-radius: 0px; }
/*#resa_infos .lnk1
{
	font: 13px 'Open Sans', sans-serif, arial;
	color: #000;
}*/
/*#resa_infos .lnk1:hover
{
	color: #EB700F;
}*/
#resa_infos .tab01 td { font: 13px 'Open Sans', sans-serif, arial; text-align: left; }
#resa_infos .tab01 td img { width: 23px; height: 20px; margin-left: 8px; }
#resa_infos input, #resa_infos select, #resa_infos textarea { }
#resa_infos textarea { }
#resa_infos .list1 { list-style: none; padding: 0; margin: 0; }
#resa_infos .list1 li { float: left; padding-right: 8px; position: relative; margin-left: 24px; padding-top: 8px; }
#resa_infos .list1 li input[type="checkbox"] { position: absolute; top: 0; left: -25px; box-shadow: none; }
#resa_infos .list1 li:last-child { padding-right: 0; }
#resa_infos #pwd div { padding-right: 8px; }
#resa_infos .tab02 td { font: 500 14px 'Archivo Narrow', sans-serif; text-align: left; vertical-align: top; color: #000; height: 38px; padding: 5px; border: solid 1px #F8F8F8; }
#resa_infos .tab02 th { font: 600 14px 'Archivo Narrow', sans-serif; text-align: center; vertical-align: middle; color: #000; height: 38px; }
#resa_infos h2 u { font-size: 0.8em; margin-left: 15px; text-decoration: line-through; }
#resa_infos h2 i { font-size: 0.9em; margin-left: 15px; font-style: normal; }
#textplus i { font: 12px / 16px 'Open Sans', sans-serif; text-decoration: none; font-size: 0.6666666667rem; font-weight: bold; vertical-align: top; font-style: italic; background-color: #9B9999; color: #FFFFFF; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); border-radius: 4px; padding: 4px 10px; }
/* CSS génériques ****************************************************************************** */
.orange { color: #EB700F; }
.gris1 { color: #BCB8B7; }
.hid { display: none; visibility: hidden; }
.vis { display: block; visibility: visible; }
.mrg01 { margin-bottom: 8px; }
.mrg02 { margin-bottom: 8px; }
.mrg03 { margin-bottom: 0px; }
.mrg04 { margin-top: 8px; }
.mrg05 { padding: 8px; }
.mrg06 { margin-top: 8px; }
.f_left { float: left; }
.f_right { float: right; }
.p_left { text-align: left; }
.p_right { text-align: right; }
.p_center { text-align: center; }
.rd5 { border-radius: 5px; }
.obg1 { font: 10px verdana; color: #FF0000; }
.obg2 { font: 12px verdana; color: #FF0000; }
/*AJOUT CERRET ****************************************************************************** */
/*GRID*/
.btn { padding: 8px; margin: 0; /*+border-radius: 4px;*/ -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; text-decoration: none; font-weight: bold; text-align: center; }
.btn-lg { padding: 16px; /*+border-radius: 8px;*/ -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; }
.btn-block { display: block; }
.btn-brand { background-color: #EA700F; color: #FFFFFF; }
.btn-success { background-color: #357600; color: #FFFFFF; }
/*[clearfix]*/
.row { display: block; position: relative; height: auto; }
.row .col1.cola { width: auto; padding: 0px 16px; }
.row .col2.col, .row .col2.col { float: left; width: 46%; padding: 0px 16px; }
.row .col1.cola { width: auto; padding: 0px 16px; }
.row .col2.cola, .row .col2.colb { float: left; width: 46%; padding: 0px 16px; }
/*STYLE*/
a { color: #357600; }
/*HEAD & CALENDAR*/
#resa_calendriers .f_left { width: 50%; text-align: center; }
#resa_calendriers .f_right { width: 50%; text-align: center; }
#resa_calendriers .cal_00 .cal_01 { border: 0px solid #F0F0F0; background-color: #FFFFFF; padding: 0px 16px 16px; }
#resa_calendriers .cal_p { padding: 24px; }
.tdv1 { display:block; }
.tdv2 { display:none; }

@media (max-width: 992px) { /*912px*/
    #resa_calendriers .f_left, #resa_calendriers .f_right { width: 100%; text-align: center; }
    #resa_onglets, #compte_onglets { }
    .onglets { text-align: center; margin: 0 auto; }
    .onglets li { font-size: 12px; padding: 16px 8px; }
    .but-compte { margin: 0; display: block; position: absolute; right: 16px; top: 16px; padding: 0; }
    .but-compte a { margin: 0; padding: 8px 16px; }
    .but-compte span { display: none; }
    .but-compte i { margin: 0; padding: 0; line-height: normal; }
}
@media (max-width: 768px) { /*540px*/
    .onglets li { font-size: 12px; padding: 4px; width: 36%; /*33%*/ float: left; border-width: 0 0 2px 0; }
	#compte_onglets .onglets li { font-size: 12px; padding: 4px 2px; width: 36%; /*33%*/ float: left; border-width: 0 0 2px 0; }
	#compte_onglets .onglets li a { font-size:11px; }

    .but-compte { right: 16px; top: 24px; }
    .but-compte a { padding: 16px; font-size: 24px; }
    .but-prec, .but-prec2 { float: none; text-align: left; }
    .but-succ, .but-succ2 { float: none; text-align: right; }
    /*[clearfix]*/
    .but-prec a, .but-succ a, .but-sub { font-size: 16px; padding: 16px 8px; margin-bottom: 16px; }
	.but-b a { font-size: 16px; padding: 16px 16px 12px 8px; margin-bottom: 10px; }
	.but-b span { display:none; }
    #prec_succ { margin: 32px 16px; }
	.tdv, .tdv1 { display:none; }
	.tdv2 { display:block; }
}
/*ACTIVITE*/
#resa_activites { }
.bloc01.mrg03:nth-child(even) { background: #FFFFFF; }
.bloc01.mrg03:nth-child(odd) { background: #EEEEEE; }
.bloc01 { padding: 24px; }
.activites_infos { width: 66.66%; }
.activites_photo { width: 33.33%; }
.activites_infos .activites_tit { font-weight: bold; text-transform: uppercase; }

@media (max-width: 992px) { /*912px*/
    .activites_infos { width: 100%; }
    .activites_photo { /*display: none;*/ width: 100%; }
    .activites_photo img { margin: 0 auto; display: block; width: auto; }
    select { width: 100%; }
}
/*TABLEAU QUANTITE */
#resa_activites table { border: 0px solid red; border-collapse: collapse; margin: 16px 0; padding: 0; width: 100%; table-layout: fixed; }
#resa_activites table caption { font-size: 1.5em; margin: 0.5em 0 0.75em; }
#resa_activites table tr { background-color: #F8F8F8; border: 0px solid #DDD; padding: 0.35em; font-size: 18px; text-transform: uppercase; font-weight: bold; }
#resa_activites table tr:nth-child(odd) { background-color: #F8F8F8; }
#resa_activites table tr:nth-child(even) { background-color: #EEEEEE; }
#resa_activites table th, table td { padding: 0.625em; text-align: center; font-size: 12px; height: auto !important; }
#resa_activites table input { }
#resa_activitesTABLE th { font-size: 0.85em; letter-spacing: 0.1em; text-transform: uppercase; }
@media screen and (max-width: 767px) {
    #resa_activites table { border: 0; }
    #resa_activites table caption { font-size: 1.3em; }
    #resa_activites table thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
    #resa_activites table tr { border-bottom: 0px solid #DDD; display: block; margin-bottom: 1em; padding: 0; margin-top: 1em; vertical-align: middle !important; }
    #resa_activites table td { border-bottom: 1px solid #DDD; display: block; font-size: 0.8em; text-align: right; }
    #resa_activites table td::before { /*
        * aria-label has no advantage, it won't be read inside a table
        content: attr(aria-label);
        */ content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase; width: 110px; font-size: 12px; text-align: center; margin-top: 18px; }
    #resa_activites table td:last-child { border-bottom: 0; }
}
/*COORDONNEES*/
#resa_coordonnees { margin: 0px; }
.form-group { margin: 8px 0 16px; }
.form-group label.control-label { font-weight: bold; text-transform: uppercase; }
.form-group .control-label:first-child { }
input.form-control { display: block; margin-left: 0; margin-right: 0; width: 100%; }
label.radio-inline { display: inline-block; padding: 8px; }
@media (max-width: 992px) { /*912px*/
    /*[clearfix]*/
    .row { display: block; position: relative; height: auto; }
    .row .col1.cola { width: 92%; padding: 0px 16px; }
    .row .col2.cola, .row .col2.colb { float: left; width: 92%; padding: 0px 16px; }
    .row .col2.col, .row .col2.col { float: left; width: 92%; padding: 0px 16px; }
}

.tablSmart td { text-align:left; font:13px/18px "Archivo narrow", arial; }
.tablSmart td u { color:#404040; }
.tablSmart td span { font-size:0.9em; color:#787878; }