/* --- IMPORTS --- */
@import url(/style/numericable.css);
@import url(/style/mailing.css);

/* --- INITIALISATION STYLES DE BASE --- */
/* Page */
html { font-size: 100%; }
body {
    color: #000;
    background: #fff;
    font-family: Arial, Helvetica, FreeSans, sans-serif;
    font-size: 13px;
    line-height: 1.4;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
    /* Hack IE6 */
    -behavior: url("/style/hack-ie.htc");
}

/* Titres */
h1, h2, h3, h4, h5, h6 {
    margin: 1em 0 .5em 0;
    line-height: 1.2;
    font-weight: bold;
    font-style: normal;
}
h1 { font-size: 1.75em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.25em; }
h4 { font-size: 1em; }

/* Listes */
ul, ol { margin: .75em 0 .75em 32px; padding: 0; }

/* Paragraphes */
p { margin: .75em 0; }
#contentMain p, #home p, #deploiement p, #votefai p, #dossier p,
#contentMain ul, #home ul, #deploiement ul, #votefai ul, #dossier ul,
#contentNoRight p, #comparatif p, #resiliation p, #abonnement p,
#contentNoRight ul, #comparatif ul, #resiliation ul, #abonnement ul { margin: 1em 0 0.75em; }

/* Lien scripté */
#contentMain .LienJavascript, #home .LienJavascript, #deploiement .LienJavascript, #votefai .LienJavascript, #dossier .LienJavascript,
#contentNoRight .LienJavascript, #comparatif .LienJavascript, #resiliation .LienJavascript, #abonnement .LienJavascript { color: #2887CC; }
#contentMain .LienJavascript:hover, #home .LienJavascript:hover, #deploiement .LienJavascript:hover, #votefai .LienJavascript:hover, #dossier .LienJavascript:hover,
#contentNoRight .LienJavascript:hover, #comparatif .LienJavascript:hover, #resiliation .LienJavascript:hover, #abonnement .LienJavascript:hover { text-decoration: underline; }

address {
    border: 1px dotted #c3c3c3;
    font-style: normal;
    margin: .75em 0;
    padding: 0.75em;
}

/* Liens */
a { text-decoration: underline; }
a:link { color: #2887CC; }
a:visited { color: #2887CC; }
a:hover, a:focus, a:active { background:none; color: #255492; }
a:active { outline: none; }
a img { border: none; outline: none; }
.LienJavascript { cursor: pointer; }

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

/* Formulaires */
form, fieldset {
    margin: 0;
    padding: 0;
    border: none;
}
input, button, select { vertical-align: middle; }
a, a:focus, a:link, a:visited, a:active, input,  input:focus, input:active { outline:none; text-decoration:none; }

/* Tableau */
table {
    background: #fff;
    border: 1px solid #555;
    border-collapse: collapse;
    font-size: 1em;
    width: 100%;
}
table thead tr { text-align: center; }
table thead tr th, table thead tr td {
    border: 1px solid #555;
    padding: 5px;
}
table thead tr th { background: #777; color: #fff; }
table thead tr td { background: #f5f5f5; color: #333; }
table tfoot tr { text-align: center; }
table tfoot tr th, table tfoot tr td {
    border: 1px solid #555;
    padding: 5px;
}
table tfoot tr th { background: #777; color: #fff; }
table tfoot tr td { background: #f5f5f5; color: #333; }
table tbody tr {
    border: 1px solid #555;
    background: #ececec;
    padding: 3px;
    text-align: left;
}
table tbody tr th, table tbody tr td {
    border: 1px solid #555;
    padding: 5px;
}
table tbody tr th {
    background: #ececec;
    text-align: left;
}
table tbody tr td {
    background: #fff;
    text-align: center;
}

/* --- STYLES PERSONNALISES --- */
/* Structure Principale */
#page {
    background: transparent;
    clear: both;
    margin: 0 auto;
    padding: 0;
    position: relative;
    text-align: left;
    width: 960px;
}
#header {
    background: url("/images/charte-v2/header.png") no-repeat 0 top transparent;
    height: 212px;
    position: absolute;
    top: 0px;
    width: 960px;
}
#footer {
    clear: both;
    width: 960px;
}
#conteneurPrincipal {
    color: #333;
    margin: 0;
    overflow: hidden;
    padding: 220px 0 0;
    width: 960px;
}
#colonneGauche {
    float: left;
    margin: 0 0 0 -760px;
    padding: 0;
    width: 160px;
}
#colonneDroite {
    margin: 0 10px 0 790px;
    padding: 0;
    /* Hack IE6 */
    -margin: 0 9px 0 787px;
}

/* 2 colonnes */
#contentMain, #home, #deploiement, #votefai, #dossier {
    float: left;
    margin: 0 0 0 190px;
    overflow: hidden;
    padding: 0;
    width: 580px;
    /* Hack IE6 */
    -margin: 0;
    -padding: 0 0 0 190px;
    -width: 770px;
}
.pageColonnes #conteneurPrincipal { background: url("/images/charte-v2/bg-conteneur.png") repeat-y 0 top transparent; }
.pageColonnes #navigation { background: url("/images/charte-v2/bg-navbar.png") no-repeat 0 top transparent; }
.pageColonnes #footer { background: url("/images/charte-v2/bg-footer.png") no-repeat 0 top transparent; }

/* 0 colonne */
#contentNoRightNoLeft {
    float:left;
    margin: 0 0 0 30px;
    overflow: hidden;
    padding: 0;
    width:900px;
    /* Hack IE6 */
    -margin: 0;
    -padding: 0 0 0 30px;
    -width: 900px;
}

/* 1 colonne */
#contentNoRight, #comparatif, #resiliation, #abonnement {
    float:left;
    margin: 0 0 0 30px;
    overflow: hidden;
    padding: 0;
    width:740px;
    /* Hack IE6 */
    -margin: 0;
    -padding: 0 0 0 30px;
    -width: 770px;
}
/* Forum */
#contentForum {
    float:left;
    margin: 0 0 0 30px;
    overflow: hidden;
    padding: 0;
    width:740px;
    /* Hack IE6 */
    -margin: 0;
    -padding: 0 0 0 30px;
    -width: 740px;
}
.pageColonneDroite #conteneurPrincipal { background: url("/images/charte-v2/bg-conteneur-right.png") repeat-y 0 top transparent; }
.pageColonneDroite #navigation { background: url("/images/charte-v2/bg-navbar-right.png") no-repeat 0 top transparent; }
.pageColonneDroite #footer { background: url("/images/charte-v2/bg-footer-right.png") no-repeat 0 top transparent; }

.pageNoColonne #conteneurPrincipal { background: url("/images/charte-v2/bg-conteneur-empty.png") repeat-y 0 top transparent; }
.pageNoColonne #navigation { background: url("/images/charte-v2/bg-navbar-empty.png") no-repeat 0 top transparent; }
.pageNoColonne #footer { background: url("/images/charte-v2/bg-footer-empty.png") no-repeat 0 top transparent; }

/* Styles communs */
#conteneurPrincipal h1 {
    color: #2887CC;
    font-size: 2em;
    margin: 0.5em 0;
}
#conteneurPrincipal h2 {
    border-bottom: 1px solid #2887CC;
    color: #255492;
    font-size: 1.3em;
}
#conteneurPrincipal h3 {
    color: #2887cc;
    font-size: 1.1em;
    margin: 0.75em 0 0.25em;
}
#conteneurPrincipal ul {
    padding: 0;
    list-style-type: none;
}
#conteneurPrincipal ul li {
    background: url("/images/charte-v2/puce-main.gif") no-repeat left 3px transparent;
    margin: 0.5em 0;
    padding: 0 0 0 30px;
}
#conteneurPrincipal a, #conteneurPrincipal a:visited { color: #2887cc; text-decoration: none; }
#conteneurPrincipal a:hover, #conteneurPrincipal a:active { color: #255492; text-decoration: underline; }
#conteneurPrincipal h3 a, #conteneurPrincipal h3 a:visited { color: #2887cc; }
#conteneurPrincipal h3 a:hover, #conteneurPrincipal h3 a:active { color: #2887cc; }

/* Header */
#branding {
    float: left;
    margin: 0;
    padding: 14px 0 0 10px;
    width: 200px;
}
#branding a  {
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
    text-decoration: none;
}
a#logoDslvalley, a#logoDslvalley img { vertical-align: bottom; }
a#groupeJechange, a#groupeJechange img { vertical-align: top; }
#pubHaut { margin: 66px 0 0 211px; }

/* Menu */
#navigation {
    clear: both;
    height: 36px;
    width: 960px;
}
#nav { padding:0 10px; }
#nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#nav li {
    float: left;
    height: 36px;
    line-height: 30px;
    margin: 0;
    padding: 0 30px 0 36px;
    position: relative;
    width: auto;
}
#nav a, #nav a:visited, #nav span {
    color: #333;
    display:block;
    font-size: 1em;
    font-weight: bold;
    text-decoration:none;
    text-shadow: 0 1px 0 #fff;
}
#nav ul ul {
    background: #444 url("/images/charte-v2/bg-dropdown.jpg") repeat-x center top;
    border: 1px solid #333;
    border-width: 0 1px 1px 1px;
    left: 15px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    visibility: hidden;
    /* Good Browsers only */
    box-shadow: 0 1px 3px #333;
    -moz-box-shadow: 0 1px 3px #333;
    -webkit-box-shadow: 0 1px 3px #333;
    border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
}
#nav ul ul#menuComparatifs { width: 250px; }
#nav ul ul#menuTests { width: 220px; }
#nav ul ul#menuGuides { width: 220px; }
#nav ul ul#menuTutos { width: 220px; }
#nav ul ul#menuActus { width: 220px; }
#nav ul ul#menuCommunaute { width: 157px; left: 0px }
#nav ul ul li {
    float: none;
    height: 30px;
    padding: 0 20px;
}
span.Link { cursor: default;}
#nav ul ul a, #nav ul ul a:visited, #nav ul ul span {
    background: url("/images/charte-v2/separateur-dropdown.gif") repeat-x center bottom;
    color: #ccc;
    cursor: pointer;
    display: block;
    font-size: 0.9em;
    font-weight: normal;
    height: 30px;
    text-decoration: none;
    text-shadow: 0 1px 0 #222;
    height: auto;
}
#nav ul ul .LastItem a, #nav ul ul .LastItem a:visited, #nav ul ul .LastItem span { background: none; }
#nav ul ul a:hover, #nav ul ul a:active, #nav ul ul span:hover {
    color: #fff;
    padding-left: 10px;
    text-shadow: 0 1px 0 #000;
}
#nav ul li:hover ul, #nav ul li:hover ul li:hover ul { visibility: visible; }


/* Footer */
#footer p {
    color: #fff;
    font-size: 1em;
    margin: 0;
    padding: 1.25em 20px;
    text-align: center;
    text-shadow: 0 -1px 0 #193a66;
}
#page #footer a, #page #footer a:visited, #page #footer a, #page #footer span.LienJavascript {
    color: #fff;
    text-decoration: none;
}
#page #footer a:hover, #page #footer a:active, #page #footer span.LienJavascript:hover  {
    color: #fff;
    text-decoration: underline;
}

/* Publicite */
.PubliciteContent { margin: 2em auto; text-align: center; }
#conteneurPrincipal .BlocHome .PubliciteContent h2 {
    background: none;
    border: none;
    color: #999;
    font-size: 0.75em;
    font-weight: normal;
    height: auto;
    letter-spacing: 0.1em;
    line-height: 1;
    margin: 2em auto 0.25em;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    text-shadow: none;
}
#pubDroite, #pubGauche { margin: 20px 0; }

/* Hors champ */
#marqueurXiti { display: none; }

/* Bloc Sidebar */
#conteneurPrincipal .BlocSidebar {
    background: url("/images/charte-v2/separateur-sidebar.gif") repeat-x center bottom transparent;
    margin: 0 20px;
    padding: 0 0 5px;
    text-shadow: 0 1px 0 #fff;
}
#conteneurPrincipal .BlocSidebar h2 {
    border: none;
    color: #255492;
    font-size: 1.2em;
    line-height: 1.2;
}
#conteneurPrincipal .BlocSidebar p { font-size: 0.85em; }
#conteneurPrincipal .BlocSidebar ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#conteneurPrincipal .BlocSidebar ul li {
    background: url("/images/charte-v2/puce-sidebar.gif") no-repeat left 3px transparent;
    font-size: 0.85em;
    margin: 0;
    padding: 0;
}
#conteneurPrincipal .BlocSidebar ul li a {
    display: block;
    padding: 0 0 0.75em 14px;
}
#conteneurPrincipal .BlocSidebar ul li span.DateNews {
    display: block;
    padding: 0 0 0 14px;
}
#conteneurPrincipal .BlocSidebar form input.SidebarInput {
    border: 1px solid #255492;
    height: 18px;
    margin: 0;
    padding: 0;
    width: 118px;
}
#conteneurPrincipal .BlocSidebar p.ImageSidebar { text-align: center; }
#conteneurPrincipal .BlocSidebar a, #conteneurPrincipal .BlocSidebar a:visited { text-decoration: none; }
#conteneurPrincipal .BlocSidebar a:hover, #conteneurPrincipal .BlocSidebar a:active, #conteneurPrincipal .BlocSidebar span.LienJavascript:hover { text-decoration: underline; }
#conteneurPrincipal .BlocSidebar h2 a, #conteneurPrincipal .BlocSidebar h2 a:visited { color: #255492; }
#conteneurPrincipal .BlocSidebar a, #conteneurPrincipal .BlocSidebar a:visited { color: #333; }
#conteneurPrincipal .BlocSidebar a:hover, #conteneurPrincipal .BlocSidebar a:active { color: #255492; }

/* Blocs Sidebar Specifiques */
#conteneurPrincipal .BlocSidebar p.ImageSidebar span.LienJavascript:hover img.IconSocialMedia { vertical-align: bottom; }
#conteneurPrincipal .BlocSidebar.BoxAdsl {background: none; padding: 0; }
#conteneurPrincipal .BlocSidebar.BoxAdsl ul {
    margin: 0;
    padding: 0 0 5px;
    list-style-type: none;
}
#conteneurPrincipal .BlocSidebar.BoxAdsl ul li {
    background: url("/images/charte-v2/separateur-sidebar.gif") repeat-x center bottom transparent;
    font-size: 1em;
    margin: 0;
    padding: 0;
    position: relative;
}
#conteneurPrincipal .BlocSidebar.BoxAdsl ul li a {
    background: none;
    display: block;
    height: 70px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 120px;
}
#conteneurPrincipal .BlocSidebar.BoxAdsl ul li a:hover { background: url("/images/charte-v2/bg-hover-box.gif") repeat-x center -2px transparent; }
#conteneurPrincipal .BlocSidebar.BoxAdsl ul li.FirstItem a:hover { background-position: center 0; }
#conteneurPrincipal .BlocSidebar.BoxAdsl ul li h3 {
    font-size: 1em;
    margin: 0;
    padding: 0;
}
#conteneurPrincipal .BlocSidebar.BoxAdsl ul li h3 span {
    bottom: 10px;
    color: #333;
    font-weight: normal;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: right;
    text-shadow: 0 1px 0 #fff;
}
#conteneurPrincipal .BlocSidebar.BoxAdsl ul li h3 a:hover span {
    color: #255492;
    font-weight: bold;
    right: 5px;
}
#conteneurPrincipal .BlocSidebar.BoxAdsl ul li h3 a:hover img { margin-top: 3px; }
#conteneurPrincipal .BlocSidebar.BoxAdsl ul li h3 img { float: left; }

/* Home */
.BlocHome { margin: 20px 0; position: relative; }
#conteneurPrincipal .BlocHome h2 {
    background: url("/images/charte-v2/bg-main-title.gif") no-repeat left top transparent;
    border: none;
    color: #fff;
    font-size: 1.3em;
    height: 35px;
    line-height: 34px;
    margin: 0;
    padding-left: 20px;
    text-shadow: 0 -1px 0 #002858;
}
#conteneurPrincipal span.LienTitle {
    position: absolute;
    right: 20px;
    top: 7px;
    text-shadow: 0 -1px 0 #002858;
}
#conteneurPrincipal p.IntroNews {
    border-bottom: 1px solid #d9d9d9;
    margin: 0.25em 0;
    padding: 0 0 0.75em;
}
#conteneurPrincipal p.DateNews { margin: 0; padding: 0; }
#conteneurPrincipal p.DateNews img { vertical-align: top; }
#conteneurPrincipal p.DateNews span.LienJavascript:hover { text-decoration: underline; }
#conteneurPrincipal p.LiensForum {
    color: #999;
    border-top: 1px solid #d9d9d9;
    font-size: 0.9em;
    margin: 1.5em 0 0;
    padding: 0.75em 0;
    text-align: center;
}
.DateNews, .DatePostForum, .UrlFlux { color: #999; }
#conteneurPrincipal span.LienTitle a, #conteneurPrincipal span.LienTitle a:visited { color: #fff; }
#conteneurPrincipal span.LienTitle a:hover, #conteneurPrincipal span.LienTitle a:active { color: #2887cc; }
#page .BlocHome p.LiensForum a, #page .BlocHome p.LiensForum a:visited { color: #255492; }
#page .BlocHome p.LiensForum a:hover, #page .BlocHome p.LiensForum a:active { color: #255492; }

/* Teaser */
#teaser { margin: 0 25px 0; }
#teaser #eligibiliteAdslHome {
    background: url("/images/charte-v2/bg-teaser-eligibilite.jpg") no-repeat 0 0 transparent;
    float: left;
    height: 189px;
    margin: 0;
    padding: 0;
    width: 525px;
}
#teaser #formulaireAdsl { margin: 0; }
#teaser #eligibiliteAdslHome h1 {
    color: #992525;
    font-size: 1.45em;
    margin: 15px 0 0 25px;
    padding: 0;
    text-shadow: 0 1px 0 #f1cc5d;
}
#teaser #eligibiliteAdslHome h1 span {
    color: #DD6102;
    font-size: 0.9em;
}
#teaser #eligibiliteAdslHome p.Field { text-shadow: 0 1px 0 #f1cc5d; }
#teaser #eligibiliteAdslHome p.Field input {
    background: none;
    border: none;
    color: #333;
    height: 30px;
    line-height: 30px;
    margin: 0 0 0 30px;
    padding: 0;
    width: 215px;
    /* Hack IE6 */
    -width: auto;
}
#teaser #eligibiliteAdslHome #fieldAdsl { float: left; }
#teaser #eligibiliteAdslHome #fieldFibre { margin-left: 260px; }
#teaser #eligibiliteAdslHome p.Field label {
    display: block;
    font-size: 1.15em;
    line-height: 1.6;
    margin: 0 0 0 25px;
}
#teaser #eligibiliteAdslHome p.BtnAction { margin: 14px 0 0; text-align: center; }
#teaser #eligibiliteAdslHome p.Mentions {
    font-size: 0.9em;
    margin-left: 140px;
    text-shadow: 0 1px 1px #f1cc5d;
}
#teaser #eligibiliteAdslHome p.Mentions input { margin: 0; padding: 0; }
#teaser #rappelHome {
    margin: 0 0 0 543px;
    padding: 0;
    /* Hack IE6 */
    -margin: 0 0 0 540px;
}

/* Offres FAI */
#conteneurOffresFai {
    clear: both;
    position: relative;
    margin: 10px 0;
    text-shadow: 0 1px 0 #fff;
    text-align: center;
}
#conteneurPrincipal #conteneurOffresFai .OffreFai {
    background: url("/images/charte-v2/bg-offres.gif") no-repeat 0 0 transparent;
    float: left;
    margin: 0;
    padding: 0 12px 0 0;
}
#conteneurPrincipal #conteneurOffresFai .OffreFai.LastItem {
    float: none;
    margin: 0 0 0 470px;
    padding: 0;
}
#conteneurPrincipal #conteneurOffresFai img { margin-top: 15px;}
#conteneurPrincipal #conteneurOffresFai strong { display: block; }
#conteneurPrincipal #conteneurOffresFai span { display: none; }
#conteneurPrincipal #conteneurOffresFai a, #conteneurPrincipal #conteneurOffresFai a:visited {
    color: #333;
    display: block;
    height: 75px;
    text-decoration: none;
    width: 105px;
}
#conteneurPrincipal #conteneurOffresFai a:hover img, #conteneurPrincipal #conteneurOffresFai a:active img { margin-top: 10px; }

/* Offres FAI page test elig */
#conteneurFai {
    clear: both;
    position: relative;
    margin: 10px 0;
    text-shadow: 0 1px 0 #fff;
    text-align: center;
}
#conteneurPrincipal #conteneurFai .OffreFai {
    background: url("/images/charte-v2/bg-offresfai.gif") no-repeat 0 0 transparent;
    float: left;
    margin: 0;
    padding: 0 12px 0 0;
}
#conteneurPrincipal #conteneurFai .OffreFai.LastItem {
    float: none;
    margin: 0 0 0 470px;
    padding: 0;
}
#conteneurPrincipal #conteneurFai img { margin-top: 15px;}
#conteneurPrincipal #conteneurFai strong { display: block; }
#conteneurPrincipal #conteneurFai span { display: none; }
#conteneurPrincipal #conteneurFai a, #conteneurPrincipal #conteneurFai a:visited {
    color: #333;
    display: block;
    height: 90px;
    text-decoration: none;
    width: 105px;
}
#conteneurPrincipal #conteneurFai a:hover span,
#conteneurPrincipal #conteneurFai a:active span {
	display: block;
	font-size: 1em;
	font-weight: bold;
}
#conteneurPrincipal #conteneurFai a:hover strong,
#conteneurPrincipal  #conteneurFai a:active strong {
	color:#666;
	font-size: 0.9em;
	font-weight: normal;
}
#conteneurPrincipal #conteneurFai a:hover img,
#conteneurPrincipal #conteneurFai a:active img { margin-top: 5px; }

/* Test eligibilité */
#testEligibiliteContent {
    background: url("/images/charte-v2/bg-main-eligibilite.jpg") no-repeat 0 0 transparent;
    padding: 10px 20px 20px;
    text-shadow: 0 1px 0 #F1CC5D;
}
#testEligibiliteContent p { margin: 0.75em 0; }
#testEligibiliteContent p.Field { clear: left; padding: 0; }
#testEligibiliteContent p#fieldAdsl,
#testEligibiliteContent p#fieldFibre { margin: 14px 0 0; }
#conteneurPrincipal #testEligibiliteContent p a { color: #333; }
#testEligibiliteContent p.Field label {
    color: #992525;
    display: block;
    float: left;
    font-size: 1.2em;
    line-height: 2;
    width: 290px;
}
#testEligibiliteContent p.Field input {
    background: none;
    border:none;
    color: #333333;
    height: 30px;
    line-height: 30px;
    margin: 0;
    padding: 0;
    text-shadow: none;
    width: 220px;
}
#testEligibiliteContent p.BtnAction, #testEligibiliteContent p.Mentions { margin: 0.75em 18px 0 0; text-align: right; }
#testEligibiliteContent p.Mentions input { margin: 0; padding: 0; }

/* Test Débit*/
#contentMain .Resultat {
    font-size: smaller;
    max-width: 580px;
    margin-left: auto;
    margin-right: auto;
}
#contentMain .Donnees { display: none; }
#logoSpeedTest {
    color: #0033cc;
    background-color: inherit;
    text-align: center;
    font-weight: bold;
}
#logoSpeedTest #majeur { font-size: larger; }
#logoSpeedTest #mineur { font-size: smaller; }
#logoSpeedTest #point {
    color: #ff0000;
    background-color: inherit;
    font-size: larger;
}

/* Dossier Hotline */
#hotline .orange { color: #FE8515; font-weight: bold; }
#hotline #back_bleu, #hotline #fai_hotline {
    background: #2887CC;
    width:150px;
    float:left;
    margin-right: 10px;
    /* Good Browsers only */
    box-shadow: 0 1px 3px #333;
    -moz-box-shadow: 0 1px 3px #333;
    -webkit-box-shadow: 0 1px 3px #333;
    border-radius: 10px 0 10px 0;
    -moz-border-radius: 10px 0 10px 0;
    -webkit-border-radius: 10px 0 10px 0;
}
#hotline #back_bleu p, #hotline #fai_hotline p {
    color: #fff;
    font-size: 1.1em;
    font-style: italic;
    font-weight: bold;
    margin: 10px;
    text-shadow: 0 -1px 0 #002858;
}
#hotline #back_droite, #hotline #fai_hotline_assistance { margin: 0.75em 0 0 170px; }

/* Dossier VOD */
#conteneurPrincipal .VodFai {
    clear: both;
    text-align: center;
    margin: 0 auto;
    padding: 0;
}
#conteneurPrincipal .VodFai ul { height: 130px; }
#conteneurPrincipal .VodFai ul li {
    background: none;
    margin: 0 auto;
    padding: 0;
    float: left;
    width: 140px;
    height: 65px;
}

/* Menu des dossiers (tableau) */
table.MenuDossiers {
    border: none;
    border-collapse: collapse;
}
table.MenuDossiers thead tr th {
    background: #fff;
    border: none;
    color: #333;
}

/* Formulaire de contact */
#formContact textarea {
    vertical-align: top;
    width: 300px;
    height: 150px;
}
#formContact label.LblContactForm {
    width: 150px;
    display: block;
    float: left;
    font-weight: bold;
    padding: 5px 0;
    text-align: right;
    margin-right: 10px;
}
#formContact input#contactNom, #formContact input#contactPrenom, #formContact input#contactEmail, #formContact input#contactSite, #formContact input#contactVille, #formContact input#contactCommentaire { width: 300px; }
#formContact br { clear: both; }
#formContact input.OptionsContactForm { margin-left: 155px; }
#formContact input#btnContactForm { margin:  15px 0 0 155px; }

/* Commentaires News */
h3.CommentaireErreur { color: #ff0000; }
p.InfosCommentaires span.NumeroCommentaire {
    color: #2887CC;
    font-weight: bold;
    font-size: 1.25em;
}
p.ContentCommentaires {
    background-color: #f4f4f4;
    margin: 0;
    padding: 10px 20px !important;
    text-shadow: 0 1px 0 #fff;
    /* Good Browsers only */
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
p.CommentairesChamps {
    clear: left;
    margin: 0 auto !important;
    padding: 5px 0;
    text-align: center;
    width: auto;
}
p.CommentairesChamps label {
    color: #555;
    display: block;
    float: left;
    padding: 0 4px 4px 0;
    text-align: right;
    width: 24%;
}
p.CommentairesChamps input {
    border: 1px solid #2887CC;
    margin: 0;
    padding: 1px;
    width: 430px;
}
#commentComment {
    border: 1px solid #2887CC;
    margin: 0;
    padding: 1px;
    width: 430px;
    height: 60px;
}
p.CommentairesChamps #commentBoutonEnvoyer, p.AvisField #btnAvisSubmit {
    background: #255492;
    border: 1px solid #1b4079;
    color: #fff;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: bold;
    margin: 10px auto !important;
    padding: 5px 20px;
    text-shadow: 0 -1px 0 #1b4079;
    width: auto;
    /* Good Browsers only */
    box-shadow: 0 1px 2px #777;
    -moz-box-shadow: 0 1px 2px #777;
    -webkit-box-shadow: 0 1px 2px #777;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}
#recaptcha_div { margin: 10px 0; }
p.CommentairesCaptchaLegende {
    font-style: italic;
    color: #555;
    margin: 3px 0 5px 0 !important;
}

/* Avis */
p.AvisField {
    clear: left;
    margin: 0 auto !important;
    padding: 5px 0;
    width: auto;
}
p.AvisField.BtnAvisSubmit { text-align: center; }
p.AvisField  label {
    color: #555;
    display: block;
    float: left;
    padding: 0 4px 4px 0;
    text-align: right;
}
p.AvisField input {
    border: 1px solid #2887CC;
    margin: 0;
    padding: 1px;
}
p.AvisField textarea {
    border: 1px solid #2887CC;
    height: 60px;
    margin: 0;
    padding: 1px;
}
p.AvisField.Specifique  label { width: 34%; }
p.AvisField.Specifique input { width: 64%; }
p.AvisField label { width: 14%; }
p.AvisField input { width: 84%; }
p.AvisField input#avisVilleAutre { width: 32%; }
p.AvisField textarea { width: 84%; }
p.AvisField select { text-align: left; }


/* Archives */
table.TableArchives { border: none; }
table.TableArchives tbody tr { background: #fff; border: none; }
table.TableArchives tbody tr th { background: #fff; border: none; font-weight: normal; }
table.TableArchives tbody tr th img {vertical-align: middle; }

/* Popin */
#popin {
    overflow: hidden;
    position: fixed;
    z-index: 10000;
    top: 150px;
    left: 0;
    padding: 0;
    margin: 0;
    text-align: center;
    width: 100%;
    display: none;
    /* Hack IE6 */
    -position: absolute;
}
#popin .InscriptionNewsletter {
    background: transparent url(/images/bg-popin-newsletter.png) no-repeat center top;
    height: 270px;
    width: 780px;
    margin: 0 auto;
    position: relative;
}
#popin .InscriptionNewsletter .content { padding:40px 60px; }
#popin .InscriptionNewsletter .content h3 {
    color: #ffbb00;
    font-size: 1.5em;
    margin: 15px 0 0 20px;
    text-align: left;
    text-shadow: 0 -1px 0 #002858;
}
#popin .InscriptionNewsletter .content h3 span {
    color: #fff;
    font-size: 1.25em;
}
#popin .InscriptionNewsletter .content p {
    color: #67B5F3;
    margin: 0.75em 20px;
    text-align: left;
    text-shadow: 0 -1px 0 #002858;
}
#popin .InscriptionNewsletter .content div { margin: 0; padding: 0; }
#popin .InscriptionNewsletter .content div#newsletter p {
    color: #fff;
    font-size: 1.25em;
    text-align: left;
    text-shadow: 0 -1px 0 #002858;
}
#popin .InscriptionNewsletter .content div#newsletter p input#emailNewsletter {
    padding: 2px;
    border: 1px solid #75baff;
    width: 200px;
}
#popin .FermePopin {
    cursor:pointer;
    display:block;
    position:absolute;
    right:55px;
    top:55px;
}
#popin .FermePopin span { color: #fff; }
#popin .FermePopin img { vertical-align: middle; }
#popin #erreurPopin {
    position: absolute;
    left: 155px;
    color: #ffc000;
    top: 165px;
}
#popin #succesPopin {
    font-size: 1.25em;
    font-weight: bold;
    color: #ffc000;
    margin: 10px auto;
}

/* les class pas la classe ! */
.aligneDroite, .Right { text-align: right; }
.smaller, .FontSizeMoins, .FontSizeMoinsExpand { font-size: smaller; }
.Centerize, .aligneCentre { margin:0 auto; text-align:center; }
.Red, .MessageErreur { color:#ff0000; }
.NewBlue { color:#0066cc; }
img.CarteDeploiement { border: none; }
.ImageLeft img {
    float:left;
    margin:0;
    padding:0 20px 10px 0;
    border:none;
}
.ImagePromo {
    position:relative;
    top:10px;
    left:10px;
}
.Promo {
    position:relative;
    top:-25px;
    left:130px;
    width:450px;
}
.spacer, .clear {
    clear:both;
    display:block;
    width: 100%;
    margin:0;
    padding:0;
    line-height:1px;
    font-size:1px;
}
.SplitTiersFirst {
    float: left;
    width: 33%;
}
.SplitTiers {
    float: left;
    margin: 0 0 0 3%;
    width: 30%;
}
.SplitTiersLast {
    margin: 30px 0 0 69%;
}

/* Ancien et introuvable */
#liste_tv p img {float:left;}