/* --- STYLES DE BASE --- */
/* Global */
/* Page */
html {
    font-size: 100%; /* Évite un bug d'IE 6-7. (1) */
}
body {
    margin: 0;
    padding: 0.5em; /* Remettre à zéro si nécessaire. */
    /* Pensez à utiliser une collection de polices (2), par ex: */
    font-family: Arial,sans-serif;
    font-size: .8em; /* À adapter pour la police choisie. (3) */
    line-height: 135%; /* À adapter au design. (4) */
    color: #343434; /* Couleur de police KA */
    overflow: hidden;
    margin: auto;
}

li{
	list-style: none;
}
/* Titres */
/*h1, h2, h3, h4, h5, h6 {
    margin: 1em 0 .5em 0;  Rapproche le titre du texte. (5) 
    line-height: 1.2;
    font-weight: bold;  Valeur par défaut. (6) 
    font-style: normal;
}
h3  {
font-size:150%;
}*/
h1, h2, h3, h4 {
font-weight:normal;
line-height:100%;
margin:20px 0;
padding-bottom:5px;
}


h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.75em;
    color:#3D3D3D;
}

h3 {
    font-size: 1.5em;
}

h4 {
    font-size: 1em;
    color:#FF672D;
}

tr {
	border         : 1px solid #565656;
	padding        : 2px;
	vertical-align : top;
	-moz-border-radius-topleft: 0.3em;
	-moz-border-radius-topright: 0.3em;
	-moz-border-radius-bottomleft : 0.3em;
	-moz-border-radius-bottomright: 0.3em;
}
/* Listes */
ul, ol {
    margin: 0 0 .75em 32px;
    padding: 0;
}
/* Paragraphes */
p {
    margin: .75em 0; /* Marges plus faibles que par défaut. (7) */
}

p.important {
	font-weight:bold;
    
}

address {
    margin: .75em 0;
    font-style: normal;
}

/* Liens */
a {
    text-decoration:underline;
}
a:link {
    color: #FF672D; /* Couleur de lien KA */
}

a:visited {
    color: #FF672D;
}

a:hover, a:focus, a:active {
    color: #FF672D;
    text-decoration:underline;
}

a img {
    border: none;
}

a#deconnect {
	font-size: x-small;
}

a.longlink {
	color: 	#005C9C;
}

/* Divers éléments de type en-ligne (8) */
em {
    font-style: italic;
}
strong {
    font-weight: bold;
}

/* --- STYLES DE BASE SUPPLÉMENTAIRES --- */

/* Met en évidence les abréviations */
abbr, acronym {
    border-bottom: 1px dotted;
    cursor: help;
}

/* Met en évidence les citations */
blockquote, pre {
    margin: .75em 0 .75em 20px;
    padding: 0 0 0 10px;
    border-left: solid 2px #ddd;
    font-size: small;
}
q {
    font-style: italic;
    quotes: none; /* Supprime les guillemets automatiques */
}
q:before, q:after {
    content: ""; /* Supprime les guillemets dans Safari/Chrome */
}
cite {
    font-style: italic;
}
q cite, q q {
    font-style: normal
}

hr {
	border-color:#343434 -moz-use-text-color -moz-use-text-color;
	border-style:dashed none none;
	border-width:1px medium medium;
	height:1;
	width:100%;
}

/* Rapproche les paragraphes dans les listes et citations */
blockquote p, li p {
    margin: .5em 0;
}

/* Styles de base pour les listes de définition */
dl {
    margin: .75em 0;
}
dt {
    margin: .75em 0 0 0;
    font-weight: bold;
}
dd {
    margin: .25em 0 .25em 32px;
}

/* Explications */

span.explanation, p.explanation {
	font-style:normal;
}

p.adds {
	font-size:12px;
	font-style:normal;
}

/* Header */
#header {
	min-width     : 988px;
	border        : solid 1px #565656;
	border-bottom : none;
	margin-left   : 2px;
	background    : #FFFFFF;
	-moz-border-radius-topleft: 0.3em;
	-moz-border-radius-topright: 0.3em;
	overflow: hidden;
	/* IE */
	*margin-bottom : 2px;
}

#header #banniere {
	margin        : 10px;
	margin-bottom : 0px;
}

#header p {
	margin      : 2px;
	text-indent : 7px;
	float		: left;	 
	/* IE */
	*top        : 120px;
	*left       : 20px; 
}


/* Left Menu */
#left_menu th {
	text-align : center;
	background : #99B81C url(img/head_widget.png) repeat-x top left;
	margin     : 2px;
	border     : solid 1px #565656;
	padding    : 3px;
	-moz-border-radius-topleft: 0.3em;
	-moz-border-radius-topright: 0.3em;
	-moz-border-radius-bottomleft : 0.3em;
	-moz-border-radius-bottomright: 0.3em;
}

#left_menu {
	width         : 190px;
	float         : left;
	margin-bottom : 5px;
	font-weight   : bold;
	position      : absolute!important;
	/* IE */
	*margin-top : -2px;
	*left       : 8px;
}

#left_menu td {
	border         : 1px solid #565656;
	padding        : 1px;
	background     : #EFEFEF;
	vertical-align : top;
	-moz-border-radius-topleft: 0.3em;
	-moz-border-radius-topright: 0.3em;
	-moz-border-radius-bottomleft : 0.3em;
	-moz-border-radius-bottomright: 0.3em;
}

#left_menu select {
	max-width : 175px;
}

#left_menu option {
	max-width : 175px;
}

#connect {
	width : 190px;
}

#label_client{
	position : relative;
	left     : 5px;
	Display  : block;
}

#client{
	width    : 175px;
}

#label_campagne{
	position : relative;
	left     : 4px;
	Display  : block;
}

#campaign{
	width    : 175px;
}

#informations  tr td {
	font-weight : normal;
	text-align  : justify;
	padding     : 4px;
	background  : #EFEFEF;
}


/* Body */
#body {
	min-width       : 781px;
	margin-top      : 2px;
	margin-left     : 195px;
	padding		    : 10px;
	border          : 1px solid #565656;
	margin-bottom   : 6px;
	background      : #EFEFEF;
	overflow        : hidden;
	-moz-border-radius-topleft: 0.3em;
	-moz-border-radius-topright: 0.3em;
	-moz-border-radius-bottomleft : 0.3em;
	-moz-border-radius-bottomright: 0.3em;
	/* IE */
	*clear: both;
	*margin-left   : 190px;
}

* html  #body {
	*margin-top    : 2px;
}

#breadcrum {
	margin-left   : 15px;
	margin-top    : 10px;
	margin-bottom : 0px;
}


/* Footer */
#footer {
	min-width   : 984px;
	clear       : both;
	border      : solid 1px #565656;
	background  : #F2F2F2;
	background  : url("img/bg.png") repeat-x bottom;
	padding     : 2px;
	-moz-border-radius-topleft: 0.3em;
	-moz-border-radius-topright: 0.3em;
	-moz-border-radius-bottomleft : 0.3em;
	-moz-border-radius-bottomright: 0.3em;
	/* IE */
	*height : 50px;
}

#footer ul{
	list-style-type : none;
	clear           : both;
	padding-bottom  : 10px;
	margin-top      : 5px;
}

#footer ul li{
	float        : left;
	padding-left : 12%;
}


/* Accordeon */
.navigation {
    margin      : 0;
    padding     : 0;
    list-style  : none;
    width       : 180px;
    font-weight : bold;
}

.navigation a, .navigation span {
    display         : block;
    padding         : 4px 10px;
    color           : #000;
    text-decoration : none;
    background      : url(img/menu-item.png) 0 0 no-repeat;
	padding-left    : 16px;
}

.navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
    background-image: url(img/menu-item-deroule.png);
}

.navigation .open a, .navigation .open span {
    background-image: url(img/menu-item-enroule.png);
}

.navigation a:hover, .navigation a:focus, .navigation a:active { 
	color : #99B81C;
}

.navigation a.current {
    background: 0 0 url(img/menu-item-current-1.png) no-repeat;
}

.navigation ul.subMenu a.current{
    background: 0 0 url(img/menu-item-current-2.png) no-repeat;
}

.navigation .subMenu {
    font-size   : 10px;
    font-size   : .9em;
    margin      : 0;
    padding     : 0;
	font-weight : normal;
}

.navigation .subMenu li{
    margin: 0px;
}

.navigation ul.subMenu a {
	background : none;
	padding    : 3px 20px;
	margin: 0px;
}

img {
	border        : none;
	padding-right : 3px;
}

h2 a.tab {
	text-decoration: none;
	background: #F5F5F5 url(img/border_left.png) no-repeat;
	padding: 10px 20px;
}

h2 a.tab:active {
	color: red !important;
}


/* DateChooser */
.ui-datepicker-calendar tr{
	border : none;
}

.ui-datepicker-calendar th {
	background : #F6FFCF;
}

.ui-datepicker-calendar td {
	background : #F6FFCF;
}

/* Encore des formulaires (Whois, AdWords et CopyDetection) */
.header-cssform{
	/*width : 100%;*/
	/*margin-top: 20px;*/
	/*background: #f5f5f5 url(img/border_left.png) no-repeat scroll left top;*/
	/*padding: 0 0 5px 5px;*/
	background-color:white;
	padding-bottom:50px;
	padding-left:15px;
	padding-right:15px;
}

.header-cssform h1, .header-cssform h2{
	background-color: #ffffff;
	/*background: url(img/border_right.png) no-repeat scroll right top;*/
	padding: 17px;
	margin: 0px;
}


.cssform {
	margin-top: 20px;
    width: 100%;
}

.cssform p.form_items{
	width: 430px;
	clear: left;
	margin: 0;
	padding: 0px 0 8px 155px; /*width of left column containing the label elements*/
}

.cssform ul{
	padding: 0px 0 8px 155px; /*width of left column containing the label elements*/
}

.cssform label{
	font-weight: normal;
	margin-left: -155px;
	width: 160px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}


.cssform label.error {
	color: #F00;
	width: 200px;
	float: none;
	margin-left: 5px;
}

p.warning{
	margin-left: 5px;
}

.error, span.error, .confirmation {
	color: #F00;
}

.cssform input.myinputtext{
	width: 97%;
}

.cssform textarea{
	width: 300px;
	height: 100px;
}

input.custom_required_button {
    background-color: #e77a15;
    color: white;
    border: 0px;
    font-weight: bold;
}

input.custom_optional_button {
    background-color: #93af0d;
    color: white;
    border: 0px;
    font-weight: bold;
}

input.floating_button {
    float: right;
}

form, fieldset {
    margin: 0;
    padding: 2px;
    border: none;
}
input, button, select {
    vertical-align: middle; /* Solution pb. d'alignement. (9) */
}

form.cssform div.form-line{
	overflow: hidden;;	
}

form.cssform div.form-left{
	float:left;	
	width:48%;
}

form.cssform div.right{
	margin-left:20px;
}

form.cssform div.form-item {
	overflow:hidden;
	margin-bottom:3px;
}

form.cssform div.form-item-no-label{
	margin-top:18px;
}

form.cssform div.form-item label{
	font-weight:normal;
	margin-left:0;
	width:auto;
}

form.cssform div.form-line{
	border:1px solid #CCCCCC;
	margin-bottom:20px;
	padding-bottom:10px;
	padding-left:10px;
	padding-top:10px;
}

form.cssform .stacked-checkboxes > span {
	display: block;
}

form.cssform .stacked-checkboxes > span > label {
	float: none;
	margin: 0.5em;
}

form.cssform .stacked-checkboxes > span > input[type="checkbox"] {
	float: none;
	width: auto;
	margin: 0.5em;
}

/* Encore des tableaux  (Whois, AdWords et CopyDetection) */
.results {
    margin: 0;
    border: 1px solid gray; /* Pas de bordure = "none". */
    border-collapse: collapse; /* Valeur par défaut: "separate". */
    border-spacing: 0;
    background-color: #FFF;
    width:72%;
}

.results tr{
    border: 1px solid #CCCCCC;
}

.results tr.even{
    background-color: #EEEEEE;
}

table td, table th {
    padding: 4px; /* Pas de retrait autour du texte = "0". */
    border: 1px solid #ccc; /* Pas de bordure = "none". */
    vertical-align: top; /* Valeur par défaut: "middle" */
    text-align: left;
}



div.limited-width {
	width: 150px;
	overflow: hidden;
	text-decoration:underline;
}

div.limited-width-2 {
	width: 250px;
	overflow: hidden;
	text-decoration:underline;
}

/* Tableaux de résultats */

thead tr {
	background-color:#E8E8E8;
}

/* Formulaires */


/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

/* Tableaux avec cellules actions */
td.actionsCell {
}

td.actionsCell ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;	
}

.results h4 {
	background-color:#CCCCCC;
}


/* Cellule contenant un prix */
td.price_cell {
	text-align: right;
}

tr.total {
	background-color: #eee;
}

td.formule select{
	width:140px;
}

/* Pied de page */
div.footer {
	margin-top: 20px;
}

/* Zone de liens */
div.links {
	margin-top: 10px;
	margin-bottom: 10px;
}

/* zone de sélection des options */
div.selectoptions {
	float: right;
	margin-bottom:10px;
	margin-top:10px;
}

/* css pour l'apercu de screenshot */
#screenshot{
        position:absolute;
        border:1px solid #ccc;
        background:#333;
        padding:5px;
        display:none;
        color:#fff;
}

/* Generic context menu styles */
.contextMenu {
	position: absolute;
	width: 160px;
	z-index: 99999;
	border: solid 1px #CCC;
	background: #EEE;
	padding: 0px;
	margin: 0px;
	display: none;
}

.contextMenu LI {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.contextMenu A {
	color: #333;
	text-decoration: none;
	display: block;
	line-height: 20px;
	height: 20px;
	background-position: 6px center;
	background-repeat: no-repeat;
	outline: none;
	padding: 1px 5px;
	padding-left: 28px;
}

.contextMenu LI.hover A {
	color: #FFF;
	background-color: #3399FF;
}

.contextMenu LI.disabled A {
	color: #AAA;
	cursor: default;
}

.contextMenu LI.hover.disabled A {
	background-color: transparent;
}

.contextMenu LI.separator {
	border-top: solid 1px #CCC;
}

/* Generic context comments menu styles */
.contextComMenu {
	width: 450px;
}

.contextMenu A {
	height: auto;
	border-width: 1px;
	border-top-style: outset;
}

/* Mise en form pour le panier du raport courant */
.currentReport {
}

/* login extranet */
#login_extranet {
	margin : auto;
	width : 624px;	
}

.indication{
	margin-bottom   : 15px;
	margin-top   : 15px;
	padding-left : 10px;
	padding-right: 10px;
	width        : 100%;
}

.legende{
	font-weight:bold;
}

.rounded{
	padding   : 1em;
	border     : gray solid 1px;
	-moz-border-radius-topleft: 0.5em;
	-moz-border-radius-topright: 0.5em;
	-moz-border-radius-bottomleft : 0.5em;
	-moz-border-radius-bottomright: 0.5em;
}

.action_index{
	background-color: #EFEFEF;
	border-collapse: collapse;
	width: 100%;
}

.action_index td{
	border-bottom : gray solid 1px;
}

td.reservation label {
	font-weight: normal;
	font-size: smaller;
	margin-left: 5px;
	float: none;
	width: auto;
}

.buttonlink {
/*	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#93AF0D none repeat scroll 0 0;
	color:white !important;
	font-weight:bold;
	margin: 5px;
	padding:2px 10px;
	text-decoration:none;*/
}

.highlight  {
	background-color: #CCC;
	
}

.lowRate {
	background-color: #9ACD32;
	color: white;
	font-weight: bold;
}

.mediumRate {
	background-color: #FF8C00;
	color: white;
	font-weight: bold;
}

.highRate {
	background-color: #B22222;
	color: white;
	font-weight: bold;
}

table.copy_details, table.copy_details tr, table.copy_details td {
	border: none;
	vertical-align:middle;
}

/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
    display:none;
    font-size:12px;
    text-align:left;
    height:auto;
    padding:5px;
    color:#343434;  
    border:2px solid #CCCCCC;
    background:none repeat scroll 0 0 #F1F1F1;
    -moz-border-radius:8px;
}

span.punycode {
    color: red;
    font-size: x-small;
    font-style: italic;
}