/* ---------------------------------------------------------------------------------------------------------------- */
/* SPECIALISATION DU STYLE DES NEWS DE STYLE_MYNORMAN_WEB_NEWS_PARGRAPHE.CSS -------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */

/* STYLES DES NEWS DANS LA PAGE ACTUALITES ------------------------------------------------- */

.style_news_1, .style_news_2, .style_news_3 {
text-align:center;
min-height:200px;
margin:3px;
background-color:#b4b4b4;
/*-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border:3px #fff solid;
*/
margin-bottom:12px;
}

.style_news_1 p, .style_news_2 p, .style_news_3 p {
text-align:justify;
padding:11px;
}

.style_news_1 h2, .style_news_2 h2, .style_news_3 h2 {
font-size:17px;
border-bottom:1px solid;
text-align:left;
padding-left:7px;
}

.style_news_1 img, .style_news_1 object, .style_news_1>.div_image {
margin-top:7px;
}

.style_news_2 img, .style_news_2 object, .style_news_2>.div_image {
padding-left:17px;
padding-top:11px;
padding-right:11px;
}

.style_news_3 img, .style_news_3 object, .style_news_3>.div_image {
padding:11px 17px 11px 11px;
}

@media (max-width: 500px) {

	.style_news_1, .style_news_2, .style_news_3 {
		min-width:100%;
		margin:auto;
	} 

	.style_news_1 img, .style_news_1 object, .style_news_2 img, .style_news_2 object, .style_news_3 img, .style_news_3 object {
		max-width:90%;
		height:auto;
	}
}

@media (min-width: 501px) and (max-width: 900px) {

	.style_news_1, .style_news_2, .style_news_3 {
		min-width:100%;
		margin:auto;
	}

	.style_news_1 img, .style_news_1 object, .style_news_2 img, .style_news_2 object, .style_news_3 img, .style_news_3 object {
		max-width:90%;	
		height:auto;
	}

}

@media (min-width: 901px) {
	
}

.style_news_1 ul, .style_news_2 ul, .style_news_3 ul {
padding:11px;
}

.header_item_bandeau { }

.header_item_bandeau img {
    margin: 0 7px 0 0;
}

.la_suite {
width:auto;
height:21px;
/*float:right;*/
text-align:center;
vertical-align:middle;
margin:17px auto;
padding:7px 12px;
background-color:#c3b554;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.la_suite a {
color:#fff;
font-weight:bold;
line-height:21px;
}

.la_suite a:hover {
color:#990404;
}

.style_news_1_side .la_suite img, .style_news_2_side .la_suite img, .style_news_3_side .la_suite img {
margin: 0 7px;
padding:0;
}

/* ------------------------------------------ STYLES DES NEWS DANS LA BARRE DE SOUS-MENU ---------------------------------------- */

.style_news_1_side, .style_news_2_side, .style_news_3_side {
/*font-family: 'Oswald', sans-serif;
background-color:#b4b4b4;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-transition: max-height 0.5s;
-moz-transition: max-height 0.5s;
-ms-transition: max-height 0.5s;
-o-transition: max-height 0.5s;
transition: max-height 0.5s;
border:3px #fff solid;*/
margin-bottom:12px;
padding:13px;
}

.style_news_1_side h2, .style_news_2_side h2, .style_news_3_side h2 {
background-color:#000;
font-size:17px;
text-align:center;
color:#c3b554;
margin:7px;
padding:0;
}

.style_news_1_side p, .style_news_2_side p, .style_news_3_side p {
text-align:right;
font-size:14px;
margin:11px;
font-weight:300;
}

.style_news_1_side img, .style_news_1_side object, .style_news_1_side>.div_image {
margin-top:7px;
}

.style_news_2_side img, .style_news_2_side object, .style_news_2_side>.div_image {

}

.style_news_3_side img, .style_news_3_side object, .style_news_3_side>.div_image {
padding-right:17px;
padding-top:11px;
padding-left:11px;
}

.style_news_1_side>.div_image, .style_news_2_side>.div_image, .style_news_3_side>.div_image {

}

@media (max-width: 500px) {

/*	.style_news_1_side, .style_news_2_side, .style_news_3_side {
		width:90%;
		margin:auto;
	} */
	
	.style_news_1_side img, .style_news_1_side object, .style_news_2_side img, .style_news_2_side object, .style_news_3_side img, .style_news_3_side object {
		float:left;
		margin:7px;
	}

	.style_news_1_side p, .style_news_2_side p, .style_news_3_side p {
		text-align:center;
	}

}

@media (min-width: 501px) and (max-width: 900px) {

/*	.style_news_1_side, .style_news_2_side, .style_news_3_side {
		width:90%;
		margin:auto;
	} */

	.style_news_1_side img, .style_news_1_side object, .style_news_2_side img, .style_news_2_side object, .style_news_3_side img, .style_news_3_side object {
		float:left;
		margin:7px;
	}

	.style_news_1_side p, .style_news_2_side p, .style_news_3_side p {
		text-align:center;
	}

}

/*@media (min-width: 901px) {
*/
	.style_news_1_side, .style_news_2_side, .style_news_3_side {
		overflow:hidden;
	}

/*}*/

.style_news_1_side a, .style_news_2_side a, .style_news_3_side a {
color:#545151;
}

.style_news_1_side a:hover, .style_news_2_side a:hover, .style_news_3_side a:hover {
color:#000;
}

/* --------------------------- Bandeau latéral : SONDAGE & FLUX RSS ---------------------------------------*/

/*.entete_rss, .pied_rss, .entete_sondage, .pied_sondage {
width:100%;
height:13px;
background-repeat:no-repeat;
}

.entete_sondage {
background-image:url(../images/habillage_bandeau/entete_sondage.png);
}

.entete_rss {
background-image:url(../images/habillage_bandeau/entete_rss.png);
}*/

.sondage h2{
margin:0;
color:#000;
}

/*.pied_sondage {
background-image:url(../images/habillage_bandeau/pied_sondage.png);
}

.pied_rss {
background-image:url(../images/habillage_bandeau/pied_rss.png);
}*/

.corps_rss, .corps_sondage {
padding:7px 11px;
color:#000;
}

/*.corps_sondage {
background-image:url(../images/habillage_bandeau/corps_sondage.png);
}

.corps_rss {
background-image:url(../images/habillage_bandeau/corps_rss.png);
}*/

/* --------------------------- Flux RSS ---------------------------------------*/

#tableRss {
padding:7px;
}

#tableRss a {
	color:#fff;
}

#tableRss a:hover {
	color:#9edbfe;
}

.rss, .sondage {
margin: 11px 0px;
}

/* FIN SPECIALISATION DU STYLE DES NEWS DE STYLE_MYNORMAN_WEB_NEWS_PARGRAPHE.CSS ---------------------------------- */



/* ---------------------------------------------------------------------------------------------------------------- */
/* SPECIALISATION DU STYLE DES PARAGRAPHES DE STYLE_MYNORMAN_WEB_NEWS_PARGRAPHE.CSS ------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */

/* ------------------------ CONTENU DES PARAGRAPHES DYNAMIQUES ------------------------------- */
.style_paragraphe_1, .style_paragraphe_2, .style_paragraphe_3, .style_diaporama_1, .style_diaporama_2, .style_diaporama_3, .style_playlist_1, .style_playlist_2, .style_playlist_3, #sortable li {
text-align:center;
margin:3px;
/*line-height:17px;*/
}

.style_paragraphe_1 p, .style_paragraphe_2 p, .style_paragraphe_3 p, .style_diaporama_1 p, .style_diaporama_2 p, .style_diaporama_3 p, .style_playlist_1 p, .style_playlist_2 p, .style_playlist_3 p {
text-align:justify;
padding:11px;
margin:0;
font-size:1em;
}

.style_paragraphe_1 img, .style_paragraphe_1 object {
margin:7px auto;
}
.style_paragraphe_1>.div_image {
width:100%;
text-align:center;
}

@media (max-width: 500px) {
	.style_paragraphe_1 img, .style_paragraphe_1 object {
		max-width:90%;
		height:auto;
	}
}

@media (min-width: 501px) and (max-width: 900px) {
	.style_paragraphe_1 img, .style_paragraphe_1 object {
		max-width:90%;	
		height:auto;
	}
}

@media (min-width: 901px) {
	
}

.style_paragraphe_1 h2, .style_paragraphe_2 h2, .style_paragraphe_3 h2, .style_diaporama_1 h2, .style_diaporama_2 h2, .style_diaporama_3 h2, .style_playlist_1 h2, .style_playlist_2 h2, .style_playlist_3 h2 {
	font-family: 'Allerta Stencil', sans-serif;
margin:0;
padding:11px;
border-bottom:1px solid;
text-align:left;
font-size:1.4em;
color:#024a68;
}

.style_paragraphe_2 img, .style_paragraphe_2 object, .style_paragraphe_2>.div_image {
padding-left:17px;
padding-top:11px;
padding-right:11px;
}

.style_paragraphe_3 img,  .style_paragraphe_3 object, .style_paragraphe_3>.div_image {
padding:11px 17px 11px 11px;
}

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

.contenu_paragraphe { }

/* ------------------------------ STYLE DES COLLECTIONS --------------------------------------- */

.style_diaporama_1 div, .style_diaporama_2 div, .style_diaporama_3 div {
	display:inline-block;
	vertical-align:top;
}

.style_diaporama_1 img {
	margin:auto;
}

.style_diaporama_2 img, .style_diaporama_3 img {
	margin:5px;
}

.style_playlist_1 div, .style_playlist_2 div, .style_playlist_3 div {
	padding:7px;
	margin:7px;
}

.style_playlist_1 div:hover, .style_playlist_2 div:hover, .style_playlist_3 div:hover  {
	background-color:#042528;
	color:#fff;	
}

.style_playlist_1 object, .style_playlist_2 object, .style_playlist_3 object {
	margin:11px;
}

/* ------------------------------ STYLE DE LA VISIONNEUSE --------------------------------------- */

.visionneuse {
margin: 12px;
background-color:#999;
}

.visionneuse h5 {
text-align:center;
bottom:25px;
}

.style_diaporama_1 .visionneuse { }

.style_diaporama_2 .visionneuse { }

.style_diaporama_3 .visionneuse { }

.visionneuse ul, .visionneuse li{
margin:0;
padding:0;
list-style:none;
}

.visionneuse ul li{ 
/* 
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/ 
width:100px;
height:100px;
overflow:hidden;
outline:0px;
border:0px;
text-align:center;
}

.banner_visionneuse { }

.box_visionneuse
{
/*	background:url(../images/bannerbox.png) no-repeat; */ /* pour lier une image à l'élément qui défile uniquement */
	margin:0;
}

/* FIN SPECIALISATION DU STYLE DES PARAGRAPHES DE STYLE_MYNORMAN_WEB_NEWS_PARGRAPHE.CSS -------------------------------------------------------- */