/**
 * Styles de base et classes pour TinyMCE
 */

/* Declarez les FONT-FACE ici afin de les voir dans TinyMCE */
@font-face {
    font-family: 'source_sans_probold';
    src: url('../fonts/sourcesanspro-bold-webfont.eot');
    src: url('../fonts/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-bold-webfont.woff') format('woff'),
         url('../fonts/sourcesanspro-bold-webfont.ttf') format('truetype'),
         url('../fonts/sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'source_sans_proregular';
    src: url('../fonts/sourcesanspro-regular-webfont.eot');
    src: url('../fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-regular-webfont.woff') format('woff'),
         url('../fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('../fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'source_sans_proitalic';
    src: url('../fonts/sourcesanspro-it-webfont.eot');
    src: url('../fonts/sourcesanspro-it-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-it-webfont.woff2') format('woff2'),
         url('../fonts/sourcesanspro-it-webfont.woff') format('woff'),
         url('../fonts/sourcesanspro-it-webfont.ttf') format('truetype'),
         url('../fonts/sourcesanspro-it-webfont.svg#source_sans_proitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Cibler egalement "body#tinymce td" permet d'avoir la bonne font dans les <td> sous TinyMCE */
body, body#tinymce td {
    font-family: 'source_sans_proregular';
    color: #515a60;
    font-size: 18px;
}

a, a:hover, a:focus, a:visited, a:active { 
    outline: none;
    color: #515a60;
    text-decoration: underline;
}
a:hover, a:focus {
    text-decoration: none;
}
a img {	border: none; }

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
h1 {
	font-size: 28px;
	margin-top: 0;
}
h2 {
	font-size: 24px;
	font-family: 'source_sans_probold';
}
h3 {
	font-family: 'source_sans_probold';
	font-size: 20px;
	color: #D30F47;
}
h4, h5, h6 {
	font-family: 'source_sans_probold';
	font-size: 18px;
}

code { 
    font-family: "Courier New", Courier, monospace;
}

strong {
	/* Si vous avez une font speciale en bold decommentez et adaptez le code ci-dessous */
    font-family: 'source_sans_probold';
}

blockquote {
    padding: 10px;
    margin: 0px 0px 15px;
    font-size: 18px;
    border-left: none;
    background: #eee;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

hr { 
	border: none !important; 
	border-top: 1px solid #ccc !important; 
	margin: 15px 0;
}

ul {
	margin: 0;
	padding: 0;	
	list-style-type: none;
}

.node-page ul li, #tinymce ul li, .node-type-actualite .main-content ul li {
	background: transparent url(../images/bg-li.png) 0 10px no-repeat;
	padding: 0 0 0 17px;	
}

/* Styles pour les images */
.image_gauche { float: left; margin: 5px 10px 5px 0; }
.image_droite { float: right; margin: 5px 0 5px 10px; }

/* Couleurs du site */
.texte_gris_clair { color: #ccc; }
.texte_rouge { color: #D30F47 !important; }
.titre_18px_gris_clair { color: #ccc; font-size: 18px; }
.fond_gris_clair { background-color: #ccc; }
.encart_gris_clair { background-color: #ccc; padding: 10px; color: #000; }
.soulignement_gris_clair { border-bottom: 1px solid #ccc; }
.soulignement_rouge { border-bottom: 1px solid #d30e47; }
.bordure_gris_clair { border: 1px solid #ccc; }

/* Boutons */
.bouton-rose {
  background-color: #D30F47;
  color: #fff !important;
  border-radius: 4px;
  padding: 7px;
  text-decoration: none !important;
  display: inline-block;
  font-family: 'source_sans_probold';
  font-style: italic;
  width: 235px;
  line-height: 1;	
  transition: all .5s ease;
  vertical-align: top;
  margin-bottom: 5px;
}
.bouton-rose:hover, .bouton-rose:focus {
	background-color: #515a60;	
}

.bouton-gris {
  background-color: #515a60;
  color: #fff !important;
  border-radius: 4px;
  padding: 7px;
  text-decoration: none !important;
  display: inline-block;
  font-family: 'source_sans_probold';
  font-style: italic;
  width: 235px;
  line-height: 1;	
  transition: all .5s ease;
  vertical-align: top;
  margin-bottom: 5px;
}
.bouton-gris:hover, .bouton-gris:focus {
	background-color: #D30F47;	
}

/* Tableaux */
.table_bordure_bas_gris_clair_padding_5px { /* Declaration vide pour TinyMCE */ }
body#tinymce .table_bordure_bas_gris_clair_padding_5px thead td, .table_bordure_bas_gris_clair_padding_5px thead td {
	font-family: 'source_sans_probold';	
}
.table_bordure_bas_gris_clair_padding_5px td {
	vertical-align: top;
    border-bottom: 1px solid #eee;
    padding: 5px;
}
body#tinymce td.texte_rouge {
	color: #D30F47;
}
.table_bordure_bas_gris_clair_padding_5px td p {
    margin: 0;
}
table h3 { margin-top: 0; }
/* Responsive */
@media (max-width: 479px) {
	.table_bordure_bas_gris_clair_padding_5px {
		font-size: 16px;
		line-height: 16px;
	}
}

/***** PUSHS HOME *****/
.pushs-home .content p, #tinymce .pushs-home p {  
    position: relative;
    text-align: center;
    
}
.pushs-home .content p a, #tinymce .pushs-home p a { 
    display: inline-block;
    border-radius: 290px;
    box-shadow: 0 0 10px #ccc;
    overflow: hidden;
    position: relative;
}

.pushs-home .content p a span, #tinymce .pushs-home p a span {
    position: absolute;  
    display: block;
    text-align: center;
    background-color: rgba(81,90,96,.8);
    font-size: 30px;
    color: #fff;
    width: 100%;
    left: 0;
    letter-spacing: -1px;
    padding: 4px 0;
    top: 50%;
    margin-top: -25px;
    transition-property: background-color;
    transition-duration: 1s;
}
.pushs-home .content p a:hover span, #tinymce .pushs-home p a:hover span {
    background-color: rgba(211,15,71,0.8);   
}

/***** PUSHS NOUVEAUTES *****/
.pushs-news .content p, #tinymce .pushs-news p {  
    position: relative;
    text-align: center;
    
}
.pushs-news .content p a, #tinymce .pushs-news p a { 
    display: inline-block;
    border-radius: 238px;
    box-shadow: 0 0 10px #ccc;
    overflow: hidden;
    position: relative;
    text-transform: uppercase;
}

.pushs-news p a img, #tinymce .pushs-news p a img {
    width: 238px;
    height: auto;
}

.pushs-news .content p a span, #tinymce .pushs-news p a span {
    position: absolute;  
    display: block;
    text-align: center;
    background-color: rgba(81,90,96,.8);
    font-size: 26px;
    color: #fff;
    width: 100%;
    left: 0;
    letter-spacing: -1px;
    padding: 4px 0;
    top: 50%;
    margin-top: -26px;
    transition-property: background-color;
    transition-duration: 1s;
}
.pushs-news .content p a:hover span, #tinymce .pushs-news p a:hover span {
    background-color: rgba(211,15,71,0.8);   
}

/***** LIENS UTILES (COLONNE) *****/
.bloc-useful-links { margin-bottom: 10px; }
.bloc-useful-links li {
	float: left;
	width: 31px;
	height: 30px;
	border-radius: 31px;
	background-color: #515a60;	
	cursor: pointer;
	margin-right:6px;
	position: relative;
}
.bloc-useful-links li.btn-inscription-alert-mail {
	background-color: #d30f47;
}
.bloc-useful-links li:hover{
	background-color: #d30f47;
}
.bloc-useful-links li.btn-inscription-alert-mail:hover {
	background-color: #515a60;
}
.bloc-useful-links a, .bloc-useful-links a.inscription-alert-mail{
	display:block;
	width:31px;
	height:30px;
	border-radius: 31px;
}
.bloc-useful-links a.inscription-alert-mail{
	padding: 0;
	background: #d30f47 url('../images/picto-alerte-email-mini.png') center center no-repeat;
}
a.not-favorite{
	background: #515a60 url(../images/favoris-star-vide.png) no-repeat 50% 50%;
}
a.favorite{
	background: #d30f47 url(../images/favoris-star-plein.png) no-repeat 50% 50%;
}
a.favorite:hover{
	background: #515a60 url(../images/favoris-star-plein.png) no-repeat 50% 50%;
}
a.not-favorite:hover{
	background: #d30f47 url(../images/favoris-star-vide.png) no-repeat 50% 50%;
}
.bloc-useful-links li.btn-social-network:after { 
	content: url('../images/icon-slide.png');
	width: 12px;
	height: 10px;
	display: none;
	top: 23px;
	left: 10px;
	position: absolute;
	z-index: 11;	
}
.bloc-useful-links li.btn-social-network.active:after { 
	display: block;
}
.bloc-useful-links li.btn-print a {
	background: url(../images/imprimer.png) center center no-repeat;
}

/***** RESEAUX SOCIAUX *****/
.bloc-socialnetwork { margin-top: 28px; }
.bloc-socialnetwork .content ul, #tinymce .bloc-socialnetwork ul { padding: 0; margin: 0; }
.bloc-socialnetwork .content li, #tinymce .bloc-socialnetwork li {
    list-style-type: none;
    display: inline-block;
}
.bloc-socialnetwork .content li a, #tinymce .bloc-socialnetwork li a {
    display: block;
    width: 65px;
    height: 58px;
    text-align: center;
    padding-top: 7px;
    border-radius: 65px;
    margin: 0 10px;
    transition: background-color .5s linear;
}
.bloc-socialnetwork .content li a.icon-fb, #tinymce .bloc-socialnetwork li a.icon-fb { background-color: #2b4a88; }
.bloc-socialnetwork .content li a.icon-twitter, #tinymce .bloc-socialnetwork li a.icon-twitter { background-color: #018db5; }
.bloc-socialnetwork .content li a.icon-google, #tinymce .bloc-socialnetwork li a.icon-google { background-color: #e2272f; }

.bloc-socialnetwork .content li a:hover, .bloc-socialnetwork .content li a:active, .bloc-socialnetwork .content li a:focus,
#tinymce .bloc-socialnetwork li a:hover, #tinymce .bloc-socialnetwork li a:active, #tinymce .bloc-socialnetwork li a:focus { background-color: #d30e47; }

/***** Copyrights *****/
.bloc-copyrights { margin-top: 33px; }
.bloc-copyrights p, #tinymce .bloc-copyrights p { font-size: 14px; margin-bottom: 0; }


/* Responsive */
@media (max-width: 1599px) {
	.pushs-home .content p a { border-radius: 262px; }
	.pushs-home .content p a img { 
		width: 262px;
		height: auto;
	}
	.pushs-home .content p a span { 
		font-size: 26px; 
		margin-top: -20px;
	}

    .pushs-news .content p a { border-radius: 182px; }
	.pushs-news .content p a img { 
		width: 182px;
		height: auto;
	}
    .pushs-news .content p a span { 
		font-size: 17px; 
		margin-top: -17px;
	}
}
@media (max-width: 1199px) {
	.pushs-home .content p a { border-radius: 212px; }
	.pushs-home .content p a img { 
		width: 212px;
		height: auto;
	}
	.pushs-home .content p a span { 
		font-size: 22px; 
		margin-top: -16px;
	}

    .pushs-news .content p a { border-radius: 146px; }
	.pushs-news .content p a img { 
		width: 146px;
		height: auto;
	}
	.pushs-news .content p a span { 
		font-size: 16px; 
		margin-top: -15px;
	}

	.bloc-useful-links li {
		margin-bottom: 6px;
	}
}
@media (max-width: 1199px) and (min-width: 992px) {
    ul.list-useful-links {
        clear: both;
    }
}
@media (max-width: 992px) {
	.pushs-home .content p a { border-radius: 156px; }
	.pushs-home .content p a img { 
		width: 156px;
		height: auto;
	}
	.pushs-home .content p a span { 
		font-size: 18px;
		margin-top: -14px;
	}

    .pushs-news .content p a { border-radius: 153px; }
	.pushs-news .content p a img { 
		width: 153px;
		height: auto;
	}
	.pushs-news .content p a span { 
		font-size: 17px;
		margin-top: -15px;
	}
}
@media (max-width: 991px) and (min-width: 768px) {
    .node-type-bien .bloc-useful-links {
        position: fixed;
        top: 270px;
        right: 0;
        background-color: #fff;
        padding: 10px 1px 10px 10px;
        border-radius: 5px 0 0 5px;
        box-shadow: 0 0 10px #ccc;
    }
    .node-type-bien .bloc-useful-links li {
        float: none;
        margin-bottom: 5px;
    }   
}
@media (max-width: 1199px) {
    .table_bordure_bas_gris_clair_padding_5px td { font-size: 14px; }
}
@media (min-width: 768px) {
    #main .bloc-useful-links { display: none; }
}
@media (max-width: 767px) {
    .table_bordure_bas_gris_clair_padding_5px td { display: block; }
    .sidebar-container .bloc-useful-links { display: none; }
}
@media (max-width: 767px) {
    .pushs-news .content p a { border-radius: 208px; }
	.pushs-news .content p a img { 
		width: 208px;
		height: auto;
	}
    .pushs-news .content p a span { 
		font-size: 27px; 
		margin-top: -26px;
	}
}