/* CSS Document */
@import url(position_home.css);
@import url(calendar.css);

/*------------------------------------------------------------*/
#HAUT {
	background-image: url(../images/bg_menu.png);
	background-repeat: repeat;
	background-position: center top;
}

#CHEMIN {
	clear: both;
}

#CHEMIN ul.rootline {
	margin-top: 10px;
	padding-left: 4%;
	margin-bottom: 10px;
}

#CHEMIN ul.rootline li {
	display: inline;
	font-size: 0.9em;
}

#CHEMIN ul li a:link {
	color: #0061A5;
	text-decoration: none;
}

#CHEMIN ul li a:visited {
	color: #0061A5;
	text-decoration: none;
}

#CHEMIN ul li a:hover {
	color: #5d92b2;
}
/*--------------------ACTUS--------------------*/

.news-latest-item {
  clear:both;
}

/*commun à tous*/
/*--------------- les 3 dernieres actus --------------*/
.news-latest-container {
padding-top: 20px;
}

.news-latest-container h3 {
	margin-bottom:5px;
}

/* lien date sur les 3 dernieres actus */
.news-latest-container h3 a:link, .news-latest-container h3  a:visited {
  color:#0097ce;
	font-size: 1em;
	text-decoration:none;
	font-weight: normal;
}
 
.news-latest-container h3 a:hover {
  text-decoration:underline;
}

.news-latest-item p {
  color:#445966;
  line-height: 1.4em;
}

h2.news_title2 {
	font-size: 1.2em;
	padding-bottom:5px;
	margin-bottom:15px;
} 
 
h2.news_title2 a:link, h2.news_title2 a:visited{
	color: #ffffff;
	font-weight: bold;
	background-image: url(../images/bg_h2.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 3px 20px 3px 60px;
	margin:0px;
	display:inline;
	text-decoration: none;
} 

h2.news_title2 a:hover{
  text-decoration: underline;
} 
  
.news_image2 {
  float:right;
  text-align:center;
}
 
.news_image2 img{
  padding-left:30px;
/* a modifier dans les plugin actu - coherence */
  width:300px;
  height:170px;
}

/* lien toutes les actualités */ 
#LES_ACTUS p.bodytext a:link, #LES_ACTUS p.bodytext  a:visited {
	color: #5d92b2;
	font-weight:bold;
	text-decoration: underline;
  padding-left:15px;
}

#LES_ACTUS p.bodytext a:hover {
	color: #5d92b2;
	text-decoration: none;
}

/*--------------actu avec et sans video----------------*/
/* marge droite une */
.une_video , .une_sans_video  {
  padding-right:10px;
}

/* date sous le titre */
.une_video h3 a:link, .une_video h3  a:visited, 
.une_sans_video h3 a:link, .une_sans_video h3  a:visited {
	color: #5d92b2;
	font-size: 1.2em;
	line-height: 1.8em;
	font-weight: normal;
	text-decoration:none;
}
 
.une_video h3 a:hover, .une_sans_video h3 a:hover {
  text-decoration:underline;
}

/* taille du texte */
.une_video p, .une_sans_video p {
  padding-top:10px;
  line-height:1.6em;
  font-size:1.3em;
}

/* ***************
*
** A ENLEVER APRES TEST
*

.une_video p
{
  font-size:1.6em;
}
 */
 
 
/* positionnement div image ou video */
.news_image_video, .news_image_sans_video {
  float:left;
  padding-right:20px;
}

/* format object video flash */
.news_image_video object, .news_image_video embed {
  display:inline;
  width:360px;
  padding:0; 
  margin:0;
}

/* Titre de l'actu à la une */
h2.news_title_video a:link, h2.news_title_video a:visited, 
h2.news_title_sans_video a:link, h2.news_title_sans_video a:visited {
	color: #5d92b2;
	font-size: 1.5em;
	line-height: 1.8em;
	font-weight: normal;
	text-decoration:none;
}
 
h2.news_title_video a:hover, h2.news_title_sans_video a:hover {
  text-decoration:underline;
}
 
/*---actu sans video---*/

.news_image_sans_video img {
/* a modifier dans les plugin actu - coherence */
	width: 360px;
  height: 200px;
}


/*-------- BARRE OUTILS et nuage mots------------*/

.tx-isstyleswitcher-pi1 {
	display: inline;
}

/*NUAGES DE MOTS*/
.tx-vgetagcloud-pi1{
 	background: url(../images/haut_bloc_grisfonce.png) no-repeat;
  padding-top: 18px;
  margin-top: 20px;
  width: 185px;
}

.tx-vgetagcloud-pi1 ul{ 
  list-style: none;
 	background: url(../images/bas_bloc_grisfonce.png) no-repeat;
  background-repeat: no-repeat;
  background-position: right bottom;
  padding-bottom: 20px;
  padding-left: 5px;
  padding-right: 5px;
  background-color: #919191;
/* ajout PM le 05/05/2011 */
  width:175px;
}

.tx-vgetagcloud-pi1 ul li{
  background-color: #919191;   
}

.tx-vgetagcloud-pi1 li a{
  padding: 2px;
}


.tx-vgetagcloud-pi1 ul li a#tag5:link, .tx-vgetagcloud-pi1 ul li a#tag5:visited,
.tx-vgetagcloud-pi1 ul li a#tag6:link, .tx-vgetagcloud-pi1 ul li a#tag6:visited,
.tx-vgetagcloud-pi1 ul li a#tag7:link, .tx-vgetagcloud-pi1 ul li a#tag7:visited,
.tx-vgetagcloud-pi1 ul li a#tag9:link, .tx-vgetagcloud-pi1 ul li a#tag9:visited,
.tx-vgetagcloud-pi1 ul li a#tag13:link, .tx-vgetagcloud-pi1 ul li a#tag13:visited,
.tx-vgetagcloud-pi1 ul li a#tag15:link, .tx-vgetagcloud-pi1 ul li a#tag15:visited{
  color: #FFF;
  font-weight: bold;
  text-decoration:none;
}

.tx-vgetagcloud-pi1 ul li a#tag2:link, .tx-vgetagcloud-pi1 ul li a#tag2:visited,
.tx-vgetagcloud-pi1 ul li a#tag8:link, .tx-vgetagcloud-pi1 ul li a#tag8:visited,
.tx-vgetagcloud-pi1 ul li a#tag12:link, .tx-vgetagcloud-pi1 ul li a#tag12:visited,
.tx-vgetagcloud-pi1 ul li a#tag14:link, .tx-vgetagcloud-pi1 ul li a#tag14:visited{
  color: #445966;
  font-weight: bold;
  text-decoration:none;
}

.tx-vgetagcloud-pi1 ul li a#tag1:link, .tx-vgetagcloud-pi1 ul li a#tag1:visited,
.tx-vgetagcloud-pi1 ul li a#tag4:link, .tx-vgetagcloud-pi1 ul li a#tag4:visited,
.tx-vgetagcloud-pi1 ul li a#tag10:link, .tx-vgetagcloud-pi1 ul li a#tag10:visited,
.tx-vgetagcloud-pi1 ul li a#tag17:link, .tx-vgetagcloud-pi1 ul li a#tag17:visited{
  color: #f0b600;
  font-weight: bold;
  text-decoration:none;
}

.tx-vgetagcloud-pi1 ul li a#tag3:link, .tx-vgetagcloud-pi1 ul li a#tag3:visited,
.tx-vgetagcloud-pi1 ul li a#tag11:link, .tx-vgetagcloud-pi1 ul li a#tag11:visited,
.tx-vgetagcloud-pi1 ul li a#tag16:link, .tx-vgetagcloud-pi1 ul li a#tag16:visited{
  color: #D6E7EF;
  font-weight: bold;
  text-decoration:none;
}

.tx-vgetagcloud-pi1 ul li a#tag1:hover,
.tx-vgetagcloud-pi1 ul li a#tag2:hover,
.tx-vgetagcloud-pi1 ul li a#tag3:hover,
.tx-vgetagcloud-pi1 ul li a#tag4:hover,
.tx-vgetagcloud-pi1 ul li a#tag5:hover,
.tx-vgetagcloud-pi1 ul li a#tag6:hover,
.tx-vgetagcloud-pi1 ul li a#tag7:hover,
.tx-vgetagcloud-pi1 ul li a#tag8:hover,
.tx-vgetagcloud-pi1 ul li a#tag9:hover,
.tx-vgetagcloud-pi1 ul li a#tag10:hover,
.tx-vgetagcloud-pi1 ul li a#tag11:hover,
.tx-vgetagcloud-pi1 ul li a#tag12:hover,
.tx-vgetagcloud-pi1 ul li a#tag13:hover,
.tx-vgetagcloud-pi1 ul li a#tag14:hover,
.tx-vgetagcloud-pi1 ul li a#tag15:hover,
.tx-vgetagcloud-pi1 ul li a#tag16:hover,
.tx-vgetagcloud-pi1 ul li a#tag17:hover{
  text-decoration:underline;
}

/*----------MEDIA-------------------------*/
#MEDIA {
  position:relative;
  /* evite le chevauchement avec le menu pied de page */
  min-height: 250px;
}

#MEDIA_CONTENU {
  z-index:1;
  position:absolute;
  top:0px;
  right:0px;
  width:365px; 
  background-image: url(../images/bg_media.png);
	background-repeat: no-repeat;
	background-position: right bottom;
/*  padding-right: 20px; */
}

/* titre SAINT-BRIEUC 2020 */
#MEDIA_CONTENU h2 {
  color: #ffffff;
  font-size: 1.2em;
  font-weight: bold;
  background-image: url(../images/bleu.png);
  background-repeat: no-repeat;
  background-position: right top;
  padding: 3px 0px 3px 35px;
  margin-bottom: 20px;
  margin-top:0px;
  margin-left:4px;
}

#MEDIA_CONTENU p {
  color: #ffffff;
  font-size: 1em;
  text-align:right;
  padding-right:20px;
}

/* lien Découvrez toutes les photos videos */
#MEDIA_CONTENU a:link, #MEDIA_CONTENU a:visited {
  color: #ffffff;
  text-decoration: none;
}

#MEDIA_CONTENU a:hover {
 text-decoration: underline;
}
  
#MEDIA_FOND{
  z-index:10;
  position:absolute;
  top:90px;
  right:320px;
}

#MEDIA_CONTENU img{
  width:280px;
  height:160px;
}


/*************** RECHERCHE *****************/

#RECHERCHE {
	background: url(../images/bloc_recherche.png) no-repeat;
	width: 185px; 
	height: 35px;
}

#RECHERCHE input{
	width: 120px;
	font-size: 1em;
	color: #5d92b2;
  text-align:left;
  margin-top:3px;
  padding:0px;
  vertical-align: top;
}

#RECHERCHE input.bouton_ok{
  background: url(../images/btn_recherche.png) no-repeat top;
	width:20px;
	height:17px;
	border:none;
}
  
#RECHERCHE submit {
	border: none;
}

#RECHERCHE form{
  padding-left:20px;
  padding-top: 5px;
}

