/* reseaudencia skin.css 08/2009 */

/*edit Edouard 12/03/10 - Modif suite aux retour sur la recette*/

body, p, h1, h2, h3, h4 {
	margin:0;
	padding:0;
	color: #333;
}
*{outline:none;}

h1 { font-size: 17px }
h2 { font-size: 15px }
h3 { font-size: 13px }
h4 { font-size: 11px }

.nav {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

body { 
	background-color: #fff;
	background-image: url("images/body_bg.jpg");
	background-repeat: repeat-x; 
	background-position: left top;
	font-family: Arial, sans-serif;
	font-size: 9pt;
	line-height: 1.1em;
}

/**-- queleque class generiques ---*/
.blue-link {	color: #193B71 ; padding: 5px}
.blue-link:hover {	color:#3AC0E6;}

.oball {	
	padding-left: 25px;
	height: 20px;
	line-height: 20px;
	background-image: url("images/oball.png");
	background-repeat: no-repeat;
	text-transform: uppercase;
	color: #193B71 ;
}


.fleche {	
	padding-left: 10px;
	background-image: url("images/fleche1.png");
	background-position: left center;
	background-repeat: no-repeat;
	margin-left:10px;	
}

.fleche:hover {
	background-image: url("images/fleche2.png");
}



.bleu1 {color: #193b71; }
.bleu2 {color: #193b71; }


#main {
	width: 1000px;
	margin: 0 auto;
}

#header {
	height: 146px; 
	background-image: url("images/header.jpg");
	background-repeat: no-repeat; 
	background-position: left top;
	position: relative;
	z-index: 600
}

#header-logo {
	width: 400px;
	height: 80px;
	display: block;
	text-indent: -9000px;
	overflow: hidden;
}

.header-login-form {
	text-align:center;
	width:210px;
	float: right;
	top: 93px;
	position: absolute;
	right: 5px;
	z-index: 600;
}
.loggedin{

	background:transparent url(images/loggedin.jpg) repeat scroll 0 0;
	height:42px;
	right:9px;
	top:86px;
	width:217px;

}


.loggedin a:hover {
	text-decoration: underline;

}

.affiche_a_cote {
	margin: 8px 0;
	font-size: 11px;
}

.nom_prenom  {
	margin: 7px 0 0 0;
}
.nom_prenom a  {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
}

.deconn {
	text-decoration: none;
	font-size: 11px;
	color: #fff;
}



.forgotten-pass {
	bottom: 3px ;
	color:#FFFFFF;
	float:right;
	font-size:10px;
	font-weight:bold;
	position:absolute;
	right:0px;
	white-space:nowrap;
}

#aj_loading {
		background: transparent url("images/aj_loading.gif") no-repeat center center;
		display: block;
		width: 100%;
		height: 260px;
		display: none;
}

.password-field, .login-field, .password{
	background:transparent none;
	border:0 none;
	float:left;
	height:14px;
	color: #4e7aa7;
	margin:0;
	padding:0;
	width:83px;
	cursor: text;
	line-height: 14px;
	font-size: 9px;
	font-weight: bold;
	clear: left;
	text-align: center;
	line-height: 14px;
}

.password-field, .password { margin-top: 3px}
.login-field {}

.submit-input  {
	border: 0 none;
	right: 100px;
	width: 20px;
	height: 20px;
	bottom: 0;
	background: transparent none;
	cursor: pointer;
	display: block;
	line-height: 20px;
	padding: 5px;
}

.notext {
	text-indent: -9000px;
	position: absolute;
	overflow: hidden;
	font-size: 0px;
	line-height: 0px;
}

/* ---  Menus -----*/


#mesnus .sous_menu {
	display: block;
	padding: 0;

}

#menus {
	position: absolute;
	width: 1000px;
	left: 2px;
	top: 87px;
	padding: 0;
	margin: 0;
}

#menus .menu a {
	color:#44baea;
	display:block;
	font-weight:bold;
	text-decoration:none;
}


#menus a:hover , #menus a.current  {
	color: #b6d5ef;
}

#menus .menu {
	display: block;
	float: left;
	width: 153px;
	text-align: left;
	overflow: visible;
}

#menus .niv0 {
	height:39px;
	overflow: hidden;
	text-indent: -9000px;
	font-size: 0;
	line-height: 0;
}
/*
.niv0:hover {
	background-image: url("images/menuh.png");
}*/

.current { color:red}

.block { display: block }

.close {
	background-image: url("images/icon_close.gif");
	background-repeat: no-repeat;
	background-position: left top;
	height: 10px;
	width: 10px;
	display: block;
	position: absolute;
	top: -1px;
	right: 2px;
	cursor: pointer;
}
.close2 {
	right: 0px;
}

.sous-menu-current,.sous-menu-2-current ,.sous-menu-3-current, .ul-current { display: block }

.line {
	border-top:1px solid #396BA8;
	height:0;
	left:2px;
	line-height:0;
	position:absolute;
	right:5px;
	top:0;
	z-index:200;
}

/*#menus li { position: relative }*/

#menus .sous-menu{
	display: none;
	width: 162px;
	text-align: center;
	position: absolute;
	top: 35px;
	z-index: 500;
	list-style-type: none;
	padding: 0;
	margin-left: -2px
}


#menus .sous-menu-2{
	display: none;
	width: 162px;
	left: 145px;
	text-align: center;
	position: absolute;
	z-index: 550;
	list-style-type: none;
	top:0;
	padding: 0;
}
*+html  #menus .sous-menu-2{ left: 116px}
 #menus .sous-menu-3{
	display: none;
	width: 162px;
	text-align: center;
	position: absolute;
	z-index: 600;
	list-style-type: none;
	left: 145px;
	top:0;
	padding: 0;
}
*+html  #menus .sous-menu-3{ left: 116px}
#menus .sous-menu li {
	background-image: url("images/sous_menu_bg2.png");
	background-repeat: repeat-y;
}

#menus .sous-menu .sous-menu-bas {
	background-image: url("images/sous_menu_bas.png");
	background-repeat: no-repeat;
	background-position: left top;
	height: 15px;
	display: block;
}

#menus .sous-menu li {
	display: block;
	float: left;
	width: 162px;
	text-align: left;
	position: relative;
}


#menus .sous-menu a {
	color: #274e89;
	padding: 7px 10px;
	display: block;
}

#menus .sous-menu a span {
	color: #274e89;
	margin:0;
	font-weight: normal;
	display: block;
	margin :0;
	text-align: left;
}

#menus .sous-menu a:hover {    
	color: #44baea;
}

/* ----------- midd ------------*/
#midd {
	width: 100%;
	clear: both;
	position: relative;
}

#midd-left,#midd-right,#bottom_accueil {
	display: block;
	z-index: 300;
	
}
#midd-left {
	width: 273px;
	height: 321px;
	background-image: url("images/midd-left.png");
	background-repeat: no-repeat;

}

#midd-right {
	height: 321px;
	width: 714px;
	background-image: url("images/midd-right.png");
	background-repeat: no-repeat;
}

#bottom_accueil {
	background:transparent url("images/bottom_accueil_down.png") no-repeat bottom left;
	margin-top: 10px;
	color: #2a4c82;
	
}

.bottom_accueil_inner { 
	background: transparent url("images/bottom_accueil_top.png") no-repeat top left;

}

#bottom_table a img{
	border: 0 none;
}

#bottom_table img{
	margin-bottom: 5px;
}

#bottom_table td{}

#bottom_table td {margin: 0; padding: 5px; vertical-align: top; display: table-cell;overflow: hidden}
#bottom_table .left { width: 268px ;  border-right: 1px solid #5d95c7; overflow: hidden}
#bottom_table .center { width: 460px; border-right: 1px solid #5d95c7;overflow: hidden}
#bottommidd-left-nav_table .right { width: 268px}

#bas_partenaires
{
	background: transparent url("images/fond_espace_partenaire.png") no-repeat top left;
	padding-top: 10px;
}

/* --- midd-left ------ */
#midd-left-nav {
	margin:0;
	padding:0;
	position:absolute;
	width:270px;
	z-index: 400
}

#midd-left-nav li {
	height:38px;
	padding:25px 0 0 90px;
	float: left;
	margin: 0px !important; 
}

#midd-left-nav li a{
	line-height:1em;
	display: block;
	text-decoration: none;
	font-size: 1em;
	color: #444;
}

#midd-left-nav li a:hover{
	text-decoration: underline;
}

#midd-left-nav .agenda-plus-current { 
	display: block;
}

.agenda-plus{
	display: none;
	left:200px;
	position:absolute;
	width:236px;
	z-index: 1500;
	font-size: 11px;
	margin-top: -20px
}

.offres-plus{
	display: none;
	left:200px;
	position:absolute;
	width:236px;
	z-index: 1500;
	font-size: 11px;
	margin-top: -20px
}

.nominations-plus{
	display: none;
	left:200px;
	position:absolute;
	width:236px;
	z-index: 1500;
	font-size: 11px;
	margin-top: -20px
}

.agenda-plus-midd {
	background-image:url(images/agenda-plus-midd.png);
	background-repeat: repeat-y;
	font-size: 1em;
	font-weight: normal;
	padding: 10px;
}

.agenda-plus-top {
	background-image:url(images/agenda-plus-top.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 5px;
}

.agenda-plus-bottom {
	background-image:url(images/agenda-plus-bottom.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 5px;
	
}

#midd-left-nav .agenda-plus a,#midd-left-nav .offres-plus a , #midd-left-nav .nominations-plus a { 
	color: #193b71;
	display: block;
	font-size: 12px;
	/*text-decoration: underline;*/
	clear: both;
	padding: 3px 0;
	padding-left: 10px;
	line-height: 1.3em;
	font-size: 11px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}


#midd-left-nav .agenda-plus a:hover,#mid-left-nav .offres-plus a:hover, #midd-left-nav .nominations-plus a:hover { 
text-decoration: underline;background-color: #fff;
}

.lnav-agenda { z-index: 100 ; line-height: 1.5em}

/* --- midd-right ----*/
#midd-right {
	position: relative;
	z-index: 100
}

ul#midd-right-nav {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	padding: 0;
	margin: 0;
}

ul#midd-right-nav li {
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	font-size: 0;
	display: block;
	float: left;
	height: 50px; 
}

ul#midd-right-nav li a {
	height: 50px;
	display: block;
}

.actualites a {
	background-image: url("images/actualites.png");
	width: 96px;
}

.communautes a {
	background-image: url("images/communautes.png");
	width: 167px;
}

.newsletter a {
	background-image: url("images/newsletter.png");
	width: 103px;
}

.magazine a {
	background-image: url("images/magazine.png");
	width: 144px;
}
.photos a {
	background-image: url("images/galerie.png");
	width: 111px;
}

.videos a {
	background-image: url("images/video.png");
	width: 92px;
}

/* ----- */
.actualites a:hover,.actualites a.current {background-image: url("images/actualitesh.png");}
.communautes a:hover,.communautes a.current  {background-image: url("images/communautesh.png");}
.newsletter a:hover,.newsletter a.current  {background-image: url("images/newsletterh.png");}
.magazine a:hover,.magazine a.current  {background-image: url("images/magazineh.png");}
.photos a:hover,.photos a.current  {background-image: url("images/galerieh.png");}
.videos a:hover,.videos a.current  {background-image: url("images/videoh.png");}

.tt-actualites {background-image: url("images/tt-actualites.jpg");}
.tt-communautes {background-image: url("images/tt-communautes.jpg");}
.tt-newsletter {background-image: url("images/tt-newsletter.jpg");}
.tt-magazine {background-image: url("images/tt-magazine.jpg");}
.tt-photos {background-image: url("images/tt-photos.jpg");}
.tt-videos {background-image: url("images/tt-videos.jpg");}
/* ------ */

.hidden { display: none}
#middright-midd {
	clear:both;
	height:260px;
	margin:0 5px;
	position:relative;
	top:50px;
	width:703px;
	overflow: hidden
}

#middright-midd a {
		color: #134D9F;
		text-decoration: non;
}
#middright-midd a:hover {
		color: #DFF1FF;
		text-decoration: underline;
}


#middright-midd-left, #middright-midd-center, #middright-midd-right {
	position: absolute;
}

#middright-midd-left {
	left: 0;
	width: 340px;
	margin: 0 10px 20px;
}

#middright-midd-center {
	height:98px;
	left:341px;
	top:32px;
	width:10px;
	position: relative;
}
#middright-midd-center .top, #middright-midd-center .down {
	width: 10px;
	height: 10px;
	position: absolute;
	display: block;
	overflow: hidden;
	text-indent: -9000px;
	font-size: 0; 
	line-height: 0;
	z-index: 500;
	background-position: center center;
	background-repeat: no-repeat;
}

#middright-midd-center .top { 
	background-image: url('images/warrow-top.png');
	top: 0
}
#middright-midd-center .down { 
	background-image: url('images/warrow-down.png');
	bottom: 0;
}


#middright-midd-right {
	right: 0;
	width: 340px;
	top: 0
}



#midd-right .titre { 
	width: 100%; 
	clear: both;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -8000px;
	font-size:0;
	line-height:0;
	height: 40px;
}

#midd-right .contenu {
	border-bottom: 1px dotted #193b71;
	height: 100px;
	color: #193b71;
	margin-bottom: 20px;
	
}

#midd-right h3 {
	font-size: 13px;
	font-weight: bold;
	color: #193b71;
}

#midd-right .detail {
	color:#FFFFFF;
	height:115px;
	margin-top:10px;
	overflow:hidden;
}

#midd-right .contenu {
	margin-top: 30px;

}

.div-haut {height: 110px;overflow-y: auto;position:relative;margin:0 5px 0;}
.div-bas {height: 110px;overflow: hidden;position:relative;margin:0 5px 0;}

.layer { float: left}
.password { display: none}
div#fancy_outer { z-index: 1200}

.table-pave-centrale {width: 100%; position: relative;height:260px}
.table-pave-centrale img {border:0 none;}
.table-pave-centrale td {width: 50%; height:260px;vertical-align:top}

.pavecentrale-td-left {
	background-image: url('images/table-pave-centrale-separateur.png');
	background-position: right center;
	background-repeat: no-repeat;
}

/*  PARTIE CSS PAVE CENTRALE POUR LA NEWSLETTER  */
.table-pave-centrale-newsletter {width: 100%; position: relative;height:260px}
.table-pave-centrale newsletter {border:0 none;}
.table-pave-centrale-td {width: 50%; height:260px;vertical-align:top}

.pavecentrale-td-left-newsletter {
	background-image: url('images/table-pave-centrale-separateur.png');
	background-position: right center;
	background-repeat: no-repeat;
}
/*   FIN  */

.h2-right {font-weight:bold;font-size: 14px;color: #fff;text-align:center;margin:40px 0 30px 0;}
.content-right {padding: 10px;}
.readmore-right span{text-decoration: none; color: #555;display:block;text-align:right;width:100%}
.readmore-right:hover span{color: #fff;text-decoration: underline}

.liens-gauche {
	display: block;
	padding: 5px 20px;
	width: 85%;
	color: #28518F;
	text-align: center;
}

.liens-gauche:hover {
	color: #fff;
	background: #296AAE;
	text-decoration: none;
}


.groupe , .groupe ul{padding: 0;margin:0;}
.groupes img {border: 0 none;}