/*
	Larousse.fr - Structure générique de page
*/
/* --------------------------------------------------------
	Bloc Entete site
    --------------------------------------------------------*/
* {
	padding: 0;
	margin: 0;
}
img{
	border:none;
}

fieldset, form{
	border:none;
	margin:0;
	padding:0;
}
.left{
	float:left;
}

.right{
	float:right;
}

#header, #logo
{
	height: 137px;
	background-color: transparent;
	background-repeat: no-repeat;

}
#header {
	/*margin-left:10px;*/
	margin-left:12px;
	background:url(../img/v2/page/trame_header.gif) left top no-repeat;
	height:172px;	
}
#logo {
	background-image: url(../img/v2/portail/logo_larousse.gif);
	background-position: 0 0;
	/*width: 242px;*/
	float: left;
	width: 238px;
	height: 119px;
	margin-left:5px;
	_margin-left:0px;	
}
#logo a {
	/*width: 242px;
	height: 137px;*/
	float:left;
	width: 238px;
	height: 119px;	
}
#logo:hover {
	background-image: uurl(../img/v2/portail/logo_larousse.gif);
}
.virtual {
	width: 1px;
	height: 1px;
	height:1px;
	left:0;
	margin:-500em;
	padding:0;
	position:absolute;
	top:-500em;
	width:1px;
}
/* --------------------------------------------------------
	Bloc Nous contacter + newsletter
    --------------------------------------------------------*/
#headerRight {
	text-align:right;
	float:right;
	color:#fff;
	font-size:11px;
	margin-right:5px;
	margin-top:5px;
}
/*#headerRight .mentions {
	float:left;
}
#headerRight .compte{
	float:left;
	margin-left:5px;
}
#headerRight .connect{
	float:left;
	margin-left:5px;
}*/
#headerRight .contact {
	float:left;
	margin-top:7px;
}
#headerRight .space{
	float:left;
	margin-left:5px;
	margin-top:7px;
}
#headerRight .news{
	float:left;
	margin-left:5px;
	margin-top:7px;
}
#headerRight .inscr_news{
	float:left;
	margin-left:5px;
	background:url(../img/v2/portail/bg_champs_news.gif) no-repeat;
	height:23px;
	margin-left:5px;
	margin-right:4px;
	padding-right:10px;
	padding-top:4px;
	width:157px;
	_padding-top:0px;
	_height:27px;	
}
*+html #headerRight .inscr_news{
	padding-top:0px;
	height:27px;
}
#headerRight .inscr_news input{
	border:none;
	background:none;
	font-size:11px;
	width:120px;
	height:22px;
	margin-right:5px;
	_float:left;
	_padding-top:8px;
	_margin-left:5px;	
}
*+html #headerRight .inscr_news input{
	float:left;
	padding-top:8px;
	margin-left:5px;		
}
#headerRight .inscr_news input.btn{
	background:url(../img/v2/portail/bt_ok_news.gif) no-repeat;
	width:21px;
	height:21px;
	margin:0;
	_margin:3px 0 0 5px;
	_padding:0;
	_float:left;	
}
*+html #headerRight .inscr_news input.btn{
	margin:4px 0 0 5px;
	padding:0;
	float:left;
}
#headerRight a{
	color:#fff;
	cursor:pointer;
	text-decoration:underline;
}
#headerRight a:hover{
	color:#fff;
	cursor:pointer;
	text-decoration:underline;
}
#headerRight .inscr_news fieldset{
	border:none;
	margin:0;
	padding:0;
}
#headerRight .inscr_news legend{
	text-indent:-9000px;
	display:block;
}
/* --------------------------------------------------------
	Bloc PUB Bandeau horizontal
    --------------------------------------------------------*/
#pub1 {
	float:right;
	height:90px;
	/*margin-right:10px;*/
	margin-right:14px;
	margin-top:4px;
	width:728px;
	_margin-right:8px;
}	
/* --------------------------------------------------------
	Bloc Menu Principal
    --------------------------------------------------------*/
.breaker{
	clear:both;
	margin:0;
	padding:0;
	height:0;
	width:0;
	line-height:0;
	font-size:0;
}
ol, ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
#menu {
	background:url(../img/v2/portail/trame_navigation.gif) repeat-x;
	/*float:right;*/
	margin-right:13px;
	margin-top:11px;
	clear:both;
	height:40px;
	position:relative;
	_height:37px;
	_margin-top:8px;
}

#menu li{
	float:left;
	line-height:40px;
	text-align:center;
	_line-height:37px;	
}

#menu li a{
	color:#fff;
	text-transform:uppercase;
	font-size:12px;
	text-decoration:none;
	height:40px;
	display:block;
	border-right:solid 1px #e4e2e2;
	_height:37px;	
}
#menu li a:hover{
	color:#333;
}
#menu li a span{

}
#menu li a .virtual {
	width:auto;
	height:auto;
	left:0;
	margin:0;
	padding:0;
	position:static;
	top:0;
	display:block;
	padding-top:3px;
}
#accueil a{
	height: 40px;
	width : 40px;
	display:block;
	border-left:solid 1px #e4e2e2;
	_height:37px;	
}
#accueil a img{
	border:none;
}
#encyclopedie a{
	background: url(../img/v2/portail/bg_encyclo_of.gif) repeat-x top left;
	width : 140px;
}
#encyclopedie a:hover{
	background: url(../img/v2/portail/bg_encyclo_on.gif);
}
#encyclopedie.active a{
	background: url(../img/v2/portail/bg_encyclo_on.gif);
	color:#333;
}
#dictionnaires a{
	background: url(../img/v2/portail/bg_dictionnaire_of.gif) repeat-x;
	width : 131px;
}
#dictionnaires a:hover{
	background: url(../img/v2/portail/bg_dictionnaires_on.gif) repeat-x;
}
#dictionnaires.active a{
	background: url(../img/v2/portail/bg_dictionnaires_on.gif) repeat-x;
	color:#333;
}
#bibliotheque a{
	background: url(../img/v2/portail/bg_bibliotheque_of.gif) repeat-x;
	width : 206px;
}
#bibliotheque a:hover{
	background: url(../img/v2/portail/bg_bibliotheque_on.gif) repeat-x;
}
#bibliotheque.active a{
	background: url(../img/v2/portail/bg_bibliotheque_on.gif);
	color:#333;
}
#menu #elibrairie a{
	width : 206px;
	color:#a3bc1f;
	text-transform:none;
	font-size:14px;
	width:144px;
}
#menu #elibrairie a:hover{
	/*background:#e4e2e2;*/
}
#menu #elibrairie a span{
	display:block;
	background: url(../img/v2/portail/caddie.gif) no-repeat 20px 15px;
	padding:3px 0 0 20px;
}
#menu #elibrairie a:hover span{
	display:block;
	background: url(../img/v2/portail/caddie.gif) no-repeat 20px 15px;
	color:#a3bc1f;
}
#menu #compte a{
	text-transform:none;
	font-size:14px;
	border-right:none;
	width:312px;
	text-align:left;
}
#menu #compte.active_espace_perso a{
	text-transform:none;
	font-size:14px;
	border-right:none;
	width:313px;
	text-align:left;
}
#menu #compte a:hover{
	background:#e4e2e2;
}
#menu #compte.compte_active a, #menu #compte.compte_active a:hover{
	background:#e4e2e2;
	width:313px;
}
#menu  .active_espace_perso {
	background:#e4e2e2;
}
#menu #compte a span{
	display:block;
	height:40px;
	line-height:40px;
	margin:0;
	background: url(../img/v2/portail/fleche.gif) no-repeat 13px 12px;
	padding:0px 0 3px 41px;
}
#menu #compte a span{
	display:block;
	height:40px;
	line-height:40px;
	margin:0;
	background: url(../img/v2/portail/fleche.gif) no-repeat 13px 12px;
	padding:0px 0 3px 41px;
}
#menu #compte a span .disconnect {
	position:absolute;
	top:26px;
	right:115px;
	height:auto;
	width:auto;
	line-height:10px;
	font-size:10px;
	font-weight:normal;
	font-style:normal;
	text-decoration:underline;		
	cursor:pointer;
}
#menu #compte.active_espace_perso a span{
	display:block;
	background: url(../img/v2/portail/fleche_on.gif) no-repeat 13px 12px;
	padding:0px 0 3px 36px;
}
#menu  .active_espace_perso span{
	display:block;
	background: url(../img/v2/portail/fleche_on.gif) no-repeat 13px 12px;
	color:#333;
}
#menu #compte a:hover span{
	display:block;
	background: url(../img/v2/portail/fleche_on.gif) no-repeat 13px 12px;
	color:#333;
}
#menu #compte.compte_active a span, #menu #compte.compte_active a:hover span{
	display:block;
	background: url(../img/v2/portail/fleche_on.gif) no-repeat 13px 12px;
	color:#333;
}
#menu #compte .perso{
	background: url(../img/v2/portail/perso.png) no-repeat;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../assets/img/v2/portail/perso.png, sizingMethod=image);
	width:38px;
	height:45px;
	position:absolute;
	top:-6px;
	right:50px;
}
#menu #compte .perso_selected{
	background: url(../img/v2/portail/perso_selected.png) no-repeat;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../assets/img/v2/portail/perso_selected.png, sizingMethod=image);
	width:38px;
	height:45px;
	position:absolute;
	top:-6px;
	right:76px;
}
#menu #compte a .plus{
	background: url(../img/v2/portail/plus.gif) no-repeat;
	width:19px;
	height:19px;
	position:absolute;
	top:12px;
	right:18px;
}
#menu #compte a:hover .plus{
	background: url(../img/v2/portail/plus_on.gif) no-repeat;
	width:19px;
	height:19px;
	position:absolute;
	top:12px;
	right:18px;
}
#menu #compte a .messages{
	background: url(../img/v2/portail/ico_mess_compte.gif) no-repeat right;
	position:absolute;
	top:12px;
	right:10px;
	color: #ffffff;
	font-size: 11px;
	padding: 2px 30px 2px 0;
	overflow: hidden;
	line-height: 14px;
	cursor: pointer;
}
#menu #compte.active_espace_perso a .message_espace_perso{
	background: url(../img/v2/portail/ico_mess_esp_perso.gif) no-repeat top center;
	position:absolute;
	top:6px;
	right:6px;
	color: #333333;
	font-size: 11px;
	padding: 0;
}
#menu #compte a:hover .messages{
	background: url(../img/v2/portail/ico_mess_compte_on.gif) no-repeat right;
	position:absolute;
	top:12px;
	right:10px;
	color: #333333;
	font-size: 11px;
	padding: 2px 30px 2px 0;
	overflow: hidden;
	line-height: 14px;
	cursor: pointer;
}
#menu #compte.compte_active a .messages, #menu #compte.compte_active a:hover .messages{
	background: url(../img/v2/portail/ico_mess_compte_on.gif) no-repeat right;
	position:absolute;
	top:12px;
	right:10px;
	color: #333333;
	font-size: 11px;
	padding: 2px 30px 2px 0;
	overflow: hidden;
	line-height: 14px;
	cursor: pointer;
}
/*#cuisine a{
	background: url(../img/v2/portail/bt_cuisine_of.gif)repeat-x;
	width : 64px;
}
#cuisine a:hover{
	background-image: url(../img/v2/portail/bt_cuisine_on.gif);
}
#boutique a{
	background-image: url(../img/v2/portail/bt_boutique_of.gif);
	background-position: top left;
	width : 75px;
}
#boutique a:hover{
	background-image: url(../img/v2/portail/bt_boutique_on.gif);
}
#assistance a{
	background-image: url(../img/v2/portail/bt_assistance_of.gif);
	background-position: top left;
	width : 88px;
}
#assistance a:hover{
	background-image: url(../img/v2/portail/bt_assistance_on.gif);
}
#editions a{
	background-image: url(../img/v2/portail/bt_editions_of.gif);
	background-position: top left;
	width : 132px;
}
#editions a:hover{
	background-image: url(../img/v2/portail/bt_editions_on.gif);
}*/
/* --------------------------------------------------------
	Bloc service (portail - dictionnaires, encyclo etc..
    --------------------------------------------------------*/
#service {	
	/*height:400px;*/
	margin:0 5px;
	background:#e6e4e4;
}
/* --------------------------------------------------------
	Pied de page
    --------------------------------------------------------*/
	
/* @groupe BOTTOM */
#pagebottom{
	width:100%;
    background: #e1e1e1 url(../img/v2/page/page_bottom.gif) no-repeat center top;
	color:#666;
	font-size:12px;
	height:15px;
	padding-top:9px;
	text-align:center;                          /* FIX IE 6 / 7 */
    clear:both;
}

#pagebottom ul {
    margin: 3px auto;
    padding: 0;
    list-style-type: none;
    list-style-position:inside;
    display:table;                              /* Firefox, Opera, Safari */
    /display:inline;                            /* IE 6 / 7 */
    /zoom:1;
}

#pagebottom ul li {
    float:left;
    margin:0;
    padding:0 20px;
    width:auto;
    white-space:nowrap;
    text-align:center;
    border-right: 1px solid #666;
}

#pagebottom ul li.last {
    border:none;
	float:right;
}

#pagebottom a{
    text-align:center;
    white-space:nowrap;
	color:#666;
	text-decoration:none;
}
#pagebottom a:hover{
	color:#035793;
}
/* @end BOTTOM *//*
      Portail - Page Accueil 
*/
#accueil_content {
	float:left;
	font-size:12px;
/*	margin-left:10px;*/
	width:980px;
	background:url(../img/v2/page/bg_page.jpg) no-repeat top right #e6e4e4;
}
#header_article {
	height:65px;
	margin:10px 18px 0;
}

.bg_champs{
	height:27px;
	background-image: url(../img/v2/portail/coin_left_champs.gif);
	padding:0 0 0 11px;
	width:270px;
	float:left;
	margin-bottom:5px;
}

.bg_champs span{
	background-image: url(../img/v2/portail/coin_right_champs.gif);
	padding:0 5px 0 0;
	height:27px;
	display:block;
}

.bg_champs input{
	background-image: url(../img/v2/portail/bg_champs.gif);
	height:21px;
	border:none;
	width:265px;
	padding-top:6px;
	color:#333;
}

*+html .bg_champs input{
	margin-top:-1px;
}

* html .bg_champs input{
	margin-top:-1px;
}


#header_article .recherche a{
	color:#333;
	border-bottom:solid 1px #f78624;
	text-decoration:none;
}
#header_article .recherche a{
	color:#333;
	border-bottom:solid 1px #f78624;
	text-decoration:none;
}
#header_article a.rech_simple{
	color:#333;
	font-weight: normal;
	text-decoration:none;
}
#header_article a.current{
	font-weight: bold;
}
#header_article a.rech_simple span{
	border-bottom:solid 1px #f78624;
	/*display: block;*/
	float: left;
	cursor: pointer;
}
#header_article a.rech_thematik span{
	border-bottom:solid 1px #f78624;
	/*display: block;*/
	float: right;
	cursor: pointer;
}
.sep-search {
	float:left;
	margin:0 0 0 20px;
}
#header_article .recherche a.telecharger{
	background: url(../img/v2/portail/fleche_bas.gif) no-repeat;
	padding-left:20px;
	border:none;
	margin:32px 0 0 10px;
	float:left;
}

#header_article .recherche a.telecharger span{
	color:#333;
	border-bottom:solid 1px #f78624;
	text-decoration:none;
}