/*<?php header("Content-type: text/css; charset: UTF-8"); ?>*/
/* Gilles DIMANCHE - tous droits réservés 2010 */ 
/* -------------   Couleurs :    ----------------
#F5EDCB : Fond du cadre centrale titre des rubriques
#4A1C4D : Bordures
#006600 :Lien visité
Ancien bordures : $006600
Lien visité : $006600

Texte : $070E36;

Liens :
L:#ED6F07
V#006600
H#ED6F07
A#8DB842


VERT : $8DB842
Orange : $F08A1D
violet : $3A0382
Bleu nuit : $070E36
Orange pourrie $ED6F07
Bleu canard $428DB8
Framboise écrasée $B8428D
Rouge rouille $DE142F

Colonne début dégradé : bleu nuit light : 72abcc
Colonne fin dégradé : gris : D3D8DB


Mauve -(C3B2D9)
*/

/*=============*/
/*GENERAL*/
/*=============*/
body {
background-color: rgb(255, 255, 255);
font-family: trebuchet ms, Arial, Helvetica,sans-serif;
color: #070E36;
margin:auto;
 /*direction: ltr; width:90%;margin:auto;min-width:300px;max-width:400px*/
} 
#global{
position: relative;
/*direction: center;*/
/*text-align: center;*/
margin:auto;
padding:0px;
width:100%;
min-width:1000px;
max-width:1400px;
}


/*=============*/
/*TITRE*/
/*=============*/
#rubrique_titre { position : absolute; top: 0px; height: 160px; width:100%; 
	background: url("vignettes/theme/header_couleur_ok.jpg");
	background-repeat: repeat;
	background-position: center center;
	/*overflow : hidden;*/
	opacity:1;
	filter:alpha(opacity=100);
	} 
#header_background { position : absolute; top: 0px; height: 160px;  width:100%; left:0px;
	background: url("vignettes/theme/headerv1px.png");
	background-repeat: repeat-x;
	background-position: left center;
	} 
	
	
.rubrique_droitebckground { position: absolute; top: 160px; bottom: +80px; right: 0%; width: 270px; border-style:none;  height:5000px;
	background-color: #DCE4E8;	}
.rubrique_droiteintermediaire{
	height:5000px;
	background: url("vignettes/theme/colonnelightbluesmall.png");
	background-repeat: repeat-x;
	background-position:top center;
	/*opacity:1;
	filter:alpha(opacity=100);*/
	}	
.rubrique_sommairebckground{position: absolute; top: 160px; left: 0%; width: 270px;  height:5000px;
	background-color: #DCE4E8;	}
.rubrique_sommaireintermediaire{
	height:5000px;
	background: url("vignettes/theme/colonnelightbluesmall.png");
	background-repeat: repeat-x;
	background-position:top center;
	/*opacity:1;
	filter:alpha(opacity=100);*/
	}	
	
#manchette_fond{
background-color: #FAA74D;
	padding-bottom:1px;
	margin-top:15px;
}
.manchette{
/*background-color: #FAA74D;
background-color: transparent;*/
	background: url("vignettes/theme/horizon3.png");
	background-repeat: repeat-x;
	background-position:top center;
	opacity:1;
	filter:alpha(opacity=100);
padding-left: 10px; padding-right: 10px;padding-bottom:15px; padding-top: 10px;
/*	border-left: double #4A1C4D;	border-right: double  #4A1C4D;	border-top: double   #4A1C4D;	border-bottom: double  #4A1C4D; */
	}	

	
	
/*=============*/
/* Bas de page*/
/*=============*/
#bottom{background-color: transparent; position: absolute; left:270px; right:270px; bottom: -4250px;
text-align: center; float: right; overflow : auto; padding:15px;
}
.sommaire_bottom{
font-size: x-small;
}
.sommaire_sacem{
font-size: xx-small;
}
/*=============*/
/* SOMMAIRE*/
/*=============*/

.sommaire { text-align: left;  padding:15px; width: 240px; background-color:transparent;
	}

.imagetheme { position: relative; top: 0px; width: 240px; height:180px;} 
.TitreSommaire{
	color: #070E36;
	text-align: left;
	font-size: large;	font-weight: bold;	font-style: normal;
	padding-top: 25px;
	margin-right: 20px;
	margin-top: 5px;
	border-bottom:  thin solid #4A1C4D;
	}
.sommaire  { color: #070E36;
text-align: right;
 }
/*---------*/
/*Liens : */
/*---------*/
.sommaire a:link { color: rgb(18, 37, 148); 	font-weight:normal; text-decoration : none;	} /* lien non-visité */
.sommaire a:visited { color: #006600; font-weight:normal; text-decoration : none;} /* lien visité */
.sommaire a:hover { color: #F08A1D; font-weight: normal; text-decoration : underline;} /* lien survolé */
.sommaire a:active { color: #8DB842;} /* lien activé */ 
.sommaire a:focus {outline: none;}
.s_normal{
padding: 10px; padding-right: 40px;
margin: 0px; margin-right: -15px;
/*width:235px;*/
	}
	
.s_hover{
padding: 10px; padding-right: 40px;
margin: 0px; margin-right: -15px;
	background: url("vignettes/theme/ongletWh255x30degrade.png") no-repeat;
	background-position:center right;
	/*opacity:1;
	filter:alpha(opacity=100);*/
	}
	
.s_actif{
padding: 10px; padding-right: 40px;
margin: 0px; margin-right: -15px;
	background: url("vignettes/theme/ongletWh255x75degrade.png") no-repeat;
	background-position:center right;
	/*opacity:1;
	filter:alpha(opacity=100);*/
	}






/*=============*/
/*PARTIE DROITE*/
/*=============*/


.rubrique_droite { padding:15px ; width: 240px; background-color:transparent;

	text-align: right;
	font-size: smaller;
	color: #070E36;
	text-align: justify;
}
/*---------*/
/*Liens : */
/*---------*/
.rubrique_droite a:link { color: #3A0382; 	font-weight:normal; text-decoration : none;} /* lien non-visité color: rgb(18, 37, 148); http://www.colorpicker.com/*/
.rubrique_droite a:visited { color: #006600; font-weight:normal; text-decoration : none;} /* lien visité */
.rubrique_droite a:hover { color: #ED6F07; font-weight: normal; text-decoration : underline;} /* lien survolé  rgb(90, 90, 140)*/
.rubrique_droite a:active { color: #8DB842;} /* lien activé */ 



.imagesubject { position: relative; top: 0px; width: 240px; } 
.lecteur_mp3 { background-color: rgb(255,255,255); opacity: 1; right: 5%; width:240px; height: 20px; text-align: right; float: right; 
}
.txt_extrait_en_cours{text-align: left; font-size: smaller;  font-style: normal ;}
/*.rubrique_extraits { background-color: transparent; opacity: 1; position: relative;  margin-top: 5%; width: 240px; height: auto; text-align: right; float: right; } */

.cadre_extraits{ opacity: 1; position: relative;  margin-top: 10px; width: 225px; height: auto;  float: right; 
 padding-left: 0px; padding-right: 10px;padding-bottom:15px; padding-top: 0px; text-align: right;
	/*border-width : 1 px;*/
	/*border-bottom: double  #4A1C4D;
	border-right: double  #4A1C4D;
	border-top: thin solid #4A1C4D;
	border-left: thin solid #4A1C4D;*/

	border: thin solid #4A1C4D;
}

.rubrique_extraits h1{
	text-align: left;
	font-size: medium;
	font-weight: bold;
	font-style: normal;
	}

.titre_rubrique_ecouter {
	text-align: right;
	font-size: large;
	font-weight: bold;
	font-style: normal;
	/*padding-right: 15px;*/
	margin-left: 20px;
	color: #070E36;
	margin-top: 5px;
	border-bottom:  thin solid #4A1C4D;
	}

.titre_extrait{
	color: #070E36;
	font-weight: bold;
	border-bottom:  thin solid #4A1C4D;
	border-right:  solid #4A1C4D;
	background-color: #FFFFFF;/*jaune*/
	background: url("vignettes/theme/ongletWh255x30degrade.png") no-repeat;
	background-position:center left;
		
	padding-top : 5px;
	padding-bottom : 5px;
	margin-left : 20px;
	padding-left : 0px;
	padding-right : 22px;
	}
.rubrique_extraits Ul {
	/*direction: RTL;*/
	list-style-position: outside;
	list-style:none;
	padding: 0px;
	margin-top : 20px;
	text-align : right;
	padding-bottom: 10px;
	}
.rubrique_extraits li {
	background-image: url("vignettes/theme/16px-Crystal_Clear_app_knotify.png");
	background-repeat: no-repeat;
	background-position: 100% 0em;
	padding-right: 25px;
	padding-bottom: 5px;
	padding-left : 5px;
	}
/* =========== */
/* TAG CLOUD */
/* =========== */
.tagCloudContainer{
	border: none;
	width:220px; height:200px;
	}
.tagCloudContainer a:active {outline: none;}	
.tagCloudContainer a:focus {outline: none;}	
.TAG_JAZZ{color:#F20C0C;}
.TAG_COURTSMETRAGES{color:#000000;}
.TAG_LIVRESAUDIO{color:#8EA0E6;}
.TAG_CLASSIQUE{color:#F0F000;}


/*==================*/
/*PARTIE CENTRALE */
/*=================*/
.partiecentrale{  position: absolute; left:270px; right:270px; top: 160px;
 float: right; overflow : auto; 
 padding-left:15px ; padding-right:15px ;
 color: #070E36;
 text-align: justify;
/*background-color: transparent;*/
 } 
/*---------*/
/*Liens : */
/*---------*/
.partiecentrale a:link { color: #ED6F07; 	font-weight:normal; text-decoration : none;} /* lien non-visité color: rgb(18, 37, 148); http://www.colorpicker.com/*/
.partiecentrale a:visited { color: #006600; font-weight:normal; text-decoration : none;} /* lien visité */
.partiecentrale a:hover { color: #ED6F07; font-weight: normal; text-decoration : underline;} /* lien survolé  rgb(90, 90, 140)*/
.partiecentrale a:active { color: #8DB842;} /* lien activé */ 


.vignette_centree{
margin:auto;
text-align:center;
height:80px;
/*width:80px;*/
} 
/*ENTETE DE LA PAGE DE DESCRIPTION*/

#rubrique_description_titre {
	font-size: large;
	text-align: center;
	color: #070E36; /*rgb(90,90,140);*/
	/*background-color: transparent;*/
	font-weight: bold;
	} 
.intro_description{
	text-align: justify; 
	font-size:small;
	color: #070E36; /*rgb(90,90,140);*/

	}

.partiecentrale Ul {
	list-style-type:none;
	padding: 0px;
	margin-top : 20px;
	}

.partiecentrale Li {
	font-weight: bold;
	border-bottom:  thin solid #4A1C4D;
	border-right:  solid #4A1C4D;
	padding-left: 15px;
	}


.description{
	text-align: justify; 
	font-size: small;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color:  rgb(18, 37, 148);
	}
.blogdescr{
	text-align: justify; 
	font-size: small;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color:  rgb(18, 37, 148);
	text-indent: 20px;
	/*padding-left: 10px; padding-right: 10px;	*/
	}
.blog-title1{
	color: White;
	font-weight:bold;
	margin-left : 20px;
	padding-left : 20px;
	margin-right : 0px;
	/*height : 25px;*/
	/*width : 200px;*/
	padding-top: 5px;
	margin-top : 25px;
	padding-bottom : 5px;
	border-top:  thin solid #4A1C4D;
	border-left:  thin solid #4A1C4D;
	background-repeat: repeat-y;
	background-position: left top;
	/*background-position: 100% 0.4em;*/
	background-image: url("vignettes/theme/metalfade2.png");
	background-image: url("vignettes/theme/blackfade.png");
	background-image: url("vignettes/theme/HighBlueFade.png");
}
.blog-title2{
	font-weight: bold;
	border-bottom:  thin solid #4A1C4D;
	border-right:  solid #4A1C4D;
	padding-left: 20px; 
	margin-top: 0px;
}

.blog-datepub{
	color: #92979C;
	font-size: x-small;
	text-align: right;
	margin-top: 35px;
	margin-right: 35px;
}

.formation{
	text-align:  justify; 
	font-size: smaller;
	/*font-style: italic;*/
	font-weight: normal;
	color:  rgb(18, 37, 148);
	margin-left: 25%;
	padding-bottom: 20px;
	border-top: double rgb(240, 240, 250);
	border-left: double rgb(240, 240, 250);
	/*padding-left: 0px;
	text-indent: 5px;*/
	}
/*En règle générale, la valeur de la feuille de style css font-family est un ensemble de noms de polices (fonts) d'aspect équivalant, et la dernière énumération est le nom de la police générique, ces valeurs sont séparées par une virgule. Si par exemple l'internaute n'a pas "Arial" alors on affichera l'Helvetica.

http://www.yoyodesign.org/doc/w3c/css2/fonts.html
http://en.wikipedia.org/wiki/Font_family_%28HTML%29

Voila par exemple des ensembles de fontes :
Times New Roman, Times, serif.
Arial, Helvetica, sans-serif.
Courier New, Courier, mono.
Alpha Geometrique, Critter, Cottonwood, fantasy.
Courier, MS Courier New, Prestige, monospace.
Voila les types de police générique :
- serif,
- sans-serif,
- cursive,
- fantasy,
- monospace.
*/

/*====================================================================== ======*/ /* Mes classs */ 

/* Fond d'écran*/
.imagebackground { position:absolute ; margin-left:35%; margin-right:35%;/* positionne la boite dans l'écran */ top: 160px ; /* à 80 pixels du haut de page */  width: 30%; /* largeur de la boite */ } 


#slideshow1{
text-align:center;
padding:30px;
}
#slideshow2{
text-align:center;
padding-top:20px;
padding-bottom:5px;
}
/*RSS  */
/*    
.rss-box defines the bounding div for the entire display- use to define borders, fill, etc.
.rss-title the title of the feed and link style if displayed. Use with variants of rss-title a:link, rss-title a:hover, etc for rollowver styles
.rss-items defines the unordered list <ul>...</ul> for the feed items- use to define the padding/margins for items.
.rss-item display of each feed item description and title, <li>...</li> as well as the channel description, if displayed.
.rss-item a: variant for the item title and link style
.rss-date defines the display of item posting dates
*/
/* begin styles for RSS Feed */
.RSS-description {

}
.RSS-main {
	text-align: center;
	font-weight: bold;
	font-size: larger ;
	text-decoration: underline;
	padding-top: 20px;
	padding-bottom: 20px;
	}


.RSS-title {
	/*color: #070E36;*/
	color: White;
	font-weight:bold;
	margin-left : 20px;
	padding-left : 20px;
	margin-right : 20px;
	height : 25px;
	/*width : 200px;*/
	padding-top : 5px;
	padding-bottom : 5px;
	border-top:  thin solid #4A1C4D;
	border-left:  thin solid #4A1C4D;

	background: no-repeat left top;
	/*background-position: 100% 0.4em;*/
	background-image: url("vignettes/theme/metalfade2.png");
	background-image: url("vignettes/theme/blackfade.png");
	background-image: url("vignettes/theme/HighBlueFade.png");
	background-repeat: no-repeat;
	
	/*background: #00ff00;*/
	
	
	
	
	
	
	
	
}

.RSS-description Ul {
	color: #070E36;
	margin : 0px;
	padding-left:35px;
	padding-top:0px;
	padding-bottom:0px;
	text-decoration : none;
	font-weight:normal;
	list-style-type:square;

	border-style:none;
	}
.RSS-description Li {
	color: #070E36;
	margin : 0px;
	padding-top:0px;
	padding-bottom:0px;
	font-size: small;
	text-decoration : none;
	font-weight:normal;
	border-style:none;
	}

.RSS-description a:link {	color: #ED6F07;
	text-decoration : none;
 	font-weight:normal;
}
	
.RSS-description a:visited {	color: rgb(153, 153, 255);}
.RSS-description a:hover {	color: #8DB842;}
.RSS-description a:active {	color: #8DB842;}



.pod-play {
   _width:12em;
   margin: 0 0.2em; padding: 0.1em 0; _padding:0;
   
   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
   background: #fb6;
   color: black;
   }
.pod-play em {
   _width:1em; _cursor:hand;
   font-style: normal;
   margin:0; padding: 0.1em 0.5em;
   background: white;
   color: #222;
   }
.pod-play span {
   _width:1em; _cursor:hand;
   margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
   }
.pod-play:hover {
   background: #666;
   color: white;
   }
.pod-play:hover em {
   background: black;
   color: white
   }


a:link { color: #092BEB; 	font-weight:normal; text-decoration : none;} /* lien non-visité color: rgb(18, 37, 148); http://www.colorpicker.com/*/
a:visited { color: #006600; font-weight:normal; text-decoration : none;} /* lien visité */
a:hover { color: #ED6F07; font-weight: normal; text-decoration : underline;} /* lien survolé  rgb(90, 90, 140)*/
a:active { color: black;} /* lien activé */ 


otherblog{}
.orbg-date {font-weight: bold;}
.otherblog ul {	list-style-type:none;/* ne compte pas*/
	padding: 0px;
	margin: 0px;

} 
.otherblog ul li{	list-style-type:none;/*compte*/
color: #070E36;
	border-bottom:  none;
	border-right:  none;
	padding-left: 0px;
}
.otherblog ul li ul li{	list-style-type:none;/*compte*/
	color: #070E36;
	border-bottom:  none;
	border-right:  none;
	padding-left: 0px;
}


.orbg-postlink{
text-align: center;
}
a.orbg-postlink:link{color: #070E36;
font-weight:bold;
text-align: center;
} /* titre de l'article en lien*/



.orbg-excerpt{
font-size: 90%;
font-style : italic;
font-weight:normal;
color: #070E36;
text-align: justify;
} /* intro*/
.orbg-content{font-size: normal;
font-weight:normal;
color:  rgb(18, 37, 148);
text-align: justify;
text-indent: 25px;
}



orbg-bloglink{

}/* titre de l'article en lien*/
a.orbg-bloglink :link { font-size:smaller; color: #092BEB; 	font-weight:normal; text-decoration : none;} /* lien non-visité color: rgb(18, 37, 148); http://www.colorpicker.com/*/
a.orbg-bloglink :visited {font-size:smaller;  color: #006600; font-weight:normal; text-decoration : none;} /* lien visité */
a.orbg-bloglink :hover { font-size:smaller; color: #ED6F07; font-weight: normal; text-decoration : underline;} /* lien survolé  rgb(90, 90, 140)*/
a.orbg-bloglink :active { font-size:smaller; color: black;} /* lien activé */ 

/*
.orbg-item{ }
.orbg-date{}	/*">date/heure</span>	*/
/*.orbg-datelink{}	/*" href="[URL du blog]">date/heure</a>	*/
/*.orbg-datelink" href{}	/*="[URL du billet]">date/heure</a>	*/
/*.orbg-blog{}	/*">Nom du blog</span>	*/
/*.orbg-bloglink{}	/*" href="[URL du blog]">Nom du blog</a>	*/
/*.orbg-bloglink{}	/*" href="[URL du billet]">Nom du blog</a>	*/
/*.orbg-post{}	/*">Titre du billet</span>	*/
/*/*.orbg-postlink{}	/*" href="[URL du billet]">Titre du billet<span class="otherblog-etc">Lien</span></a>	*/
/*.orbg-postlink{}	/*" href="[URL du blog]">Titre du billet<span class="otherblog-etc">Lien</span></a>	*/
/*.orbg-excerpt{}	/*">extrait</div>	*/
/*.orbg-excerpt{}	/*">extrait<p class=\"orbg-readmore\"><a href="[URL du billet]">invite pour lire la suite</a></p></div>	*/
/*.orbg-content{color: RED; }	/*">contenu</div>	*/
/*.rbg-content{}	/*">extrait (si présent) ou contenu (sinon)	*/
/*.orbg-item blog Li{}	/*	*/