/* CSS Document */
@charset "utf-8";

html {
    width: 100%;
    overflow-x: hidden;
}

body {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    background-color: #191919;
    background-attachment: fixed;
    background-image: url("/images/fonds/fond_site.jpg");
}

a {
    color: #0d95c1;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}


form {
    margin: 0;
    padding: 0;
}

.texteAccueil {
    height: 128px;
    margin-left: 180px;
    vertical-align: middle;
    padding-top: 10px;
}

/* styles pour les flusx rss */
.rss {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    text-align: justify;
    color: #757676;
    border-top-width: 0;
    border-right-width: 0;
    border-bottom-width: 1px;
    border-left-width: 0;
    border-style: solid;
    border-color: #eeeeee;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%;
}

.rss a {
    color: #757676;
}

.rss th {
    border-top-width: 0;
    border-right-width: 0;
    border-bottom-width: 1px;
    border-left-width: 0;
    border-style: solid;
    border-color: #bebebe;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
}

.rss .detail_heure {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #656565;
    text-transform: none;
}

.arial8 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8px;
}

.arial10 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
}

.arial10Bold {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
}

.arial12 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

.arial12Bold {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-transform: none;
}

.arial14 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

.arial14Bold {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
}

.avantages {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #494949;
    background-color: #F7F7F7;
    padding: 4px;
}

.blanc {
    color: #FFFFFF;
}

.blanc a {
    color: #FFFFFF;
}

.bleu0089CF {
    color: #0089cf
}

.bleu1a7795 {
    color: #1a7795;
}

.bordureGDe6e6e6 {
    border-top-width: 0;
    border-right-width: 1px;
    border-bottom-width: 0;
    border-left-width: 1px;
    border-style: solid;
    border-color: #e6e6e6;
}

.bouton {
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #FFFFFF;
    background-color: #1a7795;
    font-size: 12px;
    font-weight: bold;
    border-style: none;
    cursor: pointer;
}

.boutonPetit {
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #FFFFFF;
    background-color: #1a7795;
    font-size: 10px;
    font-weight: bold;
    border-style: none;
    cursor: pointer;
}

.bulleExpert {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    background-color: #f4f4f4;
    text-align: justify;
    padding: 5px;
}

.bulleExpert b {
    color: #11B2E6;
}

.cadre2 {
    background-color: #FFFFFF;
}

.cadre3 {
    background-color: #f4f4f4;
}

.cadre4 {
    border-width: 1px;
    border-style: solid;
    border-top-color: #CFDDE2;
    border-right-color: #4D7280;
    border-bottom-color: #4D7280;
    border-left-color: #CFDDE2;
    background-image: url( "/images/fonds/fond4.jpg" );
    background-repeat: repeat-x;
}

.cadre5 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 15px;
    background-color: #FFFFFF;
    border: 1px solid #999999;
}

.cadrePave {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    background-color: #EFEFEF;
    border-top-width: 0;
    border-right-width: 0;
    border-bottom-width: 1px;
    border-left-width: 0;
    border-style: solid;
    border-color: #FFFFFF;
}

.erreur {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #990000;
    border-top-width: 0;
    border-right-width: 0;
    border-bottom-width: 1px;
    border-left-width: 0;
    border-style: solid;
    border-color: #CCCCCC;
}

.pubh {
    background-color: #f4f4f4;
    border-top-width: 1px;
    border-right-width: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    border-style: solid;
    border-color: #bbbbbb;
}

.fondContenu {
    background-color: #11B2E6;
    border-top-width: 0;
    border-right-width: 1px;
    border-bottom-width: 0;
    border-left-width: 1px;
    border-style: solid;
    border-color: #999999;
}

.fondEntete {
    background-image: url("../images/v4/fond_entete.jpg");
    height: 140px;
    width: 825px;
}

/* styles du menu */
#menus{
    font-family: Arial, Helvetica, sans-serif;
    color:white;
    text-transform:uppercase;
    font-size:11px;
    width: 100%;
	height: 26px;
	background-image: url("../images/v4/fond_menu.png");
	clear: both;
	z-index: 99;
}

.menu{
	height: auto;
	float: left;
	text-align: center;
	color: white;
	cursor: pointer;
	border-right: solid 1px #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
}

.menuOver{
	height: auto;
	float: left;
	text-align: center;
	background-color: #333333;
	cursor: pointer;
	border-right: solid 1px #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
}

.lienMenu {
    color:white;
    text-decoration:none;
}

.menuDiv {
    font-family: Arial, Helvetica, sans-serif;
    font-size:10px;
    text-transform:uppercase;
    position: absolute;
    width: auto;
    height: auto;
    z-index: 98;
    visibility: hidden;
    left: 0;
    top: 0;
    background-color: #F6F6F6;
    border: solid 1px #7c7c7c;
}

.sousMenu {
    cursor: pointer;
    border: solid 1px #F6F6F6;
    border-bottom: solid 1px #FAFAFA;
    text-align: left;
    background-color: #F6F6F6;
    padding: 4px;
    z-index: 97;
}

.sousMenuOver {
	color: black;
    cursor: pointer;
    border: solid 1px #F6F6F6;
    text-align: left;
    background-color: #FFFFFF;
    padding: 4px;
    z-index: 97;
}

.sousMenu1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
    background-color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    padding: 3px;
    font-weight: bold;
}

.sousMenu2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #999999;
    background-color: #DADADA;
    border: 1px solid #CCCCCC;
    padding: 3px;
}

.fondGaranties {
    background-image: url( ../images/v4/fond_garantie.jpg );
    height: 170px;
    width: 510px;
    margin-top: 8px;
}

.fondRenseignements {
    background-image: url( ../images/v4/fond_renseignements.jpg );
    height: 170px;
    width: 510px;
    margin-top: 8px;
}

.fondServices {
    background-image: url( ../images/v4/fond_services.jpg );
    height: 170px;
    width: 510px;
    margin-top: 8px;
}

.footer {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    background-image: url( ../images/v4/fond_footer.png );
    padding-left: 10px;
    vertical-align: middle;
    text-transform: uppercase;
}

.gris676767 {
    color: #676767;
}

.gris8e8e8e {
    color: #8e8e8e;
}

.infosBulle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    text-align: justify;
    padding: 3px;
    text-transform: none;
}

.infos {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666666;
    text-transform: none;
    font-weight: normal;
}

.infos2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #003D8E;
}

.infos3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #333333;
}

.infos4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #484848;
}

.input {
    font-family: "Courier New", Courier, monospace;
    color: #666666;
    border: 1px solid #999999;
    background-color: #FFFFFF;
    font-size: 12px;
}

.inputConnexion {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    background-color: #f2fbfd;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    color: #676767;
}

.inputNotes {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #999999;
    border: 0 solid #FFFFFF;
    background-color: #FFFFFF;
}

.inputNotes2 {
    font-family: Verdana, Courier, mono, sans-serif;
    font-size: 11px;
    color: #333333;
    line-height: 14px;
    background-color: transparent;
    border-width: 0;
}

.inputNewsletter {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    background-color: #f2f2f2;
    border-style: none;
    color: #8e8e8e;
}

.inputRecherche {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-variant: small-caps;
    background-color: #f2fbfd;
    border-style: none;
    color: #676767;
    margin: 0;
}

.ligne1_2 {
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 12px;
    border-top-width: 0;
    border-right-width: 0;
    border-bottom-width: 1px;
    border-left-width: 0;
    border-style: solid;
    border-color: #e2e2e2;
    font-weight: bold;
    padding: 2px;
}

.ligne1b {
    font-family: Arial, Helvetica, sans-serif;
    border-top-width: 0;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 0;
    border-style: solid;
    border-color: #CCCCCC;
    font-size: 10px;
}

.ligne2_2 {
    font-family: Arial, Helvetica, sans-serif;
    color: #666666;
    font-size: 12px;
    border-top-width: 0;
    border-right-width: 0;
    border-bottom-width: 1px;
    border-left-width: 0;
    border-style: solid;
    border-color: #e2e2e2;
    padding: 2px;
}

.ligne1g {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 11px;
    background-color: #B2B2B2;
    border-width: 1px;
    border-style: solid;
    border-top-color: #FFFFFF;
    border-right-color: #666666;
    border-bottom-color: #666666;
    border-left-color: #FFFFFF;
}

.ligneClaire {
    background-color: #EFEFEF;
}

.ligneSelect {
    background-color: #FFFFFF;
}

.ligneSombre {
    background-color: #E0E0E0;
}

.ligneTotal {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    border-top-width: 1px;
    border-right-width: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    border-style: solid;
    border-color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    background-color: #999999;
}

.messages {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 15px;
    background-color: #FFFFFF;
}

.majuscules {
    text-transform: uppercase;
}

.modification {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #990000;
    margin: 1px;
    clear: right;
    float: right;
    text-align: center;
    vertical-align: middle;
    padding: 1px;
}

.numero {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #11B2E6;
    text-align: center;
    vertical-align: middle;
    background-color: #FFFFFF;
}

.paddingL11R11 {
    padding-right: 11px;
    padding-left: 11px;
}

.pageActive {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #11B2E6;
    background-color: #FFFFFF;
    border: 1px solid #666666;
}

.pageNonActive {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #999999;
    background-color: #EFEFEF;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #EFEFEF;
    border-right-color: #FFFFFF;
    border-bottom-color: #EFEFEF;
    border-left-color: #EFEFEF;
}

.presentation {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #494949;
    padding: 1px;
    border: 1px solid #ABABAB;
    background-color: #E1E1E1;
    margin: 1px;
}

.rechercheIndice {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #11B2E6;
}

.rechercheLigne1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
}

.rechercheTitre {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #EFEFEF;
    padding: 2px;
    border: 1px solid #E0E0E0;
}

.rubrique {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    border-width: 0;
}

.score {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    background-color: #2561AA;

}

.titreBleu {
    background-image: url( ../images/v4/fond_titre_bleu.jpg );
    height: 42px;
    width: 510px;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-variant: small-caps;
}

.titreConnexion {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF;
    vertical-align: middle;
    padding: 2px;
    height: 30px;
}

.piedConnexion {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    vertical-align: middle;
    padding: 2px;
    height: 20px;
}

.titreEntreprise {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #FFFFFF;
    /*background-color: #6f7d81;*/
    padding: 4px;
    text-transform: uppercase;
    letter-spacing: -0.2mm;
}

.produit {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #FFFFFF;
    background-image: url( ../images/v4/fond_produit.png );
    background-repeat: no-repeat;
    margin-top: 5px;
    height: 74px;
    width: 146px;
    overflow: hidden;
}

.titreGris {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    color: #11b2e6;
    background-color: #e5e5e5;
    font-weight: bold;
    padding: 2px;
}

.titrePave {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    color: #FFFFFF;
    background-color: #11B2E6;
    padding: 5px;
}

.option {
    float: right;
    margin-left: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: darkgray;
    padding: 2px;
}

.myElement {
    float: left;
    border: 1px solid #CDCDCD;
    background-color: #FFFFFF;
    padding: 2px;
    margin: 2px;
    width: 241px;
}

.myElement2 {
    float: left;
    border: 1px solid #CDCDCD;
    background-color: #FFFFFF;
    padding: 2px;
    margin: 2px;
    width: 485px;
}

.myModuleDispo {
    float: left;
    border: 1px solid #EFEFEF;
    background-color: #FFFFFF;
    padding: 2px;
    margin: 2px;
}

.texteHautPage {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    background-color: #FFFFFF;
    margin-bottom: 5px;
    padding: 2px;
}