/* Copyright Qc média
* This file defines the classes used by the text editor inside TYPO3.
* It is included in the frontend as well.
*/

/* These classes will appear in the block style selector for p tags*/
p.exergue {margin:10px 0; border:2px #666 dashed; padding:8px 5px;}

/* These classes will appear in the block style selector for div tags*/
/*
div.exergue {margin:10px 0; border:2px #666 dashed; padding:8px 5px;}
div.exergue {border: 2px solid #29a2d3; padding: 0 0.8em 0 0.8em; margin:1em 0; }
*/
div.exergue { border: 1px solid #9aacb6; color: #333; padding: 0.7em; margin-bottom: 0.7em; }
div.exergue h3 {font-size:1.2em;margin-top: 0 !important; margin-bottom: 5px !important;}

p.exergue-droit {margin:10px 0; border:2px #666 dashed; padding:8px 5px;float:right;}
p.exergue-gauche {margin:10px 0; border:2px #666 dashed; padding:8px 5px;float:left;}

div.exergue-droit {margin:10px 0; border:2px #666 dashed; padding:8px 5px;float:right;}
div.exergue-gauche {margin:10px 0; border:2px #666 dashed; padding:8px 5px;float:left;}
.exergueCentre {border-bottom:1px solid #999; padding:0; margin:0; }
.exergueCentre a {text-decoration:none; color:#007154; font-size:1.2em;  padding: 0 0 2em 2em; }
.exergueCentre a:hover {text-decoration:underline; color:#000; }


/* These classes will appear in the block style selector for table tags*/
/*table.someclass {}*/

/* These classes will appear in the text style selector */
span.texte-en-rouge { color: #ff0000; }
span.blue { color: #0000ff; }

/* These classes will not appear in any selector because they have their own buttons and/or are added automatically. We keep them here because they will be used in the frontend */
.align-left {text-align:left !important;}
.align-center {text-align:center !important;}
.align-right {text-align:right !important;}
.align-justify {text-align:justify !important;}
.bodytext {margin: 5px 0;}
.external-link {border-bottom:1px dashed #0000ff;}

/* These rules will be applied only in the RTE */
body.htmlarea-content-body table {border-collapse:collapse;}
body.htmlarea-content-body table td,
body.htmlarea-content-body table th {border:1px solid #000;min-width:15px;}
body.htmlarea-content-body table th {font-weight:bold;}

p.plus {}
p.plus_de_nouvelle  {margin: 0 0 1em 100px;font-weight: bold}
p.haut{ border-bottom: 1px dashed #ccc; height: 1em; margin: 20px 0 33px 0; position: relative; }
p.haut a{ background: #fff url(../images/content/section/article/p.haut.a.gif) no-repeat right 0.308em /* right 4px */; border: 1px solid #ccc; color: #484848; display: block; font-size: 0.769em  /*10px */; line-height: 1em /* 10px */; font-weight: bold; padding: 3px 17px 4px 4px; position: absolute; right: 0; text-transform: uppercase; top: 3px; }
p.haut a:hover,#content div.section div.manuelle p.haut a:hover{ background-color: #ccc; background-position: right -46px; color: #fff; text-decoration: none; }  
table.form { border-collapse: separate; border-spacing: 5px 1px; left: -5px; margin: 0 0 1em 0; position: relative; width: 610px; }
table.form tr {}
table.form tr td{ border-color: transparent; margin: 0 5px 1px 0; padding: 9px 6px; vertical-align: top; }  
table.form tr.odd td{ background-color: #e8eaeb; }
table.form tr.even td{ background-color: #d4dce0; }
table.form tr td label{ font-weight: bold; vertical-align:middle; }
table.form tr td.input,
table.form tr td.select{ background-color: transparent; padding: 0; }  
table.form tr td.input input{ height: 26px; width: 288px; }

table.form tr td.input input#telephone-0, table.form tr td.input input#telecopieur-0{ float:left;width: 40px;margin-right:5px }
table.form tr td.input input#telephone-1, table.form tr td.input input#telecopieur-1{ float:left;width: 40px;}
table.form tr td.input input#telephone-2, table.form tr td.input input#telecopieur-2{ float:left;width: 45px;}
table.form tr td.input input#telephone-3{ float:right;width: 45px;margin-right: 9px;}
table.form tr td.input span {float:left;margin:0.7em 0.3em 0em 0.3em;}
table.form tr td.input span.poste {margin:0.7em 0 0 0;width:50px;text-align: center;}
table.form tr td.input select{ width: 300px; }
table.form tr td.input textarea{ width: 288px; }
table.form tr td.select input{ height: 26px; width: auto; margin-right:5px;}

/*FORMULAIRES*/
h3.fieldset {display:none;margin:20px 0;}
div#c3054 h3.fieldset, div#c8245 form#legend_name h3:nth-child(3) {display:block;}
div.tx-powermail-pi1 div.csc-default {font-size:81.3%/1.231em}
td.px300 {width:300px;}
td.powermail_uid141, td.powermail_uid872 {display:none;}
#uid129,#uid127,#uid136,#uid860,#uid862,#uid871 {width:40px;}
#uid864 {height: 35px;}
#uid870_0 {display:none;}
#uid876_0 {display:none;}
#uid878_0 {display:none;}
#uid878_0 + br {display:none;}

.cacher
{
  display:none;
}

table.sans-bordure {border:0;}
  body.htmlarea-content-body table.sans-bordure td,
  body.htmlarea-content-body table.sans-bordure th {border-color:#999;}
table.a-gauche {float:left;width:50%}
table.a-droite {float:right;width:50%}
table.sans-style {border:0;margin:0;padding:0;text-align:left}

table {width:100%}
table th {text-align:center;background-color: #E8ECEF;color:#000;font-weight: bold;}
table tr td {vertical-align: top;text-align:left;}
table td {border:1px solid #bdbdbf;padding:0.5em;}

div.liens{ border: 1px solid #ccc; margin: 2em 0; padding: 12px; }
div.liens h3{ color: #1d4f70; font-size: 1.077em; line-height: 14px; margin: 0 0 3px 0; }
div.liens ul{ margin: 0; padding: 0;}
body#actualites #content div.section div.liens ul li{ background: url(../images/content/section/article/div.liens.ul.li.gif) no-repeat; list-style: none;  margin: 0; padding: 0 0 0 20px; }
div.liens ul li a{ }
div.renseignements {padding: 0 17px;}

span.onglet_titre {}


h2.big {font-size: 1.846em;}
p.pdf{ background: #c1cbca url(../images/content/section/p.bouton.a.png) no-repeat right top; border: 1px solid #d0d1d3; color: #244d5f; display: block; height:41px;float:left;clear:both;}
p.pdf a{ background: url(../images/icones/p.bouton.pdf.png) no-repeat 10px center; display: block; float: left;  font-size: 1.077em /* fixe */; line-height: 14px /* fixe */; padding: 13px 33px 14px 50px /* fixe */; color:#244D5F; }
/*Lorsque le titre du pdf est sur deux lignes*/
.deux_lignes p.pdf {width:75.6%!important;}
.deux_lignes p.pdf a {margin-top:-0.5em!important;}
h3.pdf{ background: url(../images/icones/p.bouton.pdf.png) no-repeat 0 center; color: #1d4f70; font-size: 1.077em; line-height: 14px; padding: 13px 37px 14px 40px;clear:both;}
p.note-bas-de-page {font-size:0.85em;}
ul.lien li {list-style: url(../images/icones/puce_lien.gif);  line-height: 1.4em;}

/*Vidéo dans un template sans menu, une colonne*/
.video_centre {
    display: block;
    margin: 0 auto;
}
/*Storyline dans une page de contenu*/
#c8296 iframe html body table tbody tr td #divSwf, #c8296 iframe html body table tbody tr td #divSwf #player {-moz-width:630px!important;
  width:630px!important;}
@-moz-document url-prefix() {
    #c8296 iframe, #c8296 iframe .framewrap, #c8296 iframe #topbar, #c8296 iframe #controls,  {width:630px!important;}
}


/******DEBUT Ajouts 01/2017 par AV pour formulaire dans L'Associé*******/
#c8500 form#mailform h3 {font-size: 1.23em /* 16px */}
#c8500 form#mailform div.csc-mailform-field label {cursor:inherit; display:block; font-weight: bold;}
#c8500 form#mailform div.csc-mailform-field label span {font-weight: initial;}

/*Zones*/
#c8500 form#mailform div.csc-mailform-label h3 {margin: 35px 0 15px 0;}
#c8500 form#mailform div.csc-mailform-field {margin-bottom: 10px;}
#c8500 form#mailform div.csc-mailform-label span.form_info {margin: -10px 0 10px 0px;}

/*Champs texte*/
#c8500 form#mailform div.csc-mailform-field input[type=text] {width: 300px;}
#c8500 form#mailform div.csc-mailform-field input#mailformCode_postal {width: 56px;}

/*Champs textarea*/
#c8500 form#mailform div.csc-mailform-field textarea {width: 100%;}
#c8500 form#mailform div.csc-mailform-label .textarea_decompte {float: right; color: #6C6C6C; margin-right: 10px;}

/*Champs téléphone*/

/*Boutons*/

form#formAssocie p.bouton input.btnSubmit_form {
  color: #FFF; 
  background:inherit; 
  background-color: #244d5f;
  -webkit-transition: background-color 500ms linear;
  -ms-transition: background-color 500ms linear;
  transition: background-color 500ms linear;}

form#formAssocie p.bouton input.btnSubmit_form:hover {background-color:#5B7A87}

form#formAssocie .btnPrint_form {
  float: right;
    border-radius: 5px;
    font-size: 1.077em /* fixe */;
    line-height: 14px /* fixe */;
    padding: 7px 13px 8px 13px /* fixe */;
    margin-right: 5px;
    color: #244d5f;
    cursor: pointer;
    border: none;
    margin-bottom: 20px;}

form#formAssocie .btnPrint_form:hover {color:#000;}

form#formAssocie p.bouton input[type=reset] {background:inherit; background-color: buttonface;border: none;}

/*****FIN Ajouts 01/2017 par AV pour formulaire dans L'Associé******/