@charset "UTF-8";
body {
	font-family:Arial, Helvetica, sans-serif;
	background: #DAE8EC;
	margin: 0;
	padding: 0;
	color: #000000;
	background-image: url(images/communs/bground_trame_rond.gif);
	text-align: center;
    }
h1 {
	margin:0;
	padding:0;
}
h2 {
	font-size: 30px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 60px;
	padding: 20px 0 0 30px;
}
p {
	margin: 0;
	padding: 0;
}
#container {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	background: url(images/communs/background_contenu_01.gif) no-repeat top left;
	margin-top:-40px;
	}
#container_popup {
	width: 500px;
	margin: 0 auto;
	text-align: left;
	background: url(images/communs/background_contenu_01.gif) no-repeat top left;
	margin-top:-40px;
}
#background {
	padding: 0;
	margin: 40px 0 0 0;
	background: url(images/communs/background_contenu_04.gif) repeat-y top left;
    }
#contenu {
	padding: 0 30px;
	margin: 0;
	background: url(images/communs/background_contenu_02.gif) no-repeat top left;
    }
.colonneDroite {
	width:460px;
	margin: 0 0 0 21px;
	padding: 20px 0 0 0;
    }	


/* PLAYER  */


#playerTop {
	background: url(images/communs/player/player_top.gif) no-repeat left top;
	}
	
#playerSujetTop {
	padding-top:20px;
	}	
#playerTop h1 {
	font-size: 30px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 60px;
	padding: 20px 0 0 30px;
}
#player {
	background-color: #192637;
}

#playerContent {
	background-color: #192637;
	padding: 0 10px;
}
.playerListe {
	background: url(images/communs/player/player_vide.gif) no-repeat right top;
	padding: 0;
	margin: 5px 0 0 0;
	height: 80px;
	font-size: 11px;
	line-height:15px;
	color:#233349;
}
.playerListe a {
	color:#233349;
	text-decoration:underline;
}
.playerListe a:hover {
	color:#4E6C92;
}
.playerListe strong a {
	color:#233349;
	font-weight: bold;
	text-decoration:none;
	font-size: 12px;
	line-height: 17px;
}
.playerListe strong a:hover {
	text-decoration:underline;
}
.playerListe img {
	margin: 0 10px 0 0;
	float: left;
}
.playerListePermanent {
	padding: 0;
	margin: 5px 0 0 0;
}


#playerCommentTop {
	background: url(images/communs/player/playerComment_top2.gif) no-repeat left top;
	padding-top: 30px;
	padding-bottom: 50px;
	}
#playerCommentTop img {
	padding-top: 10px;
}

#playerCommentTop3 {
	background: url(images/communs/player/playerComment_top3.gif) no-repeat left top;
	padding-top: 30px;
	padding-bottom: 50px;
	}
#playerCommentTop3 img {
	padding-top: 10px;
}


#playerCommentContent{
	background-color:#FFFFFF;
	padding: 0 20px 0 20px;
	font-size: 11px;
	color: #1D2A3C;
}
#playerCommentContent strong{
	font-size: 12px;
	font-weight:bold;
}
#playerCommentContent img{
	padding: 10px 0 5px 0;
}


#playerCommentBottom{
	background: url(images/communs/player/playerComment_bottom.gif) no-repeat left top;
}

#playerCommentBottom3{
	background: url(images/communs/player/playerComment_bottom3.gif) no-repeat left top;
}



#playerBottom {
	background: url(images/communs/player/player_bottom.gif) no-repeat right bottom;
}


.sujet_titre {
	font-size: 25px;
	line-height: 22px;
	color: #FFFFFF;
	padding: 40px 0 15px 30px;
	background: url(images/communs/background_sujetTitre.gif) no-repeat top left;
}

.sujet_titre img {
	padding: 10px 0 10px 0;
}

.sujet_soustitre {
	font-size: 13px;
	line-height: 15px;
	color: #FFFFFF;
}
.sujet_soustitre img {
	padding: 0 0 0 2px;
}
.sujet_soustitre a {
	color:#FFFFFF;	
}
.sujet_soustitre a:hover {
	color:#577DA6;
}




/* THEMATIQUE */
.thematiqueSousTitre {
	font-size: 13px;
	line-height:15px;
	color: #FFFFFF;
	padding: 0 0 20px 30px;
}

.thematiqueEnvironnement {
	background: url(images/communs/thematique/thematiqueTop_environnement.gif) no-repeat left top;
}
.thematiqueMeteo {
	background: url(images/communs/thematique/thematiqueTop_meteo.gif) no-repeat left top;
}
.thematiqueMonde {
	background: url(images/communs/thematique/thematiqueTop_monde.gif) no-repeat left top;
}
.thematiqueInsolite {
	background: url(images/communs/thematique/thematiqueTop_insolite.gif) no-repeat left top;
}
.thematiqueAnimaux {
	background: url(images/communs/thematique/thematiqueTop_animaux.gif) no-repeat left top;
}
.thematiqueGenerique {
	background: url(images/communs/thematique/thematiqueTop_generique.gif) no-repeat left top;
}


#thematiqueContent {
	background-color: #192637;
	padding: 20px 40px 0 40px;
}

.thematiqueNav{
	background: url(images/communs/thematique/thematique_nav_fond.gif) no-repeat center top;
	width: 200px;
	text-align: center;
	font-size:11px;
	margin:0;
	padding:0;
	color:#FFFFFF;
	letter-spacing: 1px;
}
.thematiqueNav a {
	color:#FFFFFF;
	text-decoration:none;
}
.thematiqueNav a:hover {
	text-decoration:underline;
}

.thematique_liste {
	padding: 15px 0;
	color: #ffffff;
	font-size: 11px;
	line-height: 15px;
}
.thematique_liste_contenu_texte {
	background: url(images/communs/thematique/thematique_liste_pointilles.gif) no-repeat left bottom;
	padding-bottom: 15px;
	padding-top: 5px;
	text-align: left;
}
.thematique_liste_contenu_texte a {
	color:#ffffff;
	text-decoration:none;
}
.thematique_liste_contenu_texte a:hover {
	text-decoration:underline;
}
.thematiqueLiensTags {
	padding: 15px 0;
	color: #ffffff;
	font-size: 11px;
	line-height: 15px;
}
.thematiqueLiensTags a {
	color:#FFFFFF;
	text-decoration: underline;
}
.thematiqueLiensTags a:hover {
	color:#577DA6;
}
.thematique_vignettes {
	padding-right: 15px;
	float: left;
	padding-top: 7px;
}

/*  MENU  */

.rechercher {
	background: url(images/communs/menu/recherche_bground.gif) no-repeat right top;
}
#bt_rechercher{
	margin-top:100px;
	padding: 0 0 0 10px;
}
#formRechercher{
	margin-left: 25px;
	margin-bottom: 20px;
}
#bt_meteo {
	margin:60px 13px 13px 0;
}
#bt_monde {
	margin:0 13px 0 0;
}
#bt_insolite {
	margin:0 13px 0 0;
}
#bt_environnement {
	margin:0 13px 0 0;
}
#bt_animaux {
	margin:0;
}




/*  ENCARTS VIDEOS  */

#videos_notees {
	background: url(images/communs/background_videos_notees.gif) no-repeat right top;
	margin-top: 10px;
}
#videos_visionnees {
	background: url(images/communs/background_videos_visionnees.gif) no-repeat right top;
	margin-top: 30px;
}
#videos_part {
	background: url(images/communs/background_surlathematique_vide.gif) no-repeat right top;
	margin-top: 10px;
}
#videos_part a{
	color: #FFF;
	text-decoration: none;
}
#videos_part a:hover{
	text-decoration: underline;
}
.video_part_titre {
	margin-top:12px;
	margin-left:32px;
	font-size:16px;
	color:#CCC;
	font-weight:bold;
}
.video_part_contenu{
	padding:10px 20px;
	color:#CCC;
	font-size:12px;
	font-weight:bold;
}
.video_part_media{
	float:left;
	margin-right:10px;
}
.video_part_survol{
	position:absolute;
	z-index:99;
	background-image:url(/images/communs/transparent.gif);
	cursor:pointer;
	width:150px;
	height:102px;
}


.video_sujet1 {
	padding-top: 50px;
	padding-left: 20px;
}
.video_sujet {
	padding-top: 50px;
}
.video_sujet img{
		border: solid 1px #1D2A3C;
}
.video_sujet img:hover{
	border :solid 1px #FFFFFF;
}
.video_sujet1 img{
		border: solid 1px #1D2A3C;
}
.video_sujet1 img:hover{
	border :solid 1px #FFFFFF;
}
.video_sujet_titre {
	padding-top: 10px;
	font-weight: bold;
	font-size: 11px;
	color: #cccccc;
}
.video_sujet_titre a{
	text-decoration:none;
	color: #cccccc;
}
.video_sujet_titre a:hover{
	text-decoration:underline;
}

#videos_thematique1 {
	background: url(images/communs/background_surlathematique.gif) no-repeat right top;
	margin-top: 30px;
}
#videos_thematique_vide {
	background: url(images/communs/background_surlathematique_vide.gif) no-repeat right top;
	margin-top: 30px;
}
#videos_thematique {
	background: url(images/communs/background_surlathematique.gif) no-repeat right top;
	margin-top: 10px;
}
.videos_thematique_titre {
	padding: 15px 0 0 230px;
	font-size: 18px;
	color: #ffffff;
}
.videos_thematique_titre_vide {
	padding: 15px 0 0 50px;
	font-size: 18px;
	color: #ffffff;
}
.videos_thematique_sujet1 {
	padding-top: 20px;
	padding-left: 20px;
}
.videos_thematique_sujet {
	padding-top: 20px;
}
.videos_thematique_sujet img{
		border: solid 1px #1D2A3C;
}
.videos_thematique_sujet img:hover{
	border :solid 1px #FFFFFF;
}
.videos_thematique_sujet1 img{
		border: solid 1px #1D2A3C;
}
.videos_thematique_sujet1 img:hover{
	border :solid 1px #FFFFFF;
}

.encart_bottom {
	background: url(images/communs/background_videos_bottom.gif) no-repeat right bottom;
}



/*  ENCART ARCHIVES  */

#archives {
	background: url(images/communs/background_archives.gif) no-repeat right top;
	margin-top: 10px;
}
#archives_bottom {
	background: url(images/communs/background_archives_bottom.gif) no-repeat right bottom #304257;
	background-color: #304257;
}
.info_archive {
	padding-top: 15px;
	font-size: 11px;
	color: #cccccc;
	padding-left: 20px;
	padding-bottom: 20px;
	text-align: left;
}
.archives_calendrier {
	text-align: left;
	margin-top: 17px;
	margin-right: 160px;
}
#archives_nav {
}
.archives_dates {
	font-size: 16px;
	color: #212E40;
	background: url(images/communs/archives/archives_nav_fondMilieu.gif) no-repeat left top;
	text-align: center;
	margin: 0;
	padding: 0;
}
#archives_liste {
}
.archives_liste_top {
	background: url(images/communs/archives/archives_liste_top.gif) no-repeat right top;
}
.archives_liste_contenu {
	background-color:#212E40;
	margin: 0 15px;
	color: #ffffff;
	font-size: 11px;
	line-height: 15px;
}
.archives_liste_contenu_texte {
	background: url(images/communs/archives/archives_liste_separation.gif) no-repeat right bottom;
	padding-bottom: 15px;
	padding-top: 5px;
	text-align: left;
}
.archives_liste_contenu_texte a {
	color:#ffffff;
	text-decoration:none;
}
.archives_liste_contenu_texte a:hover {
	text-decoration:underline;
}
.archives_vignettes {
	margin-right: 10px;
	margin-left: 10px;
	float: left;
}

.archives_liste_bottom {
	background: url(images/communs/archives/archives_liste_bottom.gif) no-repeat right bottom;
}




/*  FOOTER  */
	
#footerGauche {
	padding: 40px 0 20px 0;
	margin: 0;
	background: url(images/communs/background_contenu_06.gif) no-repeat top left;
	font-size: 10px;
	color: #293C51;
	width:500px;
	float: left;
    }
#footerGauche a {
	font-weight: bold;
	text-decoration: none;
	color: #293C51;
	}
#footerGauche a:hover {
	text-decoration: underline;
	}
#footerDroit {
	padding: 35px 0 0 0;
	margin: 0;
	background: url(images/communs/background_contenu_06.gif) no-repeat top right;
	line-height: 100px;
	font-size: 10px;
	color: #293C51;
	width:500px;
	float: right;
    }
#footerDroit img {
	padding-left: 10px;
	float: right;
}	




#cadre-pub {
	background-color:#344863;
	border:#CCC solid 2px;
	padding:5px;
	color:#FFF;
	font-size:12px;
	font-weight:bold
}
#cadre-pub a{
	color:#FFF;
}

#header {
	width: 1000px;
	margin: 0 auto;
	height: 115px;
}

#logo {
	width: 364px;
	height: 95px;
	float: left;
}

#pub {
	float: right;
	width: 468px;
	height: 60px;
	margin-top: 20px;
	background-color: #ccc;
}
#pub2 {
	text-align: left;
	padding: 20px 0 0 20px;
}