/* CSS Document */
/* --------------------------------------------------------------------------------------------- Récurrents */
	div.separation {
		border-bottom:1px dashed #ccc;
		margin-bottom:7px
	}
/* ------------------------------------------------------------------------- Mieux servir */
	#mieux_servir {
		width:222px;
		background-image:url(../../images/structure/background/interne_servir.jpg);
		padding:14px 0 15px 10px;
		margin:0 0 0 10px
	}
	#mieux_servir_bottom {
		float:left;
		width:100%;
		height:6px;
		font-size:0;
		background:url(../../images/structure/background/servir_bottom.gif) no-repeat right
	}
/* ----------------------------------------------------- Label */
	#mieux_servir label {
		width:222px;
		margin:0 0 4px 0
	}
/* ----------------------------------------------------- Select */
	#mieux_servir select {
		width:190px;
		margin-left:0
	}
/* --------------------------------------------------------------------------------------------- Header */
	#header {background:url(../../images/structure/background/interne_header.jpg) no-repeat}
/* ------------------------------------------------------------------------- Liens d'évitement */
	#header #liens_evitement {margin-bottom:10px}
/* ------------------------------------------------------------------------- Header left */
/* ----------------------------------------------------- Logo */
	#header #header_left #logo {margin:0 0 9px 55px}
/* ------------------------------------------------------------------------- Boutons */
	#header #boutons {padding-top:65px}
/* --------------------------------------------------------------------------------------------- Main */
/* ------------------------------------------------------------------------- Left */
	#main #left {
		float:left;
		width:242px
	}
/* ----------------------------------------------------- Intitulé de la rubrique */
	#main #left #intitule_rubrique {
		float:left;
		width:204px;
		text-transform:uppercase;
		font-size:1.3em;
		font-weight:bold;
		color:#fff;
		background:#025599;
		padding:3px 10px 2px 10px;
		margin:0 10px 7px 8px
	}
	#main #left #intitule_rubrique span {
		display:block;
		text-transform:none;
		font-size:.9em;
		font-weight:normal
	}
/* ----------------------------------------------------- Sous-menu */
	#main #left #sous_menu {
		float:left;
		width:232px;
		font-size:1.1em;
		font-weight:bold;
		background:url(../../images/structure/background/sous_menu.gif) no-repeat right top;
		padding:1px 0 0 0;
		margin:0 10px 20px 0
	}
	#main #left #sous_menu li {
		float:left;
		width:100%;
		background:url(../../images/structure/background/sous_menu.gif) no-repeat right bottom;
		padding:0 0 1px 0
	}
	#main #left #sous_menu li a {
		display:block;
		float:left;
		width:190px;
		color:#025599;
		background-image:url(../../images/structure/background/sous_menu_a.gif);
		background-repeat:no-repeat;
		background-position:left top;
		padding:3px 10px 1px 32px
	}
	#main #left #sous_menu li a:hover, #main #left #sous_menu li a.on {
		color:#404040;
		background-position:left -40px
	}
	#main #left #sous_menu li a.on {cursor:text}
/* ----------------------------------------------------- Services */
	#main #left #services {
		float:left;
		width:210px;
		text-align:right;
		text-transform:uppercase;
		font-size:.9em;
		color:#9ca6b0;
		padding:0 32px 0 0;
		margin:18px 0 0 0
	}
	#main #left #services li {margin:0 0 5px 0}
	#main #left #services li a {color:#9ca6b0}
	#main #left #services li a acronym {border-bottom:1px dashed #9ca6b0}
	#main #left #services li a:hover {text-decoration:underline}
	#main #left #services li a:hover acronym {border:0}
/* ------------------------------------------------------------------------- Middle */
	#main #middle {
		float:left;
		width:462px;
		padding:0 10px
	}
	* html #main #middle {overflow:hidden}
	#main #middle.large {
		width:668px;
		padding:0 40px 0 10px
	}
/* ----------------------------------------------------- Titre */
	#main #middle #titre {
		float:left;
		width:100%;
		background:#47bfef;
		margin:0 0 5px 0
	}
	#main #middle #titre img {
		float:left;
		border:3px solid #47bfef;
		margin:0 5px 0 0
	}
	#main #middle #titre h1 {
		text-transform:uppercase;
		font-size:1.7em;
		color:#fff;
		padding:10px 0 0 5px
	}
/* ----------------------------------------------------- Contenu */
	#main #middle #contenu {
		float:left;
		width:432px;
		padding:0 10px 0 20px
	}
	#main #middle.large #contenu {width:638px}
/* --------------------------------------------------------------------------------------------- Webtv */

/* #search_video {
	position: relative;
	float: left;
	width: 100%;
} */

/* ------------------------------------------------------------------------- webtv Left */
	#main #leftwebtv {
	    float:left;
		width:210px;
		margin-left:27px;
		margin-top:20px;
	}
	#main #leftwebtv p {
		line-height:1.5em;
		text-align:justify;
		margin:0 0 3px 0
	}
	#main #leftwebtv p.infos {
		display:block;
		font-size:1.3em;
		font-weight: bold;
		color:#47bfef;
	}
	#main #leftwebtv p.bold{
	    font-weight:bold;
		font-size:1.3em;
		text-transform: uppercase;
	}
	#main #leftwebtvspan.voir{
	    float:right;
	}

/* ------------------------------------------------------------------------- webtv middle */
	#main #middlewebtv {
	    float:left;
		background:url(../../images/structure/background/ombre.gif) no-repeat -8px 280px;
		width:411px;
		margin-left:26px;
		margin-top:20px;
	}
	#main #middlewebtv h2 {
	    clear:none;
		text-align:center;
		font-size:1.5em;
	}
	#main #middlewebtv div {
	    margin:33px 0 36px 0;
    }

    /*add*/
	#main #middlewebtv div {
    	position:relative;
    	z-index:1;
    }

    /*#main #middlewebtv div {
    	position:relative;
    	z-index:0;
    }*/
    /*/add*/

/* ------------------------------------------------------------------------- webtv right */
	#main #rightwebtv {
	    background:url(../../images/structure/background/fond-right.gif) no-repeat 0 -2px;
	    display:block;
	    float:left;
		width:235px;
		margin-left:12px;
		margin-top:20px;
		height:100%;
	}
	#main #rightwebtv h2 {
	    clear:none;
		text-align:center;
		font-size:1.6em;
	}
	#main #rightwebtv div {
        display:block;
        float:left;
    }
	#main #rightwebtv .a_voir{
        display:block;
		margin: 0 auto;
		width:111px;
		height:24px;
    }
	#main #rightwebtv .prev{
        display:block;
		margin: 0 auto;
		width:22px;
		height:38px;
        padding-top:9px;
		outline:none;
    }
	#main #rightwebtv .next{
        display:block;
		margin: 0 auto;
		width:22px;
		outline:none;
    }
	#main #rightwebtv .caroussel{
        float:left;
		display:block;
        width:202px;
        padding: 0 5px 0 0;
        margin-left:10px;
    }

	#main #rightwebtv a {
	    color:#042255;
		font-size:1.3em;
		text-transform:uppercase;
	}
	#main #rightwebtv  ul li{
        float:left;
        width:206px;
        padding-top:6px;
        padding-bottom:10px;
    }
	#main #rightwebtv  ul li img  {
		float:left;
		margin:0 2px 0 0;
	}
	#main #rightwebtv ul  li a.titre {
		float:left;
		font-weight:bold;
		font-size:1.1em;
		color:#6b7a89;
		text-decoration:underline;
		margin:0 0 3px 0
	}
	#main #rightwebtv ul li p.infos {
		font-size:1.0em;
		font-style:italic;
		color:#042255;
		margin:0 0 3px 0
	}
	#main #rightwebtv a.bold{
	    display: block;
	    float: left;
		font-family: /*Verdana, */Arial, Helvetica, sans-serif;
		color:#042255;
		font-size:1.4em;
        text-decoration: none;
	}
/* ----------------------------------------------------- Contenu webtv */

	#main #middle #contenu_webtv {
		margin-left:50px;
		float:left;
		width:800px;
	}

/* ----------------------------------------------------- C'est aussi webtv */
	#main #c-aussi {
		margin-left:27px;
		float:left;
		width:800px;
	}
	#main #c-aussi ul li {
	    display:block;
		float:left;
		font-family: /*Verdana, */Arial, Helvetica, sans-serif;
		font-weight:bold;
		margin-right:9px;
    }
    #main #c-aussi a {
        display: block;
	    float: left;
		font-family: /*Verdana, */Arial, Helvetica, sans-serif;
		font-weight:bold;
		color:#042255;
		font-size:1.1em;
        text-decoration: none;
    }
    #main #c-aussi .separateur {
	    margin-top:5px;
	}
	#main #c-aussi .item1 {
        border-bottom: 3px solid #0091c6;
	    width: 256px;
	    font-size:1.2em;
	    font-weight: bolder;
	    display: block;
	    text-decoration: none;
    }
	#main #c-aussi .item2 {
        border-bottom: 3px solid #a2cf16;
	    width: 68px;
	    font-size:1.2em;
	    font-weight: bolder;
	    display: block;
    }
	#main #c-aussi .item3 {
        border-bottom: 3px solid #b658d1;
	    width: 93px;
	    font-size:1.2em;
	    font-weight: bolder;
	    display: block;
    }
	#main #c-aussi .item4 {
        border-bottom: 3px solid #224a9d;
	    width: 178px;
	    font-size:1.2em;
	    font-weight: bolder;
	    display: block;
    }
	#main #c-aussi .item5 {
        border-bottom: 3px solid #f54c00;
	    width: 96px;
	    font-size:1.2em;
	    font-weight: bolder;
	    display: block;
    }
/* --------------------------------- Tags */
	#main #middle #contenu ul.tags {
		float:left;
		width:100%;
		line-height:1.4;
		background:url(../../images/structure/background/tags.gif) no-repeat left top;
		text-indent:21px;
		padding:0 0 2px 0;
		margin:0 0 5px 0
	}
	#main #middle #contenu ul.tags li {
		display:inline;
		background:none;
		padding:0;
		margin:0
	}
	#main #middle #contenu ul.tags li a {
		color:#6b7a89;
		text-decoration:none
	}
	#main #middle #contenu ul.tags li a:hover {text-decoration:underline}
/* --------------------------------- Sommaire d'article */
	#main #middle #contenu #sommaire_article {
		float:left;
		width:410px;
		border:1px dashed #bbb;
		background:#f1fafe;
		padding:10px;
		margin:0 0 10px 0
	}
	#main #middle #contenu #sommaire_article span.titre {
		float:left;
		text-transform:uppercase;
		font-size:1.2em;
		font-weight:bold
	}
	#main #middle #contenu #sommaire_article span.action {
		float:right;
		color:#025599
	}
	#main #middle #contenu #sommaire_article span.action a {text-decoration:none}
	#main #middle #contenu #sommaire_article span.action a:hover {text-decoration:underline}
	#main #middle #contenu #sommaire_article ul {
		float:left;
		width:380px;
		font-size:1.1em;
		padding:0 0 0 30px;
		margin:10px 0 0 0
	}
	#main #middle #contenu #sommaire_article ul li {margin:0 0 5px 0}
	#main #middle #contenu #sommaire_article ul li a {text-decoration:none}
	#main #middle #contenu #sommaire_article ul li a:hover {text-decoration:underline}
/* --------------------------------- Introduction */
	#main #middle #contenu p.intro {
		float:left;
		width:100%;
		line-height:1.5;
		text-align:justify;
		padding:0 0 15px 0
	}
/* --------------------------------- hn */
	h2 {
		clear:both;
		font-size:1.5em;
		color:#042255;
		margin-bottom:6px
	}
	h3 {
		clear:both;
		font-size:1.3em;
		color:#4a6faf;
		margin-bottom:4px
	}
	h4 {
		clear:both;
		font-size:1.1em;
		color:#025599;
		margin-bottom:2px
	}
	h5, h6 {
		clear:both;
		font-size:1em;
		color:#6b7a89;
	}
/* --------------------------------- Haut de page */
	#main #middle #contenu div.haut_page {
		float:left;
		width:100%;
		text-align:right;
		background-image:url(../../images/structure/background/haut_page.gif);
		background-repeat:no-repeat;
		background-position:right;
		margin:0 0 10px 0
	}
	#main #middle #contenu div.haut_page a {
		color:#025599;
		text-decoration:none;
		background-image:url(../../images/structure/background/haut_page.gif);
		background-repeat:no-repeat;
		background-position:left;
		padding:0 10px
	}
	#main #middle #contenu div.haut_page a:hover {text-decoration:underline}
/* --------------------------------- Navigation */
	#main #middle #contenu div.navigation {
		float:left;
		width:100%;
		background-color:#daf2fc;
		background-image:url(../../images/elements/dotted_gris.gif);
		background-repeat:repeat-x;
		padding:3px 0;
		margin:10px 0
	}
	#main #middle #contenu div.navigation a {
		color:#3d455d;
		text-decoration:none;
		background-repeat:no-repeat;
		padding:0 10px
	}
	#main #middle #contenu div.navigation a.left {
		float:left;
		background-image:url(../../images/structure/background/navigation_precedent.gif);
		background-position:left 5px;
		margin:0 0 0 15px
	}
	#main #middle #contenu div.navigation a.right {
		float:right;
		background-image:url(../../images/structure/background/navigation_suivant.gif);
		background-position:right 5px;
		margin:0 15px 0 0
	}
	#main #middle #contenu div.navigation a.right2 {
		float:right;
		background-image:url(../../images/structure/background/navigation_precedent.gif);
		background-position:left 6px
	}
	#main #middle #contenu div.navigation a:hover {text-decoration:underline}
/* --------------------------------- Pagination */
	#main #middle #contenu ul.pagination {
		float:left;
		width:100%;
		text-align:right;
		border-top:1px solid #47bfef;
		padding:5px 0 0 0;
		margin:0 0 10px 0
	}
	#main #middle #contenu ul.pagination li {
		display:inline;
		margin:0 6px;
		padding:0;
		background:none
	}
	#main #middle #contenu ul.pagination li a {
		color:#025599;
		text-decoration:none
	}
	#main #middle #contenu ul.pagination li a:hover, ul.pagination li a.on {text-decoration:underline}
	#main #middle #contenu ul.pagination li a.on {
		color:#47bfef;
		cursor:text
	}
/* --------------------------------- Pagination */
	#main #middle #contenu_webtv ul.pagination {
		float:left;
		width:100%;
		text-align:right;
		padding:5px 0 0 0;
		margin:0 0 10px 0
	}
	#main #middle #contenu_webtv ul.pagination li {
		display:inline;
		margin:0 6px;
		padding:0;
		background:none
	}
	#main #middle #contenu_webtv ul.pagination li a {
		color:#025599;
		text-decoration:none
	}
	#main #middle #contenu_webtv ul.pagination li a:hover, ul.pagination li a.on {text-decoration:underline}
	#main #middle #contenu_webtv ul.pagination li a.on {
		color:#47bfef;
		cursor:text
	}
/* ------------------------------------------------------------------------- Right */
	#main #right {width:236px}
/* ----------------------------------------------------- Titre */
	#main #right span.titre {
		display:block;
		text-transform:uppercase;
		font-size:1.3em;
		font-weight:bold;
		color:#fff;
		background:#47bfef;
		padding:4px 0 0 12px;
		margin:0 0 1px 7px
	}
	#main #right span.titre a {
		float:right;
		text-transform:none;
		font-size:.7em;
		font-weight:normal;
		color:#fff;
		margin:0 29px 0 0
	}
	#main #right span.titre a:hover {text-decoration:underline}
/* ----------------------------------------------------- Dégrade */
	#main #right div.degrade {
		min-height:100px;
		background-image:url(../../images/structure/background/degrade_bleuC.gif);
		background-repeat:repeat-x;
		padding:0 0 20px 0;
		margin:0 26px 0 7px
	}
	* html #main #right div.degrade {height:100px}
/* --------------------------------- Sondage */
	#main #right div.degrade #sondage {padding:10px 13px 0 13px}
	#main #right div.degrade #sondage #question {
		font-size:1.1em;
		font-weight:bold;
		color:#6b7a89;
		margin:0 0 5px 0
	}
	#main #right div.degrade #sondage table {margin:0 0 10px 0}
	#main #right div.degrade #sondage table tr td {
		vertical-align:top;
		padding:0 4px 1px 4px
	}
	#main #right div.degrade #sondage table tr td input {
		float:left;
		width:13px;
		height:13px
	}
	#main #right div.degrade #sondage input.votez {margin:0 0 0 130px}
/* --------------------------------- Dossier */
	#main #right div.degrade #dossier {padding:10px 10px 0 12px}
	#main #right div.degrade #dossier .titre_dossier {
		display:block;
		line-height:1;
		font-size:1.3em;
		font-weight:bold;
		color:#6b7a89;
		margin:0 0 15px 0
	}
	#main #right div.degrade #dossier a.titre_dossier:hover {text-decoration:underline}
	#main #right div.degrade #dossier img {
		float:left;
		border:3px solid #6b7a89;
		margin:0 9px 0 0
	}
	#main #right div.degrade #dossier p {
		line-height:1.5;
		text-align:justify;
		color:#6b7a89
	}
/* --------------------------------- Sommaire dossier */
	#main #right div.degrade #sommaire_dossier {padding:10px}
	#main #right div.degrade #sommaire_dossier li {margin:0 0 6px 0}
	#main #right div.degrade #sommaire_dossier li a {
		color:#025599;
		background-image:url(../../images/elements/fleches_bleuF.gif);
		background-repeat:no-repeat;
		background-position:0 5px;
		padding:0 0 0 9px
	}
	#main #right div.degrade #sommaire_dossier li a:hover, #main #right div.degrade #sommaire_dossier li a.on {
		color:#00a8ff;
		background-image:url(../../images/elements/fleches_bleuT.gif)
	}
	#main #right div.degrade #sommaire_dossier li a.on {cursor:text}
/* --------------------------------- A lire également / Liste */
	#main #right div.degrade #lire_egalement li, #main #right div.degrade ul.liste li {
		background:url(../../images/elements/dotted_gris.gif) repeat-x bottom;
		padding:4px 6px
	}
	#main #right div.degrade #lire_egalement li a, #main #right div.degrade ul.liste li a {
		display:block;
		color:#00a8ff;
		background-image:url(../../images/elements/fleches_bleuT.gif);
		background-repeat:no-repeat;
		background-position:0 4px;
		padding:0 0 0 12px
	}
	#main #right div.degrade #lire_egalement li a:hover, #main #right div.degrade ul.liste li a:hover {text-decoration:underline}
/* --------------------------------- Infos pratiques */
	#main #right div.degrade ul.liste li {padding:6px}
	#main #right div.degrade ul.liste li a {
		font-weight:bold;
		color:#6b7a89;
		background:url(../../images/elements/fleches_gris.gif) no-repeat 0 4px;
		margin:0 0 3px 0
	}
	#main #right div.degrade ul.liste li span {padding:0 0 0 12px}
/* ----------------------------------------------------- Mieux nous connaître */
	#main #right #mieux_connaitre {margin:0 0 1px 2px}
/* ----------------------------------------------------- C'est aussi */
	#main #right #c_aussi {width:215px}
	#main #right #c_aussi div {background-image:url(../../images/structure/background/interne_aussi.gif)}
	#main #right #c_aussi div ul {
		width:189px;
		font-size:1.1em
	}