@charset "utf-8";

.nav_cat_dossier,
.nav_cat_diapo,
.nav_cat_zapping {
height: 22px;
padding: 7px 0;
margin-top: 1px;
background: white;
}

.nav_cat_dossier div,
.nav_cat_diapo div,
.nav_cat_zapping div {
height: 20px;
border-top: 1px solid #afafaf;
border-bottom: 1px solid #afafaf;
}

.nav_cat_dossier ul,
.nav_cat_diapo ul,
.nav_cat_zapping ul {
height: 18px;
border: 1px solid white;
background: #e8e8e8;
padding-left: 5px;
}

.nav_cat_diapo ul {
padding-left: 20px;
}

.nav_cat_zapping ul {
padding-left: 40px;
}

.nav_cat_dossier li,
.nav_cat_diapo li,
.nav_cat_zapping li {
float: left;
margin-top: 4px;
}

.nav_cat_dossier li a,
.nav_cat_diapo li a,
.nav_cat_zapping li a {
font-weight: bold;
}

.nav_cat_dossier li a {
margin: auto 2px;
padding: 1px 1px;
}

.nav_cat_diapo li a,
.nav_cat_zapping li a {
margin: auto 4px;
padding: 1px 2px;
}

.nav_cat_dossier li a.selected,
.nav_cat_diapo li a.selected,
.nav_cat_zapping li a.selected {
color: white;
background: #e60000;
}

/** initialisation ******************************************/
#master_container {
	/*background:url(../media/image/background.gif);*/
	
}
.cale_menu{
 height:210px;
}
.habillage{
float:left;
margin:auto;
}
/*.habillage_gauche{
float:left;
width:210px;
height:100%;
}*/
.bloc_centre{
float:left;
width:983px;
background-color:#ffffff;
}
/*.habillage_droit{
float:left;
width:210px;
height:100%;
}*/

#container a,#container a:focus,#container a:visited,#container a:link{
	color:#000000;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

.clear {
clear: both;
height: 1px;
overflow: hidden;
}

.clear_5 {
clear: both;
height: 5px;
overflow: hidden;
}

.clear_10 {
clear: both;
height: 10px;
*height: 30px;
overflow: hidden;
}

/** structure container *************************************/

#barre_h1 {
background:url(../media/image/barre_h1.jpg);
height: 17px;
text-align: center;
font-size: 12px;
padding-top: 3px;
}

/** structure container *************************************/
#structure_container{
	margin-top:1em;
}
#structure_container div#sidebarLeft{
	float:left;
	width:17.5em;
}
#structure_container div#container{
	float:left;
	width:47.5em;
	margin:0 1.4em;
}
#structure_container div#containerFull{
	float:left;
	width:77.5em;
	margin:0 1.4em;
}
#structure_container div#sidebarRight{
	float:left;
	width:30em;
}

/** éléments génériques *************************************/

#structure_container div#sidebarLeft span.genLink, #structure_container div#sidebarRight span.genLink{
	display:block;
	padding:0.6em 0.3em 0.6em 1.2em;
}
#structure_container div#sidebarLeft span.genLink a, #structure_container div#sidebarRight span.genLink a{
	font-size:1.2em;
	line-height:1.335em;
	color:#bd0106;
	font-weight:bold;
}
/** Liens en dessous des blocs **/
#container ol.postLink{
	margin:0.6em 0;
}
#container ol.postLink li{
	font-weight:bold;
	font-size:1.2em;
	display:inline;
	color:#bd0106;
}
#container ol.postLink li a{
	font-weight:bold;
	color:#bd0106;
}

/** pagination pour sidebarRight avec table englobante (avec les boutons next et prev) **/
table.pagination{
	border-left:solid 1px #bebebe;
	border-right:solid 1px #bebebe;
	border-bottom:solid 1px #bebebe;
	width:99.8%;
	margin-left:0.1em;
}
table.pagination tr{
	background-color:#ffffff;
	height:2.4em;
}
table.pagination tr td{
	vertical-align:middle;
}
table.pagination tr td.prev{
	width:2.8em;
	text-align:right;
}
table.pagination tr td.next{
	width:2.8em;
	text-align:left;
}
table.pagination tr td ol{
	text-align:center;
}
table.pagination tr td ol li{

	display:inline;
}
table.pagination tr td ol li a{
	font-size:1.1em;
}
table.pagination-container tr td ol li.selected a, table.pagination tr td ol li a:hover{
	font-weight:bold;
	color:#bd0106;
}

/** pagination container avec table englobant (avec les boutons next et prev) **/
table.pagination-container{
	border-top:solid 1px #bebebe;
	border-bottom:solid 1px #bebebe;
	width:45.5em;
	margin:0 1em 1em 1em;
}
table.pagination-container tr{
	background-color:#ffffff;
	height:2.4em;
}
table.pagination-container tr td{
	vertical-align:middle;
}
table.pagination-container tr td.prev{
	width:2.8em;
	text-align:right;

	vertical-align:middle;
}
table.pagination-container tr td.prev img{
	vertical-align:middle;
}
table.pagination-container tr td.next{
	width:2.8em;
	text-align:left;
}
table.pagination-container tr td.next img{
	vertical-align:middle;
}
table.pagination-container tr td ol{
	text-align:center;
	padding-top:0.1em;
	padding-bottom:0.1em;
}
table.pagination-container tr td ol li{
	font-size:1.3em;
	display:inline;
}
table.pagination-container tr td ol li a{
	font-size:1em;
	line-height:1.23em;
	border:solid 1px #ffffff;
	padding:0 0.4em;
}
table.pagination-container tr td ol li.selected a{
	font-weight:bold;
	color:#bd0106;
}
table.pagination-container tr td ol li a:hover{
	font-size:1em;
	line-height:1.23em;
	border:solid 1px #bd0106;
	padding:0 0.4em;
	background:url(../media/image/bg-pagination-focus.gif) left bottom repeat-x;
}

/** pagination container avec div englobante (sans les boutons next et prev) **/
div.pagination-container{
	border-top:solid 1px #bebebe;
	border-bottom:solid 1px #bebebe;
	width:45.5em;
	margin:0 1em 1em 1em;
	background-color:#ffffff;
	padding:0.3em 0 0.2em 0;
	text-align:center;
}
div.pagination-container span{
	font-size:1.2em;
	line-height:1.335em;
}
div.pagination-container ol{
	display:inline;
}
div.pagination-container ol li{
	font-size:1.3em;
	display:inline;
}
div.pagination-container ol li a{
	font-size:1em;
	line-height:1.23em;
	border:solid 1px #ffffff;
	padding:0 0.4em;
}
div.pagination-container ol li.selected a{
	font-weight:bold;
	color:#bd0106;
}
div.pagination-container ol li a:hover{
	font-size:1em;
	line-height:1.23em;
	border:solid 1px #bd0106;
	padding:0 0.4em;
	background:url(../media/image/bg-pagination-focus.gif) left bottom repeat-x;
}

/** publicité 336x280 **/
div.pub_336x280, div.pub_728x90{
	text-align:center;
	margin:2em 0;
}

div.diapo table.pagination li.paginSelected a {
font-weight:bold!important;
color: #cc0000;
padding: 0 2px;
text-decoration: none;
}

div.diapo table.pagination li.paginNormal a {
padding: 0 2px;
text-decoration: none;
}

div.diapo table.pagination li.paginNormal a:hover {
padding: 0 2px;
}

/** header **************************************************/
#header{
	width:100%;
	background:url(../media/image/bg-header.gif) #dad8d8 left top repeat-x;
}
/** authentification - logo ***************/
#header div#auth-logo{
	float:left;
	width:25.2em;
}
#header div#auth-logo div#auth{
	background:url(../media/image/bg-auth.gif) #767676 left bottom repeat-x;
	padding:0.2em 1em 0.4em 1.6em;
}
#header div#auth-logo div#auth ol{
	float:left;
	margin-top:0.2em;
}
#header div#auth-logo div#auth ol li{
	display:inline;
	font-weight:bold;
	font-size:1.2em;
	line-height:1.335em;
	color:#ffffff;
}
#header div#auth-logo div#auth ol li a{
	color:#ffffff;
	line-height:1.335em;
	font-weight:bold;
}
#header div#auth-logo div#auth a img{
	float:right;
}
#header div#auth-logo a#logo img{
	margin:1.4em 0 1.5em 0.7em;
}
/** pub - search - newsletter ***************/
#header div#pub-search-newsletter{	
	float:left;
}
#header div#pub-search-newsletter div#pub_728x90{
	background-color:#d90000;
	padding-bottom:3px;
width: 728px;
}
#header div#pub-search-newsletter form#search{
	padding:0.8em 0 1.9em 0.7em;
	float:left;
	width:35.8em;
	background:url(../media/image/bg-search-right.gif) right top repeat-y;
}
#header div#pub-search-newsletter form#search label{
	font-size:1.4em;
	line-height:1.285em;
	color:#535353;
	font-weight:bold;
}
#header div#pub-search-newsletter form#search input#searchField{
	display:block;
	width:24.833em;
	height:1.35em;
	font-size:1.2em;
	padding-top:0.1em;
	border:solid 1px #535353;
	float:left;
}
#header div#pub-search-newsletter form#search input#submitSearch{
	display:block;
	width:2.8em;
	height:1.9em;
	float:left;
	margin-left:0.4em;
}
#header div#pub-search-newsletter form#newsletter{
	margin:0.8em 0 0 1.2em;
	float:left;
	width:35em;
	position:relative;
}
#header div#pub-search-newsletter form#newsletter div#errorNewsletter{
	top: 0px;
	left: 95px;
	height: 17px;
	width: 208px;
	padding-left: 2px;
	position:absolute;
	border: solid 1px #535353;
	background-color:#FFFF66;
}
#header div#pub-search-newsletter form#newsletter div#errorNewsletter img{
	vertical-align:middle;
	margin-right: 3px;
}
#header div#pub-search-newsletter form#newsletter div#msgNewsletter {
	position: absolute;
	top: -2px;
	width: 340px;
	height: 54px;
	border: solid 1px #800000;
	background-color:#EBEBEB;
	text-align:center;
}

#header div#pub-search-newsletter form#newsletter div#msgNewsletter div#contentMsgNewsletter p{
	font-size:1em;
	text-align:center;
	margin-bottom: 5px;
}
#header div#pub-search-newsletter form#newsletter div#msgNewsletter div#contentMsgNewsletter p#endMsg{
	line-height:18px;
}
	
#header div#pub-search-newsletter form#newsletter div#msgNewsletter td input,
#header div#pub-search-newsletter form#newsletter div#msgNewsletter table label
{
	float:none;
	font-size:9px;
	vertical-align:middle;
	text-align:center;
	padding-bottom: 2px;
	margin-bottom: 2px;
}
#header div#pub-search-newsletter form#newsletter div#msgNewsletter td input
{
	float:none;
	font-size:9px;
	vertical-align:middle;
	text-align:center;
}
#header div#pub-search-newsletter form#newsletter div#msgNewsletter table td
{
	padding-left: 10px;
}
#header div#pub-search-newsletter form#newsletter div#msgNewsletter input#opt_in_gaz_par,
#header div#pub-search-newsletter form#newsletter div#msgNewsletter input#opt_in_hebdo_om{
	margin-left: 10px;
	vertical-align:middle;
}

#header div#pub-search-newsletter form#newsletter div#msgNewsletter input#submitMsgNewsletter{
	background: transparent url("../media/image/bg-submit-msg-newsletter.gif") 0px 0px repeat-x;
	border:solid 1px #a4a4a4;
	color: white;
	margin-top: 3px;
	position: absolute;
	top: 22px;
	left: 282px;
}
#header div#pub-search-newsletter form#newsletter div#msgNewsletter div#closeMsgNewsletter{
	border-left: solid 1px #800000;
	border-bottom: solid 1px #800000;
	width: 10px;
	height: 10px;
	line-height: 10px;
	text-align: center;
	text-transform: uppercase;
	position: absolute;
	top: 0px;
	right: 0px;
}

#header div#pub-search-newsletter form#newsletter label{
	font-size:1.6em;
	float:left;
	line-height:1.176em;
	color:#d90000;
	font-weight:bold;
}
#header div#pub-search-newsletter form#newsletter input#mailField{
	display:block;
	width:17.5em;
	height:1.35em;
	font-size:1.2em;
	padding-top:0.1em;
	border:solid 1px #535353;
	float:left;
	margin:0 0 0 0.4em;
}
#header div#pub-search-newsletter form#newsletter input#submitMail{
	display:block;
	width:2.8em;
	height:1.9em;
	float:left;
	margin-left:0.4em;
}
#header div#pub-search-newsletter form#newsletter p{
	font-size:1.3em;
	line-height:1.23em;
}

/** menu primaire *******************************************/
ol#menuTop{
	background:url(../media/image/bg-menuTop.gif) left top no-repeat;
	padding:0.2em 0 0 0;
}
ol#menuTop li{
	float:left;
}
ol#menuTop li a{
	display:block;
	background:url(../media/image/bg-menuTop-li_red.gif) left top repeat-x;
	font-size:1.2em;
	line-height:1.335em;
	color:#ffffff;
}
ol#menuTop li a span{
	display:block;
	font-weight:bold;
	background:url(../media/image/bg-separMenuTop-li_red.gif) right top no-repeat;
	padding:0.2em 1.7em 0.1em 1.5em;
	line-height:1.335em;
}
ol#menuTop li.black a{
	display:block;
	background:url(../media/image/bg-menuTop-li_black.gif) left top repeat-x;
}
ol#menuTop li.black a span{
	display:block;
	background:url(../media/image/bg-separMenuTop-li_black.gif) right top no-repeat;
	padding:0.2em 1.4em 0.1em 1.4em;
	line-height:1.335em;
}
/** sous menu ***************/


ol#menuTop li ol.subMenu{
	display:block;
	position:absolute;
	margin:0;
	background:url(../media/image/bg-MenuTop-subMenu.gif) #cd020d left bottom repeat-x;
}
ol#menuTop li.black ol.subMenu{
	display:block;
	position:absolute;
	margin:0;
	background:url(../media/image/bg-MenuTop-subMenu-black.gif) #5d5c5c left bottom repeat-x;
}
ol#menuTop li ol.subMenu li{
	display:block;
	float:none;
	padding:0 0.2em;
}
ol#menuTop li ol.subMenu li a{
	background:url(../media/image/arrow-subMenu.gif) 0.5em 0.5em no-repeat;
	padding:0.2em 0.7em 0.2em 1.6em;
	margin:0.2em 0.7em 0.2em 0;
	font-weight:bold;
}
ol#menuTop li.black ol.subMenu li a{
	background:url(../media/image/arrow-subMenu-black.gif) 0.5em 0.5em no-repeat;
	padding:0.2em 0.7em 0.2em 1.6em;
	margin:0.2em 0.7em 0.2em 0;
	font-weight:bold;
}
ol#menuTop li ol.subMenu li.selected{
}
ol#menuTop li ol.subMenu li.selected a, ol#menuTop li ol.subMenu li a:hover{
	background:url(../media/image/arrow-subMenu-selected.gif) 0.5em 0.5em no-repeat;
	margin:0.2em 0.7em 0.2em 0.5em;
	padding:0.2em 0.7em 0.2em 1.1em;
	color:#cd020d;
	background-color:#ffffff;
}
ol#menuTop li.black ol.subMenu li.selected a, ol#menuTop li.black ol.subMenu li a:hover{
	background:url(../media/image/arrow-subMenu-selected-black.gif) 0.5em 0.5em no-repeat;
	margin:0.2em 0.7em 0.2em 0.5em;
	padding:0.2em 0.7em 0.2em 1.1em;
	color:#5e5e5e;
	background-color:#ffffff;
}

ol#menuTop li ol.subMenu li.top5 {
	font-size:1.2em;
	font-weight:bold;
	margin:0.2em 0.7em 0.2em 0.5em;
	padding:0.2em 0.7em 0.2em 1.8em;
	color:#ffffff;
	background-color:#7e0003;
}

/** fil d'ariane ********************************************/
ol#arianeMenu{
	background:url(../media/image/bg-arianeMenu.gif) left bottom repeat-x;
	padding-bottom:1.3em;
}
ol#arianeMenu li{
	display:inline;
	font-size:1.2em;
	line-height:1.335em;
}
ol#arianeMenu li a{
	text-decoration:underline;
}
ol#arianeMenu li.last a{
	text-decoration:none;
}
ol#arianeMenu li.impression{
	margin-left:180px;
}
ol#arianeMenu li a:hover{
	color:#ca020c;
}

/** footer **************************************************/
div#footer{}
div#footer ol#first{
	background:url(../media/image/bg-footer.gif) left top repeat-x;
	padding:0 0 0 7em;
	overflow:hidden;
}
div#footer ol#first li{
	display:block;
	float:left;
	background:url(../media/image/bg-footer-separ.gif) right top no-repeat;
	padding:0.2em 0.8em 0.3em 0.6em;
}
div#footer ol#first li.last{
	background:0 none;
}
div#footer ol#first li a{
	font-size:1.2em;
	font-weight:bold;
	color:#ffffff;
}
div#footer ol#second{
	padding:1em 0;
	background-color:#000000;
	text-align:center;
}
div#footer ol#second li{
	display:inline;
	font-size:1.2em; color:#ffffff;
	font-weight:bold;
}
div#footer ol#second li a{
	font-size:1em;
	font-weight:bold;
	color:#ffffff;
}
form#followArticle{
	margin:1em 1em 0 1em;
	position: relative;
}
form#followArticle div#msgFollow p{
	text-align: center;
	font-size: 1.05em;
}
form#followArticle div#errorEmailToFollow{
	top: 22px;
	left: 0px;
	height: 17px;
	width: 18em;
	padding-left: 2px;
	position:absolute;
	border: solid 1px #535353;
	background-color:#FFFF66;
}
form#followArticle div#msgFollow {
	position: absolute;
	top: 10px;
	left: 60px;
	width: 320px;
	height: 70px;
	border: solid 1px #800000;
	background-color:#EBEBEB;
	text-align:center;
}
form#followArticle div#msgFollow img{
	float: left;
	margin: 10px 10px 0px 10px;
}
form#followArticle div#msgFollow div#closeMsgFollow{
	border-left: solid 1px #800000;
	border-bottom: solid 1px #800000;
	width: 10px;
	height: 10px;
	line-height: 10px;
	text-align: center;
	text-transform: uppercase;
	position: absolute;
	top: 0px;
	right: 0px;
}
form#followArticle div#errorEmailToFollow img{
	vertical-align:middle;
	margin: 0 3px 0 0;
}
form#followArticle label{
	font-size:1.3em;
	line-height:1.23em;
	font-weight:bold;
}
form#followArticle input#mailFieldFollow{
	font-size:1.2em;
	line-height:1.335em;
	display:block;
	float:left;
	margin:0.5em 0.5em 0 0;
	width:15em;
}
form#followArticle input#submitMailFollow{
	display:block;
	float:left;
	margin-top:0.6em;
}
form#followArticle div#msgFollow table label {
color:#D90000;
font-size:1.6em;
font-weight:bold;
font-size:9px;
margin-bottom:2px;
padding-bottom:2px;
vertical-align:middle;
}
form#followArticle div#msgFollow table input {
margin-left: 10px;
}
form#followArticle div#msgFollow input#submitMsgFollow{
	background: transparent url("../media/image/bg-submit-msg-newsletter.gif") 0px 0px repeat-x;
	border:solid 1px #a4a4a4;
	color: white;
	margin-top: 3px;
	position: absolute;
	top: 25px;
	left: 250px;
	font-size:0.95em;
}

/************* Commentaires ***************/
/** formulaire envoi commentaire **********/
form.postComment{
	background:url(../media/image/bg-textarea.gif) left top repeat-x;
	padding:1em;
	border-bottom:solid 1px #d7d7d7;
	margin-top:1em;
	overflow:hidden;
	position:relative;
}
form.postComment label{
	font-size:1.5em;
	font-weight:bold;
}
form.postComment textarea{
	display:block;
	font-size:1.2em;
	line-height:1.335em;
	width:100%;
	height:10em;
	border:solid 1px #aa0005;
	margin:0.5em 0;
}
form.postComment input#submitCom{
	float:right;
	position:relative; 
}

/** Messages affichés dans le textarea **********/

form.postComment span.msg_success
{
	position: absolute;
	top: 70px;
	left: 120px;
	border: 1px solid #AA0005;
	background-color: #E2FECF;
	width: 230px;
	height: 40px;
	line-height:20px;
	text-align: center;
}

form.postComment span.msg_echec
{
	position: absolute;
	top: 70px;
	left: 80px;
	border: 1px solid #AA0005;
	background-color:#FFD2D6;
	width: 310px;
	height: 40px;
	line-height:20px;
	text-align: center;
}

form.postComment span.msg_echec a
{text-decoration: underline;}

form.postComment span.msg_warning
{
	position: absolute;
	top: 70px;
	left: 115px;
	border: 1px solid #AA0005;
	background-color:#FFF9DD;
	width: 240px;
	height: 40px;
	line-height:40px;
	text-align: center;
}