/************************************************************************* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}


article, aside, figure, footer, header, hgroup, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }


body { font:13px Tahoma, Geneva, sans-serif; *font-size:small; *font:x-small; line-height:1.22; }
table { font-size:inherit; font:100%; }
select, input, textarea { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
 
body, select, input, textarea { color:#444; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; }
html { -webkit-font-smoothing: antialiased; }
a:hover, a:active { outline: none; }
a, a:active, a:visited { color:#607890; }
a:hover { color:#036; }
ul { margin-left:30px; }
ol { margin-left:30px; list-style-type: decimal; }
small { font-size:85%; }
strong  { font-weight: bold; }
td, td img { vertical-align:top; } 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }

pre { padding: 15px; white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; }

input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }

::-moz-selection{ background: #EF931D; color:#fff; text-shadow: none; }
::selection { background:#EF931D; color:#fff; text-shadow: none; } 

a:link { -webkit-tap-highlight-color: #FF5E99; } 


html { overflow-y: scroll; }
button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

.ir { display:block; text-indent:-999em; overflow:hidden; background-repeat: no-repeat; }
.hidden { display:none; visibility:hidden; }
.hiddenfieldset { display:none;} 
.visuallyhidden { position:absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility: hidden; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.fltrt{ float:right}
.fltlt{ float:left}
.error {color:red;}
.confirm {color:green;}
.span-10{ width:200px;}
.span-13{ width:270px;}
.span-14{ width:280px;}
.span-15{ width:300px;}
.span-16{ width:320px;}
.span-17{ width:340px;}
.span-18{ width:360px;}
.span-19{ width:380px;}
.span-20{ width:400px;}
.span-23{ width:460px;}
.push-1{ margin-right:20px}

.extFeedback {margin-left:220px;}
.imgOpacity {opacity: .5;}
ul.twoColumns li { float:left; width:49%}

/****************************************************** Primary Styles | Author: Mediactive */
/*  Structure  */
#container{ width:960px; height:100%; margin:auto; border:1px solid #efefef; border-width:0 1px; overflow:hidden; box-shadow:0 0 3px #333; }

#global{ width:960px; height:100%; margin:auto; border:1px solid #efefef; border-width:0 1px; overflow:hidden; box-shadow:0 0 3px #333; }

header { overflow:hidden; padding:1em;}
/*#contenu{}*/
section { width:770px; margin-left:160px; padding:15px; overflow:hidden; background:#fff; }
* html section { width:746px; margin-left:180px;  }
#main { background-color:rgb(248,248,248);}

#contenu { background-color:rgb(248,248,248);}

/*  Main Typo */
h1 { font-size:1.4em; line-height:1.7em; margin:0 0 1em 0; text-shadow:1px 1px 1px #ccc; color:#333; font-weight:normal }

/*  Header  */
a#logo { display:block; width:200px; height:80px; background:url('../img/mediactive.jpg') center no-repeat; text-indent:-2000px;  }
a#logo_societe { display:block; width:200px; height:80px; }
.connect { float:right; overflow:hidden; text-align:right; margin-right:1em;}
.connect p, .metaNav p { line-height:1.5em; color:#999; text-shadow:1px 1px 1px #fff;}

/*  Meta nav  */
div.metaNav { height:2em; border:1px solid rgb(246,246,246); border-width:0; z-index:10; position:relative; text-align:right}
.metaNav ul { list-style:none; padding:0 0 0 180px; margin:0;}
.metaNav li { float:left; display: inline-block; font-size:0.9em; color:#666; line-height:2.2em;}
.metaNav li a {color:#666; text-decoration:none;}
.metaNav li a:hover { text-decoration:underline;}
.metaNav p { line-height:1.7em; padding-right:1.5em}


/*  Main nav  */
.mainNav { float:left; margin:0 0 0 0; padding-top:1em; width:160px; height:100%;  }
.mainNav ul, .mainNav li { margin:0; padding:0;}
.mainNav a, .mainNav a:visited, .mainNav a:link { display:block; line-height:2em; font-size:1em ; text-align:left; text-decoration:none; padding-left:1em; color:#333; }
.mainNav a:hover { text-decoration:underline; }
.mainNav li.active a { background-color:rgb(255,255,255); background-color:rgba(255,255,255, 0.95); text-decoration:underline;}
.mainNav li ul { margin-bottom:1em}
.mainNav li li { margin:0; padding:0 0 0 0.6em;font-size:0.9em; }
.mainNav li li a { line-height:1.6em; font-size:0.9em}

/*  Footer  */
#footer, footer { clear:both; min-height:20px; border:1px solid #efefef; border-width:1px 0; text-align:center; color:#666; }
#footer p, footer p { padding:0.7em 0; font-size:0.8em; text-shadow:1px 1px 1px #fff;}

/*   Class Generique   */
.clearer{clear:both;height:0px;font-size:0px;width:0px;}
.ex{color:#999;}
.normal{color:#000;}
.visible{display:block;}
.invisible{display:none;}
.clear{padding:0; margin:0; height:0; width:0; clear:both; border:0;}
.ToBeWiewed{color:#F0F;font-style:italic;padding:5px;border : 1px dashed #F0F;}
.Link{ cursor:pointer; text-decoration:underline;}
.red{color:#F00;}
.blue{color:#3D4FFF;}
.Gris{color:#666;}
.bold{font-weight:bold;}
.FloatLeft{float:left;}
.FloatRight{float:right;}
.ListStyleNone{padding:1px;margin:1px;padding-left:0;margin-left:0;list-style:none;}
.ListDecale{margin-left:30px;}
.LittleTxt{font-size:10px;}
.rub{background:#E6E6E6;padding:3px;border:1px solid #CCC;color:#333;font-weight:normal;clear:right;display:inline-block;width:350px;}
.alignJustifier{text-align:justify;}
a:hover { text-decoration:underline;}
.italic { font-style:italic;}
.loadingMessage { margin:1em auto 5em; text-align:center; padding-top:5em; background:url('../img/ajaxLoader.gif') center top no-repeat}

/*  Gestion des elements de formulaire  */
form fieldset { border:1px solid #efefef; padding:1em; margin-bottom:1em;}
form ul{list-style:none;margin-left:0;}
form ul li{padding:0px;margin:5px 0;}
form ul li.clearAll{ clear:both; overflow:hidden; }

/*form label{float:left;width:185px;line-height:2em;}*/
form label{float:left;width:220px;}

form label.field_short{float:left;width:50px;}
form .decalLikelabel{margin-left:175px;}
form input{width:268px;padding:1px;}
form select{width:275px;padding:1px;}
form select.selectMultiple{width:220px;padding:3px; }
form select.selectMultiple option{font-size:12px; color:#666; line-height:18px}
form textarea{width:268px;padding:1px;}
form .radio{width:20px;float:none;}
form .checkbox{width:20px;float:none;}
form .input.field_court {width:130px;}

form label.legendField{float:none; width:15px; display: inline-block;}

form .select.field_court {width:135px;}
form .select.field_short {width:100px;}
form .required_alert {border:1px dashed #F69;background-color:#FEEDED;}
.btn, .Lookbtn, form .Lookbtn, form input.Lookbtn{padding:2px 15px 2px 15px; width:auto; font-weight:bold; cursor:pointer;}

.addBtn, .Lookbtn, form .Lookbtn, form input.Lookbtn{padding:2px 15px 2px 15px; width:auto; font-weight:bold; cursor:pointer;}

.FakeBtn{padding:2px 15px 2px 15px; width:auto; font-weight:bold; cursor:pointer; border:1px solid #000; background:#CCC;}

form ul li.checkboxLine{
	
	padding:0px;margin:5px 0;
}

form label.inlineLabel{
	float:none;
	width:auto;
	display:inline-block;
}

.selectMultiple { height:160px}
fieldset.prices table {  margin:0}
fieldset.prices  table td { text-align:left; border:0}
fieldset.alertes label { clear:left}

/*  Tables  */
table { margin-top:1.5em; clear:both;}
table td, table th { border-right:1px solid #efefef; font-size:11px}
table thead td, table thead th { font-size:0.9em; text-align:left; padding:6px 18px 6px 12px}
table th:last-child, table td:last-child {text-align:right;background:none !important; padding-right:3px}
table thead td, table thead th { border-bottom:1px solid #efefef; margin-bottom:0.5em; padding-bottom:0.6em;}
table tfoot td, table tfoot th { border-top:1px solid #efefef; font-weight:bold; margin-top:0.5em; padding-top:0.6em;}
table tbody td,table tbody th { color:#555; padding:0.4em 0.2em; line-height:1,2em;}
.dataTables_wrapper table { clear:both}
.dataTables_wrapper #domainsTable_length, .dataTables_wrapper #domainsTable_filter { height:40px; }

table td.leftAlign {text-align:left;}


/* Identification page */
#login { width:40%; margin:2em auto;}

/*  Modale */
#nyroModalWrapper { background:#fff; border-radius:5px;  -moz-border-radius:5px;  -webkit-border-radius:5px; padding:1em  }


/*  Box Shadows  */
#container{  box-shadow:0 0 3px #333; -moz-box-shadow:0 0 3px #333; -webkit-box-shadow:0 0 3px #333;}
#global{  box-shadow:0 0 3px #333; -moz-box-shadow:0 0 3px #333; -webkit-box-shadow:0 0 3px #333;}

div.metaNav { box-shadow:0 1px 3px #666; -moz-box-shadow:0 1px 3px #666; -webkit-box-shadow:0 1px 3px #666 ;  }
* html div.metaNav  { border:1px solid #efefef; border-width:1px 0;}
*+html div.metaNav  { border:1px solid #efefef; border-width:1px 0;}
div.metaNav   { border /*\**/: 1px solid #efefef\9; border-width /*\**/:1px 0\9; }

/*  Gradients  */
.mainNav li.active a{ 
background-image:-moz-linear-gradient(
    left right,
    rgb(248,248,248) 0%,
    rgb(255,255,255) 0%
);
background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0, rgb(248,248,248)),
    color-stop(1, rgb(255,255,255))
);
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#efefef,endColorstr=#ffffff,GradientType=1); zoom: 1;
 }

div.metaNav, footer { 
background-image:-moz-linear-gradient(
    center bottom,
    rgb(248,248,248) 0,
    rgb(252,252,252) 100%
);
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(248,248,248)),
    color-stop(1, rgb(252,252,252))
);
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#f5f5f5,endColorstr=#fdfdfd,GradientType=0); zoom: 1;
 }
header { 
background-image:-moz-linear-gradient(
    center bottom,
    rgb(253,253,253) 30%,
    rgb(245,245,245) 70%
);
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.47, rgb(253,253,253)),
    color-stop(0.74, rgb(245,245,245))
);
filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#f5f5f5,endColorstr=#fdfdfd,GradientType=0); zoom: 1;
}

#modifyRights{ padding:3px 0}


/* 
 * print styles
 */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

@media all and (orientation:portrait) { 
  
}

@media all and (orientation:landscape) { 
  
}

/* Grade-A Mobile Browsers */
@media screen and (max-device-width: 480px) {
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } 

}