/*
Le Soleil
	Feuille de styles version 2
	Cree par Vincent
*/



/* Interface generale */
form { margin: 0px; padding: 0px }

.so_boutonFleche { color: #366894; font-size: 8pt; font-weight: bold; font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-align: right; padding-right: 20px; background: url(../../images/boutons/bt_flechedroite_b.gif) no-repeat right center; float: right }
.so_boutonFleche:visited { color: #366894 }
.so_boutonFleche:hover { color: #888888; text-decoration: none; background: url(../../images/boutons/bt_flechedroite_b_over.gif) no-repeat right center }


.overflowFix { clear: both; display: block }



/* Menu */
#so_menu .so_menuBloc { margin-bottom: 15px }
#so_menu a, #so_menu .so_menuEntete samp { font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-decoration: none; margin: 2px 0px; display: block }
#so_menu a { color: #111111; padding: 2px 10px; background-color: #FBF2D3 }
#so_menu a:hover { background-color: #FFBD0D }
#so_menu .so_menuEntete a, #so_menu .so_menuEntete samp  { padding: 2px 5px }
#so_menu .so_menuEntete samp, #so_menu .so_menuEntete a { color: #FFFFFF; background-color: #366894 }
#so_menu .so_menuEntete a:hover { background-color: #04486B }

/* Publicites sous le menu */
#so_menuPub a { margin: 15px 0px; display: block; clear: right }



/* Page article */
#so_articleComplet { font-size: 9pt; font-family: Arial, Helvetica, sans-serif }
#so_articleComplet h1, h2, h3, h4 { font-weight: bold; font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px }
#so_articleComplet h1 { color: #990000; font-size: 115%; margin-bottom: 20px }
#so_articleComplet h2 { color: #366894; font-size: 100%; margin-bottom: 20px }
#so_articleComplet h3 { color: #366894; font-size: 100% }
#so_articleComplet div h4 { color: #366894; font-size: 95%; font-weight: normal; font-style: normal; font-family: Arial, Helvetica, sans-serif; text-align: right; margin-bottom: 20px; display: block }
#so_articleComplet span { color: #366894; font-size: 95% }
#so_articleComplet div { border-top: 1px solid #366894 }
	
#so_articleComplet #so_articleCompletBlocPhoto { text-align: right; width: 285px; margin-bottom: 5px; border-width: 0px; float: right }
#so_articleComplet #so_articleCompletBlocPhoto img, #so_articleComplet #so_articleCompletBlocPhoto p, #so_articleComplet #so_articleCompletBlocPhoto dfn { width: 270px; float: right }
#so_articleComplet #so_articleCompletBlocPhoto img { height: 200px; background-color: #F8F8F8 }
#so_articleComplet #so_articleCompletBlocPhoto p { color: #366894; font-size: 10px; text-align: justify; margin: 10px 0px 0px 0px }
#so_articleComplet #so_articleCompletBlocPhoto dfn { color: #366894; font-size: 10px; font-style: normal; display: block }

#so_blocJournaliste, #so_blocJournaliste h3 { color: #366894; font-size: 8pt; font-family: Arial, Helvetica, sans-serif }
#so_blocJournaliste h3 { font-size: 105%; font-weight: bold }
#so_blocJournaliste img { margin: 0px; width: 140px; height: 160px; background-color: #F9F9F9 }
.so_blocJournalisteDescription { margin: 0px 0px 10px 0px; border: 1px solid #366894; background-color: #B6C9D9 }
.so_blocJournalisteDescription p { margin: 3px 0px 0px 0px; padding: 5px; border-top: 1px solid #366894; background-color: #FFFFFF }
.so_blocJournalisteDescription p a { color: #366894; text-decoration: none; display: block; margin: 5px 0px }
.so_blocJournalisteDescription p a:hover { color: #888888 }


/* Page Meteo */
#so_meteoActuelle { color: #000000; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-align: left; margin-bottom: 30px; background-repeat: no-repeat; background-position: 90px 0px }
#so_meteoActuelle h1 { font-size: 12px; font-weight: bold; margin-bottom: 5px; float: right; clear: both }
#so_meteoActuelle p { margin: 0px; float: right; clear: both }
#so_meteoActuelle div { line-height: 180% }
#so_meteoActuelle div em { font-size: 30px; font-style: normal; font-weight: bold; line-height: 50px }

.so_meteoJour { color: #000000; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-align: left; width: 25%; float: left }	
.so_meteoJour h1 { font-size: 12px; font-weight: normal; text-align: center; margin: 0px 2px 0px 0px; padding: 2px 0px; border: 1px solid #366894; background-color: #D5E0E8 }	
.so_meteoJour p { line-height: 180%; margin: 0px 2px 0px 0px; padding: 8px; border-style: solid; border-color: #366894; border-width: 0px 1px 1px 1px; background-repeat: no-repeat; background-position: 95% 10% }	
.so_meteoJour em { font-size: 14px; font-style: normal; font-weight: bold }

.so_meteoBlocSecondaire { color: #000000; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-align: left; width: 100%; margin-top: 20px; float: left }	
.so_meteoBlocSecondaire h1 { font-size: 12px; font-weight: bold; text-align: center; margin: 0px 2px 0px 0px; padding: 2px 0px; border: 1px solid #366894; background-color: #D5E0E8 }
.so_meteoBlocSecondaire div { margin: 0px 2px 0px 0px; border-style: solid; border-color: #D5E0E8; border-width: 0px 1px 1px 1px }
.so_meteoBlocSecondaire td { font-size: 11px; padding: 5px }



/* Page Repertoire */
#so_repertoire { color: #000000; font-size: 11px }
#so_repertoire ul { margin: 0px; padding: 0px 0px 30px 0px; list-style-type: none }
#so_repertoire ul li { float: left; width: 33% }
#so_repertoire ul li a { color: #111111; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-decoration: none; margin: 1px; padding: 2px 6px; border-style: solid; border-color: #FFFFFF #CCCCCC; border-width: 1px; display: block }
#so_repertoire ul li a:hover { border-style: solid; border-color: #366894; border-width: 1px; background-color: #FFBD0D }
#so_repertoire h1 { color: #990000; font-size: 12px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 40px 0px 4px 0px; clear: left }
#so_repertoire div { line-height: 125%; margin-bottom: 20px; padding: 5px 0px 0px 5px; border-top: 1px solid gray; }
#so_repertoire div h1 { color: #366894; font-size: 12px; font-weight: bold; margin: 0px }
#so_repertoire div a { color: #366894; text-decoration: underline }
#so_repertoire div a:hover { color: #668CAE; text-decoration: none }



/* Liste de donnees ( Journalistes, Categories, Dossiers speciaux, etc ) */
#listeDonnees, #listeDonnees td { font-size: 9pt; font-family: Arial, Helvetica, sans-serif }
#listeDonnees h2 { color: #366894; font-size: 100%; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif }
#listeDonnees div { height: 2px; border: 1px solid #366894; background-color: #B6C9D9 }
#listeDonnees table { width: 100%; margin: 2px 0px 30px 0px }
#listeDonnees tr:hover { background-color: #F8F8F8 }
#listeDonnees td { color: #990000; padding: 4px }
#listeDonnees td a { color: #990000; text-decoration: none }
#listeDonnees td a:hover { color: #366894 }



/* - - Blocs - - */

/* Blocs Manchettes */
.so_blocManchette { color: #000000; font-size: 9pt; font-family: Arial, Helvetica, sans-serif; text-align: left; margin-bottom: 50px }
.so_blocManchette h2 { color: #366894; font-size: 85%; font-weight: bold; font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif; margin-bottom: 5px; border-bottom: 1px solid #366894 }
.so_blocManchette h2 a { color: #366894; text-decoration: underline }
.so_blocManchette h2 a:hover { color: #990000; text-decoration: none }
.so_blocManchette dfn { display: block; color: #668CAE; font-size: 80%; font-style: normal; margin-bottom: 10px; text-align: right }
.so_blocManchette h1 { color: #990000; font-size: 115%; font-weight: bold; font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif; margin: 0px 0px 10px 0px }
.so_blocManchette h3 { font-size: 90%; font-weight: normal; font-family: Arial, Helvetica, sans-serif }
.so_blocManchette h3 a { color: #366894; text-decoration: underline }
.so_blocManchette h3 a:hover { color: #888888 }
.so_blocManchette p { text-align: justify; margin: 0px; padding: 5px 0px; border-style: solid; border-color: #366894; border-width: 1px 0px }
.so_blocManchette p a img { margin: 0px 10px 5px 0px; width: 68px; height: 49px; float: left }



#so_blocMeteo, #so_blocWebcam { color: #000000; font-size: 11px; font-family: Arial, Helvetica, sans-serif; margin-bottom: 5px; border: 1px solid #366894 }

/* Bloc Meteo */
#so_blocMeteo { padding: 5px 5px 5px 60px; background-repeat: no-repeat; background-position: 5px center; background-color: #D9E5ED; cursor: pointer; }
#so_blocMeteo a { color: #333333; font-weight: bold; text-decoration: underline }
#so_blocMeteo a:hover { color: #111111; text-decoration: none }
#so_blocMeteo em { font-style: normal; font-size: 18px; font-weight: bold }

/* Bloc Webcam */
#so_blocWebcam { font-size: 10px; background: url(../../images/autres/webcam.gif) no-repeat left top; cursor: pointer; }
#so_blocWebcam { padding: 5px 5px 5px 60px }
#so_blocWebcam h1 { font-size: 12px; font-weight: bold; margin: 0px 0px 4px 0px }
#so_blocWebcam a { color: #000000; text-decoration: none }



/* Publicites de Cyberpresse */
.so_pubBasdepage { padding-top: 50px; text-align: center }
.so_pubGratteciel { padding-top: 40px; text-align: center }