html { font-size:62.5%; font-family:Arial!important; }
body { font-size: 1.3rem; padding:0!important; font-family:Arial!important; line-height:inherit; }
.pad { margin:20px 1% 0 1%; width:98%; /*overflow:scroll; overflow-y:auto; */} 
input, a { outline:none!important; }
/*
    ol, ul, li { list-style:none; }
    ul { margin:0; padding:0; }
*/
p { margin:0 0 3px 0; }
a:hover, a:hover p { text-decoration:none!important; }
#Div_Results a { text-decoration:underline }
h2 { font-size:1.4rem; margin:0 0 1rem 0!important; font-weight:lighter; }
h3 { font-size:1.3rem; font-weight:lighter; }
h4 { font-size:1.5rem; margin:0; font-weight:bolder; } /** Alert **/
.businessRole #Div_Results h3, .documentsTicketNet #Div_Results h3 { font-size:23px; margin:inherit; width:inherit; float:inherit; font-weight:bold; color:inherit; }

.pub940 { background:url("https://cdn.kalidea.com/Image/billetterie/pub940/nob.jpg") repeat center fixed; background-attachment:scroll; background-color:transparent; width:940px; height:80px; margin:-2rem 0 2rem 0; }

button { border:none; background-color:transparent; outline:none!important; font-family:Arial!important; }

hr { 
	border: 0; /* enleve toute bordure */
	border-bottom: 1px solid #e5e5e5; /* une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE */
	height: 1px; /* pour IE */
	margin :5px -10px ; 
	-margin:0px -10px 0px -10px;
}

hr { margin:10px 0 10px 0; }
.hr-pad5 { margin:3px 0 3px 0!important; width:100%; }

.clear { clear:both; }
.clearNone { clear:none!important; }
.clear_left { clear:left; }
.clear_right{ clear:right; }
.jqte { margin:0px!important; padding:0px!important; }
.watermark { color:#c1c1c1!important; background-color:White; }
.unwatermark { color:#858585!important; background-color:White; }

/** Display **************************************/

.block { display: block!important; }
.cbCenter input[type=checkbox] { display: inline!important; width:100%!important; margin: 0 auto; background-color:transparent!important; }
.scrollxy { overflow-x:scroll!important; }
.validation_kalidea { position:absolute; top:50px; right:10px; height:20px; }
.container .row table .inputWith120 input[type="text"] { width:119px; }
.textR { text-align:right!important; }
.textL { text-align:left!important; }
.textC, .inputCenter { text-align:center!important; }
.per75-width { width: 75%!important; }
.per65-width { width: 65%!important; }
.curs { cursor:pointer; }
.underline { text-decoration:underline; }
.thcenter th { text-align:center!important; }
.breakAll { word-break:break-all; }
.borderNone { border-right:none!important; border-left:none!important; border-top:none!important; border-bottom:none!important; }

.padNone { padding:0!important; margin:0!important; }
.margNone { margin:0!important; }

.pad10 { padding:15px 10px!important; }
.pad4 { padding:4px 4px 3px 4px!important; }
.padL3 { padding-left:3px; }
.pad5 { margin:0 1% 0 1%; width:98%; }
.padB5 { padding:0 0 5rem 0; }
.pad7 { padding:7px; }
.padB5 { padding:0 0 .5rem 0; }
.padB10 { padding:0 0 1rem 0; }

.pad2R10 { padding:2px 10px 2px 0!important; }

.mrg-none { margin:0!important; }
.mrg-150 { margin-left:150px; }

.mrgR5 { margin:0 5px 0 0!important; }
.mrgR10 { margin:0 10px 0 0!important; }
.mrgR15 { margin:0 15px 0 0!important; }
.mrgR20 { margin:0 20px 0 0!important; }
.mrgR30 { margin:0 30px 0 0!important; }
.mrgR40 { margin:0 40px 0 0!important; }
.mrgR50 { margin:0 50px 0 0!important; }
.mrgR60 { margin:0 60px 0 0!important; }
.mrgR70 { margin:0 70px 0 0!important; }
.mrgR77 { margin:0 77px 0 0!important; }
.mrgR2 { margin:0 2% 0 0!important; }

.mrgL5 { margin:0 0 0 .5rem!important; }
.mrgL10 { margin:0 0 0 1rem!important; }
.mrgL20 { margin:0 0 0 2rem!important; }
.mrgL30 { margin:0 0 0 3rem; }
.mrgL35 { margin:0 0 0 3.5rem; }
.mrgL40 { margin:0 0 0 4rem; }

.mrgTNone { margin:0!important; }
.mrgT5 { margin:5px 0 0 0; }
.mrgT10 { margin:.8rem 0 0 0!important; }
.mrgTn10 { margin:-.8rem 0 0 0!important; }
.mrgT15 { margin:1.3rem 0 0 0; }
.mrgT20 { margin-top:20px!important; }
.mrgT25 { margin-top:25px!important; }
.mrgT5R10 { margin:5px 10px 0 0; }
.mrgT5R15 { margin:5px 15px 0 0; }
.mrgT5R20 { margin:5px 20px 0 0; }
.mrgT5R25 { margin:5px 15px 0 0; }
.mrgT5R50 { margin:5px 53px 0 0; }
.mrgT5R70 { margin:5px 68px 0 0; }
.mrgT10R10 { margin:10px 10px 0 0; }
.mrgT20R10 { margin:2rem 1rem 0 0; }
.mrgT8L5 { margin:8px 0 0 5px; }
.mrgT5L10 { margin:5px 0 0 10px; }
.mrgT5L15 { margin:5px 0 0 15px; }
.mrgT5L20 { margin:5px 0 0 20px; }
.mrgT5L25 { margin:5px 0 0 15px; }
.mrgT5L50 { margin:5px 0 0 53px; }
.mrgT5L70 { margin:5px 0 0 68px; }

.mrgB10 { margin:0 0 1rem 0!important; }

.mrgLCol2 { margin:0 0 0 2rem!important; }
.mrgL3 { margin-left:3px!important; }

.AllNone, .AllNone span { padding:0!important; line-height:inherit!important; }

.smallBr0 { font-size:0!important; height:0!important; clear:both; }
.smallBr1 { font-size:1em!important; height:1px!important; clear:both; }
.smallBr2 { font-size:1em!important; height:2px!important; clear:both; }
.smallBr3 { font-size:1em!important; height:3px!important; clear:both; }
.smallBr5 { font-size:1em!important; height:5px!important; clear:both; }
.smallBr7 { font-size:1em!important; height:7px!important; clear:both; }
.smallBr10, .smallBr { font-size:1em!important; height:10px!important; clear:both; }
.smallBr13 { font-size:1em!important; height:13px!important; clear:both; }
.smallBr14 { font-size:1em!important; height:14px!important; clear:both; }
.smallBr15 { font-size:1em!important; height:15px!important; clear:both; }
.smallBr18 { font-size:1em!important; height:18px!important; clear:both; }
.smallBr20 { font-size:1em!important; height:20px!important; clear:both; }
.smallBr25 { font-size:1em!important; height:25px!important; clear:both; }
.smallBr27 { font-size:1em!important; height:27px!important; clear:both; }
.smallBr30 { font-size:1em!important; height:30px!important; clear:both; }
.smallBr40 { font-size:1em!important; height:40px!important; clear:both; }
.smallBr35 { font-size:1em!important; height:3.3rem!important; clear:both; }
.smallBr50 { font-size:1em!important; height:50px!important; clear:both; }
.smallBr60 { font-size:1em!important; height:60px!important; clear:both; }
.smallBr70 { font-size:1em!important; height:70px!important; clear:both; }

.heightForce { min-height:303px!important; }
.heightForce .alert-info { margin:7rem 0 0!important; }

.tableHeight td { height:26px!important; }

.readonly { background-color:#eeeeee!important; }
.fleft, .float-left  { float:left!important; display:inline-block; }
.Fleft { float:left; width:auto!important; }
.inlineBlc { display:inline-block; }
.fright, .float-right { float:right; }
.fnone a, .float-none { float:none!important; }
.center { width:100%; margin:0 auto; text-align:center; }
.center input[type=checkbox] { width:100%; margin:0 auto!important; text-align:center; outline:none!important; }
.center input[type=checkbox] a { outline:none!important; }
.centered { margin:0 auto!important; }

.labelInlineBlock label { display:inline-block!important; }
.dashed { border-bottom:1px #fff dashed; width:100%; margin:15px 0 15px 0; }
.dashed2 { background:url(../Images/Icones/pix.png) repeat-x center top; width:100%; height:2px; clear:both; margin:15px 0 15px 0; display:inline-block; }
.dashed3 { border-bottom:dashed 1px #e5e5e5; width:100%; margin:5px 0 5px 0; padding:0 0 5px 0; }
.dashed4 { border-bottom:solid 1px #e5e5e5; width:100%; margin:5px 0 5px 0; }
.dashed5 { border-bottom:dashed 1px #ddd; width:16%; margin:3.5rem 0 1rem 0; height:5px!important; clear:both; }
.dashed100 { border-bottom:dashed 1px #ddd; width:100%; margin:3.5rem 0 1rem 0; height:5px!important; clear:both; }
.separator{ display:inline-block; width:100%; height:1px; }
.inputWithButton { width:85%!important; margin:0 10px 0 0!important; }
.float-left .dashed5 { width:100%!important; }
.line { border-top:solid 1px #d9d9d9; margin:3% 0; display:block; }
.lineBottom { border-top:solid 1px #d9d9d9; margin:3% 0; display:block; position:relative; bottom:-50px; }
.encadre { border:solid 1px #d9d9d9; padding:1rem; }
.encadre label { margin:0 0 .5rem 0; }

.borderR { border-right:solid 1px #d5d5d5; padding:0 5rem 0 0; }
.borderL { border-left:solid 1px #d5d5d5; padding:0 0 5rem; }
.borderBNone { border-bottom:0!important; }
.lastTdCenter th:last-child, .lastTdCenter td:last-child, .lastTdCenter td:last-child a { text-align:center!important; float:inherit!important; }



/*/////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////         FONT-SIZE + FONT-COLOR          /////////////////////*/
/*/////////////////////////////////////////////////////////////////////////////////*/


.color-blue { color:#428bca;}


.wth1 { width:1%!important; } 
.wth5 { width:5%!important; } 
.wth6 { width:6%!important; } 
.wth7 { width:7%!important; } 
.wth8 { width:8%!important; } 
.wth9 { width:9%!important; } 
.wth10 { width:10%!important; } 
.wth12 { width:12%!important; } 
.wth15 { width:15%!important; } 
.wth18 { width:18%!important; } 
.wth20 { width:20%!important; } 
.wth25 { width:27%!important; } 
.wth30 { width:30%!important; } 
.wth32 { width:32%!important; } 
.wth35 { width:35%!important; } 
.wth40 { width:40%!important; } 
.wth45 { width:45%!important; } 
.wth50 { width:50%!important; } 
.wth60 { width:60%!important; } 
.wth70 { width:70%!important; } 
.wth80 { width:80%!important; } 
.wth89 { width:89%!important; } 
.wth90, .wth100 { width:92%!important; } 
.wthAuto { width:auto!important; }
.wthFull { width:96%!important; }


/*/////////////////////////////////////////////////////////////////////*/
/*///////////////////        FONTAWESOME          /////////////////////*/
/*/////////////////////////////////////////////////////////////////////*/


@font-face { font-family:"RobotoCondensed-Light"; src:url("fonts/RobotoCondensed-Light.eot"); src:local("RobotoCondensed-Light"), url("fonts/RobotoCondensed-Light.ttf") format("TrueType"), url('fonts/RobotoCondensed-Light.woff') format('woff'); }
@font-face { font-family:"RobotoCondensed-Regular"; src:url("fonts/RobotoCondensed-Regular.eot"); src:local("RobotoCondensed-Regular"), url("fonts/RobotoCondensed-Regular.ttf") format("TrueType"), url('fonts/RobotoCondensed-Regular.woff') format('woff'); }
@font-face { font-family:"SourceSansPro-Regular"; src:url("fonts/SourceSansPro-Regular.eot"); src:local("SourceSansPro-Regular"), url("fonts/SourceSansPro-Regular.ttf") format("TrueType"), url('fonts/SourceSansPro-Regular.woff') format('woff'); }
@font-face { font-family:"SourceSansPro-Semibold"; src:url("fonts/SourceSansPro-Light.eot"); src:local("SourceSansPro-Semibold"), url("fonts/SourceSansPro-Semibold.ttf") format("TrueType"), url('fonts/SourceSansPro-Semibold.woff') format('woff'); }
@font-face { font-family:"SourceSansPro-Light"; src:url("fonts/SourceSansPro-Light.eot"); src:local("SourceSansPro-Light"), url("fonts/SourceSansPro-Light.ttf") format("TrueType"), url('fonts/SourceSansPro-Light.woff') format('woff'); }

@font-face { font-family:"RobotoCondensed-Light"; src:url("fonts/RobotoCondensed-Light.eot"); src:local("RobotoCondensed-Light"), url("fonts/RobotoCondensed-Light.ttf") format("TrueType"), url('fonts/RobotoCondensed-Light.woff') format('woff'); }
@font-face { font-family:"RobotoCondensed-Regular"; src:url("fonts/RobotoCondensed-Regular.eot"); src:local("RobotoCondensed-Regular"), url("fonts/RobotoCondensed-Regular.ttf") format("TrueType"), url('fonts/RobotoCondensed-Regular.woff') format('woff'); }
@font-face { font-family:"SourceSansPro-Regular"; src:url("fonts/SourceSansPro-Regular.eot"); src:local("SourceSansPro-Regular"), url("fonts/SourceSansPro-Regular.ttf") format("TrueType"), url('fonts/SourceSansPro-Regular.woff') format('woff'); }
@font-face { font-family:"SourceSansPro-Semibold"; src:url("fonts/SourceSansPro-Light.eot"); src:local("SourceSansPro-Semibold"), url("fonts/SourceSansPro-Semibold.ttf") format("TrueType"), url('fonts/SourceSansPro-Semibold.woff') format('woff'); }
@font-face { font-family:"SourceSansPro-Light"; src:url("fonts/SourceSansPro-Light.eot"); src:local("SourceSansPro-Light"), url("fonts/SourceSansPro-Light.ttf") format("TrueType"), url('fonts/SourceSansPro-Light.woff') format('woff'); }

@font-face { font-family: 'FontAwesome'; src: url('fonts/fontawesome-webfont.eot?v=3.0.1'); src: url('fonts/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'),
			 url('fonts/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('fonts/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; }


@font-face { font-family:"RCR"; src:url("fonts/RobotoCondensed-Regular.eot"); src:local("RobotoCondensed-Regular"), url("fonts/RobotoCondensed-Regular.ttf") 
             format("TrueType"), url('fonts/RobotoCondensed-Regular.woff') format('woff'); }


.verify { width:90% !important;}
a.template-gd { padding:8px 11px; text-align:center; width:10px; height:14px; display:inline-block; vertical-align:middle; margin:0 .3rem 0 2px; border-radius:4px; background:url('') no-repeat center; }
a.template { padding:3px 6px; text-align:center; /*float:left;*/ width:10px; height:16px; display:inline-block; vertical-align:middle; margin:0 2px 0 2px; border-radius:4px; background:url('') no-repeat center; }
a.template-bulle { background : #5a5353 !important; color :white !important; width:7px !important; height:12px !important; border-radius:50px !important}
a.template-bulle[data-title]:after {content: attr(data-title); position: absolute; left: 100%; padding: 4px 4px 4px 8px; white-space: pre; align-content : flex-start; text-align : left !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 0px 4px #222; -webkit-box-shadow: 0px 0px 4px #222; opacity: 0; z-index: 99999 !important; visibility: hidden; color:#3a87ad !important; background-color:#d9edf7 !important;}
a.template-bulle[data-title]:hover:after { opacity: 1; visibility: visible;}
[data-title] { position: relative;}
a.template-gd .fa-plus { margin:-1px 0 0 -3px !important; display:inline-block; font-size:1.8rem; color:white; }
a.template-gd .fa-eraser, .form-bt .fa-eraser { margin:0 0 0 -.4rem !important; display:inline-block; font-size:1.8rem; }
a.template-gd .fa-file-o { font-size:18px; margin:0 0 0 -2px!important; display:inline-block; }
a.template-gd .fa-envelope-o, a.template-gd a.template-gd .fa-book { font-size:18px; margin:0 0 0 -4px!important; display:inline-block; }
a.template-gd .fa-cog, a.template-gd .fa-lock , a.template-gd .fa-unlock  { font-size:1.5rem;  margin:-.1rem 0 0 -.3rem !important; }
a.template-gd .fa-file-text-o { margin:-.4rem 0 0 -.3rem !important; display:inline-block; font-size:1.9rem; }
a.template-gd .fa-users { font-size:1.7rem; margin:0px 0 0 -4px!important; display:inline-block; }
a.template-gd .fa-user { font-size:1.9rem; margin:-2px 0 0 -2px!important; display:inline-block; }

a.template .fa-minus, a.template .fa-minus-circle { font-size:1.3rem; margin:2px 0 0 -1px !important; display:inline-block; }

.fa-angle-right { font-size:20px; vertical-align:-2px; color:white; margin:0 1rem 0 0; }
.fa-times-circle { font-size:2.5rem; float:right; cursor:pointer;  margin:-2.6rem -1.2rem 0 0; color:#e20020; }
.fa-info-circle  { font-size:1.8rem; float:right; cursor:pointer;  margin:-2px 0 0 7px; color:#f49000; cursor:pointer; }


.tooltip { position:absolute; color:#3a87ad; background-color:#d9edf7; border-color:#bce8f1; box-shadow:-30px 30px 50px rgba(0, 0, 0, 0.32); padding:10px; z-index:500000000; width:500px; }
.tooltip .content { padding:20px; background-color:White; }


/*/////////////////////////////////////////////////////////////////////*/
/*///////////////////           COLOR             /////////////////////*/
/*/////////////////////////////////////////////////////////////////////*/

.font_red { color:#e10020; font-size:1.3rem!important; }


/*/////////////////////////////////////////////////////////////////////*/
/*///////////////////         BACKGROUND           /////////////////////*/
/*/////////////////////////////////////////////////////////////////////*/

.backGrey { background-color:#999999!important; }
.orange { background: #f26c4f !important; }
.orange2 { background-color:#E6674A !important; }
.orange3 { background-color:#d54e21 !important; }
.vertF { background:#1d9d74!important; }
.green { background:#39b54a!important; }
.violet { background:#9440ED!important; }
.violetF { background:#57517b!important; }
.gris { background:#8cacc6!important; }
.grisF { background:#a7a7a7!important; }
.red { background:#e10020!important; }
.bleu { background:#27BEFD!important; }
.blue { background-color:#2daddc!important; }
.dictio { background:#3f5693!important; }
.purpel { background:#a769bc!important; }
.eraser { background:#f0ad4e!important; }
.perso { background:#57517b!important; }
.reload { background:#569099!important; }
.uploaded, .upload { background:#9588b2!important; }
.download { background:#edc240!important; }
.companies { background:#428BCA!important; }
.mail { background:#a769bc!important; }
.book { background:#5bc0de!important; }
.colorAjout { background-color:#27BEFD!important; background-image:linear-gradient(to bottom,#56c9f9,#27BEFD); }


/*/////////////////////////////////////////////////////////////////////*/
/*///////////////////           LIENS            //////////////////////*/
/*/////////////////////////////////////////////////////////////////////*/


a { color:#fff; text-decoration:none!important; outline:0; cursor:pointer; }
a:link { text-decoration:none!important; }
a:hover { text-decoration:none!important; }
.smallLink,  .smallLink a { font-size:.9em; }
.linkFooter p,  .linkFooter a { font-size:.8em; color:#999999; }
.liensfooter { font-family:"Gotham-Book", Arial, Sans-Serif; width:100%; margin:1em auto 1em auto; text-align:center; color:#999999; }
.liensfooter a { font-size:.7em; color:#999999; }


/*/////////////////////////////////////////////////////////////////////*/
/*///////////////////       ALERTE & ERROR       //////////////////////*/
/*/////////////////////////////////////////////////////////////////////*/

.panelRight .displayAlertLogin { width:100%; margin:1% auto 0 auto; }
#Div_SearchAlert, #Div_SearchError, #Div_SearchValid { display: none; }

.rgpd { font-size:1.3rem; margin:0em; padding:0; }
.alert_login { padding:8px 0px 8px 0px; margin-bottom:20px; background-color:#ea5f54!important; border:1px solid #ea5f54!important; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
.alert-info_login { color:white; background-color:#d9edf7;border-color:#bce8f1 }
.alert-info_login h4 { color:white; font-size:1.8rem;}

.alert { padding:8px 35px 8px 14px; margin-bottom:20px; text-shadow:0 1px 0 rgba(255,255,255,0.5); background-color:#fcf8e3; border:1px solid #fbeed5; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }

#LoginForm .alert { margin-bottom:5px!important; }
.alert, .alert h4 { color:#c09853 } 
.alert h4 { margin:0 }
.alert .close { position:relative; top:-2px; right:-21px; line-height:20px }
.alert-success { color:#468847; background-color:#dff0d8; border-color:#d6e9c6 }
.alert-success h4 { color:#468847}
.alert-danger, .alert-error {color:#b94a48;background-color:#f2dede;border-color:#eed3d7 }
.alert-danger h4,.alert-error h4 {color:#b94a48}
.alert-info { color:#3a87ad;background-color:#d9edf7;border-color:#bce8f1 }
.alert-info h4 { color:#3a87ad }
.alert-block{ padding-top:14px;padding-bottom:14px }
.alert-block>p, .alert-block>ul{ margin-bottom:0 }
.alert-block p+p { margin-top:5px }

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error { color:#ff0000; display:block; }
.field-validation-valid { }
.input-validation-error { border:1px solid #ff0000; background-color:#ffeeee; }
.validation-summary-errors { font-weight:bold; color:#ff0000; }
.validation-summary-valid { display:none; }

/*
.alert { background-color:#F2DEDE!important; border:1px solid #EED3D7!important; }
.alert, .alert h4 { color:#B94A48!important;}
*/
.alert-block { padding:8px!important; }

.valid { padding:8px 35px 8px 14px; margin:0 0 20px 0; background-color:#c4df9b!important; border:1px solid #b6d090!important; border-radius:4px; text-shadow:0 1px 0 rgba(255, 255, 255, 0.5); }
.valid, .valid h4 { color:#3e5d0e!important; margin:0; }


.message { border-radius:.3rem; padding:1rem; margin-top:1rem; background:#E5E5EA; color:#838383; }



/*/////////////////////////////////////////////////////////////////////*/
/*///////////////////          TABLE             /////////////////////*/
/*/////////////////////////////////////////////////////////////////////*/


table { background-color:rgba(255, 255, 255, 1); width:100%; margin:0 0 1rem 0; border:solid 1px #DDDDDD !important; padding:0; }
table th { border:none; font-size:1.2rem; font-weight:lighter!important; text-align:left; padding:4px!important; color:#838383; /*color:#707070;*/ border-left:solid 1px #DDDDDD; border-bottom:solid 1px #DDDDDD; }
table td { border:none; font-size:1.2rem; font-weight:lighter!important; text-align:left; padding:4px!important; color:#838383; /*color:#707070;*/ border-left:solid 1px #DDDDDD; border-top:solid 1px #DDDDDD; }
table th.titre { text-align:center; font-size:1.2rem; padding:.1rem; color:#27BEFD; }
table tbody td { text-transform:uppercase; }
table tr:nth-child(2) th { border-bottom:none; }
table tr td:first-child, table tr th:first-child { border-left:none; }


/*/////////////////////////////////////////////////////////////////////*/
/*///////////////////          BOUTON             /////////////////////*/
/*/////////////////////////////////////////////////////////////////////*/


.forceLogoPosition { position:relative!important; width:97%!important; margin:1.2rem auto 2rem auto!important; }
.btn { color:#FFFFFF; margin:0 auto; padding:6px 12px; text-align:center; vertical-align:middle; border-radius:0!important; font-weight:normal; font-size:14px; display:inline-block; }
.login__submit { position:relative; margin:1rem auto 1rem auto; width:97%; color:rgba(255, 255, 255, 0.8); background:#e20020; color:white; display:block; text-decoration:none;
                 font-size: 1.5rem; font-weight:lighter; border-radius:0!important; cursor: pointer; overflow: hidden; padding:1rem; text-align:center;
                 -webkit-transition: width 0.3s 0.15s, font-size 0.1s 0.15s; transition: width 0.3s 0.15s, font-size 0.1s 0.15s; bottom:0; }

.login__submit_center { position:relative; margin:1rem auto 1rem auto; width:50%;  color: rgba(255, 255, 255, 0.8); background:#e20020; color:white; display:block; text-decoration:none;
                 font-size: 1.5rem; font-weight:lighter; border-radius:0!important; cursor: pointer; overflow: hidden; padding:1rem; text-align:center;
                 -webkit-transition: width 0.3s 0.15s, font-size 0.1s 0.15s; transition: width 0.3s 0.15s, font-size 0.1s 0.15s; bottom:0; }

.login__access_center { position:relative; margin:1rem auto 1rem auto; width:50%;  color: rgba(255, 255, 255, 0.8); background:#666; color:#FFFFFF!important; display:block; text-decoration:none;
                 font-size: 1.5rem; font-weight:lighter; border-radius:0!important; cursor: pointer; overflow: hidden; padding:1rem; text-align:center;
                 -webkit-transition: width 0.3s 0.15s, font-size 0.1s 0.15s; transition: width 0.3s 0.15s, font-size 0.1s 0.15s; bottom:0; }

.login__cancel { width:97%; background:#999; color:white; display:block; text-decoration:none;
                 font-size: 1.5rem; font-weight:lighter; border-radius:0!important; cursor: pointer; overflow: hidden; padding:1rem; text-align:center; float:left; margin:1% 0 0 0; }
.login__link_appareance{ border:0; font-size:0; }
.login__submit_small { width:45%; background:#e20020; color:white; display:block; text-decoration:none; float:right; margin:1% 0 0 2%;
                 font-size: 1.5rem; font-weight:lighter; border-radius:0!important; cursor: pointer; overflow: hidden; padding:1rem; text-align:center; }

.login__submit_small2 { width:97%; background:#E5E5E5; color:#666; display:block; text-decoration:none; float:right; margin:1% 0 0 0;
                 font-size: 1.5rem; font-weight:lighter; border-radius:0!important; cursor: pointer; overflow: hidden; padding:1rem; text-align:center; }

.login__cancel_small { width:45%; background:#999; color:white; display:block; text-decoration:none;
                 font-size: 1.5rem; font-weight:lighter; border-radius:0!important; cursor: pointer; overflow: hidden; padding:1rem; text-align:center; float:left; margin:1% 0 0 0; }

.login__cancel_small.success:after, .login__submit_small2.success:after, .login__submit_small.success:after, .login__submit.success:after  { 
    -webkit-transition: opacity 0.1s 0s; transition: opacity 0.1s 0s; opacity: 0; -webkit-animation: none; animation: none; }



/*/////////////////////////////////////////////////////////////////////*/
/*//////////////      INPUT + SELECT + CONTAINER     //////////////////*/
/*/////////////////////////////////////////////////////////////////////*/


input[type="text"], input[type="password"], input[type="datetime"],
input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"],
input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"],
input[type="tel"], input[type="color"] { font-family:Arial!important; outline:none!important; font-size:1.2rem!important; border-radius:0px!important; height:20px; 
										 resize:none!important; color:#858585; box-shadow:none!important; margin:0 0 .5rem 0; width:97%; padding:4px 6px; line-height:20px; border:1px solid #ccc; }


input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] { background-color:white!important; }

select, input[type="file"] { font-family:Arial!important; outline:none!important; font-size:1.2rem!important; border-radius:0px!important; margin:0!important; border:1px solid #ccc;
							 height:30px!important; resize:none!important; color:#858585; width:100%; }   
select:focus, input:focus { outline:0 none!important; }

.input-mrgR { margin-right:10px!important; }
.inputHeight17 input[type="text"] { height:17px; }

.required { border:1px solid #f2a9a0!important; }
.requiredOption { border:1px dashed #f2a9a0!important; }

.divInput span { display:inline-block; margin:.8rem 0; font-size:1.3rem!important; }



/*/////////////////////////////////////////////////////////////////////*/
/*///////////////////         CONNEXION           /////////////////////*/
/*/////////////////////////////////////////////////////////////////////*/

.accroche { margin:1rem 0; font-size:1.5rem; }

#loginContainer { width:940px; position:relative; margin:0 auto; min-height:0%; height:0%; }
#loginContainer .login { margin-top:90px; height:100px; }
#loginContainer .panelRight { float:right; width:400px!important; height:auto; padding:0 20px 20px 20px; margin:0 0 24px 0; position:relative; }
#loginContainer .panelRight .link { /*bottom:80px; position:absolute;*/ }

.login__row { padding-bottom:1rem; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.inputLogin { }
.login__row span { display:none; }
.login__user { position:relative; top:-120%; left:0; width:100%; height:5%;  } 
.login.inactive { opacity: 0; -webkit-transform: scale(1.1); transform: scale(1.1); }

.connexion h1 { font-weight:500; line-height:1.1; font-size:24px; margin:10px 0 20px 0; color:#7F7F7F; }
.connexion { background:url("../images/bg.png") no-repeat 0 -7px fixed!important; background-size:100%!important; }
.connexion .box-login { background:none repeat scroll 0 0 #FFFFFF; border-radius:5px; box-shadow:-30px 30px 50px rgba(0, 0, 0, 0.32); overflow:hidden; padding:15px; width:400px; height:600px; margin:1% auto 0 auto;
						font-weight:500; line-height:1.1; font-size:12px; color:#7F7F7F; transition:0.1s, transform 0.3s cubic-bezier(0.17, -0.65, 0.665, 1.25), -webkit-transform 0.3s cubic-bezier(0.17, -0.65, 0.665, 1.25) }

.unauth-logo { text-align:center; display:block; /*background:url("../images/logos/logo.png") no-repeat;*/ width:230px; margin:2rem auto!important; height:auto; }
.unauth-logo img { display:block; width:219px; height:auto; margin:0 auto!important; }



/*#loginContainer .link { margin:2.5rem 0; }*/
#loginContainer .link label, .contactUs label { display:inline-block!important; margin:.8rem 0!important; width:100%; }
/*#loginContainer .link label:last-child { margin:1rem 0 0 0; }*/


.login__signup { font-size: 1.2rem; color:#fff; width:100%; margin:0 auto; text-align:center; }
.login__signup a { color: #fff; cursor: pointer; }

.rememberMe { display:block; color:#fff; cursor:pointer; }
.rememberMe span { cursor:pointer; }
.ForgotPassword { display:none; }

.linkFooter { font-family:"Gotham-Book", Arial, Sans-Serif; width:100%; margin:0 auto 1em auto; text-align:center; color:white; }
.linkFooter a { font-size:.9em; color:#fff;  text-align:center; text-decoration:underline!important; }


/*/////////////////////////////////////////////////////////////////////*/
/*///////////////////      PERSONNALISATION       /////////////////////*/
/*/////////////////////////////////////////////////////////////////////*/


.modal { width:500px; margin:5% auto; padding:1rem; border-radius:6px; height:auto; } 
.modalBack { width:500px; margin:0 auto; padding:2rem; height:auto; border-radius:6px; background-color:rgba(255, 255, 255, 0.2); display:inline-block; }
.modalBackIGC {width: 535px;margin: 0 auto;padding: 2rem 3rem;border-radius: 6px;background-color: white;border: solid 1px #cbcbcb;display: inline-block;}
.modalContent { color:white; /*width:100%!important;*/ }
.modalContent h1 { text-align:center; border-bottom:dashed 1px #cbcbcb; padding:0 0 1rem 0; color:white; font-size:2rem; }
.modalContent div { margin:1rem 0; }
.modalContent label { margin:.5rem 0; display:block; }
.modalContent div:last-child { margin:0; }
.modalContent span { font-size:1.3rem; }



.modalInfo { width:48%; height:auto; padding:2rem; border-radius:6px; border:solid 1px #cbcbcb; background-color:white; min-height:100px; } 
.modalInfo .back { width:100%; margin:0 auto; padding:; background-color:white; }
.modalInfo .content { padding:; }
.modalInfo .content h1 { text-align:center; border-bottom:dashed 1px #cbcbcb; padding:0 0 1rem 0; color:#666; font-size:2rem; }
.modalInfo .content div { margin:1rem 0; text-align:left; }

.modalInfo .titreModalInfo {background:#f49000; color:white; font-weight:bold; height:24px; padding-left:11px; padding-top:11px;}
 #Div_ModalMessageInfo { border:solid 2px #cbcbcb!important; width:30%; padding:0!important; padding-bottom:10px!important; border-radius:0px; }
 #Div_ModalMessageInfo .btnOkModal {width:67%; }
 #Div_ModalMessageInfo .messageLead {padding:10px; text-align:center; }


/*/////////////////////////////////////////////////////////////////////*/
/*///////////////////      INTERSTITIEL           /////////////////////*/
/*/////////////////////////////////////////////////////////////////////*/


.interstitiel { width:100%; max-width:965px; margin:0 auto; /*border-radius:6px;*/ height:auto; } 
.interstitielBack { background-color:#FFFFFF; border:solid 1px #cbcbcb; /*border-radius:6px; */ }
.interstitielContent { color:#000; padding:2rem 2rem 0rem 2rem; /*width:100%!important;*/ }
.interstitielContent2 { color:#000; /*width:100%!important;*/ }
.interstitielContent h1 { text-align:center; border-bottom:dashed 1px #cbcbcb; padding:0 0 1rem 0; color:#494948!important; font-size:2rem; }
.interstitielContent span { font-size:1.3rem; }

.interstitiel .box { width:100%; float:left; background-color:white; border:solid 1px #cbcbcb; display:none; margin:0 0 2rem 0; padding:0; }
.interstitiel .box .contenu { margin:0; padding:0; }
.interstitiel .box .contenu div.top { background-color:#FFFFFF; color:#494948; margin: 0 0 0 0; padding:0; }
.interstitiel .box .contenu div.top table { border:none!important; text-transform:none; padding:0!important; margin:0!important; }
.interstitiel .box .contenu div.top tr { border:none!important; text-transform:none; padding:0!important; margin:0!important; }
.interstitiel .box .contenu div.top td { border:none!important; text-transform:none; padding:0!important; margin:0!important; }
.interstitiel .box .contenu div.top .logo { width:14%; padding:0 1% 0 1%!important; background-color:#FFFFFF; margin:1.5rem 1.5rem 1.5rem 1.5rem!important; }
.interstitiel .box .contenu div.top .logo img { width:100%; }
.interstitiel .box .contenu div.top .titre { width:100%; background-color:#f59100; font-family:DroidSans-Bold, Helvetica, Arial, sans-serif; color:#FFFFFF; font-size:2.2rem; margin:0 0 0 0; padding:1.5rem 1.5rem 1.5rem 1.5rem!important; }
.interstitiel .box .contenu div.middle { clear:both; background-color:#FFFFFF; color:#494948; /*text-align:justify;*/ padding:1.5rem 1.5rem 1.5rem 1.5rem; }
.interstitiel .box .contenu div.middle .plus { text-align:right; color:#f59100; cursor:pointer; }
.interstitiel .box .contenu div.middle div.profile { color:#494948; border-top:dashed 1px #cbcbcb; padding:1.5rem 0 0 0; margin:1.5rem 0 0 0; }
.interstitiel .box .contenu div.middle label { color:#494948; display:none; }
.interstitiel .box .contenu div.middle ul { margin:.5rem 0 0 0; }
.interstitiel .box .contenu div.middle a { color:#f59100; }
.interstitiel .box .contenu div.bottom { background-color:#FFFFFF; color:#f59100; border-top:solid 1px #cbcbcb; text-align:center; vertical-align:middle; padding:.2rem 0 .2rem 0; }

.interstitiel .rss { width:100%; float:left; background-color:white; border:solid 1px #cbcbcb; display:none; margin:0 0 2rem 0; display:none; }
.interstitiel .rss .item_rss { color:#494948; border-bottom:dashed 1px #cbcbcb; padding:2rem 0 0 0; margin:0 1.5rem 0 1.5rem; }
.interstitiel .rss .item_rss:last-child { border-bottom:none; }
.interstitiel .rss .item_rss img { float:left; margin:0 1.5rem 1.5rem 0; }
.interstitiel .rss .item_rss .titre_rss { font-family:DroidSans-Bold, Helvetica, Arial, sans-serif; color:#494948; font-size:1.3rem; padding:0 0 0 0; }
.interstitiel .rss .item_rss .prix_rss { font-family:DroidSans-Bold, Helvetica, Arial, sans-serif; color:#000000; font-size:1.2rem; padding:.5rem 0 1.5rem 0; }
.interstitiel .rss .item_rss .prix_rss .accroche_rss { color:#f59100; }
.interstitiel .rss .item_rss .prix_rss .tarifs_rss span.public { float:left; padding:.5rem .5rem .5rem 0; color:#000000; display:block; text-decoration:line-through; }
.interstitiel .rss .item_rss .prix_rss .tarifs_rss span.reduction { float:left; padding:.5rem .5rem .5rem .5rem; background-color:#f59100; color:#FFFFFF; display:block; margin:0 1rem 0 1rem; }
.interstitiel .rss .item_rss .prix_rss .tarifs_rss span.canalce { float:left; padding:.5rem .5rem .5rem .5rem; color:#000000; font-weight:bold; display:block; }

.interstitiel .contact { float:right; text-align:right; display:block; }
.interstitiel .contact .legende { margin:.5rem 0; display:block; color:#494948; font-size:1.2rem; }
.interstitiel .contact a { font-size:1.2rem; color:#f59100; }
.interstitiel .fifty_gauche { width:47%; margin:0 1% 0 2%; float:left; }
.interstitiel .fifty_droite { width:47%; margin:0 2% 0 1%; float:right; }
.interstitiel .promo { width:96%; float:left; margin:0 2rem 2rem 2rem; }
.interstitiel .cesure { width:96%; margin:1rem 2% 1rem 2%; float:left; text-align:center; padding:0 0 1rem 0; color:#494948!important; font-size:2rem; display:none; }


/*/////////////////////////////////////////////////////////////////////*/
/*///////////////////        SUCCESS PAGE        //////////////////////*/
/*/////////////////////////////////////////////////////////////////////*/

.successPage div { font-size: 1.5rem; text-align: center; }


/*/////////////////////////////////////////////////////////////////////*/
/*//////////////                PAGE                 //////////////////*/
/*/////////////////////////////////////////////////////////////////////*/

.home { width:40%; margin:3% auto; }
.home .bloc { float:left; width:25%; /*opacity:.5;*/ margin:1% 1%; text-align:center; border-radius:10px; padding:10px; position: relative; display:none; cursor:pointer; }
.home .bloc img { max-width:60%; }


/*.homebg { background-size:400%!important; }*/
#loginContainer { width:100%; }
#loginContainer .panelRight { float:none; width:87%!important; height:auto; padding:0 20px; margin:0 auto; background-color:white; }
.unauth-footer { float:none; width:87%!important; height:auto; margin:6% auto!important; }
.unauth-footer, .ForgotPassword { display:block; }

#Div_ConnexionSlider, #A_PubTop, #loginContainer .link, .rememberMe, .tellMeMore, #footerlogin, .justForDesktop, .pub940 { display:none; }

.login__cancel_small { margin:1% auto 0 auto!important; float:left!important; }
.login__submit_small { margin:1% auto 0 auto!important; float:right!important; }







/* POUR NAVIGATEUR > 1280px */
@media only screen and (max-width:1487px)
 {      

 }

@media only screen and (max-width:1279px)
 {      
    .home { width:50%; }
 }

@media only screen and (max-width:968px)
 {      
    
    #Div_ConnexionSlider, #A_PubTop, #loginContainer .link, .rememberMe, .tellMeMore, #footerlogin, .justForDesktop, .pub940 { display:none; }
    .connexion { background-size:auto!important; }
    .home { width:70%; }
    .homebg { background-size:400%!important; }
    #loginContainer { width:100%; }
    #loginContainer .panelRight { float:none; width:90%!important; height:auto; padding:0 20px; margin:0 auto; }
    #loginContainer .rgpd { padding:0 20px; }


    .modal { width:80%!important; }
    .modalBack { width:90%!important; margin:0 3%; }

    .inputWithButton { width:80%!important; }
 }

@media only screen and (max-width:500px)
 {      
    
	table th, table td  { font-size:1.1rem; }
		
	.home { width:90%; }
    .home .bloc { width:24%; }
    .homebg { background-size:400%!important; }
    .inputWithButton { width:75%!important; }

    .modal { width:80%!important; margin:0!important; }
	
    .interstitiel .fifty_gauche { width:96%; margin:0 2% 0 2%; float:left; }
    .interstitiel .fifty_droite { width:96%; margin:0 2% 0 2%; float:right; }
    .interstitiel .contact .legende { font-size:1rem; }
    .interstitiel .contact a { font-size:1rem!important; }
    .interstitiel .promo { width:96%; float:left; margin:0 1rem 1rem 1rem; }
    .interstitiel .rss { display:none; }
    
 }

 @media only screen and (max-width:350px)
 {         
    .modal { width:80%!important; margin:0!important; }
	.inputWithButton { width:70%!important; }
 }

 /*********************************************************************************************************************************************************************************/
/*********************************************************************************************************************************************************************************/
/*************************  MODAL   *********************************************************************************************************************************************/

.ui-dialog {/* border:solid 1px #d9d9d9!important; background-color:white;*/ border-radius:0px!important; resize:none!important; /*width:500px!important; text-align:center!important;*/ }
#dialog { resize:none!important; height:auto!important; min-height:50px!important; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { margin:0 0 0 0; }
.ui-widget-header { background:url("") repeat-x scroll 50% 50% #657278!important; border:none; border-radius:0px; text-transform:uppercase; }
.ui-dialog .ui-dialog-title { color:White; font-weight:lighter; }

/* CLOSE */
.ui-dialog .ui-dialog-titlebar-close { margin:-18px 7px 0 0; }
.ui-dialog .ui-state-hover .ui-dialog-titlebar-close .ui-icon-closethick,
.ui-dialog-titlebar-close .ui-icon-closethick { background:url("../Images/close.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); height:36px; width:36px; }

/* BOUTON */
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float:none!important; margin:0 auto; width:60%; margin:0 auto; }
.ui-dialog-buttonset button { background:none; background-color:#657278!important; border:none; color:white; border-radius:0px; width:150px; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background-color:#657278!important; border:none; background:none; color:White; width:150px; margin:0 auto; border-radius:0px!important; }
.ui-dialog .ui-dialog-buttonpane button { margin:.5em!important; }
.ui-state-hover { background:none!important; border:none!important; }
.ui-dialog .ui-dialog-titlebar { padding:.2em .5em!important; }


/* DATE-PICKER */
.ui-datepicker-calendar .ui-state-default { width:auto!important; }
#ui-datepicker-div .ui-widget-header { background:#cccccc url(../../images/jquery-ui/ui-bg_highlight-soft_75_cccccc_1x100.png)50% 50% repeat-x !important;}
.ui-datepicker-calendar .ui-state-default, 
.ui-datepicker-calendar .ui-widget-content .ui-state-default,
.ui-datepicker-calendar .ui-widget-header .ui-state-default { border:1px solid #d3d3d3/*{borderColorDefault}*/; background-color:#e6e6e6!important;
                                                                                background:#e6e6e6/*{bgColorDefault}*/ url(../../images/jquery-ui/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/;
                                                                                color:#555555!important/*{fcDefault}*/;
}


#errorDialog { border:solid 1px #d9d9d9; border-radius:0px; padding:10px!important; }
#dialogPopup { padding:10px!important; }

.errorMsg .ui-widget-header { border:none; border-radius:0px; }
.ui-dialog .ui-dialog-content, .ui-dialog .ui-dialog-buttonpane { border:solid 0px #d9d9d9; padding:10px 10px 2px 10px!important; border-top-left-radius:0px; min-height:inherit!important }
#warnDialog { height:auto!important; }

.formulaire fieldset { padding:10px!important; }
@media screen and (-webkit-min-device-pixel-ratio:0) { #warnDialog { height:auto!important; }} /* hack Chrome / Safari */