/* -----------------------------------------------------------------------------------------
  Styles par défaut des blocs
  -> contenu_tinymce est l'identifiant du champ tinymce pour Taoma
-------------------------------------------------------------------------------------------*/

.blok-defaut-otnbt,
#contenu_tinymce
{
/* auto : width, margin, float */
/* forbiden : padding-left, padding-right */
/* particulier */
padding-top: .5em;
padding-bottom: .5em;
color: #333;
font-family: arial;
font-size: 14px;
line-height: 20px;
background-color: #fff;
text-align: left;
}

#contenu_tinymce {
/* forbiden : width, padding-left, padding-right */
/* indispensable */
overflow: scroll;
margin: 0;
padding: 10px;
/* particulier */
}

.blok-defaut-otnbt-standard p,
#contenu_tinymce p,
.blok-defaut-otnbt-standard ul,
#contenu_tinymce ul,
.blok-defaut-otnbt-standard Ol,
#contenu_tinymce ol
{
/* particulier */
margin: 0;
padding-bottom: .5em;
}

.blok-defaut-otnbt-standard li,
#contenu_tinymce li
{
/* particulier */
margin-left: 1.5em;
text-align: left;
}

.blok-defaut-otnbt-standard a,
#contenu_tinymce a
{
/* particulier */
text-decoration: underline;
color: #778dc2;
}

.blok-defaut-otnbt-standard a:hover,
#contenu_tinymce a:hover
{
/* particulier */
text-decoration: none;
}

.blok-defaut-otnbt-standard-lie
{
/* auto : width, margin, float */
/* particulier */
cursor: pointer;
}

.blok-defaut-otnbt-standard-lie:hover
{
/* particulier */
text-decoration: underline;
}

.blok-defaut-otnbt span.blok_image {
/* auto : width, margin, float */
/* particulier */
}

.blok-defaut-otnbt span.blok_image a {
/* particulier */
text-decoration: none;
}

.blok-defaut-otnbt span.blok_image a:hover {
/* particulier */
text-decoration: underline;
}

.blok-defaut-otnbt span.blok_image span.legende {
/* particulier */
font-size: .8em;
color: #000;
}

.blok-defaut-otnbt span.blok_image span.credits {
/* particulier */
font-size: .8em;
color: #9E9E9E;
}

/*
-------------------------------------------------------------------------------------------*/



/* -----------------------------------------------------------------------------------------
  Styles de blocs particuliers
-------------------------------------------------------------------------------------------*/

body.style_blok_defaut-100,
body.style_blok_defaut-66,
body.style_blok_defaut-50,
body.style_blok_defaut-34,
.blok-defaut-otnbt .style_blok_defaut-100,
.blok-defaut-otnbt .style_blok_defaut-66,
.blok-defaut-otnbt .style_blok_defaut-50,
.blok-defaut-otnbt .style_blok_defaut-34
{
/* particulier */
}

body.style_blok_encadre-100,
body.style_blok_encadre-66,
body.style_blok_encadre-50,
body.style_blok_encadre-34,
.blok-defaut-otnbt .style_blok_encadre-100,
.blok-defaut-otnbt .style_blok_encadre-66,
.blok-defaut-otnbt .style_blok_encadre-50,
.blok-defaut-otnbt .style_blok_encadre-34
{
/* particulier */
padding: 20px;
background-color: #f3f3f3 !important;
}

/*
-------------------------------------------------------------------------------------------*/




/* -----------------------------------------------------------------------------------------
  Styles de textes particuliers
-------------------------------------------------------------------------------------------*/

#contenu_tinymce .tinymce_style_1,
.blok-defaut-otnbt .tinymce_style_1
{
/* particulier */
color: #778dc2 !important;
}

#contenu_tinymce .tinymce_style_2,
.blok-defaut-otnbt .tinymce_style_2
{
/* particulier */
color: #97be0d !important;
}

#contenu_tinymce .tinymce_style_3,
.blok-defaut-otnbt .tinymce_style_3
{
/* particulier */
color: #f29400 !important;
}

/*
-------------------------------------------------------------------------------------------*/



/* -----------------------------------------------------------------------------------------
  Bloc Intertitre
-------------------------------------------------------------------------------------------*/

.blok-defaut-otnbt-intertitre h5
{
/* particulier */
padding-top: 1em;
color: #333;
font-size: 20px;
font-weight: normal;
text-transform: uppercase;
}


.blok-defaut-otnbt-intertitre.blok-site-first-line h5
{
/* particulier */
padding-top: 0 !important;
}


/*
-------------------------------------------------------------------------------------------*/



/* -----------------------------------------------------------------------------------------
  Bloc Séparateur
-------------------------------------------------------------------------------------------*/

.blok-defaut-otnbt-separateur
{
/* particulier */
height: 1em;
}

/*
-------------------------------------------------------------------------------------------*/



/* -----------------------------------------------------------------------------------------
  Bloc Liaison
-------------------------------------------------------------------------------------------*/

.blok-defaut-otnbt-liaison div.element {
/* auto : width */
/* particulier */
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #eee;
}

.blok-defaut-otnbt-liaison div.element_pair {
/* particulier */
}

.blok-defaut-otnbt-liaison div.element_first {
/* particulier */
padding-top: 0;
}

.blok-defaut-otnbt-liaison div.element_last {
/* particulier */
padding-bottom: 0;
border-bottom: none;
}

.blok-defaut-otnbt-liaison div.element div.paragraphe {
/* auto : width, float */
/* particulier */
}

.blok-defaut-otnbt-liaison div.element div.paragraphe div.url a {
/* particulier */
color: #333;
text-align: left;
font-weight: bold;
text-decoration: none;
}

.blok-defaut-otnbt-liaison div.element div.paragraphe div.url a:hover {
/* particulier */
color: #999;
text-decoration: underline;
}

.blok-defaut-otnbt-liaison div.element div.paragraphe div.sous-titre {
/* particulier */
padding-top: 2px;
color: #4b4b4b;
font-size: .9em;
}

.blok-defaut-otnbt-liaison div.element div.paragraphe div.commentaires {
/* particulier */
color: #999;
text-align: left;
font-size: .9em;
background-color: transparent;
}

/*
-------------------------------------------------------------------------------------------*/



/* -----------------------------------------------------------------------------------------
  Bloc Média
-------------------------------------------------------------------------------------------*/

.blok-defaut-otnbt-media div.element {
/* auto : width */
/* particulier */
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #eee;
}

.blok-defaut-otnbt-media div.element_pair {
/* particulier */
}

.blok-defaut-otnbt-media div.element_first {
/* particulier */
padding-top: 0;
}

.blok-defaut-otnbt-media div.element_last {
/* particulier */
padding-bottom: 0;
border-bottom: none;
}

.blok-defaut-otnbt-media div.element div.mode_lien a.titre {
/* particulier */
color: #333;
font-weight: bold;
text-decoration: none;
}

.blok-defaut-otnbt-media div.element div.mode_lien a.titre:hover {
/* particulier */
color: #999;
text-decoration: underline;
}

.blok-defaut-otnbt-media div.element div.mode_lecteur span.titre {
/* particulier */
display: block;
margin-top: 5px;
color: #333;
font-weight: bold;
text-decoration: none;
}

.blok-defaut-otnbt-media div.element div.mode_lecteur span.infos,
.blok-defaut-otnbt-media div.element div.mode_lien span.infos {
/* particulier */
color: #999;
font-size: .95em;
white-space: nowrap;
}

.blok-defaut-otnbt-media div.element div.mode_lecteur span.texte,
.blok-defaut-otnbt-media div.element div.mode_lien span.texte {
/* particulier */
display: block;
color: #737373;
font-size: .9em;
}

.blok-defaut-otnbt-media div.element div.mode_lecteur span.credits,
.blok-defaut-otnbt-media div.element div.mode_lien span.credits {
/* particulier */
display: block;
font-size: .9em;
color: #9E9E9E;
}

/*
-------------------------------------------------------------------------------------------*/