@import url(//fonts.googleapis.com/css?family=Oswald:400,300,700);

/* [General styles] */
body {
	font-family: 'Oswald', Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #302C2D;
	line-height: 1.5;
	background: #000;
}

h1, h2, h3 {
	padding-top: 4px;
	padding-bottom: 6px;
	line-height: 1.8;
}

h1 {
	font-size: 18px;
}

h2 {
	font-size: 16px;
}

h3 {
	font-size: 14px;
}

p {
	padding-top: 2px;
	padding-bottom: 6px;
}

a {
	color: #003399;
	text-decoration: none;
}

a:hover {
	color: #003399;
	text-decoration: underline;
}

textarea {
	overflow: auto;
}

hr {
	height: 1px;
	width: 100%;
	border: none;
	background-color: #302C2D;
	color: #302C2D;
}

hr.blanc {
	height: 1px;
	width: 100%;
	border: none;
	background-color: #FFF;
	color: #FFF;
    margin-top: 25px;
    margin-bottom: 20px;
}

ul {
	list-style: disc;
}

ul li {
	margin-left: 20px;
	margin-top: 6px;
	margin-bottom: 6px;
}

label{
    font-weight: 400;
	font-size: 14px;
}
strong{
	font-weight: 400;
	font-size: 12px;
}
.cb {
	clear: both;
}

.redStar {
    color: #FF0000;
    font-size: 10px;
}

/* [Error messages] */
.msg_info, .msg_success, .msg_success_hide, .msg_warning, .msg_erreur {
    border: 1px solid;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
    width: auto !important;
	margin: 0px 0px 10px 0px !important;
    padding: 15px 10px 15px 50px !important;
    background-repeat: no-repeat;
    background-position: 10px 5px;
	text-align:left;
}

.msg_info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('/images/messageBox/info.png');
}
.msg_success{
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('/images/messageBox/success.png');
}

.msg_success a{
    color: #4F8A10 !important;
    text-decoration: underline !important;
}

.msg_success a:hover{
    color: #4F8A10 !important;
    text-decoration: none !important;
}

.msg_success_hide {
    position: absolute;
    display: none;
    z-index: 10;
    top: 80px;
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('/images/messageBox/success.png');
}
.msg_warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('/images/messageBox/warning.png');
}
.msg_erreur {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('/images/messageBox/error.png');
}

.erreur_loc {
	color: #CC0000;
	font-size: 11px;
	font-style: italic;
	/*display: block;*/
}

/* [Autodatatable] */
.autodatatableLight td {
    color: #fff;
	padding: 5px;
	font-size: 11px;
    vertical-align: bottom;
}

.autodatatableLight td.label {
    vertical-align: top;
    padding-top: 10px;
}

.autodatatableLight2 td {
    color: #000;
	padding: 5px;
	font-size: 11px;
    vertical-align: bottom;
}

.autodatatableLight2 td.label {
    vertical-align: top;
    padding-top: 10px;
}

.autodatatable {
	border: 1px solid #000000;
	color: #3e3e3e;
}
.autodatatable h2, .autodatatable h3{
	line-height: 0.8em;
}

.autodatatable a{
    color: #3e3e3e !important;
}

.autodatatable a.detailsPanier{
    padding-left: 20px;
    color: #fff !important;
}


.autodatatable a:hover{
    color: #d38b00 !important;
}

.autodatatable th>a{
    color: #fff !important;
}

.autodatatable th {
	font-size: 16px;
	border-bottom: 1px solid #000000;
	background-color: #666;
	padding: 5px;
	padding-right: 15px;
	text-align: left;
    color: #fff;
}

.autodatatable tr:hover>td {
	background-color: #dbe8ec;
}
.autodatatable tr:hover td a{
    color: #3e3e3e !important;
}
.autodatatable tr:hover td a:hover{
    color: #d38b00 !important;
}

.noautocolor tr:hover td {
	background: none !important;
}

.autodatatable td {
	padding: 5px;
	padding-right: 15px;
	font-size: 14px;
	text-align: left;
}

.autodatatableCart tr:hover td {
    background-color: #dbe8ec;
    color: #3a3a3a;
}

.autodatatableCart td {
    padding: 5px;
    padding-right: 15px;
    font-size: 11px;
    text-align: left;
    color: #FFF;
}

.autodatatable .row1 td {
	background-color: #f1f1f1;
}

.autodatatable .row2 td {
	background-color: #fff;
}

table input[type=text] {
	margin-top: 4px;
	margin-bottom: 4px;
}

table th{
	font-weight: 400;
}

/* [Admin styles] */

.adminContent h2 {
	font-size: 18px !important;
}

.blockIcon {
	float: left;
	width: 60px;
	margin-right: 10px;
}

.blockContent {
	float: left;
	width:220px;
}

/* Admin blocks */
.adminCategoryBlock {
    float: left;
    margin: 0 10px 20px 0;
    width: 32%;
}

.adminCategoryBlock .adminCategoryIcon {
    float: left;
}

.adminCategoryBlock .adminCategoryBlockContent {
    float: left;
    clear: both;
    margin-left: 61px;
    margin-bottom: 15px;
}

.adminCategoryBlock h2 {
    border-bottom: 1px solid;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 4px 52px;
    padding: 0 0 10px 8px;
}


.adminBlock {
	min-height:100px;
	height:auto !important;
	height:100px;
}

#adminNavBar {
	list-style: none;
	margin: 0px;
	padding: 0px;
	padding-top: 6px;
	padding-bottom: 12px;
}

#adminNavBar li {
	display: inline;
	margin: 0px;
	padding: 0px;
	margin-right: 10px;
}

#adminNavBar li.right {
    float: right;
}

.specialButton {
	display: block;
	border: 1px solid #003;
	background: #03C;
	padding: 5px;
	color: #FFF;
	text-decoration: none;
	float: left;
}

.specialButton:hover {
	color: #FFF;
	text-decoration: none;
	background: #03F;
}

.specialButtonSubmit {
	position: absolute;
	left: -9999px;
}

#photoList li{
	float: left;
}


.cover{
	padding-bottom: 2px;
	display: block;
	position: relative;
	margin-top: -14px;
	margin-left: 23px;	
}

#photoList2 li{
	padding: 10px;
	margin:0px;
}


/* [Photo album] */
#photoList {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#photoList li {
	margin: 0px;
	padding: 0px;
	float: left;
	margin: 5px;
	position: relative;
	width: 178px;
}
#photoList li .options {
	background: url(/images/white75percent.png) left top repeat;
	position: absolute;
	top: 5px;
	right: 5px;
	text-align: right;
	display: none;
}
#photoList li:hover .options {
	display: block;
}
#photoList li .options a {
	float: left;
}
#photoList li .cover {
	background: url(/images/white75percent.png) left top repeat;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	width: 168px;
	position: absolute;
	bottom: 5px;
	left: -18px;
	z-index: 10;
	padding-top: 5px;
	padding-bottom: 5px;
}
#photoList li a {
	display: block;
	background: url(/images/blank.gif) left top repeat;
	text-decoration: none;
}
#photoList li a:hover {
	text-decoration: none;
}
#photoList li .thumbnail {
	width: 178px;
}

#global {
	position: relative;
	width: 100%;
	min-width: 960px;
	overflow: hidden;
}


/* Pagination */
.pagination {
    padding: 0;
    list-style: none;
    float: right;
    margin: 20px 0;
}

.pagination li {
    margin: 0;
    padding: 0;
}

.pagination li {
    float: left;
}

.pagination li a {
    display: block;
    padding: 6px 8px 3px 8px;
    color: #bc210a;
    text-decoration: none;
}

.pagination li a:hover {
    text-decoration: none;
    color: #302C2D;
}

.pagination li.current {
    background: #bc210a;
    color: #fff;
    padding: 6px 8px 3px 8px;
}

.pagination li.break {
    padding: 3px 8px 3px 8px;
}

.pagination li.deactivated {
    padding: 6px 8px 3px 8px;
    color: #ccc;
}

.sort_arrow{
    float: right;
    clear: both;
    margin-top: 3px;
}


.icon-active {
    background: url(/images/icon-active.png) 2px 2px no-repeat;
    width: 19px;
    height: 19px;
    display: block;
}

.icon-inactive {
    background: url(/images/icon-inactive.png) 2px 2px no-repeat;
    width: 19px;
    height: 19px;
    display: block;
}

.autodatatable .adt-ctrl {
    list-style: none;
    margin: 0;
    /*border-left: 1px solid #aaa;*/
    padding: 4px 0 0 10px;
    line-height: 1;
}

.autodatatable .adt-ctrl li {
    display: inline-block;
    vertical-align: top;
    margin: 0 2px 0 0;
    padding: 0 0 4px;
}

.autodatatable .adt-ctrl-multiline li {
    display: block;
}

.dateCacher2{
    width: 75px!important;
    float: right;
    color: #4d4d4d!important;
}

.btnCalendrier{
    background: url("/images/imgCalendrier.jpg") top left no-repeat;
    width: 16px;
    height: 18px;
    display: block;
    float: right;
    margin: 7px;
}

.btn_next_step {
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    float: right;
    display: block;
    text-align: center;
    color: #000 !important;
    background-color: #fff;
    padding: 4px 15px 0;
    height: 29px;
}

.btn_next_step_traiteur {
	text-transform: uppercase;
	text-decoration: none;
	font-size: 14px;
	float: left;
	display: block;
	text-align: center;
	color: #000 !important;
	background-color: #fff;
	background-image: url("/images/btn_arrowNext%20-%20Padded.png");
	background-position: right;
	background-repeat: no-repeat;
	padding: 7px 30px 0 15px;
	margin-top: 12px;
	height: 29px;

}

.btn_next_step_traiteur:hover {
    background-image: url("/images/btn_arrowNext%20-%20WhitePadded.png");
    background-position: right;
    background-repeat: no-repeat;
    text-decoration: none;
    color: #FFF;
    background-color: #D38B00;
}

.btn_primary {
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    float: left;
    display: block;
    text-align: center;
    color: #000;
    background-color: #fff;
    margin-top: 12px;
    border: none;
    padding: 0 30px;
    line-height: 28px;
    width: 300px;
}

.btn_primary:hover {
    text-decoration: none;
    color: #FFF;
    background-color: #D38B00;
}

.account_form {
    width: 50%;
    float: left;
    border-left: 1px solid white;
    padding-left: 50px;
    display: none;
}

.account_form [type=text],
.account_form [type=password],
.account_form select {
    width: 100%;
}

/*****************************************
 _   _  ___    _____  ___    ___    ___   
( ) ( )(  _`\ (  _  )(  _`\ (  _`\ |  _`\ 
| |_| || (_(_)| (_) || | ) || (_(_)| (_) )
|  _  ||  _)_ |  _  || | | )|  _)_ | ,  / 
| | | || (_( )| | | || |_) || (_( )| |\ \ 
(_) (_)(____/'(_) (_)(____/'(____/'(_) (_)
*******************************************/


#fixed-bg{
    width: 100%;
    height: 100%;
    background: url('/images/tiles/bodybg.jpg') top left;
    position:fixed;
    z-index:2;
}

.tileSchool{
    background: url('/images/tiles/schoolbodybg.jpg') top left !important;
}

#header-container {
    position: relative;
    width: 100%;
    min-height: 50px;
    z-index: 2;
}

#header {
    position: relative;
    width: 960px;
    margin: 0px auto;
}

#header-top{
    height: 35px;
    width: 960px;
    margin: auto;
    position: relative;
    padding-top: 15px;
}

#header-top ul{
    position: relative;
    float: right;
    list-style: none;
}

#header-top li{
    position: relative;
    float: left;
    padding:0px;
    margin:0px;
    margin-left: 15px;
}

#header-top a{
    color: #b4b4b4;
    font-family: arial;
    font-size: 11px;
    font-weight: bold;
}

#header-top a:hover{
    color: #d38b00;
}

#fullmenuitem{
    background: #fff;
    height: 21px;
    text-align: center;
    position: relative;
    top: -2px;
	padding: 2px 5px 0;
}

#loginbg-wrap{
    width: 960px;
    position: relative;
    margin: auto;
}

#loginbg{
    display: none;
    position: absolute;
    z-index: 100;
    right: 77px;
    top: 32px;
    width: 141px;
    /*height: 120px;*/
    background: url('/images/header/loginbg.png') no-repeat top left;
    padding:20px;
}

#loginbg p{
	font-size: 14px;
	
}

#loginbg a{
	font-size: 14px;
	
}
#loginbg a{
	color: #d38b00;
	
}


.logininput{
    width: 136px;
    height: 24px;
    font-size: 16px;
    margin-bottom: 8px;
}

.logininput1{
    margin-bottom: 5px;
}

#logindiv{
    margin-bottom: 5px;
}

#logindiv a{
    font-family: arial;
    font-size: 12px;
    color: #bababa;
	font-weight: bold;
}

#loginbtn{
    width: 96px;
    height: 28px;
    background: #d38b00;
    color: #fff;
}


/**************************************************
 _   _  _____  _   _          ___    _____  ___   
( ) ( )(  _  )( ) ( )        (  _`\ (  _  )|  _`\ 
| `\| || (_) || | | | ______ | (_) )| (_) || (_) )
| , ` ||  _  || | | |(______)|  _ <'|  _  || ,  / 
| |`\ || | | || \_/ |        | (_) )| | | || |\ \ 
(_) (_)(_) (_)`\___/'        (____/'(_) (_)(_) (_)
****************************************************/

#nav-bar-container {

}

#nav-bar {
	
}


/*****************************
        ___    _   _  _   _ 
/'\_/`\(  _`\ ( ) ( )( ) ( )
|     || (_(_)| `\| || | | |
| (_) ||  _)_ | , ` || | | |
| | | || (_( )| |`\ || (_) |
(_) (_)(____/'(_) (_)(_____)
******************************/

#menu-container {
    position: relative;
    width: 100%;
    min-height: 93px;
    background: url('/images/tiles/menubg.png') repeat-x top left;
    z-index: 3;
}

#menu {
    position: relative;
    margin: auto;
    width: 960px;
    padding-top: 20px;
    height: 73px;
}

#menu-calendar{
	position: relative;
    margin: auto;
    width: 960px;
    height: 73px;
}

#header-logo{
    width:282px;
    height: 51px;
    position: relative;
    float: left;
    background: url('/images/header/logo.png') no-repeat top left;
    margin-right: 25px;
	background-size: contain;
}

.ie7 #header-logo, .ie8 #header-logo{
    width:282px;
    height: 51px;
    position: relative;
    float: left;
    background: url('/images/header/logo.png') no-repeat top left;
    margin-right: 7px;
}

.menu-items{
    position: relative;
    float: left;
    height: 51px;
    color: #000;
    font-weight: 300;
    font-size: 16px;
    padding-top: 10px;
    padding-left: 22px;
    padding-right: 22px;
}

.ie7 .menu-items, .ie8 .menu-items{
    position: relative;
    float: left;
    height: 51px;
    color: #000;
    font-weight: 300;
    font-size: 14px;
    padding-top: 10px;
    padding-left: 22px;
    padding-right: 22px;
}

.last-item{
    padding-right: 0px;
}

.divtext{
    position: relative;
    float: left;
    padding-left: 9px;
    margin-top: -2px;
    line-height: 20px;
}

.menu-items span{
    color: #000;
    font-weight: 900;
    font-size: 17px;
}


.ie7 .menu-items span, .ie8 .menu-items span{
    color: #000;
    font-weight: 900;
    font-size: 14px;
}

.menuseparator{
    position: relative;
    float: left;
    width: 1px;
    height: 23px;
    background: url('/images/header/menu_separator.png') no-repeat top left;
    margin-top: 18px;
}

#menuicon1{
    position: relative;
    float: left;
    width: 38px;
    height: 38px;
    background: url('/images/header/traiteur_icon.png') no-repeat top left;

}

#menuicon2{
    position: relative;
    float: left;
    width: 38px;
    height: 38px;
    background: url('/images/header/ecole_icon.png') no-repeat top left;
}

#menuicon3{
    position: relative;
    float: left;
    width: 38px;
    height: 38px;
    background: url('/images/header/boutique_icon.png') no-repeat top left;
}

#menuicon4{
    position: relative;
    float: left;
    width: 38px;
    height: 38px;
    background: url('/images/header/carte_icon.png') no-repeat top left;
}

/****************************************
 ___    _      _  ___    ___    ___   
(  _`\ ( )    (_)(  _`\ (  _`\ |  _`\ 
| (_(_)| |    | || | ) || (_(_)| (_) )
`\__ \ | |  _ | || | | )|  _)_ | ,  / 
( )_) || |_( )| || |_) || (_( )| |\ \ 
`\____)(____/'(_)(____/'(____/'(_) (_)
*****************************************/

#slider-container {
    position: relative;
    min-height: 336px;
    width: 100%;
    z-index: 2;
}

#slider-content{
    position: relative;
    width:960px;
    margin: auto;
    margin-top:46px;
}

.slider-cadre{
    background: url('/images/header/slider_cadre.png') no-repeat top left;
    width: 309px;
    height: 336px;
    position: absolute;
    z-index: 5;
    display: block;
}

.slider-cadre p{
    font-size: 15px;
    color: #fff;
    position: absolute;
    bottom: 18px;
    text-align: center;
    width: 293px;
    padding-left: 8px;
}

#slider-cadre1 {
    left: 0px;
}

#slider-cadre2 {
    left: 327px;
}

#slider-cadre3 {
    left: 653px;
}

.slider{
    z-index: 2;
    position: relative;
    display: block;
    float: left;
    padding: 3px;
}

.slider img{
    z-index: 2;
    position: relative;
    display: block;
    width: 300px;
    height: 328px;
}

#slider-wrap2{
    margin-left:21px !important;
}

#slider-wrap3{
    margin-left:21px !important;
}

/*************************************************
 ___    _____  _   _  _____  ___    _   _  _____ 
(  _`\ (  _  )( ) ( )(_   _)(  _`\ ( ) ( )(_   _)
| ( (_)| ( ) || `\| |  | |  | (_(_)| `\| |  | |  
| |  _ | | | || , ` |  | |  |  _)_ | , ` |  | |  
| (_( )| (_) || |`\ |  | |  | (_( )| |`\ |  | |  
(____/'(_____)(_) (_)  (_)  (____/'(_) (_)  (_) 
***************************************************/
#provincesId .lineSelect{
    position: relative;
    width: 100%;
    border-bottom: 1px solid #000000;
    padding-top: 6px;
}
#content-container {
    position: relative;
    width: 100%;
    z-index:2;
}

#content {
    position: relative;
    width: 960px;
    margin: 0px auto;
}

#content-admin {
    position: relative;
    width: 960px;
    margin: 0px auto;
    margin-top: 46px;
    background: url('/images/tiles/greytile.png');
    padding: 27px;
    color: #fff;
	min-height: 550px;
}

#content-admin a{
    color: #fff;
}

#content-admin a:hover{
    color: #d38b00;
}

#datepicker a {
    color: #000;
}

#underslider{
    width: 960px;
    height: 74px;
    margin: auto;
    background: url('/images/body/underslider.png') left center no-repeat;
}

#content-wrap{
    margin-bottom: 27px;
    height: 179px;
}

#content-annonce-wrap{
    position: absolute;
    z-index: 3;
    width: 638px;
    height: 179px;
    background: url('/images/body/pub_cadre.png') no-repeat top left;
    left:0px;
}

#content-annonce{
    width: 631px;
    height: 173px;
    margin: 3px;
    background: transparent;
    position: relative;
    float: left;
    z-index: 2;
}

#content-boutique-warp{
    position: absolute;
    z-index: 2;
    width: 310px;
    height: 179px;
    background: url('/images/body/boutique_cadre.png') no-repeat top left;
    left: 650px;
}

#content-boutique-warp-int{
    position: absolute;
    z-index: 2;
    width: 180px;
    height: 244px;
    background: url('/images/body/boutique_cadre_int.png') no-repeat top left;
}

#content-boutique{
    width: 256px;
    height: 130px;
    margin: 3px;
    background: url('/images/body/boutiquebg.png') #fff no-repeat left center;
    position: relative;
    float: left;
    z-index: 1;
    margin-left: 18px;
    padding: 22px 22px 22px 22px;
    line-height: 46px;
}

#content-boutique-row1{
    color: #d38b00;
    font-size: 50px;
    font-weight: 300;

}

#content-boutique-row2{
    color: #4d4c4c;
    font-size: 30px;
    font-weight: 300;
}

#content-boutique-row3 {
    width: 99px;
    height: 35px;
    font-size: 14px;
    font-weight: 900;
    color: #fff;
    background: #d38b00;
    text-align: center;
    line-height: 35px;
    position: absolute;
    z-index: 10;
    right: 181px;
    top: 190px;
}

#content-boutique-row3 a{
    color: #fff;
}

#content-boutique-row3 a:hover{
    color: #fff !important;
    text-decoration: none;
}

#content-boutique-row3 span{
    padding-left: 6px;
}


#content-int {
    position: relative;
    width: 960px;
    margin: 0px auto;
    margin-top: 46px;
    color: #fff;
}

#content-int-nopadding {
    position: relative;
    width: 960px;
    margin: 0px auto;
    margin-top: 0px;
    color: #fff;
}

#content-int-nopadding a{
    color: #fff;
}

#content-int-nopadding a:hover{
    color: #d38b00;
}

#content-int a{
    color: #fff;
}

#content-int a:hover{
    color: #d38b00;
}


#content-wrap-int{
    background: url('/images/tiles/greytile.png');
    float: left;
    position: relative;
    width: 699px;
    padding: 27px;
    margin-right: 27px;
    min-height: 487px;
    font-size:12px;
    font-family:Tahoma,Arial,sans-serif;
}

#content-boutique-row1-int{
    color: #d38b00;
    font-size: 40px;
    font-weight: 300;

}

#content-boutique-row2-int{
    color: #4d4c4c;
    font-size: 27px;
    font-weight: 300;
}

#content-boutique-row3-int{
    width: 99px;
    height: 35px;
    font-size: 14px;
    font-weight: 900;
    color: #fff;
    background: #d38b00;
    text-align: center;
    line-height: 35px;
    position: absolute;
    z-index: 10;
    right: 40px;
    top: 180px;
}

#content-boutique-row3-int a{
    color: #fff;
}

#content-boutique-row3-int a:hover{
    color: #fff;
    text-decoration: none;
}

#content-boutique-row3-int span{
    padding-left: 6px;
}

#sidepanel{
    float: left;
    position: relative;
    width: 180px;
}

#content-boutique-int{
    width: 122px;
    height: 191px;
    margin: 3px;
    background: url('/images/body/boutiquebg.png') #fff no-repeat right center;
    position: relative;
    float: left;
    z-index: 1;
    margin-left: 8px;
    padding: 22px 22px 22px 22px;
    line-height: 34px;
    left:0px;
    margin-bottom: 27px;
}

#content-annonce-wrap-int{
    position: absolute;
    z-index: 3;
    left:0px;
    top:263px;
    overflow: hidden;
    padding-top: 5px;
    padding-left: 5px;
}

#institutleft{
	position: absolute;
	width: 475px;
	height: 308px;
	background: url('/images/body/institutions_cadre.png') no-repeat left top;
	left: 0px;
	z-index:2;
}

#institutright{
	position: absolute;
	width: 475px;
	height: 308px;
	background: url('/images/body/institutions_cadre.png') no-repeat left top;
	left: 486px;
	z-index:2;
}

.institut-cadre p{
	font-size: 15px;
	color: #fff;
	position: absolute;
	bottom: 18px;
	text-align: center;
	width: 460px;
	padding-left: 8px;
	text-transform: uppercase;
}

#institutleftimg1{
	position: relative;
    float: left;
	z-index:1;
	margin-right: 21px;
	margin-left: 5px;
	margin-top: 2px;
}

#institutleftimg2{
	position: relative;
    float: left;
	z-index:1;
	margin-top: 2px;
}


.dont-break-out {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.page-break-inside {
    page-break-inside: avoid;
}

/********************************************
 ___    _____  _____  _____  ___    ___   
(  _`\ (  _  )(  _  )(_   _)(  _`\ |  _`\ 
| (_(_)| ( ) || ( ) |  | |  | (_(_)| (_) )
|  _)  | | | || | | |  | |  |  _)_ | ,  / 
| |    | (_) || (_) |  | |  | (_( )| |\ \ 
(_)    (_____)(_____)  (_)  (____/'(_) (_)
**********************************************/

#footer-container {
    position: relative;
    width: 100%;
    min-height: 219px;
    z-index:2;
}

#footer {
    position: relative;
    width: 960px;
    margin: auto;
    height: 161px;
}

.footer-separator{
    position: relative;
    float: left;
    width: 1px;
    height: 126px;
    background: url('/images/footer/separator.png') no-repeat top left;
    margin-top: 10px;
}

#footer-div1 {
    position: relative;
    float: left;
    width: 362px;
}

#footer-div2 {
    position: relative;
    float: left;
    width: 301px;
    padding-left: 27px;
}

#footer-div2 a{
    color: #b1b1b1;
    font-size: 14px;
}

#footer-div2 ul{
    list-style: none;
}

#footer-div2 li {
    margin-top: 0px;
}

#footer-div3 {
    position: relative;
    float: left;
    width: 220px;
    margin-left: 27px;
}


#footer-div3 a{
    color: #b1b1b1;
    font-size: 14px;
}

#footer-div3 ul{
    list-style: none;
}

#footer-div3 li {
    margin-top: 0px;
}


.footer-titletd{
    padding-bottom: 20px;
    padding-top: 6px;
}

#fullmenuitem2{
    background: #fff;
    width: 80px;
    text-align: center;
    margin-left: 13px;
    height: 20px;
    padding-top: 2px;
    position: absolute;
    top: 2px;
}

#fullmenuitem2 a{
    font-size: 11px;
    color: #d38b00;
    font-weight: 900;
}

#footer-logo{
    background: url('/images/footer/logo.png') top left no-repeat;
    width: 282px;
    height: 51px;
    float: left;
    position: relative;
    margin-bottom: 27px;
}

#footer-pimp-icon{
    background: url('/images/footer/pimp_icon.png') top left no-repeat;
    width: 76px;
    height: 62px;
    float: left;
    position: relative;
    margin-right: 27px;
}

.footer-title{
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
}

.footer-title2{
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    padding-left: 20px;
}

#footer-pimp-wrap table{
    font-size: 14px;
    font-weight: 300;
    color: #b1b1b1;
    width: 250px;
}

#footer-pimp-wrap td{
    padding-bottom: 3px;
}

#footer-pimp-wrap a{
    color: #b1b1b1;
}

#footer-bottom{
    position: relative;
    width: 960px;
    margin: auto;
    height: 58px;
}

.fieldError {
    color: #cc3600;
    font-size: 12px;
    font-style: italic;
}



/*****************************************
PICTURE BROWSER
*****************************************/

#pictureBrowserBackground {
    background: #000;
    filter: alpha(opacity=70); /* IE */
    opacity: 0.7; /* Webkit */
    -moz-opacity:0.70; /* Gecko */
    z-index: 800;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
}

#pictureBrowserFrame,
#planBrowserFrame{
    background: #fff;
    padding: 15px;
    border: 1px solid #000;
    width: 600px;
    height: 400px;
    z-index: 850;
    position: relative;
    top: 50%;
    left: 50%;
    margin-top: -215px;
    margin-left: -315px;
}

#pictureBrowserInside {

}

#pictureBrowserInside .fileTable td {
    width: 85px;
    vertical-align: top;
    text-align: center;
}

#pictureBrowserInside .file {
    width: 85px;
    word-wrap: break-word;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; *behavior: url(/scripts/boxsizing.htc);
    padding: 5px;
    cursor: pointer;
    position: relative;
}

#pictureBrowserInside .file:hover {
    padding: 3px;
    background: #f4f6f9;
    border: 2px solid #c4cfdc;
}

#pictureBrowserInside .file:hover .fileExtension {
    top: 46px;
    left: 24px;
}

#pictureBrowserInside .file .fileExtension {
    font-weight: bold;
    position: absolute;
    top: 48px;
    left: 26px;
}

#pictureBrowserInside .selectedFile {
    padding: 3px;
    background: #dcedff;
    border: 2px solid #4090ea;
}

#pictureBrowserInside .selectedFile .fileExtension {
    top: 46px;
    left: 24px;
}

#pictureBrowserInside .selectedFile:hover {
    padding: 3px;
    background: #dcedff;
    border: 2px solid #4090ea;
}

#pictureBrowserInside .buttonHolder {
    margin-top: 15px;
}

#pictureBrowserInside .leftButtonsHolder {
    float: left;
}

#pictureBrowserInside .rightButtonsHolder {
    float: right;
}

#pictureList {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#pictureList li {
    margin: 0px;
    padding: 0px;
    position: relative;
    float: left;
    width: 137px;
    height: 103px;
    margin-bottom: 4px;
    margin-right: 4px;
}

#pictureList li:hover .pictureMenu {
    display: block;
}

.pictureMenu {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
    width: 129px;
    padding: 4px;
}

.pictureMenu a.pictureHandle {
    display: block;
    text-decoration: none;
    width: 20px;
    height: 21px;
    background: url(../images/pictureHandle.png) 0px 0px no-repeat;
    float: left;
    cursor: move;
}

.pictureMenu a.pictureHandle:hover {
    text-decoration: none;
    background: url(../images/pictureHandle.png) 0px -22px no-repeat;
}

.pictureMenu a.pictureEditBtn {
    display: block;
    text-decoration: none;
    width: 49px;
    height: 21px;
    background: url(../images/pictureEditBtn.png) 0px 0px no-repeat;
    float: right;
    margin-right: 4px;
}

.pictureMenu a.pictureEditBtn:hover {
    text-decoration: none;
    background: url(../images/pictureEditBtn.png) 0px -22px no-repeat;
}

.pictureMenu a.pictureDelBtn {
    display: block;
    text-decoration: none;
    width: 20px;
    height: 21px;
    background: url(../images/pictureDelBtn.png) 0px 0px no-repeat;
    float: right;
}

.pictureMenu a.pictureDelBtn:hover {
    text-decoration: none;
    background: url(../images/pictureDelBtn.png) 0px -22px no-repeat;
}

/*******************************************************************************************/
.itemList{
    float: left;
    padding-right: 20px;
    overflow: auto;
}

.itemsContainer{
	border: 1px solid #000;
	width: 400px;
	min-height: 40px;
	display: block;
	position: relative;
}

.itemsContainer2{
	border: 1px solid #000;
	width: 450px;
	min-height: 40px;
	display: block;
	position: relative;
}

.recetteList{
    float: left;
    padding-right: 20px;
    height: 450px;
    overflow: auto;
    width: 315px;
	position: fixed;
}

.bin{
    height: 50px;
    border: solid 1px #000;
}

.recettesContainer{

}

.divJour{
    float: left;
    width: 115px;
    padding-right: 10px;
}

/* style the list to maximize the droppable hitarea */
.divJour ol {
    margin: 0;
    padding: 1em 0 1em 3em;
    list-style-type: decimal
}


.weekName{
    font-size: 14px;
	background: url('/images/tiles/calendrierTitleTile.png') repeat-x;
	height: 33px;
	color: #d38b00;
	text-transform: uppercase;
	width: 116px;
	text-align: center;
	padding-top: 13px;
}

.containerCalendrier{
    float: right;
    width: 625px;
}

.containerCalendrierWrap{
    position: relative;
    text-align: center;
    width: 960px;
    line-height: 6px;
}

.containerCalendrierWrapAdmin{
    position: relative;
    float: left;
    text-align: center;
    margin-left: 30px;
}

.btnCalendrierFleche{
    float: left;
    font-size: 20px;
    font-weight: bold;
}

.btnCalendrierFlecheBig{
    position: relative;
    /*padding-top: 2px;*/
	/*float: left;*/
    font-size: 20px;
    text-transform: uppercase;
}

.btnCalendrierFlecheBigAdmin{
    position: relative;
    padding-top: 2px;
	float: left;
    font-size: 20px;
    text-transform: uppercase;
}

.ListMoisCalendrier{
    float: left;
    padding-left: 10px;
    font-size: 20px;
    font-weight: bold;
    padding-right: 10px;
}

.ListMoisCalendrierBig{
    position: relative;
    /*float: left;*/
    padding-left: 10px;
    font-size: 30px;
    padding-right: 10px;
    text-transform: uppercase;
    /*padding-top: 2px;*/
}

.ListMoisCalendrierBigAdmin{
    position: relative;
    float: left;
    padding-left: 10px;
    font-size: 30px;
    padding-right: 10px;
    text-transform: uppercase;
    padding-top: 2px;
}

.recetteIdHidden{
    display: none;
}
.typeRecette{
    display: none;
}

.desactivate{
    background: #cccccc;
    min-height: 62px;
    color: #333;
}

.desactivateExtra{
	background: #cccccc;
	min-height: 62px;
	color: #333;
}

.desactivateMonth{
	background: #cccccc;
	min-height: 62px;
	color: #333;
}

.rapportdate{
	background: url(/images/calendar.gif) no-repeat left top;
	width: 16px;
	height: 15px;
	margin-top: 10px;
	margin-left: 10px;
	position: relative;
	float: left;
}

.rapportdateEcole{
	background: url(/images/calendar.gif) no-repeat left top;
	width: 16px;
	height: 15px;
	margin-top: 8px;
	margin-left: 5px;
	position: relative;
	float: right;
}

.rapportdateAdd{
	background: url(/images/calendar.gif) no-repeat left top;
	width: 16px;
	height: 15px;
	margin-top: 10px;
	margin-left: 10px;
	position: relative;
	float: left;
}

#periodeTable td{
	
}

.addPeriode{
	background: url('/images/tools_icons/add.png') no-repeat;
	width: 16px;
	height: 16px;
	position: relative;
	float: left;
	cursor: pointer;
	margin-top: 10px;
	margin-left: 8px;
}

.addDegreesScolaire{
	background: url('/images/tools_icons/add.png') no-repeat;
	width: 16px;
	height: 16px;
	position: relative;
	cursor: pointer;
	margin-right: 75px;
	margin-top: 5px;
}

.addGroupes{
	background: url('/images/tools_icons/add.png') no-repeat;
	width: 16px;
	height: 16px;
	position: relative;
	cursor: pointer;
	margin-right: 75px;
	margin-top: 5px;
}

.addFondations{
	background: url('/images/tools_icons/add.png') no-repeat;
	width: 16px;
	height: 16px;
	position: relative;
	cursor: pointer;
	margin-right: 75px;
	margin-top: 5px;
}

#errorMsg{
	position: relative;
	float: left;
	color: red;
	width: 300px;
	margin-left: 10px;
	margin-top: 5px;
}

.periodeDelete{
	background: url('/images/tools_icons/delete.png') no-repeat;
	width: 16px;
	height: 16px;
	position: relative;
	float: left;
	cursor: pointer;
	margin-top: 10px;
	margin-left: 8px;
}

.groupesDelete{
	background: url('/images/tools_icons/delete.png') no-repeat;
	width: 16px;
	height: 16px;
	position: relative;
	cursor: pointer;
	margin-top: 10px;
}

.degreesScolaireDelete{
	background: url('/images/tools_icons/delete.png') no-repeat;
	width: 16px;
	height: 16px;
	position: relative;
	cursor: pointer;
	margin-top: 10px;
}

.fondationsDelete{
	background: url('/images/tools_icons/delete.png') no-repeat;
	width: 16px;
	height: 16px;
	position: relative;
	cursor: pointer;
	margin-top: 10px;
}

.periodeInactif, .periodeActif{
	position: relative;
	float: left;
	margin-top: 11px;
}


.permissionField {
    list-style: none;
    margin: 0;
    padding: 0;
}

.permissionField li {
    margin: 0;
    padding: 0;
    padding: 2px 0;
}

.permissionField li > ul {
    margin-left: 25px;
}

.permissionField input[type="checkbox"] {
    vertical-align: middle;
}

.permissionField label {
    vertical-align: middle;
}

#user-groups .user-group-title {
    font-weight: bold;
    padding-top: 4px;
    font-size: 14px;
}

#user-groups .user-group-list-label {
    font-weight: bold;
    font-size: 12px;
}

#user-groups .user-group-selected {
    margin-bottom: 10px;
    margin-top: 5px;
}

#user-groups .user-group-selected li {
    line-height: 1.9;
}

#user-groups .user-group-center {
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

#user-groups .user-group-selected-label {
    width: 300px;
    float: left;
}

#user-groups .user-group-selected-remove {
    float: right;
}

#user-groups {
    width: 400px;
}

#recettesContainer li{
    cursor: pointer;
}

.ordornate{
    margin: 0;
    padding: 0.5em 0 0.5em 1em;
    list-style-type: decimal;
}

/* MENU ADMIN */

.gestionmenuwrap{
    margin-top: 7px;
}

.gestionmainul{
	list-style: none;
}

.gestionmainul>li>a{
    color: #000;
}

.gestionmainul>li>a:hover{
    text-decoration: none;
}

.gestionmainul>li{
	position: relative;
	float: left;
    font-size: 20px;
}

.gestionmainul>li:hover .sous-menu{
	display: block;
}

.floatmenu{
    position: relative;
    float: left;
}

.sous-menu{
    position: absolute;
    display: none;
    background: url('/images/tiles/greytileMenu.png');
    /*width: 260px;*/
    border: 1px solid #000;
    z-index: 2000;
    font-size: 14px;
	font-weight: 300;
}

.sous-menu ul{
    list-style: none;
}

.sous-menu a{
    color: #fff;
}

.sous-menu a:hover{
    color: #d38b00;
}

.sous-menu p{
    color: #d38b00;
    font-size: 16px;
	margin-left: 20px;
	margin-top: 3px;
}

#sous-menu1{
    width: 480px;
}

#sous-menu2{
    width: 336px;
}

#sous-menu3{
    width: 388px;
}

#sous-menu4{
    width: 290px;
}

#sous-menu5{
    width: 545px;
    right: -13px;
}

.ajouterMenu{

}

#drag{
	list-style: none;
}

#drag>li{
	width: 300px;
	min-height: 60px;
	display: block;
	background: #464646;
	border: 1px solid #000;
}

#sectiondiv div{
	list-style-type: decimal;
	margin-left: 42px;
	position:relative;
}

.sectionlabel{
	margin-left: 24px;
}

.coutsupp{
	/*display: none;*/
}

.choixsupptd{
	
}

.divItems{
    width: 100%;
    padding-right: 10px;
}

/* style the list to maximize the droppable hitarea */
.divItems ol {
    margin: 0;
    padding: 1em 0 1em 3em;
    list-style-type: decimal;
	width: 100%;
	cursor:pointer;
}

#listePrixContainer{
	background: url('/images/tiles/greytile.png');
	position: relative;
	width: 940px;
	padding: 10px;
	min-height: 200px;
	margin: auto;
	display:none;
}

/* CALENDAR */

#schoolCalendarContainer{
	background: url('/images/tiles/greytile.png');
	position: relative;
	width: 940px;
	padding: 10px;
	min-height: 200px;
	margin: auto;
    font-family:Tahoma,Arial,sans-serif;
}

.schoolCalendarDayTitle{
	border-top: 1px solid #d7d7d7;
	border-left: 1px solid #d7d7d7;
	border-right: 0px solid #d7d7d7;
	font-size: 18px;
	background: url('/images/tiles/calendrierTitleTile.png') repeat-x;
	height: 36px;
	color: #d38b00;
	text-transform: uppercase;
	width: 129px;
	text-align: left;
	padding-top: 10px;
	position: relative;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}

.schoolCalendarDayTitleEmpty{
	border-top: 1px solid #d7d7d7;
	border-left: 1px solid #d7d7d7;
	border-right: 0px solid #d7d7d7;
	font-size: 18px;
	background: url('/images/tiles/calendrierTitleTile.png') repeat-x;
	height: 36px;
	color: #bbb;
	text-transform: uppercase;
	width: 129px;
	text-align: left;
	padding-top: 10px;
	position: relative;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}

.schoolCalendarDay{
	width: 181px;
	background: #fff;
	border: 1px solid #d7d7d7;
	margin-right: 6px;
	margin-bottom: 10px;
	position: relative;
	float: left;
	min-height: 250px;
}

.schoolCalendarDayEmpty{
	width: 181px;
	background: #bbb;
	border: 1px solid #d7d7d7;
	margin-right: 6px;
	margin-bottom: 10px;
	position: relative;
	float: left;
	min-height: 250px;
}

.schoolCalendarDayNum{
	border-top: 1px solid #d7d7d7;
	border-left: 0px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	font-size: 15px;
	background: url('/images/tiles/calendrierTitleTile.png') repeat-x;
	height: 36px;
	color: #505050;
	text-transform: uppercase;
	width: 10px;
	text-align: right;
	padding-top: 10px;
	position: relative;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}

.schoolCalendarDayNumEmpty{
	border-top: 1px solid #d7d7d7;
	border-left: 0px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	font-size: 15px;
	background: url('/images/tiles/calendrierTitleTile.png') repeat-x;
	height: 36px;
	color: #bbb;
	text-transform: uppercase;
	width: 10px;
	text-align: right;
	padding-top: 10px;
	position: relative;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}

.schoolCalendarDayLast{
	margin-right: 0px !important;
}
#eventCalendar h2{text-align:center; text-transform:uppercase; font-size:30px;}
.eventCalendarDay{position:relative; width:130px; background:#fff; border:1px solid #d7d7d7; margin-right:6px; margin-bottom:10px; position:relative; float:left; min-height:265px;}
.eventCalendarDay.first{clear:both;}
.eventCalendarDay.last{margin-right:0px !important;}
.eventCalendarDay.empty{background:#bbb;}
.eventCalendarDay .title{width:78px; border:1px solid #d7d7d7; border-bottom:0; border-right:0; font-size:18px; background:url('/images/tiles/calendrierTitleTile.png') repeat-x; height:36px; color:#d38b00; text-transform:uppercase; text-align:left; padding:10px 10px 1px 10px; margin-bottom:5px; position:relative; float:left;}
.eventCalendarDay.empty .title{color:#bbb;}
.eventCalendarDay .num{width:10px; border:1px solid #d7d7d7; border-bottom:0; border-left:0; font-size:15px; background:url('/images/tiles/calendrierTitleTile.png') repeat-x; height:36px; color:#505050; text-transform:uppercase; text-align:right; padding:10px 10px 1px 10px; margin-bottom:5px; position:relative; float:left;}
.eventCalendarDay.empty .num{color:#bbb;}
.eventCalendarDay .events{color:#505050; border:1px solid #505050; padding:3px; margin-top:5px; overflow:hidden;}
.eventCalendarDay .events a{color:#505050!important; display:block; overflow:hidden;}
.eventCalendarDay .events a:hover{color:#D38B00!important;}
.eventCalendarDay.empty .events{color:#fff; border:1px solid #fff;}
.eventCalendarDay.empty .events a{color:#fff!important;}
.eventCalendarDay.empty .events a:hover{color:#D38B00!important;}
.eventCalendarDay .events .nbPersonnes{float:left;}
.eventCalendarDay .events .heure{float:right;}
.eventCalendarDay .content{position:absolute; top:47px; left:0; height:218px; width:130px;}

.commande .label, .autodatatable .label{
    font-size:1.5em;
    /*font-weight:bold;*/
}
.commande.commAdmin{margin-bottom: 40px}
.commande.commAdmin td{vertical-align: top}
.commande .labelresp{font-size: 1.2em}

#logo{display:block; width:282px; height:51px; margin:0 auto; background: url('/images/header/logo.png') no-repeat top left; text-indent:-99999px}

#schoolCalendarTop{
	height: 112px;
}

#schoolCalendarTopTraiteur{
	height: 65px;
}

#schoolCalendarTopAdmin{
	height: 215px;
}

#schoolCalendarTopRight{
	height: 33px;
	border-bottom: 1px dotted #fff;
	position: relative;
	float: right;
	text-align: center;
	padding-top: 14px;
	font-size: 17px;
	margin-bottom: 25px;
}

#selectEcoleWrap{
	position: relative;
	float: left;
	margin-top: 7px;
}

.calendrierRepasType{
	font-size: 18px;
	color: #000;
}

.repasListWrap{
	padding: 6px;
	margin-top: 0px;
	position: relative;
	float: left;
}

.repasListWrapNoMeal{
	font-size: 22px;
	color: #fff;
	padding: 6px;
	margin-top: 0px;
	position: relative;
}

.repasListContainer li{
	font-size: 12px;
	color: #757575;
}

.repasListContainer span{
	color: #d38b00;
	font-size: 12px;
	top: -1px;
	position: relative;
	margin-left: 4px;
	margin-right: 4px;
}

.repasListContainer a{
	font-size: 12px !important;
	color: #757575 !important;
}

.repasListContainer a:hover{
	text-decoration: none;
}

.selectCalendrier{
	border: #525455 1px solid;
	width: 385px;
	height: 35px;
	color: #818181;
	font-size: 15px;
	padding-left: 10px;
}

#calendarPdf{
	position: relative;
	float: right;
	width: 150px;
	padding-top: 20px;
}

#calendarPdfText{
	position: relative;
	float: right;
	font-size: 14px;
}

#calendarPdfIcon{
	width: 16px;
	height: 16px;
	background: url('/images/body/pdf_icon.png') left top no-repeat;
	position: relative;
	float: left;
	margin-top: 2px;
}

.recetteContainer{
	color: #fff;
	padding: 28px;
	font-size: 14px;
}

.recetteSection{
	text-decoration: underline;
	font-size: 16px;
}

.recetteContainer span{
	color: #d38b00;
	font-size: 14px;
	top: -1px;
	position: relative;
	margin-left: 4px;
	margin-right: 4px;
}

.recetteContainer ul{
	list-style: none;
}

.recetteContainer li{
	margin-left: 5px;
}

.recetteText{
	padding: 10px;
}


#connectionwrap{
	background: url('/images/tiles/greytile.png');
	position: relative;
	width: 940px;
	padding: 10px;
	min-height: 200px;
	margin: auto;
    font-family:Tahoma,Arial,sans-serif;
    color: #fff;
}

#schoolCalendarTopRight ul{
	list-style: none;
}

#schoolCalendarTopRight li{
	position: relative;
	float: left;
	padding: 0px;
	margin: 0px;
	margin-left: 15px;
}


.coloredli{
	color: #d38b00;
}

#loginName{
	position: absolute;
	top: -33px;
	left: 0px;
	font-size: 15px;
	color: #d38b00;
}

#loginNameAccueil{
	position: absolute;
	top: -416px;
	left: 0px;
	font-size: 15px;
	color: #d38b00;
}

#loginNameNopadding{
	position: absolute;
	top: 13px;
	left: 0px;
	font-size: 15px;
	color: #d38b00;
}

#monCompteTopmenu{
	position: absolute;
	top: -48px;
	right: 1px;
}

.restrictionClass{
	width: 256px;
	position: relative;
	float: left;
}

.mettreBank{
    position: absolute;
    left: -30px;
    top: 5px;
    cursor: pointer;
}

.adminMenuPad{
	padding-right:40px;	
}

.bankLunch{
    background: url("/images/tools_icons/item_bank.png") left top no-repeat;
    padding-left: 25px !important;
}

.monPanier{
    background: url("/images/tools_icons/icn_panier.png") left -3px no-repeat;
    padding-left: 25px !important;
}

/****************************cart*********************************************************/

#cart_steps_cont {
    text-align: center;
    position: relative;
    margin-top: 20px;
    margin-bottom: 60px;
}

#cart_steps_cont .step {
    display: inline-block;
    width: 55px;
    height: 55px;
    text-align: center;
    position: relative;
    top: 0;
    margin: 0 50px;
}

#cart_steps_cont .step span {
    position: absolute;
    bottom: -35px;
    text-align: center;
    width: 140px;
    margin-left: -70px;
    left: 50%;
    font-size: 15px;
    color: #9b9a99;
}

#cart_steps_cont .step.active span {
    font-size: 22px;
    color: #c9c9c9;
    margin-bottom: -3px;
}

#cart_steps_cont .step div {
    background: #858380;
    height: 1px;
    position: absolute;
    width: 58px;
    top: 50%;
    left: 78px;
}

#cart_steps_cont .step1 {
    background: url(/images/cart_icn_1.png) center top no-repeat;
}

#cart_steps_cont .step2 {
    background: url(/images/cart_icn_2.png) center top no-repeat;
}

#cart_steps_cont .step3 {
    background: url(/images/cart_icn_3.png) center top no-repeat;
}

#cart_steps_cont .step4 {
    background: url(/images/cart_icn_4.png) center top no-repeat;
}

#cart_steps_cont .step.active {
    background-position: center bottom;
}




#or_circle {
    position: absolute;
    left: -26px;
    top: -26px;
    background: url(/images/or_circle.gif) left top no-repeat;
    width: 53px;
    height: 53px;
    color: white;
    text-align: center;
    line-height: 45px;
    font-size: 27px;
}

.black_btn {
    background: #33312c;
    padding: 16px 22px !important;
    color: white;
    text-transform: uppercase;
    font-size: 15px !important;
    line-height: 15px !important;
    height: auto !important;
    display: inline-block;
}

.black_btn:hover {
    background: #44413b;
    color: white;
    text-decoration: none;
}

#ccTypeHolder div {
    float: left;
    margin-right: 5px;
}

#ccNumberInvalid {
    display: none;
}

.visaIcon {
    background: url(../images/paymentOptions.gif) 0px 0px no-repeat;
    width: 39px;
    height: 25px;
    border: 1px solid #999;
}

.mastercardIcon {
    background: url(../images/paymentOptions.gif) -39px 0px no-repeat;
    width: 39px;
    height: 25px;
    border: 1px solid #999;
}

.visaIconDisabled {
    border: 1px solid #999;
    /*background: url(../images/paymentOptions.gif) 0px -25px no-repeat;*/
}

.mastercardIconDisabled {
    border: 1px solid #999;
    /*background: url(../images/paymentOptions.gif) -39px -25px no-repeat;*/
}

.autodatatable td.totaltext{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    text-align: right;
    font-size: 11px;
    font-weight: bold;
    padding-right: 10px;
}

.autodatatable td.itemtotal{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    text-align: right;
    font-size: 11px;
    font-weight: bold;
    padding-right: 10px;
}

.autodatatable.noautocolor td {
    border-bottom: none;
    padding: 8px 0;
}

.cartTable td {
    color: #FFF;
}
.noautocolor td:hover{
    background: none !important;
}

.cartTable td {
    padding: 10px 6px;
    line-height: 1.2;
}

.cartTable th {
    padding-right: 6px;
}

.adminUserContainer{
	color: #ffffff;
	z-index: 2;
	position: relative;
	width:960px;
	margin:0px auto;
	
}

.adminUserContainer a{
	color: #ffffff;
}

.adminUserContent{
	width:100%;
}

.adminUserContent h1{
	float:left;
	padding-top:7px;
}

.adminUserContent h2{
	float:right;
	padding-top:9px;
}

#toggleCalendarPrixContainer{
	line-height: 22px;
}


.borderPub{
    position: absolute;
    width: 180px;
    height: 279px;
    left: 1px;
    top: 0px;
    background: url('/images/body/pub_cadre_int.png') no-repeat top left;
}

.removeStudent {
    margin: 5px 0 0 6px;
    position: relative;
    top: 2px;
    width: 14px;
}

table td .cart_delete {
    background: url(/images/cart_delete.png) left top no-repeat;
    display: inline-block;
    width: 13px;
    height: 15px;
}

table td .cart_delete:hover {
    background-position: left bottom;
}


.contentStuCompte{
    float: left;
    width: 200px;
}

.contentStuTexte{
    float: left;
    width: 730px;
}

.ui-autocomplete{
    z-index: 9999 !important;
}

.schoolHeaderReport{
    display: none;
}

.ie7 #fixed-bg{
    left:0px;
}

.ie7 #cart_steps_cont .step{
    float:left;
}

.ie7 #cart_steps_cont{
    width:700px;
    margin-left: auto;
    margin-right: auto;
}

.ie7 #content-boutique-warp-int{
    left:0px;
}

.contentTraiteur{
    width: 100%;
    float: left;
}

.contentTypeForfait{
    width: 200px;
    float: left;
}

.infoLindocile{
    font-size: 15px;
}

.logoFacture{
    float: left;
    width: 282px;
}

.btn-liste-soumission{
    display: inline-block;
    padding: 0 15px;
    color:#d38b00;
    border-right: 1px solid #d38b00;
}
.btn-liste-soumission.sansBord{
    border-right: none;
}
#btn-retour {
    width: 143px;
    height: 26px;
    padding: 19px;
    text-transform: uppercase;
    color: #000 !important;
    background-color: #ffffff;
    line-height: 13px;
    float: right;
}

.btn-back{
    height: 30px;
    margin: 10px 20px;
    background: url("/images/buttons/boutonSelectionMenu.jpg");
    background-position: center;
    padding: 10px 12px;
    font-weight: 900;
    position: absolute;
    right: 10px;
    top: 10px;
    text-transform: uppercase;
    background-color: #ffffff;
    color: #000000 !important;
    font-family: Oswald, Arial, Verdana, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.1;
}
.btn-retour-2ligne{
    color:#d38b00;
}
.btn-back:hover > .btn-retour-2ligne {
    color:#ffffff;
}

.btn-back:hover{
    background: url("/images/buttons/boutonSelectionMenu_HOVER.jpg");
    background-position: center;
    text-decoration: none;
    color: #ffffff !important;
}

.btn-background{
    margin: 10px 20px;
    background: #d38b00;
    padding: 12px;
    font-weight: 900;
    position: absolute;
    right: 10px;
    top: 10px;
}

.infoSoumission{
    float: left;
    width: 588px;
    padding-left: 70px;
}
.infoSoumissionPrint{
    float: left;
    width: 190px;
    padding-left: 70px;
}
.infoSoumission2Print{
    float: left;
    width: 400px;
    padding-left: 20px;
}
.prixPrint{
    float: right;
    text-align: right;
    width: 190px;
    padding-left: 70px;
}
.signatureSoumissionPrint{
    float: right;
    text-align: right;
    width: 250px;
    padding-left: 70px;
}
.adresseFacturation{
    float: left;
    width: 282px;
}
.adresseLivraison{
    float: left;
    width: 588px;
    padding-left: 70px;
}
.adresseLivraisonPrint{
    float: left;
    width: 400px;
    padding-left: 70px;
}

.imageForfait{
    width: 178px;
    height: 134px;
    float: left;
    margin-right: 6px;
    border: 12px solid transparent;
    border-image:url("/images/border_test.png") 30 30 stretch;
    -o-border-image:url("/images/border_test.png") 30 30 stretch; /* Opera 11-12 */
    -webkit-border-image:url("/images/border_test.png") 30 30 stretch; /* Safari 3-5 */
}

.descForfait{
    width: 700px;
    float: left;
    margin-bottom: 32px;
}

.titreForfait{
    /*width: 300px;*/
    padding-right: 15px;
    float: left;
}

.prixForfait{
    width: 200px;
    float: left;
    padding-top: 8px;
}
.prixForfaitInt{
    width: 200px;
    float: left;
    font-size: 14px;
    padding-top: 9px;
}

.rc1{
    font-size: 15px;
}

.rc2{
    font-size: 15px;
}

#btnSoummissions{
    background: #ffffff url("/images/buttons/addSoumission.jpg") no-repeat;
    background-position: center 8px;
    width: 157px;
    height: 31px;
    font-family: Oswald, Arial, Verdana, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.1;
    text-transform: uppercase;
    display: inline-block;
    color: #000000;
    padding: 12px 12px 14px;
    line-height: 1.2;
    margin: 7px;
}
#btnSoummissions.btn-en{
    background-position: -19px 8px !important;
    width: 130px !important;
}
#btnSoummissions:hover{
    background: #d38a00 url("/images/buttons/addSoumission_HOVER.jpg") no-repeat;
    background-position: center 8px;
    color: #ffffff;
    cursor: pointer;
}
#btnSoummissions.btn-en:hover{
    background-position: -19px 8px !important;
    width: 130px !important;
}

#btnSoummissions:hover > .btn-retour-2ligne {
    color:#ffffff;
}

#btnAddPanier{
    background:#ffffff url("/images/buttons/boutonAjouterCommande.jpg") no-repeat;
    background-position: center 8px;
    /*width: 160px;*/
    /*height: 45px;*/
    width: 157px;
    height: 31px;
    font-family: Oswald, Arial, Verdana, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.1;
    text-transform: uppercase;
    display: inline-block;
    color: #000000;
    padding: 12px 12px 14px;
    line-height: 1.2;
    margin: 7px;
}
#btnAddPanier.btn-en{
    background-position: -4px 8px !important;
    width: 130px !important;
}
#btnAddPanier:hover{
    background: #d38a00 url("/images/buttons/boutonAjouterCommande_HOVER.jpg") no-repeat;
    background-position: center 8px;
    color: #ffffff;
    cursor: pointer;

}
#btnAddPanier.btn-en:hover{
    background-position: -4px 8px !important;
    width: 130px !important;
}
#btnAddPanier:hover > .btn-retour-2ligne {
    color:#ffffff;
}

#btnPasserCommande{
    background: url("/images/buttons/boutonPasserCommande.jpg");
    /*background: #fff;*/
    background-position: center;
    width: 172px;
    height: 20px;
    text-transform: uppercase;
    color: #000 !important;
    font-family: Oswald, Arial, Verdana, Helvetica, sans-serif;
    font-size: 15px;
}

#btnPasserCommande:hover{
    background: url("/images/buttons/boutonPasserCommande_HOVER.jpg");
    /*background: #d38b00;*/
    background-position: center;
    color: #fff !important;
}


#errorMessageContainer {
    position: absolute;
    z-index: 9999;
    top: 400px;
    width: 600px;
    left: 50%;
    margin-left: -300px;
    background: #33312c;
    cursor: pointer;
    padding: 1px 0;
}

#errorMessageContainer div {
    width: 544px;
    border: 1px solid white;
    margin: 2px auto;
    min-height: 50px;
    background: url('/images/error_new.gif') left center no-repeat;
    padding-left: 50px;
}

#errorMessageContainer div span {
    color: white;
    font-size: 16px;
    margin: 20px 0;
    display: inline-block;
}

#errorMessageContainer div span a {
    color: white;
}

.factureDiv{
    padding: 15px 10px;
	background: #fff;
	color:#000000;
}

.factureDiv table{
    width: 100%;
}

.invoice{
    padding: 0 60px;
}

#content-admin #invoice a{
    color: #000;

}

.facturetable{
    padding: 0 60px;
}

.factureDiv *{
    box-sizing: border-box;
}

.modal-backdrop {
    display: none;
}

.modal{
    z-index: 4;
    display: none;
    color: #000;
}

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    /*border-radius: 6px;*/
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}

.modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.modal-header .modal-title{
    font-size: 20px;
    float: right;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

#temoignageBtn{
    margin: 10px 0px;
}

#temoignageWrap{
    border: 1px solid #fff;
    padding: 21px;
    margin: 10px 0px;
}

.about-bg {
    background-image: url(/images/body/about-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100vw;
    margin-left: -63px;
    border-bottom: 6px #ffb400 solid;
}

.about-body{
    padding: 126px 50px 164px;
    color: #FFFFFF;
    max-width: 1013px;
    margin: auto;
    box-sizing: content-box;
}

.page-404-bg {
    background-image: url(/images/body/legumes.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100vw;
    margin-left: -63px;
    border-bottom: 6px #ffb400 solid;
    font-size: 30px;
}

.page-404-body{
    padding: 126px 50px 164px;
    color: #FFFFFF;
    max-width: 1013px;
    margin: auto;
    box-sizing: content-box;
    text-align: center;
}

.page-404-body h1{
    font-size: 50px;
}

@media(max-width: 800px){


    .page-404-bg {
        font-size: 20px;
    }

    .page-404-body h1{
        font-size: 30px;
    }
}

.about-body h2 {
    margin-bottom: 40px;
}
.about-body h2{
    font-family: 'Work Sans light', sans-serif;
    font-size: 51px;
    letter-spacing: -0.2px;
}
.about-body h2::after {
    content: "";
    border-bottom: 4px #ffb400 solid;
    width: 65px;
    display: block;
    margin-top: 10px;
}

.about-body p {
    padding-top: 6px;
    padding-bottom: 20px;
    font-size: 20px;
    line-height: 2;
}
.about-body p strong {
    font-size: 21.7px;
    font-family: 'Work Sans Medium', sans-serif;
    margin-top: 23px;
    display: block;
    font-weight: 600;
}


@media(max-width: 499px){
    .about-bg {
        margin-left: -27px;
    }
    .about-body {
        padding: 26px 50px 164px;
    }
    .about-body h2 {
        font-size: 37px;
        line-height: 57px;
    }
    .invoice .factureSection {
        padding: 0 20px!important;
    }
    .modalLogin .modal-body {
        padding: 15px 40px 30px;
    }
}

section.carrieres {
    margin-left: -63px;
    margin-right: -47px;
    border-bottom: 6px #ffb400 solid;
    background-repeat: no-repeat;
    background-size: cover;
}
section.carrieres img {
    position: absolute;
    display: none;
}
section.carrieres img.active {
    display: block !important;
}
.carrieres-body {
    display: block !important;
    text-align: center;
    color: #FFFFFF;
}
.carrieres-body h1{
    padding-top: 114px;
    margin: 0;
    font-size: 90px;
    font-family: 'Work Sans', sans-serif;
    font-weight: 300 !important;
    padding-bottom: 23px;
    letter-spacing: -1.9px;
}
.carrieres-body p{
    font-family: 'Work Sans', sans-serif;
    font-size: 50px;
    margin-top: 0;
    word-spacing: -2px;
    padding-bottom: 0;
    line-height: 1.2;
    font-weight: 300;
}
.carrieres-body .btn-reserveBanq {
    margin: 81px 4px 181px 0px;
    padding: 16px 26px;
}
.section {
    margin-left: -63px;
    margin-right: -47px;
    border-bottom: 6px #ffb400 solid;
}
section.mission {
    margin-left: -63px;
    margin-right: -47px;
    border-bottom: 6px #ffb400 solid;
}
section.mission .image-section {
    background-image: url("/images/body/carrieres/serveur.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
section.mission .description-section {
    background-image: url("/images/body/carrieres/serveur-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
section.mission .description-section .section-title {
    margin: 255px 213px 0 171px;
}
section.mission .description-section .section-title h2 {
    font-size: 50px;
    font-weight: 400;
    line-height: 1.3;
    font-family: 'Work Sans', sans-serif;
    letter-spacing: -2.3px;
}
section.mission .description-section .mission-body-section {
    margin: 44px 162px 100px 172px;
    font-family: 'Work Sans', sans-serif;
    line-height: 1.9;
    word-spacing: 2.1px;
    font-weight: 300;
}
section.mission .description-section .mission-body-section p {
    font-size: 21px;
}
section.mission .description-section .mission-body-section p strong {
    font-size: inherit;
    font-weight: bold;
}
section.postes {
    background-image: url("/images/body/carrieres/posteSection.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: -63px;
    margin-right: -47px;
    color: #FFFFFF;
}

section.postes .poste, section.postes .event {
    max-width: 638px;
    margin: auto;
    display: block;
}
section.postes .poste {
    padding: 122px 30px 14px 0;
    font-size: 21px;
}
section.postes .event {
    padding: 123px 30px 14px 0;
    font-size: 21px;
}
section.postes .poste p{
    font-family: 'WorkSans Medium', sans-serif;
    font-size: 1.5em;
    letter-spacing: 0.7px;
}
section.postes .poste ul li {
    list-style: none;
    margin-left: 0;
    font-size: 1em;
    padding-top: 8px;
    padding-left: 4px;
    letter-spacing: -0.4px;
    line-height: 1.3;
    position: relative;
}
section.postes .poste ul li::before {
    content: " ";
    color: #ffb400;
    display: inline-block;
    width: 5px;
    border-radius: 50%;
    border: 5px #ffb400 solid;
    margin-right: 20px;
    position: absolute;
    top: 17px;
}


section.postes .poste ul li span{
    margin-left: 34px;
    display: block;
}

section.postes .event p{
    font-family: 'WorkSans Medium', sans-serif;
    font-size: 1.5em;
    letter-spacing: 0.7px;
    line-height: 1.35;
}
#content > section.postes > div > div.event > p:nth-child(3) {
    font-size: 19px;
    margin-top: 67px;
    letter-spacing: 1.1px;
}
section.postes .event ul li {
    list-style: none;
    font-size: 1em;
    letter-spacing: -0.4px;
    line-height: 0.85;
    margin-left: 0;
    padding-top: 8px;
    padding-left: 3px;
    position: relative;
}
section.postes .event ul li::before {
    content: " ";
    color: #ffb400;
    display: inline-block;
    width: 5px;
    border-radius: 50%;
    border: 5px #ffb400 solid;
    margin-right: 25px;
    position: absolute;
    top: 17px;
}


section.postes .event ul li span{
    margin-left: 21px;
    display: block;
}

section.postes .event .btn-reserveBanq {
    margin: 30px 0 110px 0;
    padding-right: 30px;
    padding-left: 30px;
}/*
.active.fade-in {
    animation: fadeIn ease 5s;
    -webkit-animation: fadeIn ease 5s;
    -moz-animation: fadeIn ease 5s;
    -o-animation: fadeIn ease 5s;
    -ms-animation: fadeIn ease 5s;
}
@keyframes fadeIn{
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
@-moz-keyframes fadeIn {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
@-webkit-keyframes fadeIn {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
@-o-keyframes fadeIn {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
@-ms-keyframes fadeIn {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}*/


@media (max-width:1499px){


    section.mission .description-section .section-title {
        margin: 80px 0 0 0;
    }
    section.mission .description-section .mission-body-section {
        margin: 80px 0 0 0;
    }
    section.mission .description-section {
        padding: 0 10.5% 73px;
    }
}

@media (max-width:799px){
    .carrieres-body h1 {
        font-size: 70px;
    }
    .carrieres-body p {
        font-size: 37px;
        padding: 0 50px;
    }
}

@media (max-width:799px){
    section.postes .poste, section.postes .event {
        font-size: 15px;
    }

    section.postes .poste ul li::before,
    section.postes .event ul li::before {
        top: 11px;
    }
}


section.first {
    background: url("/images/body/joindre/joindre.jpg") no-repeat;
    min-height: 430px;
}
h1.joindre{
    font-size: 30px;
    font-family: 'worksans medium', sans-serif;
    margin-bottom: 57px;
}
h1.joindre:after {
    border-bottom: 6px #ffb400 solid;
    width: 75px;
    display: block;
    content: '';
}

section.first p {
    font-family: 'Work Sans Medium', sans-serif;
}
section.first p:first-of-type {
    padding-top: 104px;
}
section.first p:first-of-type strong{
    font-size: 50px;
}
section.first p:last-of-type, section.first a {
    font-family: 'Work Sans light', sans-serif;
    font-size: 30px;
    color: #FFFFFF;
}
section.first a {
    text-decoration: underline;
}
section.second {
    padding-top: 90px;
}
section.second .container {
    max-width: 1290px;
    width: auto;
    border-bottom: 1px black solid;
    font-family: 'Work Sans light', sans-serif;
    padding-bottom: 44px;
}
section.second .container .left {
    width: 50%;
    float: left;
}
section.second .container .right {
    width: 50%;
    float: left;
    padding-left: 36px;
}
section.second .container p.name {
    font-family: 'Work Sans Medium', sans-serif;
    font-size: 22px;
    padding-top: 0;
    line-height: 1;
}
section.second .container p.name.cyn {
    padding-top: 50px;
}
section.second .container p.titre {
    font-family: 'Work Sans Medium', sans-serif;
    font-size: 19.8px;
    padding-top: 13px;
    margin-bottom: 0;
}
section.second .container p.titre.dir {
    padding-top: 41px;
}
section.second .container a {
    color: inherit;
    font-size: 19px;
    font-family: inherit;
    text-decoration: underline;
}
section.second .container .compt {
    font-size: 19px;
    font-family: inherit;
    text-decoration: underline;
}
section.form .container {
    max-width: 1290px;
    width: auto;
}
section.form .container h2 {
    font-family: 'Work Sans Medium', sans-serif;
    font-size: 30px;
    margin-top: 50px;
    margin-bottom: 0;
    padding-bottom: 0;
}
section.form form.autodatatableLight input,
section.form form.autodatatableLight select,
section.form form.autodatatableLight textarea {
    display: block;
    width: 100%;
    height: 60px;
    padding: 13px;
    margin-bottom: 16px;
    font-size: 17px;
    font-weight: 300;
}
section.form form.autodatatableLight .select2-container {
    display: block;
    width: 575px;
    height: 60px;
    padding: 13px;
    font-size: 17px;
    margin-bottom: 16px;
    border: 1px solid black;
    background-color: white;
    text-align: left;
}
section.form form.autodatatableLight .select2-selection {
    border-bottom: none;
}
section.form form.autodatatableLight .select2-selection__rendered {
    color: #595959!important;
    font-size: 17px!important;
    line-height: 34px!important;
    font-weight: 400!important;
}
section.form form.autodatatableLight .select2-selection__arrow {
    background: url(/images/body/temoignage/arrowDownBlack.png) no-repeat !important;
    top: 27px !important;
    right: 27px !important;
}
section.form form.autodatatableLight {
    margin-top: 55px;
}
section.form form.autodatatableLight label {
    font-size: 21px;
    font-family: 'Work Sans Medium', sans-serif;
    color: #000000;
    font-weight: 500;
    margin-bottom: 8px;
}
section.form form.autodatatableLight td.label {
    text-align: left;
    padding-left: 0;
}
section.form form.autodatatableLight .yellowStar {
    font-size: 28px;
    vertical-align: middle;
    margin-left: -5px;
}
section.form form.autodatatableLight table {
    float: left;
}
section.form form.autodatatableLight .formSuite {
    padding-left: 89px;
}
section.form form.autodatatableLight .formSuite textarea {
    height: 320px;
}
section.form form.autodatatableLight .formSuite .btn-reserveBanq {

}
section.form form.autodatatableLight .formSuite .arrow_pointing {
    height: 13px;
}
section.form form.autodatatableLight .formSuite .submit-btn {
    width: auto;
    height: 60px;
    border: none;
    display: inline-block;
    margin-bottom: 0;
    padding: 0;
    background-color: transparent;
    color: white;
    font-family: 'worksans medium', sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}
.presentation {
    background-size: cover;
    margin-left: -63px;
    margin-right: -47px;
    color: #FFFFFF;
    text-align: center;
    border-bottom: 6px #ffb400 solid;
}


@media (max-width:991px){

    section.second .container .left {
        width: 100%;
        float: none;
    }
    section.second .container .right {
        width: 100%;
        float: none;
        padding-left: 0;
    }
    section.form form.autodatatableLight .formSuite {
        padding-left: 15px;
    }
}


section.temBg {
    background: url("/images/body/temoignage/temoignages.jpg") no-repeat;
    background-size: cover;
}
section.temBg h1{
    margin: 0;
    font-size: 88px;
    font-weight: 300;
    padding-top: 152px;
    padding-bottom: 23px;
}
section.temBg p {
    font-size: 48px;
}
section.temBg button {
    width: auto;
    display: inline-block;
    margin-bottom: 218px;
    margin-top: 52px;
    font-family: 'worksans medium', sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}
section.temBg .btn-reserveBanq {
    padding: 7px 30px;
    margin: 54px 0 88px 0;
}
section.temBg span.arrow {
    margin-right: 29px;
}
section.temoignage .container {
    background-color: white;
    box-shadow: 0px 0px 5px 2px #80808047;
    max-width: 1198px;
    padding: 68px;
    width: auto;
    margin: 100px auto 0;
}
.temoignageWrap{
    display: none;
}
/*.temoignageTitre {*/
/*display: none;*/
/*}*/
.show {
    display: block;
}
#temoignageCategorieId {
    width: 100%;
    border: 1px #ffb400 solid;
    height: 75px;
    font-size: 26px;
    padding-left: 20px;
    font-weight: 500;
    margin-bottom: 65px;
}
section.temoignage .select2.select2-container {
    width: 100%;
    border: 1px #ffb400 solid;
    height: 75px;
    font-size: 26px;
    padding-left: 26px;
    padding-top: 14px;
    font-weight: 500;
    margin-bottom: 65px;
}
section.temoignage #select2-temoignageCategorieId-container{
    color: #444!important;
    font-size: 27px;
}
section.temoignage .select2-selection__arrow {
    background: url(/images/body/temoignage/arrowDownBlack.png) no-repeat !important;
    top: 38px !important;
    right: 27px !important;
}
section.temoignage .select2-selection.select2-selection--single {
    border-bottom: none!important;
}
.temoignageWrap {
    margin-bottom: 50px;
}
.temoignageWrap p {
    font-size: 17px;
    line-height: 1.8;
}
.temoignage-name{
    font-weight: 600;
}
.temoignage-name:before {
    display: inline-block;
    width: 15px;
    content: "";
    border-bottom: 2px solid #302C2D;
    margin-bottom: 4px;
    margin-right: 5px;
}
section.temoignage .btn-reserveBanq {
    padding: 0px 34px 14px 28px;
}
section.temoignage .arrow {
    height: 13px;
}
section.temoignage .submit-btn {
    width: auto;
    height: 60px;
    border: none;
    display: inline-block;
    margin: 0 !important;
    padding: 0;
    background-color: transparent;
    color: white;
    font-family: 'worksans medium', sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}
.scrollToTop{
    width: 95px;
    height: 95px;
    padding: 10px;
    text-align: center;
    background: transparent;
    font-weight: bold;
    color: #2d2d2d;
    text-decoration: none;
    position: fixed;
    bottom: 33px;
    right: 5%;
    display: none;
    border: 2px #bdbcbc solid;
    border-radius: 50%;
    background-image: url(/images/body/temoignage/arrowUp.png);
    background-size: 23px 30px;
    background-repeat: no-repeat;
    background-position: center;
}
.scrollToTop:hover{
    text-decoration:none;
}


@media (max-width: 799px){
    section.temBg {
        min-height: initial;
    }

    section.temBg h1 {
        font-size: 59px;
    }
    section.temBg p {
        font-size: 30px;
    }
}

@media (max-width: 499px){
    section.temBg h1 {
        font-size: 40px;
    }
    section.temBg p {
        font-size: 18px;
    }
    section.temBg button {
        font-size: 13px;
    }

    section.temoignage .container {
        padding: 30px;
    }
    #content {
        padding: 0 27px 0 27px;
    }
    section.temoignage #select2-temoignageCategorieId-container {
        font-size: 18px;
    }
}


section.reception-top {
    background-image: url(/images/body/salle-reception/topReceptrion.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: -63px;
    margin-right: -47px;
    color: #FFFFFF;
    min-height: 993px;
    border-bottom: 6px #ffb400 solid;
}
.reception-top-body {
    display: block !important;
    text-align: center;
    color: #FFFFFF;
}
.reception-top-body h1 {
    padding: 305px 20px 0;
    margin: 0;
    font-size: 90px;
    font-family: 'Work Sans', sans-serif;
    font-weight: 300;
    letter-spacing: -1.9px;
    line-height: 1;
}
.reception-top-body p {
    font-family: 'Work Sans', sans-serif;
    font-weight: 300;
    font-size: 50px;
    padding: 0 20px;
    margin: 66px auto 0;
    max-width: 1100px;
    line-height: 1.2;
}
.btn-reservation.btn {
    margin-top: 18px;
    margin-bottom: 165px;
    background-color: #ffb400;
}
.reception-top-body .btn-reservation.btn {
    margin-top: 91px;
    margin-bottom: 0;
}
.btn-reservation.btn:hover {
    background-color: transparent ;
}
section.mariage-section {
    margin-left: -63px;
    margin-right: -47px;
    border-bottom: 6px #ffb400 solid;
}
section.mariage-section .description-section {
    background-image: url(/images/body/salle-reception/toastBg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
section.mariage-section .image-section {
    background-image: url(/images/body/salle-reception/toast.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
section.salle-reception {
    background-image: url(/images/body/salle-reception/mariage.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: -63px;
    margin-right: -47px;
    color: #FFFFFF;
    min-height: 1000px;
}
section.salle-reception .salle-wrapper {
    display: block;
    margin: 93px auto;
    color: white;
    text-align: center;
    position: relative;
    max-width: 1591px;
    padding: 0 80px;
    box-sizing: content-box;
}
section.salle-reception .btn-reservation{
    margin-left: 15px;
    border: 2px #ffb400 solid;
    margin-top: 88px;
    margin-bottom: 24px;
}
section.salle-reception .carousel-left,
section.salle-reception .carousel-right{
    display: block;
    content: ' ';
    width: 89px;
    height: 89px;
    background-color: #ffb400;
    background-image: url(/images/body/arrow-pointing.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center center;
    position: absolute;
    top: calc(50% - 45px);
    cursor: pointer;
    z-index: 9;
}
section.salle-reception .carousel-left {
    left: 34px;
    transform: rotate(180deg);
}
section.salle-reception .carousel-right {
    right: 33px;
}

section.salle-reception h2 {
    font-size: 47px;
    font-weight: 300;
    margin: 0;
    margin-left: 0px;
    padding-bottom: 0;
    word-spacing: 5px;
    letter-spacing: 0.1px;
}
section.salle-reception h2:after {
    content: "";
    border-bottom: 4px #ffb400 solid;
    width: 65px;
    display: block;
    margin-top: 14px;
    margin-left: 692px;
}
section.salle-reception .salle-body {
    width: 100%;
    margin-top: 17px;
    max-height: 520px;
    overflow: hidden;
}
section.salle-reception .owl-item {
    margin-top: 43px;
    margin-left: 0px;
    width: 492px;
    margin-right: 77px;
}
section.salle-reception .owl-item.active {
    margin-right: 24px !important;
}
section.salle-reception .owl-carousel-item {
    text-align: left;
}
section.salle-reception .owl-carousel-item h3 {
    margin-top: 7px;
    font-size: 19px;
}
section.top-traiteur {
    background-image: url(/images/body/traiteur/top-traiteur.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    color: #FFFFFF;
}
section.intro-traiteur .description-section {
    background-image: url(/images/body/traiteur/buffet-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
section.intro-traiteur .image-section {
    background-image: url(/images/body/traiteur/buffet.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
section.commande-traiteur {
    background-image: url(/images/body/traiteur/salon.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    border: none;
}
section.commande-traiteur .description-section {
    background-color: #373d4c;
    float: right;
    opacity: 0.88;
    color: #FFFFFF;
}
section.commande-traiteur .description-section .section-title {
    /*margin: 94px 158px 0;*/
}
section.commande-traiteur .description-section .section-title h2 {
    font-size: 50px;
    margin-bottom: 0;
    font-weight: 300;
    line-height: 1.5;
    margin-right: 126px;
}
section.commande-traiteur .description-section .traiteur-body-section {
    /*margin: 60px 150px 100px 150px;*/
}
section.commande-traiteur .description-section .traiteur-body-section .itemListWrapper {
    margin-bottom: 30px;
}
section.commande-traiteur .description-section .traiteur-body-section .itemListWrapper:last-of-type {
    margin-bottom: -23px;
}
section.commande-traiteur .description-section .traiteur-body-section .itemListWrapper:last-of-type span {
    vertical-align: top;
}
section.commande-traiteur .description-section .traiteur-body-section .itemListWrapper:last-of-type p {
    width: 80%;
}
section.commande-traiteur .description-section .traiteur-body-section p{
    display: inline-block;
    margin-left: 80px;
    font-size: 25px;
    margin-top: -5px;
}
section.commande-traiteur .description-section .traiteur-body-section span.list{
    display: inline-block;
    font-size: 33px;
    width: 50px;
    height: 50px;
    border: 1px solid #ffb400;
    border-radius: 50%;
    text-align: center;
    margin-top: 4px;
    margin-left: 8px;
    position: absolute;
}
section.commande-traiteur .description-section .traiteur-body-section .star {
    font-size: 14px;
    margin-left: 60px;
}
section.commande-traiteur .image-section {
    float: right;
}
section.salle-traiteur {
    background-image: url(/images/body/traiteur/salle-reception.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    color: #FFFFFF;
    border: none;
}
section.salle-traiteur h2 {
    margin: 0;
    padding-top: 153px;
    font-size: 50px;
    font-weight: 300;
}
section.salle-traiteur .salle-traiteur-body {
    display: block !important;
    text-align: center;
    margin: 0 auto;
    max-width: 1220px;
}
section.forfaits-section {
    text-align: center;
    border: none;
    margin-bottom: 100px;
}
section.forfaits-section h2 {
    font-size: 48px;
    font-weight: 300;
    margin: 115px auto 86px;
    max-width: 895px;
    text-align: center;
}
section.forfaits-section .forfaitlink {
    display: block;
    max-width: 1590px;
    margin: 0 auto 25px;
    position: relative;
    box-sizing: content-box;
    padding: 0 35px;
}
section.forfaits-section .forfaitlink:after {
    content: " ";
    display: block;
    width: 57px;
    height: 57px;
    background-image: url(/images/body/arrowLeft.png);
    background-position: center;
    background-size: 40%;
    background-repeat: no-repeat;
    position: absolute;
    top: 40%;
    background-color: #373d4c;
    right: 7px;
}
section.forfaits-section .forfaitlink:focus .row-forfait,
section.forfaits-section .forfaitlink:active .row-forfait,
section.forfaits-section .forfaitlink:hover  .row-forfait{
    outline: 3px solid #ffb400;
}
section.forfaits-section .forfaitlink:focus:after,
section.forfaits-section .forfaitlink:hover:after {
    background-color: #ffb400;
}
section.forfaits-section .forfaitlink .row-forfait {
    min-height: 427px;
    background-color: white;
    box-shadow: 0.5px 0.5px 0.5px 0.5px #80808085;
}
section.forfaits-section .forfaitlink .row-forfait .imageForfait img {
    width: 500px;
    height: 427px;
}
section.forfaits-section .forfaitlink .row-forfait .listForfait {
    display: block;
    padding: 60px 92px;
    text-align: left;
    color: #000;
    font-size: 20px;
}
section.forfaits-section .forfaitlink .row-forfait .listForfait address {
    margin-bottom: 0;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: -0.9px;
}
section.forfaits-section .forfaitlink .row-forfait .listForfait h3 {
    font-size: 33px;
    margin-top: 0;
    margin-bottom: 12px;
}
section.topListMenu {
    background: url(/images/body/Menu/topMenu.jpg) no-repeat;
    min-height: 430px;
}
section.topListMenu h1 {
    padding-top: 45px;
    font-size: 90px;
}
section.topListMenu .btn-reservation {
    border: 2px solid white;
    background-color: transparent;
    margin-top: 55px;
}
section.topListMenu .btn-reservation:hover {
    background-color: #ffb400;
    border: 2px solid #ffb400;
}
section.topListMenu span.arrow_pointing {
    transform: rotate(180deg);
}

@media (max-width: 1499px){
    section.commande-traiteur .image-section,section.etapes-ecole .image-section {
        display: none;
    }
}

@media(max-width:899px){
    .reception-top-body h1 {
        padding-top: 195px;
        font-size: 70px;
    }
    .reception-top-body p {
        font-size: 36px;
    }
}

@media(max-width:499px){

    .reception-top-body h1 {
        font-size: 50px;
    }
    .reception-top-body .btn-reservation.btn {
        font-size: 14px;
    }
}

section.typesMenu {
    min-height: 1600px;
    border:none;
}
.typesMenu-empty {
    min-height: 200px;
    margin: 50px;
    border-bottom: none;
    font-size: 17px;
    color: #ff6000;
}
section.typesMenu .container {
    width: 93vw;
    text-align: center;
}
section.typesMenu .container h2:first-of-type {
    font-size: 48px;
    font-weight: 400;
    margin-top: 107px;
    margin-bottom: 80px;
}
section.typesMenu .container h2:first-of-type:after {
    content: "";
    border-bottom: 4px #ffb400 solid;
    width: 65px;
    display: block;
    margin-top: 14px;
    margin-left: 40vw;
}
section.typesMenu .Menu h3 {
    font-size: 30px;
    margin-left: 37px;
    margin-bottom: 0;
    padding-bottom: 0;
}
section.typesMenu .Menu .prixMenu {
    font-size: 25px;
    font-weight: 300;
    margin-left: 36px;
    margin-bottom: 20px;
}
section.typesMenu .Menu .line {
    border-bottom: 1px solid #cfcfcf;
    margin: 5px 0px;
}
section.typesMenu .Menu .listItemMenu {
    padding: 20px;
    margin-top: 10px;
}
section.typesMenu .Menu .listItemMenu address {

}
section.typesMenu .Menu .listItemMenu address p:before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 10px;
    background-image: url(/images/body/Menu/playbtn.png);
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 20px;
}
section.typesMenu .Menu .listItemMenu address p {
    display: inline-block;
    font-size: 17px;
    font-weight: 300;
    padding: 0;
    margin: 0;
}
section.typesMenu .Menu:hover .menuSelectDiv {
    background-color: #ffb400;
}
.menuSelect {
    color: black;
    font-size: 17px;
}
.menuSelect:hover, .menuSelect:focus {
    color: black;
}
section.typesMenu .Menu .menuSelectDiv {
    display: block;
    width: 100%;
    height: 40px;
    background-color: #373d4c;
    color: white;
    padding: 10px;
    font-size: 17px;
    padding-left: 40px;
    text-transform: uppercase;
}
section.typesMenu .arrow_pointing {
    height: 12px;
}

/* The Masonry Container */
.masonry {
    margin: 1.5em auto;
    max-width: 100%;
    column-gap: 3.5em;
}

/* The Masonry Brick */
.item {
    background: #fff;
    margin: 0 0 3.5em;
    text-align: left;
    display: inline-block;
    width: 100%;
    box-shadow: 1px 1px 1px 1px #8080808a;
}
/* Masonry on large screens */
@media only screen and (min-width: 1024px) {
    .masonry {
        column-count: 3;
    }
}

/* Masonry on medium-sized screens */
@media only screen and (max-width: 1023px) and (min-width: 768px) {
    .masonry {
        column-count: 2;
    }
}

/* Masonry on small screens */
@media only screen and (max-width: 767px) {
    .masonry {
        column-count: 1;
    }
    .topMenuSoumission h1.firstTitle:after {
        margin-left: 7em;
    }
}
section.bottomListMenu {
    border: none;
    min-height: 280px;
    background-image: url("/images/body/Menu/bottomMenu.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
}
.btn-reservationTrans {
    background-color: transparent;
    border: 2px solid white;
}
.btn-reservationTrans:hover {
    border: 2px solid #ffb400;
    background-color: #ffb400;
}
section.bottomListMenu .btn-reservationTrans {
    margin-top: 117px;
}
section.bottomListMenu span.arrow_pointing {
    transform: rotate(180deg);
}
section.topMenuSoumission {
    text-align: center;
    margin-top: 60px;
    border: none;
}
section.topMenuSoumission .btn-reservationTrans {
    background-color: transparent;
    border: 2px solid #bab9b9;
}
section.topMenuSoumission .btn-reservationTrans:hover {
    background-color: #ffb400;
    border: 2px solid #ffb400;
}
section.topMenuSoumission .arrow_pointing, section.bourdereau .arrow_pointing {
    background-position: -38px 0;
    transform: rotate(180deg);
    position: relative;
    top: -2px;
}

section.topMenuSoumission .reserveNowLink:hover .arrow_pointing, section.bourdereau .reserveNowLink:hover .arrow_pointing {
    background-position: 0 0;
}

section.topMenuSoumission .btn a {
    color: black;
}
.firstTitle {
    font-weight: 300;
    font-size: 48px;
    margin-top: 52px;
}
.firstTitle:after {
    content: "";
    border-bottom: 4px #ffb400 solid;
    width: 65px;
    display: block;
    margin-top: 14px;
    margin-left: 19em;
}
form.soumissionForm {
    background-color: white;
    margin: 56px auto 60px;
    max-width: 78em;
    padding: 45px 60px;
    font-size: 18px;
    font-weight: 300;
    width: 80%;
    color:#000;
    color:#000;
}
form.soumissionForm .titreForfait {
    float: none;
}
form.soumissionForm .titreForfait h2 {
    font-size: 38px;
    margin: 0;
    padding: 0;
}
form.soumissionForm .prixForfaitInt {
    width: 100%;
    float: none;
    font-size: 32px;
}
form.soumissionForm hr.formHeadLine {
    width: 100%;
    background-color: #bab9b9;
    margin-top: 60px;
}
form.soumissionForm h3 {
    font-size: 25px;
    padding-top: 6px;
    margin-bottom: 0;
    padding-bottom: 0;
}
form.soumissionForm a{
    color: black!important;
    font-weight: 300;
}
form.soumissionForm label a:focus {
    outline: 1px solid black;
}

.custom-Input {
    text-align: center;
    width: 40px;
    height: 40px;
    border-radius: 0;
    border: 1px solid #000;
    margin-right: 15px;
    display: table-cell;
}
.custom-Input:focus {
    border-color: #ffb400!important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 180, 0, 0.64);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 180, 0, 0.64);
}
p.legal {
    text-align: center;
    font-size: 18px;
    margin: 0 auto 30px;
}
p.legal span {
    font-weight: 700;
}
.nextStep .btn-reserveBanq {
    margin: 62px 0 150px 0px;
    padding: 0px 34px 0 28px;
    background-color: #ffb400;
    border-radius: 0;
}
.nextStep .btn-reserveBanq:hover {
    background-color: #373d4c;
}
.nextStep .btn-reserveBanq .arrow_pointing {
    height: 13px;
}
.nextStep .btn-reserveBanq .submit-btn {
    width: auto;
    height: 60px;
    border: none;
    display: inline-block;
    margin-bottom: 0;
    padding: 0;
    background-color: transparent;
    color: white;
    font-family: 'worksans medium', sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}
section.bourdereau {
    text-align: center;
    margin-top: 60px;
    border: none;
}
.nextStep {
    text-align: center;
}
section.bourdereau .btn-reservationTrans {
    background-color: transparent;
    border: 2px solid #bab9b9;
}
section.bourdereau .btn-reservationTrans:hover {
    background-color: #ffb400;
    border: 2px solid #ffb400;
}
section.bourdereau .arrow_pointing {
    /*background-image: url(/images/body/Menu/arrowRightBlack.png);*/
}
section.bourdereau .btn a {
    color: black;
}
#formSoummission {
    background-color: white;
    margin: 56px auto 60px;
    max-width: 75em;
    padding: 45px 60px;
    font-size: 18px;
    font-weight: 300;
    text-align: left;
    width: 80%;
}
.td {
    color: black!important;
    padding: 10px;
    width: 100%;
    display: block;
    text-align: left;
    white-space: normal;
}
.tr {
    width: 100%;
    display: table;
}
.soumissionTable .label {
    font-size: 100%;
    font-weight: 500;
}
.td.label label {
    margin-left: 20px;
}
.td h2 {
    font-size: 28px;
    padding-top: 10px;
}
.td h2:after {
    content: "";
    border-bottom: 4px #ffb400 solid;
    width: 65px;
    display: block;
    margin-top: 8px;
}
.soumissionTable .dateContainer {
    position: relative;
}
.soumissionTable .dateContainer .rapportdateEcole {
    background: url(/images/calendar.gif) no-repeat center center;
    width: 54px;
    height: 60px;
    margin-left: 5px;
    position: absolute;
    top: 0;
    right: 0;
    border-left: 2px solid #8080807d;
    margin-top: 0;
}
.HoursContainer {
    height: 60px;
    width: 60px;
    padding: 8px;
}
.soumissionTable .HoursContainer:first-of-type {
    margin-right: 5px;
}
.soumissionTable .HoursContainer:last-of-type {
    margin-left: 5px;
}
.soumissionTable p.barService {
    font-size: 18px;
    font-weight: 500;
    margin-top: 30px;
}
.soumissionTable textarea.comment {
    height: 200px;
}
.soumissionTable .priceRow .form-control[readonly] {
    border: none;
    border-top: 1px solid;
    background-color: #FFFFFF;
    box-shadow: none;
}
hr.subsection {
    background-color: #80808059;
    width: 100%;
}

@media (max-width: 1919px){
    .schoolCalendarDay {
        /*margin: 25px auto!important;
        display: block;
        float: none;
        width: 100%;*/
    }


    .schoolCalendarDay:nth-child(5n+1){
        clear: none;
    }
}

@media (max-width: 499px){
    section.temBg,section.postes , section.mission,.section,#schoolCalendarTop,section.mariage-section{
        margin-left: -27px;
        margin-right: -27px;
    }
}
@media (max-width: 1024px) {
    .forfaitlink .imageForfait {
        float: none;
        width: auto;
        margin: 0;
        height: auto;
    }
    .forfaitlink .listForfait {
        padding: 40px!important;
    }
    section.topListMenu h1 {
        font-size: 70px;
    }
    h1.firstTitle {
        font-size: 35px;
    }
    section.topSoumission .container p {
        font-size: 17px!important;
    }
    h1.firstTitle:after {
        margin-left: 9em;
    }
    .soumissionTable .td {
        width: 100%;
    }
    #formSoummission .soumissionTable .tr-group {
        display: block!important;
        width: 100%!important;
    }
    #formSoummission .soumissionTable .priceRow .tr-group {
        display: table-row!important;
    }
    .priceRow .tr-group .td {
        width: 50%;
        display: table-cell;
    }
    #formSoummission .soumissionTable .priceRow .tr-group .td input {
        text-align: right;
        border: none;
        height: 25px;
    }
    #formSoummission .soumissionTable .priceRow .grandTotal {
        display: block;
        width: 200%;
        margin: 0;
    }
    #printDiv {
        width: 85vw;
    }
    .facturetable {
        min-width: 702px;
    }
    .printbutton {
        display: none;
    }
}
@media (max-width: 587px) {
    .forfaitlink .imageForfait img {
        width: 100% !important;
        height: auto !important;
    }
    section.topListMenu h1 {
        font-size: 50px;
    }
    section.typesMenu .container h2:first-of-type {
        font-size: 28px;
    }
    section.typesMenu .container h2:first-of-type:after {
        margin-left: 40px;
    }
    .topMenuSoumission h1.firstTitle:after {
        margin-left: 1em;
    }
}
section.topSoumission {
    background: url(/images/body/soumission/top-facture.jpg) no-repeat;
    min-height: 475px;
}
section.topSoumission .container {
    color: white;
    text-align: center;
}
section.topSoumission .container span.succes {
    background: url(/images/body/soumission/check.svg) no-repeat;
    background-position: center;
    background-size: 3em;
    width: 90px;
    height: 90px;
    border: 2px solid #ffb400;
    border-radius: 50%;
    display: inline-block;
    margin-top: 75px;
}
section.topSoumission .container h1 {
    margin-top: 7px;
}
section.topSoumission .container h1:after {
    margin-left: 11em;
    margin-bottom: 35px;
}
section.topSoumission .container p {
    font-size: 21px;
}
.bold {
    font-weight: 700;
}
.factureDiv .invoice {
    font-size: 17px;
}
.factureDiv .factureLogo {
    padding-top: 50px;
    padding-left: 0;
    width: 50%;
}
.factureDiv .factureNum {
    width: 50%;
    text-align: right;
    padding-top: 60px;
    padding-right: 100px;
    font-size: 25px;
}
.factureDiv .factureTitle{
    padding-top: 0;
    padding-bottom: 30px;
    vertical-align: top;
}
.factureDiv .factureTitle h2{
    font-size: 22px;
    margin-bottom: 0;
    margin-top: 38px;
}
.factureDiv .factureAdresse h2 {
    margin-top: 0;
}
.factureDiv .factureTitle hr{
    margin: 0;
    width: 90%;
}
.factureDiv .factureInfo {
    display: table-cell;
    padding-top: 30px;
    font-size: 17px;
}
.factureDiv  p {
    margin-bottom: 0;
    font-weight: normal;
}
.printbutton .btn-reservation.btn {
    background-color: transparent;
    border:	2px solid #bab9b9;
    margin-top: 0;
}
.printbutton .btn-reservation.btn:hover {
    border:2px solid #ffb400;
    background-color: #ffb400;
}
.printbutton .btn-reservation.btn:hover a {
    color: white;
}
.printbutton .btn-reservation.btn a {
    color: black;
}
.printbutton span.arrow_pointing {
    background-image: url("/images/icon_sprite_print.png");
    height: 25px;
    width: 25px;
}
.printMe:hover span.arrow_pointing {
    background-position: -25px 0;
}
.soumissionTable .sameAdresseWrap .label {
    text-align: right;
    display: inline-block;
    width: 50%;
}
.soumissionTable .sameAdresseWrap .td {
    display: inline-block;
    width: 50%;
}
.grandTotal {
    display: none;
}
/* Style all font awesome icons */
.fa {
    padding: 0;
    text-align: center;
    text-decoration: none;
}

/* Add a hover effect if you want */
.fa:hover {
    opacity: 0.7;
}

/* Set a specific color for each brand */

/* Facebook */
.fa-facebook {
    background: #3B5998;
    color: white;
}
.profile {
    position: absolute;
    top: 0;
    left: 20px;
}
.profile .iconProfile {
    background-image: url(/images/profile.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 20px;
    height: 30px;
}
.profile p {
    display: inline-block;
    vertical-align: top;
    font-size: 20px;
    margin-left: 10px;
}
.profile a {
    color: #ffb400;
}
.facebook-mobile a:hover {
    color: #d38b00;
}
#bs-example-navbar-collapse-1 li.profile {
    margin-left: 0;
}
#bs-example-navbar-collapse-1 .iconProfile {
    margin-right: 10px;
    margin-top: 5px;
    height: 20px;
}