/* - - - - - - - - - -  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  - - - - - - - LES ELEMENTS "GENERAUX"  -- LES CONTENEURS DE L'INNERFRAME  - - -  - -
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  -*/
#globalFrame * a {
	text-decoration: none;
}

#globalFrame {
	background-color: white;
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
	font-size: 0.8em;
}

body,input,textarea {
	background-color: white;
}

#souscriptionForm * td {
	color: #666666;
	font-size: 11px;
}

#globalFrame * form {
	color: #666666;
}
.colonneGauche {
    float: left;
    height: 1500px;
    margin-top: 0px;
    width: 270px;
    border-right: 1px dashed #D3D4D3;
    margin-right: 5px;
}
.colonneCentrale {
	float: left;
	width: 698px;
}

.titleIframe {
	font-size: 16px;
	font-weight: bold;
	color: #869BC9;
	text-align: right;
	width: 720px;
	margin: 0;
}

.avantage {
    margin-right: 1px;
    margin-top:20px;
    text-align: right;
}
.imageGauche {
	margin-top: 0px;
	margin-left: 15px;
}


/***************************************************************/
	/* 						ESPACE CLIENT                          */
	/***************************************************************/
.titreClient {
	font-size: 17px;
	font-weight: bold;
}

.buttonPiece {
	background: url(../../img/espaceclient/EC_envoyer_pieces.gif) repeat-x;
	height: 84px;
	cursor: pointer;
	border: none;
	width: 513px;
}

.buttonPiece:hover {
	background: url(../../img/espaceclient/EC_envoyer_pieces_over.gif)
		repeat-x;
	height: 84px;
	cursor: pointer;
	border: none;
	width: 513px;
}

.buttonContrat {
	background: url(../../img/espaceclient/EC_modifier_contrat.gif) repeat-x
		;
	height: 84px;
	cursor: pointer;
	border: none;
	width: 513px;
}

.buttonContrat:hover {
	background: url(../../img/espaceclient/EC_modifier_contrat_over.gif)
		repeat-x;
	height: 84px;
	cursor: pointer;
	border: none;
	width: 513px;
}

.buttonRi {
	background: url(../../img/espaceclient/EC_demande_info.gif) repeat-x;
	height: 84px;
	cursor: pointer;
	border: none;
	width: 513px;
}

.buttonRi:hover {
	background: url(../../img/espaceclient/EC_demande_info_over.gif)
		repeat-x;
	height: 84px;
	cursor: pointer;
	border: none;
	width: 513px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 - - - - - - - LA ZONE DE NAVIGATION   - - - - - - - - - - - - - - - - -
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.tableNavigation {
	height: 42px;
	border-collapse: separate;
	border-spacing: 0px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background-image: url("../../img/assurscoot/background.gif");
    background-position: left 40px;
    background-repeat: repeat-x;
}

.tableNavigation a {
	text-decoration: none;
	border: 0;
}

.tableNavigation a:visited {
	text-decoration: none;
	color: #0E3793;
}

.tableNavigation a:hover {
	text-decoration: none;
	font-weight: bold;
}

.navigation {
	margin: 0;
	margin-top: 5px;
	padding: 0;
}

.tableNavigation td {
	margin: 0;
	padding: 0;
}

.tableNavigation * img {
	padding: 0;
	border: none;
	margin: 0;
}

.tableNavigation td div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: right;
	padding-right: 3px !important;
}

/* ----------------------- LES DIV DES ETAPES  -----------------------  */
.titleDevis {
	color: #FF9779;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    vertical-align: middle;
    width: 300px;
    text-align: center;
}

.typeNavigation {
	 padding-right: 3px;
}

.titleNavigation {	
}

/* --------------------------------------------------------------------------------------------
-----------------------         LA ZONE D'AFFICHAGE DES ERREURS     -----------------------
--------------------------------------------------------------------------------------------*/
.error {
	padding: 2px;
	text-align: left;
	color: #BB0000;
}

.error table {
	border-spacing: 0;
	border-collapse: separate;
}

.errors input {
	border: 2px solid #c00;
	font-size: 11px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
}

.errors select {
	border: 2px solid #c00;
	font-size: 11px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
}

/* ----------------------- Tous les textes d'erreurs sont dans ce tableau  -----------------------*/
.tableError {
	margin: 0px 0pt 0px 0px;
	text-align: left;
	color: #BB0000;
	display: block;
	padding: 0 0 0 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: url('../../img/assurscoot/errorTdFond.gif') top left
		no-repeat;
	font-weight: bold;;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 - - - - - - - LA ZONE DE formulaire   - - - - - - - - - - - - - - - - -
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.panelStandard {
	padding: 1px;
	text-align: left;
}

.panelStandardEncadre {
	padding: 1px;
	text-align: left;
	border: 1px;
	border-color: #000000;
}

.panelStandardGrisClair {
	padding: 1px;
	text-align: left;
}

.panelStandardGris {
	padding: 1px;
	text-align: left;
}

.panelStandardGrisFonce {
	padding: 1px;
	text-align: left;
}

.panel {
	margin: 0;
	padding: 0;
	width: 717px;
	border: none;
}

.panel2 {
	margin: 0;
	padding: 0;
	width: 717px;
}

/*-------------------  Style de base du tableau   */
.tableStandard {
	border-spacing: 2px;
	text-indent: 10px;
	width: 720px;
	border-right: 1px solid #869BC9;
	border-left: 1px solid #869BC9;
	border-bottom: 1px solid #869BC9;
}

.tableStandardNaked {
	border-spacing: 2px;
	text-indent: 10px;
	width: 710px;
}

.tableStandardGarantie {
	border: 1px dashed #AAAAAA;
	border-spacing: 2px;
	margin: 5px 0pt 0pt;
	width: 720px;
}

.tableStandardRib {
	border-spacing: 2px;
	margin: 5px 30px 0pt;
	text-indent: 10px;
	font-size: 11px;
	color: #666666;
}

/*------------------- Style de base des colonnes  */
.columnData {
	text-align: left;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.columnDataGarantie {
	text-align: left;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* -------------------  Colonne contenant les Libellés  ------------------- */
.columnLabel {
	padding-right: 2px;
	text-align: right;
	color: #666666;
	font-size: 11px;
}

.columnLabelSimple {
	color: #666666;
	font-size: 11px;
}

.columnLabelCenter {
	text-align: center;
	color: #666666;
	font-size: 11px;
}

.colmumnRadioButton {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.5px;
}

.columnTextArea textarea {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.columnCheckboxBold {
	font-weight: bold;
	text-align: left;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.columnCheckboxHighligh {
	font-weight: bold;
	text-align: left;
	color: #E37318;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.columnCheckbox {
	margin-right: 10px;
}

.columnDataBold {
	text-align: left;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-indent: 5px;
	font-weight: bold;
}

.labelInfo {
	color: #FF7916;
	font-size: 9.5px;
	font-weight: bold;
	text-align: left;
}

.columnHighlight {
	font-weight: bold;
	text-align: left;
	color: #666666;
	font-size: 11.5px;
}

.columnHighlightOrange {
	font-weight: bold;
	text-align: left;
	color: #E37318;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

/* --------- Champ de saisie (dans une cellule)  */
.classField input {
	border: 1px solid #aaaaaa;
	font-size: 11px;
	background-color: white;
}

.classField select {
	border: 1px solid #aaaaaa;
	background-color: white;
	font-size: 11px;
}

.label {
	text-align: left;
	text-indent: 10px;;
	color: #1595CC;
	font-size: 11px;
	font-weight: bold;
}

.labelMinute {
	text-align: left;
	text-indent: 10px;;
	color: #FF7916;
	font-size: 28px;
	font-weight: bold;
}

.labelCRM {
	text-align: left;
	text-indent: 4px;;
	color: #FF7916;
	font-size: 11px;
	font-weight: bold;
}

/*----------------------  Titres ---------------------- */
.title {
	background: none;
	width: 717px;
	border: medium none;
	padding: 0;
}

.titleCB {
	background-color: #4D4D4D;
	width: 720px;
}

.titleRubrique {
	border-bottom: 1px solid #4B4B4B;
	border-right: 1px solid #4B4B4B;
	border-left: 1px solid #4B4B4B;
	width: 211px;
}

.titleRubrique h1 {
	font-size: 20px;
	text-align: right;
	color: #FFFFFF;
	font-stretch: wider;
	font-weight: lighter;
	height: 24px;
	line-height: 24px;
	background-color: #4D4D4D;
	padding-right: 2px;
	width: 210px;
}

.listeDroite {
	list-style-type: decimal;
	padding: 0;
	margin: 0;
	list-style-position: inside;
}

div.title h1 {
	color: #303030;
	text-transform: uppercase;
	font-size: 12px;
	font-stretch: wider;
	font-weight: bold;
	margin: 0 0 0px;
	padding-bottom: 0;
	text-align: left;
	vertical-align: bottom;
}

div.titleCB h1 {
	background: #4D4D4D url(../../img/paiement/cb.jpg) no-repeat scroll
		650px 50%;
	color: #FFFFFF;
	font-size: 20px;
	font-stretch: wider;
	font-weight: lighter;
	height: 24px;
	line-height: 24px;
	margin: 0 0 0px;
	padding-bottom: 0;
	padding-left: 3px;
	text-align: left;
	vertical-align: bottom;
}

/*------------------------ HR -------------------*/
.hrGauche {
	display: none;
	visibility: hidden;
}

.hrDroite {
	border-color: #1595CC ;
    border-style: dotted none none;
    border-width: 2px 0 0;
    height: 1px;
    margin: 0 0 0 auto;
    position: relative;
    text-align: right;
    top: -8px;
}
.hr75 {
	width: 75%;
}

.hr70 {
	width: 70%;
}

.hr65 {
	width: 65%;
}

.hr60 {
	width: 60%;
}

.hr50 {
	width: 50%;
}

.hr40 {
	width: 40%;
}

.hr35 {
	width: 35%;
}

.hr25 {
	width: 25%;
}


/*------------------------ Liens -------------------*/
.lienStandard {
	cursor: hand;
	color: #FF7916;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}

.lienStandard:hover {
	cursor: hand;
	color: #5882C9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
}

/* --------------------------------------------------------------------------------------------
--------------------------------------    LES BOUTONS    --------------------------------------
--------------------------------------------------------------------------------------------*/
.zoneBouton {
	border-spacing: 0px;
	display: inline;
}

.zoneBouton a {
	text-decoration: none;
}

.bouton {
	background-color: transparent;
	border: 0px none;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
	cursor: pointer;
	cursor: hand;
	text-transform: uppercase;
	font-family: arial;
}

input.bouton:hover {
	background-color: transparent;
	border: 0px none;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
	cursor: pointer;
	cursor: hand;
	text-transform: uppercase;
	font-family: arial;
}

.margin19{
	margin-top:19px;
}
input.margin19:hover{
	margin-top:19px;
}

/*HACK CSS POUR CHROME */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	input.bouton:hover {
		font-size:11px;
		margin:19px 0px 0px;
	}
	.bouton{
		font-size:11px;
		margin:19px 0px 0px;
	}
}

.buttonLeft, .minibuttonLeft  {
	background-image: url(../../img/assurscoot/bouton/btn_gauche.gif);
	height: 55px;
    width: 20px;
	cursor: pointer;
	cursor: hand;
}

.buttonMiddle, .minibuttonMiddle {
	background: url(../../img/assurscoot/bouton/btn_centre.gif) repeat-x;
	height: 55px;
	cursor: pointer;
	cursor: hand;
}

.buttonRight, .minibuttonRight {
	background-image: url(../../img/assurscoot/bouton/btn_droit.gif);
	height: 55px;
    width: 20px;
	cursor: pointer;
	cursor: hand;
}
/*********************************************/
/*				  INFO BULLE                 */
/*********************************************/

a.info{
    position:relative; 
    z-index:24;
    text-decoration:none;
    color: #313131;
    text-transform: none;
    font-style: italic;
}
a.info:hover{z-index:25; }

a.info span{display: none}
a.info:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
	display:block; 
	position:absolute;    
    top:2em; left:2em; width:25em;
    background-color:#eeeeee;
    text-align: justify;
    font-weight:none;
    padding:2px;
    color: #313131;
}

/*--------------------- LA PAGE DES FORMULES* --------------------------- */
.panelLeft{
	display:block; 
	width: 490px; 
	float:left;
	padding:0;
}
.fondMontant{
	background-color:#ffffff;
	padding:5px 0;
}
#panelMontant{
	font-size:11px;
}
.montant{
	font-family: arial;
    font-size: 14px;
    font-weight: bold;
}
.infoContrat{
	display:block;
	width:200px;
	margin-left:500px;
	color: #666666;
}
.listeInfoContrat{
	display:block;
	list-style:none;
	padding-left:2px;
	margin: 5px 0;
	font-size: 11px;
}
.listingGaranties{
	display:block;
	list-style:disc inside none;
	padding-left:2px;
	margin:0;
	font-size: 11px;
}
.textHighlight{
	float:right; 
	padding-right: 5px;
}
.descriptionGarantie{
	padding-left:5px;
	margin:0;
}
.titreTableauFormules{
	color:#868686;
	text-align:left;
	font-size: 11px;
    font-weight: bold;
    padding: 2px;
    text-transform: uppercase;
}

.tableauFormules {
	width: 700px;
	border-bottom: 2px solid #BEBEBE;
    border-left: 1px solid #BEBEBE;
    border-right: 1px solid #BEBEBE;
    border-top:2px dotted #1595CC;
	empty-cells: hide;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 11px;
}
.ligneFormule1{
	background-color: #F3F3F3;
	height:30px;
}

.ligneFormule2{
	background-color:#ffffff;
	height: 30px;
}

.choixformule {
	color: #1595CC;
    font-size: 13px;
    font-weight: bold;
}
.formuleNom {
	color: #303130;
	font-weight: bold;
	font-family: arial;
	font-size: 12px;
}

.celluleCenter{
	text-align:center;
}

.celluleFormuleNom{
	width: 140px;
	text-align:center;
}


.rich-table-cell {
	border: 0 none;
	padding: 0;
}

.rich-table {
	border: 0 none;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: hide;
	vertical-align: top;
	width: 700px;
}

.rich-panel {
	border: 0 none;
}

.formuleSelectionne {
	text-align: center;
	height: 14px;
	background: url("../../img/assurscoot/selection-actif.gif") no-repeat
		scroll center center #F3F3F3;
}

.formuleASelectionne {
	text-align: center;
}

.infoDescription {
	margin-left: 5px;
	overflow: hidden;
}

.tableauGarantiePrincipale{
	display:table;
}

.prixHighlight {
	font-size: 16px;
	font-weight: bold;
	color:#818181;
	font-style: italic;
}
.prixHighlightBarre {
	font-size: 14px;
	font-weight: bold;
	color:#818181;
	font-style: italic;
	text-decoration: line-through;
}


.mois{
	color:#818181;
	font-style: italic;
}
.prix {
	color: #767676;
	font-size: 12px;
    font-style: italic;
    font-weight: bold;
}

.panelFranchise {
    padding: 0;
}
.headerFranchise{
	color: #868686;
 	background-color: #F3F3F3;
    background-image: none;
    border: medium none;
    font-size: 13px;
    font-weight: bold;
    height: 20px;
    margin: 0;
    padding: 3px 0 0 5px;
    text-transform: uppercase;
}
.rich-stglpanel {
    border-top: 2px dotted #1595CC;
    border-bottom: 2px solid #BEBEBE;
    border-left: 1px solid #BEBEBE;
    border-right: 1px solid #BEBEBE;
}
.bodyFranchise {
    overflow: visible;
    border-top: 2px solid #BEBEBE;
}
.detailFranchise {
    color: #1595CC;
    display: block;
    padding-top: 2px;
}
.detailPlus {
    float: right;
    margin-left: 5px;
}
.rich-stglpnl-marker {
    margin-top: -3px;
    padding: 0;
    text-transform: none;
}  

.bodyPanelOptions{
	padding:0;
	border-top:2px solid #bebebe;
}

.tableauFranchise {
	width: 675px;
	text-align: left;
}
.columnDataFranchise {
	text-align: left;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a.info:hover span{ 
	border:1px solid #FF7916; 
}

a.info:hover span b{ 
	color: #FF7916;
}


.selectionne {
	color: #1595CC;
	font-style: normal;
}

.ligneFormuleSelectionne{
	 background-color: #D1E7F0;
	 border: 1px solid #BEBEBE;
}

.panelGarantieFacultativeFav {
    color: #313131;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    text-align: left;
}

.itemOption{
	margin:0;
	padding-left: 24px;
	font-size: 11px;
	font-weight:normal;
}

.nomGarantie{
	text-transform: uppercase;
	display: inline;
	margin: 0
}

.optionRadioButton  tbody tr td > label{
	font-weight:bold;
}

.ligneFormuleNonSelectionne {
    background-color: #F3F3F3;
    border: 1px solid #BEBEBE;
}

.checkboxGarantie{
	border: none; 
	margin: 0 0 0 3px;
	vertical-align:top;
}

.ligneFormuleSelectionne input{
	 background-color: #D1E7F0;
}

.hrContrat{
	border: 1px solid #BEBEBE;
    margin: 2px 0;
    width: 95%;
}

#formulesDiv {
	width: 700px;
}

.formulesTab {
	border: 1px solid #c3c3c3;
	border-top:2px dotted #1595CC ;
}

.formulesTab a {
	text-decoration: none;
	cursor: hand;
}

.formulesTab a:hover {
	text-decoration: none;
	cursor: hand;
	color: #FFFFFF;
}

.box {
	background-image: url(../../img/assurscoot/box_ht.gif);
	background-position: left top;
	background-repeat: no-repeat;
	color: #000000;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	margin: 2px 0pt 0pt 10px;
	max-width: 449px;
	width: 449px;
	padding: 18px 0pt 0pt;
	position: absolute;
}

div.box div {
	background: #ffebc4 none repeat scroll 0%;
	border-bottom: 1px solid #7E7C65;
	border-left: 1px solid #7E7C65;
	border-right: 1px solid #7E7C65;
	margin-top: -1px;
	padding: 4px;
	text-align: left;
}

.colonneStandard {
	text-align: left;
	vertical-align: top;
	height: 67px;
}



.garantieHighlight {
	background-image: url(../../img/default/barre_orange_1px.gif);
	background-color: #f4a807;
	border-color: #f4a807;
	background-repeat: no-repeat;
	height: 23px;
	line-height: 23px;
	padding: 0 0 0 5px;
}

.garantieHighlightControl {
	background-color: #f4a807;
	border-color: #f4a807;
	background-repeat: no-repeat;
	height: 23px;
}

.texteGarantieHighlight {
	color: white;
	font-size: 16px;
	font-weight: bold;
}



.imageEuro {
	padding-right: 45px;
	text-align: right;
	color: #869BC9;
}

.garantie {
	color: #0E3793;
}

a.infobulle:hover {
	background: none;
	z-index: 500;
}

.infobulleDiv {
	visibility: hidden;
	position: absolute;
	font-size: 10px;
	font-weight: normal;
	width: 300px;
	max-width: 300px;
	top: 10px;
	left: 10px;
	background-image: url(../../img/default/box_ht.gif);
	background-position: left top;
	background-repeat: no-repeat;
	color: #000000;
	padding-top: 12px;
}

.infobulleDiv b {
	font-weight: bold;
	font-size: 11px;
}

.infobulleDiv span {
	border-bottom: 1px solid #7E7C65;
	border-left: 1px solid #7E7C65;
	border-right: 1px solid #7E7C65;
	background-color: #FFEBC4;
	display: block;
	padding-top: 0px;
	padding-left: 1px;
}

/***************************/ /*    DIV d'attente		   */
	/***************************/
#waitInfo {
	left: 34%;
	position: absolute;
	top: 30%;
	z-index: 1001;
	width: 250px;
	height: 50px;
	text-align: center;
	vertical-align: middle;
	padding-top: 20px;
	background-color: white;
	font-size: 14px;
	border: 2px solid #FF8C00;
	color: #777777;
	font-family: Arial, Helvetica, sans-serif;
}

#intersticiel {
	background-color: white;
	border: 2px solid #FF8C00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	height: 300px;
	left: 3%;
	padding-top: 20px;
	position: absolute;
	text-align: center;
	top: 20%;
	vertical-align: middle;
	width: 695px;
}

#cacheIntersticiel {
	background-color: white;
	display: block;
	height: 100%;
	left: 0pt;
	position: absolute;
	top: 0pt;
	width: 100%;
	z-index: 1000;
}

#cache {
	display: block;
	height: 100%;
	left: 0pt;
	position: absolute;
	top: 0pt;
	width: 100%;
	z-index: 1000;
}