/* <?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/olympiade/entete.jpg);
		height:122px;
		
}
#conteneurGeneral a.menu0 {
	background-color:#007485;
	color:#007485;
}
#conteneurGeneral a.menu0:hover {
	background-color:#fff;
	color:#666666;
}

/* positionement du lien vers la page d'accueil */
.retourAccueil 
{
    	left:10px;
		top:30px;
	
}
#aLaUneBox img{
	margin-bottom : 15px;
}
/* -------------------------------------------------------------------------------------- */
/* -------------------------------- NAVIGATION PRINCIPALE ------------------------------- */
/* -------------------------------------------------------------------------------------- */

/* Position de la navigation principale */
#navigationPrincipale {
	position: absolute;
	top: 88px;
}

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

/* style du onglet lors de son survole */
#navigationPrincipale a:hover 
{
	  background-color:#ca1600;
	  text-decoration:none;
	  color:#fff;
	  font-weight:bold;
	  
}
/* style d'un onglet selectionne */
#navigationPrincipale a.selected 
{
	  background-color:#ca1600;
	  text-decoration:none;
	  color:#fff;
	  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: #ca1600;
    background-image: url(../../images/custom/olympiade/flecheH1NavigN2gris.png);
}

/* corps du menu */
#colonneCentraleN1 .skinNavigN2 .contenuPortlet 
{
    /*
    border-left: 1px solid #bababa;
    border-right: 1px solid #bababa;
    padding: 10px 10px 0px 10px;
    margin-bottom: -1px;
    */
}

/* lien du corps du menu */
#colonneCentraleN1 .skinNavigN2 a 
{
    /*
    color: #666;
    background-image: url(../../images/custom/puce_navig_n2.gif);
    */
}
#colonneCentraleN1 .skinNavigN2 .selected a 
{
    /*
    color: #000;
    background-image: url(../../images/custom/puce_navig_n2_selected.gif);
    font-weight: normal;
    */
}

/* pied du menu */
#colonneCentraleN1 .skinNavigN2 #bordureBas 
{
    /*
    background-image: url(../../images/custom/bordureGriseBas.gif);
    height: 11px;
    */
}


/* -------------------------------------------------------------------------------------- */
/* --------------------------------- CORPS DE PAGE -------------------------------------- */
/* -------------------------------------------------------------------------------------- */
#conteneurGeneral {
	background-color: #FFFFFF;
	text-align: left;
	width: 1002px; /* les 2px de rab sont l� pour compenser la bordure du #corps */
}
#corps {
	background-color: white;
	border: 1px solid #fff;
}
/**************** portlet presentation ****************/
/* surtitre */
#presentationDetail h1 
{
		color:#0297b7;
}

/* titre */
#presentationDetail h2 
{
    /*
    color:#000000;
    */
}

/**************** Portlet Actualités ****************/
/*~~~~~~ liste actualités - gabarit 1 colonne ~~~~~~*/
/* surTitre */
.actualiteG1 h3 
{
    color: #0297b7;
}
/* Titre */
.actualiteG1 h4 a 
{
    color: #000000;
}
/* surTitre de la 1° actu */
.actualiteG1 h3.firstContent 
{
    color: #0297b7;
}
/* Titre de la 1° actu */
.actualiteG1 h4.firstContent 
{
    font-size: 1.8em;
    line-height: 1.3em;
    margin-bottom:8px;
}

/*~~~~~~ liste actualités - gabarit 2 colonne ~~~~~~*/
/* surTitre */
.actualiteG2 h3 
{
    color: #0088a6;
}
/* Titre */
.actualiteG2 h4 a 
{
    color: #000000;
}
/* surTitre de la 1° actu */
.actualiteG2 h3.firstContent 
{
    color: #0088a6;
	/* font-weight: bold; */
}
/* Titre de la 1° actu */
.actualiteG2 h4.firstContent 
{
    font-size: 1.8em;
    line-height: 1.3em;
	margin-bottom:8px;
}

/**************** PORTLET EN BREF ****************/
/* Titre */ 
.enBref h3 
{
    color: #0297b7;
    
}
.enBref p.lienBleu a
{
    color: #cd191a;
}

.enBref p.lienBleu a:hover
{
    color: #cd191a;
}

.enBref p.toutesLesActus a:hover
{
    color: #cd191a;
}

.enBref p.toutesLesActus a
{
    color: #cd191a;
}

/**************** PORTLET INFORMATION PRATIQUE ****************/
/* cadre */
.informationPratique
{
    /*
    border: solid 1px #E60070;
    */
}
/* titre */
.informationPratique h2
{
    /*
    color:#E60070;
    */
}

/**************** PORTLET PROGRAMME ****************/
#programme 
{
    width:640px;
}
div.programme_boutons{
    width:640px;

    text-align:right;
    vertical-align:middle;
}
#programme div.headOnglets
{
    width:640px;
}
/* titre principal d'un évènement */
#programme h2
{
    font-weight:bold;
    color:#0088a6;
	font-size: 16px;
	font-family: Georgia;
	width:550px;
    
}

#programme h3
{
    font-weight:bold;
    color:#000000;
	font-size: 15px;
	font-family: Georgia;
	width:550px;
	text-decoration:underline;
    
}
#programme .contenu h3
{
	text-decoration:none;
    
}

/* tableau contenant toutes les colonnes d'onglet */
#programme table.onglets
{
    width:638px;
    * width:640px;
    margin-left:1px;
    * margin-left:0px;
    
    font-weight:normal;

    border-collapse:collapse;
    border:none;
}

/* pieds du module */
#programme div.pieds
{
    /*
    height:13px;
    background-image:url('...');
    */
}

/**************** PORTLET PLAN DU SITE ****************/
/* lien de navigation principal */
.planSite a.racine 
{
    /*
		color:#0A7896;
		*/
}

/**************** FLUX RSS ****************/
/* titre du flux RSS */
.RssTitle 
{
    /*
    color: #464646;
    */
}
/* lien de l'item du contenu*/
a.RssItemLink 
{
    /*
    color: #f25000;
    */
}

/**************** STYLE EDITEUR WYSIWYG ****************/
/* Intertitre */
.normal .titre 
{
    color:#000;
}
/* Image pour les articles riches */
#articleRicheDetail .normal img {
	padding-right: 8px; 
}

/* -------------------------------------------------------------------------------------- */
/* --------------------------------- PIED DE PAGE --------------------------------------- */
/* -------------------------------------------------------------------------------------- */
#piedDePage 
{
		background-image:url(../../images/custom/olympiade/footer.jpg);
    	background-color:#e0f3f7; 
		
}
#piedDePage a {
    	background-image:url(../../images/custom/olympiade/separateur_liens_footer.png);
		color:#FFFFFF;
}
#piedDePage a:hover {
		background:none; 
 		color:#FFFFFF;
}

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

/* lien "Retourner en haut de la page" */
#piedDePage a.menu0:hover 
{
    
    color:#FFFFFF;
    
}
/* structure du bloc */

/* element parent */
#programme
{
    width:640px;
    
    font-family:Trebuchet MS;
}

/* boutons action */
div.programme_boutons{
    width:640px;

    text-align:right;
    vertical-align:middle;
}
/* boutons action */
div.programme_boutons a {
    margin-left:5px;
    
    font-family:Trebuchet MS;
    color:gray;
    font-size:12px;
}

/* div contenant toutes les lignes d'onglet */
#programme div.headOnglets
{
    width:640px;
}


/* block regroupant tous les contenus */
#programme div.contenus
{
    border:solid 2px black;
    border-bottom:none;
    padding-left:10px;
    padding-right:5px;
    padding-top:16px;
}

/* titre dans la vue déplier des contenus */
#programme div.contenus h1
{
	  text-decoration:underline;
	  font-size:15px;
	  margin-top:13px;
}

#programme div.contenus h1.firstDate
{
      margin-top:10px;
}

/* pieds du module */
#programme div.pieds
{
    height:13px;
    /*background-image:url('');*/
    
    border:solid 2px black;
    border-top:none;
}

/* ligne d'onglet */
#programme table.ligneOnglet
{
    text-align:center;
    vertical-align:center;
    
    width:100%;
}

#programme td.onglet
{
    text-align:center;
    vertical-align:center;
    
    padding-left:3px;
    padding-right:3px;
    
    color:black;
    background-color:white;
    font-size:12px;
    text-decoration:none;
    border-top:solid 2px black;
    border-left:solid 2px black;
    border-right:solid 2px black;
    
    cursor:pointer;
}

/* onglet selectionner */
#programme td.onglet.selected
{
    color:white;
    background-color:black;
    text-decoration:none;
}


/* un block ayant un évènement */
#programme div.contenu
{
    position:relative;
    padding-top:5px;
    padding-bottom:10px;
}



/* lieu/date/heure d'un évènement */
#programme div.contenu h3
{
    /* margin-left:14px; */
    font-size:12px;
    color:gray;
    cursor:pointer;
    font-weight:normal;
}

/* block de description d'un évènement */
#programme div.contenu table.description
{
    display:block;
    position:relative;
    width:98%;
    background-color:#EEE;
    margin-top:10px;
}

/* block de fermeture d'un évènement */
#programme div.contenu table.description tr td div.close
{
    position:absolute;
    top:4px;
    right:4px;
    
    cursor:pointer;
}

/* image de description d'un évènement */
#programme div.contenu table.description img
{
    
}

/* description d'un évènement */
#programme div.contenu table.description tr td.imageProgramme
{
   width:10px;
   padding:15px 0px 15px 15px;
}

/* description d'un évènement */
#programme div.contenu table.description tr td.contenuProgramme
{
   padding:15px 10px 15px 15px;
   width:350px;
}
#programme div.contenu table.description tr td.contenuProgramme P, #programme div.contenu table.description tr td.contenuProgramme H3
{
   width:420px;
}

/* titre de la description d'un évènement */


/* description d'un évènement */
#programme div.contenu table.description p
{
    font-size:11px;
    font-weight:normal;
    line-height:14px;
    padding-right:10px;
    width:100%;
    margin-top:2px;
}

#programme #articleRicheDetail {
		width:630px;
}

/*********** 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;}

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

#corpsDePageN1 #colonneGaucheN1 .actuDetaillee h3 {
	font-size: 2.5em;
	margin-bottom: 10px;
	width: 350px;
	font-weight:normal;
	width:400px;
}
#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> */