body {}

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

.StylePaddingMobileAuto 
{
    padding:10px;
    }
    
@media (max-width: 800px)
    {
        .StylePaddingMobileAuto { padding:0px !important; }
    }


section.section div.content_wrapper div.dxeBase ul li 
{
    background-image:none;
}

DIV .intro 
{
	margin-top: 20px;
	margin-bottom: 20px;
}

DIV .tableDisplay
{
	display: table;
}

DIV .tableRow
{
	display: table-row;
}

DIV .left
{
	display: table-cell;
	float:left;
	width: 50%;
}

DIV .right
{
	display: table-cell;
	float:left;
	width: 49.9%;
}

DIV .total
{	
	width: 100%;
	float: left;
}

DIV .boutonsFooter
{
	text-align: center;
	margin-top: 10px;
}

table.mainTableInside {
    width:100%;
}
table.mainTable {
    width:560px;
}
td.labelLeft {
    width:30%;
    color:#0772A2;
    vertical-align:top;
}
td.dataLeft {
    width:29%
}
td.labelRight {
    width:21%;
    color:#0772A2;
    vertical-align:top;
} 
/*Bootstrap*/
.Bootstrap_labelRight {
    color:#0772A2;
    vertical-align:top;
}
.Bootstrap_dataLeft {
}
.Bootstrap_labelLeft {
    color:#0772A2;
    vertical-align:top;
}

table {
	border-collapse : collapse; 
}

table td, table th {
	padding : 0; 
}


.rbChoice input 
{
	margin-left: -20px !important;
	float:left;
}
.rbChoice td 
{
	padding-left: 20px;
}
.rbChoice label
{
    font-weight:normal;
    display:block;
    float:left;
}

.UITourMontgolfieres
{
	padding: 10px;
}

/* CSS pour avoir un div avec bordure arondi 
   - On utilise le tag b avec un height de 1 ou plus pour simuler des pixels a droite et a gauche
   - r1,r2,r3,r4 represente des rangées avec une pixel de chaque cotés si on veut une bordure
	 si non un met simplement un backgroud
   De cettte facon on n'a pas besoin d'image pour simuler une bordure arondi
*/
.rtop {display:block;background: #FFF}
.rtop b {display:block; overflow: hidden; }
.rbottom {display:block;background: #FFF}
.rbottom b {display:block; overflow: hidden; }
.r1{margin: 0 5px; height: 1px; background:black;}
.r2{margin: 0 3px; height: 1px; }
.r3{margin: 0 2px; height: 1px; }
.r4{margin: 0 1px; height: 2px; }
.r2 {border-left:2px solid black; border-right:2px solid black;}
.r3, .r4 {border-left:1px solid black; border-right:1px solid black;}
.boxcontent {display:block; text-align:center; border:0 solid black; border-width:0 1px;cursor: hand;}

/* CSS pour avoir un div avec bordure arondi 
   - On utilise le tag b avec un height de 1 ou plus pour simuler des pixels a droite et a gauche
   - r1,r2,r3,r4 represente des rangées avec une pixel de chaque cotés si on veut une bordure
	 si non un met simplement un backgroud
   De cettte facon on n'a pas besoin d'image pour simuler une bordure arondi
*/
.r1b, .r2b, .r3b, .r4b 	{overflow:hidden;display:block;}
.r1b 		{background:#888;
			 height:1px;
			 margin:0 5px;}
.r2b 		{background:#ffffff;
			 border-right:2px solid #888;
			 border-left:2px solid #888;
			 height:1px;
			 margin:0 3px;}
.r3b 		{background:#ffffff;
			 border-right:1px solid #888;
			 border-left:1px solid #888;
			 height:1px;
			 margin:0 2px;}
.r4b 		{background:#ffffff;
			 border-right:1px solid #888;
			 border-left:1px solid #888;
			 height:2px;
			 margin:0 1px;}
.contentb	{background:#ffffff;
			 border-right:1px solid #888;
			 border-left:1px solid #888;}

/* CSS pour avoir un div avec bordure arondi 
   - On utilise le tag b avec un height de 1 ou plus pour simuler des pixels a droite et a gauche
   - r1,r2,r3,r4 represente des rangées avec une pixel de chaque cotés si on veut une bordure
	 si non un met simplement un backgroud
   De cettte facon on n'a pas besoin d'image pour simuler une bordure arondi
*/
.r1h, .r2h, .r3h, .r4h, .rb2, .r3b, .r4b 	{overflow:hidden;
					display:block;}
.r1h 		{height:1px;
			 background:#aaa;
			 margin:0 5px;}
.r2h, .rb2 	{height:1px;
			 background:#aaa;
			 border-right:2px solid #aaa;
			 border-left:2px solid #aaa;
			 margin:0 3px;}
.r3h, .rb3 	{height:1px;
			 background:#aaa;
			 border-right:1px solid #aaa;
			 border-left:1px solid #aaa;
			 margin:0 2px;}
.r4h, .rb4 	{height:2px;
			 background:#aaa;
			 border-right:1px solid #aaa;
			 border-left:1px solid #aaa;
			 margin:0 1px;}
.r2b, .r3b, .r4b {background:#ffffff;}
.headerb  	{background:#aaa;
			 border-right:1px solid #aaa;
			 border-left:1px solid #aaa;}
.headerb h3 	{margin:0px 10px 0px 10px;
			 padding-bottom:3px;}
.headerb p {
    margin: 0px 10px 0px 10px;
    padding-bottom: 3px;
}
.contentb 	{background: #ffffff;
			 border-right:1px solid #aaa;
			 border-left:1px solid #aaa;}
.contenthb div {margin-left:12px;
			 padding-top:5px;}

.contentb a
{
	color: Blue;
	text-decoration: underline;
}

.Freezing 
{ 
   position:relative ; 
   top:expression(this.offsetParent.scrollTop); 
   z-index: 10; 
}

.FreezingBottom
{ 
   position:relative ; 
   bottom:expression(getScrollBottom(this.parentNode.parentNode.parentNode.parentNode)); 
   z-index: 15; 
}

.hiddenColumn 
{
    display: none;
}


.imgEdit
{
	cursor: hand;
}

.visibleDiv, #topLeft, #topRight, #bottomLeft, #bottomRight {
    position: fixed;
    border: solid 1px #e1e1e1;
    vertical-align: middle;
    background: #55D8A3;
    text-align: center;
    padding: 3px;
}

#topLeft
{
    top: 10px;
    left: 10px;
    z-index: 110000;
}

#topLeft .innerDiv
{
    float:left;
}

div.block{ 
	overflow:hidden; 
	display:block;
    width:100%; /*Pour que la colonne de droite ait assez d'espace pour qu'elle soit sur la même ligne */
} 
div.block .titre{ 
	float:left;
	text-align:left;
	overflow:hidden;
} 
div.block .valeur{ 
    float:left;
    text-align:left;
    overflow:hidden;
}
div.blockPP{ 
	overflow:hidden; 
    width:100%; /*Pour que la colonne de droite ait assez d'espace pour qu'elle soit sur la même ligne*/
} 
div.blockPP .titre{ 
	display:block;
	float:left;
	text-align:left;
} 
div.blockPP .valeur 
{
    float:left; 
    text-align:left;
}
.overEdit {   
	border:2px solid blue; 
	display:inline-block;
} 
.outerEdit {   
	border:2px solid yellow;
	display:inline-block;
} 
.inEdit {   
	border:2px solid green; 
	display:inline-block;
}

span.poids {
    position: relative;
    margin-left: 5px;
}

span.poids label {
    top: -3px;
    position: relative;
    margin-right: 5px;
}

div.inlineTable table {
    display: inline-table;
}

/*.dxeBase {
	font-size: 10pt !important;
}*/

.mainform 
{
	font-family: Tahoma !important;
}

.rowSpace td
{
	border-color:White;
	border-style: solid;
	border-top-width: 10px;
	border-bottom-width: 10px
}

/* Apply padding to td elements that are direct children of the tr element. */ 
tr.rowSpaceForfaitOption > td
{
	border-color:White;
	border-style: solid;
	border-top-width: 10px;
	border-bottom-width: 10px
}

.valid
{
	float:left;
	position:relative;
	top:5px;
	width:20px;
	text-align:right;
	/*padding-right:5px;*/
	color:Red;
}

.valid2
{
	float:left;
	position:relative;
	top:5px;
}
/* BootStrap */
.valeurObjetBootStrap 
{
    width:auto;
	float:left;
}
.validBootStrap
{
    float:left;
	position:relative;
	top:5px;
	width:20px;
	text-align:left;
	padding-left:5px;
	color:Red;
}

.valeurObjet 
{
    width:auto;
	float:left;
	
	/* Firefox */
	width: -moz-calc(100% - 30px);
	/* WebKit */
	width: -webkit-calc(100% - 30px);
	/* Opera */
	width: -o-calc(100% - 30px);
	/* Standard */
	width: calc(100% - 30px);
}

.test
{
	width:30px;
}

.pivot1 
{
    width:400px;
    background-color:Green;
}

.roundPanel .dxrpAW {
    overflow-y: visible;
}

.dxtcLite_Moderno > .dxtc-content {
    overflow:visible !important;
}