/* <?xml version="1.0" encoding="UTF-8"?><XMLCSS> */

/***** Styles temporaires pour recette back-office ****/
@import url("jalios.css");

@import url("communSiteDedie.css");

@import url("rechercheSiteDedie.css");


/* -------------------------------------------------------------------------------------- */
/* -------------------------------- ENTETE DE LA PAGE ----------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* Bandeau comprenant l'image de fond */
#header 
{		
		background-image:url(../../images/custom/FeteDeLaBretagne/entete.png);
		height:110px;
}

#header.br {
	background-image: url(../../images/custom/FeteDeLaBretagne/entete.png);
}
/* positionement du lien vers la page d'accueil */
.retourAccueil 
{
    	left:10px;
		top:5px;
		height:105px;
		width:230px;

}

body {
	background-image: url(../../images/custom/FeteDeLaBretagne/fond.jpg);
	background-repeat: repeat-x;
}
#background{
	background-image: url(../../images/custom/FeteDeLaBretagne/fond_marque.jpg);
	background-repeat: no-repeat; 
	background-position: right top;
}


/* corrige le pb sur l'image de fond */
#recherche { 
	background-image: url(../../images/custom/FeteDeLaBretagne/fond-recherche.png);
}

/* Correction sur le menu d'entête */
#accesDirects1 div .menu0 { /* styles pour le menu d'accès rapide */
	background-color: #FFFFFF;
	color: #FFFFFF;
}
#accesDirects1 div .menu0:hover, #accesDirects1 div .menu0:focus {
	color: #141519;
}
/* Caroussel à la une */
#photo_preprod_64238 {
	padding-bottom:20px;
}

/* Pictogramme BZH */
.pictoBZH img {
	border: none; 
}
.BZHAvecRSS {
	position: relative;
	margin-left: 605px;
	margin-right: 15px;	
}

.pictoRss {
	/* float: right;	 */
	margin-left: 625px;	
}
.pictoRssBreton {
	/* float: right;	 */
	margin-top: 5px;
	margin-left: 605px;		
	//margin-top: -32px; /* Style pour IE7 uniquement */	
	
}

/* -------------------------------------------------------------------------------------- */
/* -------------------------------- NAVIGATION PRINCIPALE ------------------------------- */
/* -------------------------------------------------------------------------------------- */

#navigationPrincipale {
	position: absolute;
	top: 83px;
}

/* style de l'onglet */
#navigationPrincipale a 
{
    	background-color:white;
		color:black;
		font-weight:bold;
}

/* style du onglet lors de son survole */
#navigationPrincipale a:hover 
{
	  background-color:#505CA2;
	  text-decoration:none;
	  color:white;
	  font-weight:bold;
	  
}
/* style d'un onglet selectionne */
#navigationPrincipale a.selected 
{
	  background-color:#505CA2;
	  text-decoration:none;
	  color:white;
	  font-weight:bold;
}

/* -------------------------------------------------------------------------------------- */
/* -------------------------------- NAVIGATION SECONDAIRE ------------------------------- */
/* -------------------------------------------------------------------------------------- */
/* entete du menu */
#colonneCentraleN1 .skinNavigN2 #bordureHaut 
{
    /*
    border: 1px solid #bababa;
    */
}

/* titre de l'entete du menu */
#colonneCentraleN1 .skinNavigN2 #bordureHaut h2
{
    color: #505CA2;
    background-image: url(../../images/custom/flecheH1NavigN2bleuSombre.gif);
}

/* -------------------------------------------------------------------------------------- */
/* --------------------------------- CORPS DE PAGE -------------------------------------- */
/* -------------------------------------------------------------------------------------- */

/**************** portlet presentation ****************/
/* surtitre */
#presentationDetail h1 
{
    color:#e3006a;
}

/* titre */
#presentationDetail h2 
{
    color:#000000;
}
#presentationDetail .chapo
{
	font-weight:bold;

}

/**************** Portlet Actualités ****************/
/*~~~~~~ liste actualités - gabarit 1 colonne ~~~~~~*/
/* Ajustement pour le trois colonnes*/
#actualiteDetail {
	width:625px;
}
#actualiteDetail  .detailContenu h1{
    color:#e3006a;
}

/*Ajustement colonne Gauche */
#deuxColonnes {
	width : 644px;
}

#colonneUne{
  	width: 960px;
}

/* surTitre */
.actualiteG1 h3 
{
    color:#e3006a;
    }
/* Titre */
.actualiteG1 h4 a {
    color:#000000;
}
/* surTitre de la 1° actu */
.actualiteG1 h3.firstContent 
{
    color:#e3006a;
}
/* Titre de la 1° actu */
.actualiteG1 h4.firstContent 
{
    font-size: 2.5em;
    /*line-height: 1.3em; */
    margin-bottom:8px;
}
.actualiteG1 h4.firstContent a
{
	font-weight: bold;
}


/**************** PORTLET EN BREF ****************/
/* Titre */ 
.enBref h3 
{
    
    color: #e3006a;
    
}


/* taille pour le programme géolocalisé */
#programme2
{
    width:640px;
}

/* GEOLOCALISATION */

#programmeGoogleMapsColonneDroite h2{
    display:none;
}


/**************** formulaire organisation evenement - Modif Jordi 13 février 2011 ****************/

.formulaireEvenement {
  width: 640px;
}

/* surcharge de form.css */
.formulaireEvenement table.formBackground td {
	font-family: Trebuchet MS;
}
.formulaireEvenement .formTextarea,
.formulaireEvenement .formTextfield,
.formulaireEvenement .formCombobox {
	border-left: 1px solid #999!important;
	margin: 5px 0!important;
}
.formulaireEvenement .uploadField {
	float: left;
}
/* titres roses */
.formulaireEvenement h2 {
	font-size: 1.6em;
	color: #e30066;
}
/* labels */
.formulaireEvenement label, .formulaireContactEvenement label {
	font-size: 1.2em;
	font-family: trebuchet MS;
	color: #666;
}
/* image de l'astérisque pour signaler les éléments obligatoires */
.formulaireEvenement img.mandatory {
	font-size: 1.2em;
	color: #666;
}
/* cellules du tableau contenant le formulaire */
.formulaireEvenement td {
	vertical-align: top;
}
/* texte d'explication */
.formulaireEvenement .explain p {
	font-size: 1em;
	color: #666;
	padding: 15px 0 0 8px;
	background: url(../images/chevron_explain.png) no-repeat left 20px;
}
/* redéfinition de l'apparence des champs de formulaire */
.formulaireEvenement input,
.formulaireEvenement select,
.formulaireEvenement textarea {
 	margin: 5px 0;
}
/* redéfinition de l'apparence des listes */
.formulaireEvenement ul {
 	list-style: none;
	margin-left: 0px!important;
}
/* lien pour ajouter un nouveau champ de formulaire */
.formulaireEvenement p.addNewField {
	padding: 5px 0 5px 16px;
	background: url("../../images/custom/FeteDeLaBretagne/picto_plus.png") no-repeat scroll left 7px transparent;
}
.formulaireEvenement a.addNewField {
	background: url("../../images/custom/FeteDeLaBretagne/picto_plus.png") no-repeat scroll left 7px transparent;
	color: #0a7896;
	font-size: 1.1em;
	text-decoration: underline;
	font-weight: bold;
	padding: 5px 0 5px 16px;
}
.formulaireEvenement p.addNewField a:hover {
	text-decoration: none;
}
/* champs de dates */
.formulaireEvenement ul.datesFields li label {
	display: block;
}
.formulaireEvenement ul.datesFields li {
	float: left;
}

/****** Modification Thomas Legat ******/
.formulaireEvenement .categorisation .formCombobox {
	width: 150px;
}

.formulaireEvenement {
    border-top: 12px solid black;
    padding-top: 6px;
}
.formulaireEvenement #listeLien {
	color:	#0A7896;
}
.formulaireEvenement #lien a {
	font-family: Trebuchet MS;
	font-size: 14px;
	color:	#0A7896;
	text-decoration: underline;
}
.formulaireEvenement #lien {
	padding-top: 15px;
}

.explain {
	vertical-align: middle;
	width: 200px;
}

.formulaireEvenement .formBackground {
	margin-left: 0;
}
table.formBackground {
	border: none;
	background: none;
}

#textError {
	color: #F3631C;
	text-align: right;
	padding-right: 20px;
}

.formulaireContactEvenement .formTextarea,
.formulaireContactEvenement .formTextfield,
.formulaireContactEvenement .formCombobox {
	border-left: 1px solid #999!important;
	margin: 5px 0!important;
}

.formulaireContactEvenement input, .formulaireContactEvenement select, .formulaireContactEvenement textarea {
    margin: 5px 0;
}

#btnValider {
	text-align: center;
}

.formulaireEvenement .visuel .widget a img.icon,
.formulaireEvenement .visuel .widget img.icon {
	display: none;
}

.formulaireContactEvenement #programme2 #message {
	min-height:	410px;
}


/****** Modification 3.6.1 ******/
.formulaireEvenement .UI_EDITOR_ENUMERATE_CATEGORIES, .formulaireEvenement .UI_EDITOR_DATECHOOSER {
  margin-bottom: 12px;
}

.formulaireEvenement h1, .formulaireContactEvenement h1 {
  font-family: Georgia;
  font-size: 25px;
  margin-bottom: 5px;
  margin-top: 5px;  
  font-weight: normal;
  color: #000;
}
.formulaireEvenement p.chapo {
    font-size: 16px;
    line-height: 1.1em;
    color: #464646;
    margin-bottom: 20px;
	margin-top: 15px;	
    font-weight: bold;
}

/* -------------------------------------------------------------------------------------- */
/* --------------------------------- PIED DE PAGE --------------------------------------- */
/* -------------------------------------------------------------------------------------- */
#piedDePage {
    
		background-color:#000000;
		background-image:url(../../images/custom/FeteDeLaBretagne/bg_footer.gif);//image de fond
}
#piedDePage .liste {
	margin-top:20px;
	height:65px;
}


#piedDePage a {
    background-image:url(../../images/custom/separateur_liens_footer.gif);
	color:White;
}

/* lien "Retourner en haut de la page" */
#piedDePage a.menu0  
{

    background-color:#141519;
    color:#141519;

}

/* lien "Retourner en haut de la page" */
#piedDePage a.menu0:hover 
{
 
    background-color:#000000;
    color:#FFFFFF;

	}
/* Commentaires */
div#commentDisplay{
	font-family: Trebuchet MS;
	font-weight: bold;
	font-size: 1.1em;
	width:625px;
}	

div#comments #commenInformation3{
	font-family: Trebuchet MS;
	font-size: 1.2em;
	color: #666;
	width:615px;
	margin-left:13px;
	margin-top:5px;
	margin-bottom:5px;	
}
.detailContenu h1{
	width:425px;
}

#contact{
	width:625px;
}
#contact #traitNoir {
	width:625px;
}
.detailRecherche, .detailRecherche TABLE{
	width:625px;
}
.detailRecherche .synExtrDate{
	color:#FFFFFF;
}

.detailRecherche TD .synQueryWords{
	width:450px;
}
.detailRecherche .noSingleSumit{
	width:450px;
}
.resultDisplay .first{
	height:100px; 
}
.planSite{
	width:550px;
}
/*********** Module Partagez ********/
ul#partagez li a{
	display:inline-block;
	text-decoration:none;
	width:22px; 
	height:18px;
	border:0;
}
ul#partagez li a, ul#partagez li{
	margin:0;
	padding:0;
}
ul#partagez li a:hover{
	display:inline-block;
	text-decoration:none;
	width:22px; 
	height:18px;
	border:0;
}
ul#partagez li#first{	
	color:#9c9c9c; 
	font-family: trebuchet MS; 
	font-size:11px;
	margin:5px;
}
ul#partagez li#facebook a{ 	background:url("../../images/custom/icones/facebook-rvb.jpg") no-repeat 0 0;}
ul#partagez li#twitter a{	background:url("../../images/custom/icones/twitter-rvb.jpg") no-repeat 0 0;}
ul#partagez li#viadeo a{	background:url("../../images/custom/icones/viadeo-rvb.jpg") no-repeat 0 0;}
ul#partagez li#netvibes a{	background:url("../../images/custom/icones/netvibes-rvb.jpg") no-repeat 0 0;}
ul#partagez li#wikio a{	background:url("../../images/custom/icones/wikio-rvb.jpg") no-repeat 0 0;}
ul#partagez li#google a{	background:url("../../images/custom/icones/google-rvb.jpg") no-repeat 0 0;}
ul#partagez li#delicious a{	background:url("../../images/custom/icones/delicious-rvb.jpg") no-repeat 0 0;}

ul#partagez li{	display:inline;}
ul#partagez{margin-left:225px;}

/*********** Formulaire de saisie de programme ********/

.js .dragdrop .focus-field .grip, .js .dragdrop li .grip {
  display: none;
}

/********** Actu ******************/
#actualiteDetail h2{
	width:450px;
}
/****************CORPS DE PAGE **********/
#corpsDePageN1 #colonneGaucheN1 {
	width:645px;
}

#corpsDePageN1 #colonneGaucheN1 .actuDetaillee h3 {
	font-size: 2.5em;
	margin-bottom: 10px;
	width: 350px;
	font-weight:normal;
	width:550px;
}
#corpsDePageN1 #colonneGaucheN1 .actuDetaillee h2 {
    font-size:1.6em;
    font-family:Trebuchet MS;
    color:#666666;
}

#corpsDePageN1 #colonneGaucheN1 p.chapio {
	font-size: 1.6em;
	font-family:Georgia,"Times New Roman",Times,serif;
	line-height: 1.1em;
	color: #464646;
	margin-bottom: 10px;
	font-weight:bold; 
}
/* </XMLCSS> */