/* CSS Document */

/* mise en page de l'interface */
#document {		/* cadre englobant tout le contenu */					
	margin:auto;					
	width:950px;
	background:#e3b760 url(../images/general/interface_fond_bas.gif) no-repeat center bottom;
	padding-bottom:40px;				
}
#tete {
	width:910px;
	margin-left:20px;
	height:120px;
	background-image:url(../images/general/entete.png);
	background-repeat:no-repeat;
}

#logo {			/* logo du site */
	margin:0px 20px 0px 20px;
	display:inline;
	float:left;
}

#recherche { float:left; margin-left:110px; margin-top:5px; font-size:12px; color:#fff;}
#forum { margin-bottom:17px; margin-left:30px; }

#themes {		/* les 7 onglets des 7 thèmes */
	margin:0px 30px 0px 30px;
	height:42px;
}

#menu {			/* le menu principal */
	width:910px;
	height:32px;
	background: url(../images/general/barre_menu.gif) no-repeat;
}

#menu a:link {color:#000;text-decoration:none;}
#menu a:visited {color:#000;text-decoration:none;}
#menu a:hover {color:#e3b760;text-decoration:none;}
.menu_texte {  /* le texte du menu : Ou acheter, forum, accueil ... */
	float:left;
	width:910px;
	height:22px;
	padding:7px 0px 0px 15px;
	font-size:12px;
	font-weight:bold;
	color: #000;
}
.menu_separation { 		/* ligne séparatrice entre chaque texte */
	vertical-align:middle; 
	padding: 0px 4px 0px 4px; 
}
.champ_recherche {		/* champ de recherche du menu */
	vertical-align:top;
	margin-top:6px;
	font-size:12px; 
	color:#666;
}
.bouton_recherche {margin-top:3px;} /* bouton pour lancer la recherche */

#demi_teinte_haut {		/* demi teinte (ronds) de la partie supérieure */
	padding:0px;
	width:910px;
	height:56px;
	background:#fff;
}

#principal {		/* cadre englobant le contenu de la page */
	margin:0px 20px 0px 20px;
	width:910px;
	background:#fff;
}

#titre {			/* titre de la page */
	height:27px;
	margin-left:20px;
	width:700px;
}

#demi_teinte_bas {	/* demi teinte (ronds) de la partie inférieure */
	clear:both;
	text-align:right;
	width:910px;
	height:34px;
	background:#fff;
}

#bas {		/* barre grise arrondie de fermeture du cadre */
	width:910px;
	height:19px;
}

#infoslegales {		/* informations légales de bas de page : contact, espace annonceur, presse ... */
	margin:0px 20px 0px 20px;
	text-align:center;
	font-size:11px;
	color:#fff;
	padding-top:5px;
	padding-bottom:20px;
}
#infoslegales a:link {color:#fff;text-decoration:none;}
#infoslegales a:visited {color:#fff;text-decoration:none;}
#infoslegales a:hover {color:#fff;text-decoration:underline;}


/* Special page thématiques */
#thematique {
	width:910px;
	min-height:200px; /* bug firefox (encore) */
	margin:10px 0px 20px 0px;
}
#thematique a:link {color:#66b2ff;text-decoration:none;}
#thematique a:visited {color:#66b2ff;text-decoration:none;}
#thematique span:hover {color:#66b2ff;text-decoration:underline;}
#thematique img:hover {text-decoration:none;} /* bug firefox 2 (encore et encore) */
/* ------------------------ */

/* Special page toutes les vidéos */
.multitheme {
	width:100%;
	float:left;
}

/* Special page video : icones sous le lecteur & résumé */
#plus_loin {
	float:left;
	width:705px;
	margin: 20px 0px 0px 20px;
}

#icone_forum, #icone_acheter, #icone_ouvrages, #icone_boutique, #icone_favoris {
	float:left;
	width:95px;
	height:65px;
	margin:20px 0px 20px 0px;
	padding: 5px 0px 0px 65px; 
}

#icone_forum { background:url(../images/general/pictoforum.jpg) no-repeat; margin-left:20px; }
#icone_acheter { background:url(../images/general/pictofrance.jpg) no-repeat; }
#icone_ouvrages { background:url(../images/general/pictolivre.jpg) no-repeat; }
#icone_favoris { background:url(../images/general/pictoetoile.jpg) no-repeat; }
#icone_boutique { background:url(../images/general/pictoboutique.jpg) no-repeat; }

#resume {
	float:left;
	width:705px;
	margin: 0px 0px 20px 20px;
	text-align:justify;
}

#outils {
	float:right;
	width:250px;
	margin: 0px 0px 10px 10px;
	padding-left:10px;
	text-align:justify;
	background:url(../images/general/separation_hte.png) repeat-y left;
}

#etapes {
	float:left;
	width:870px;
	margin: 0px 0px 20px 20px;
	text-align:justify;
}

.separation_icone { float:left;margin:20px 9px 0px 9px;}
.titre_icone { font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
.icone_lien:link {text-decoration:none;font-size:10px;font-family:Arial, Helvetica, sans-serif;}
.icone_lien:hover {text-decoration:underline;font-size:10px;font-family:Arial, Helvetica, sans-serif;}
.icone_lien:visited {font-size:10px;font-family:Arial, Helvetica, sans-serif;}
.icone_lien:active {font-size:10px;font-family:Arial, Helvetica, sans-serif;}
/* ------------------------ */

/* Special page d'accueil */
#animation_intro {
	width:910px;
	height:340px;
	margin-bottom:40px;
}
/* ------------------------*/

/* Pages avec publicité latérale : Forum, Ouvrages */
#contenu_avec_pub {
	width:750px;
	margin:30px 0px 20px 10px;
}

#selecteur {
	width:750px;
	margin:30px 0px 20px 10px;
	text-align:right;
}

.pubcarreedroite{
	float:right;
	width:312px;
	padding:5px 0 0 10px;
	height:255px;
	margin-right:10px;
	background-image:url(../images/accueilv2/fondpubaccueil.png);
}

.pubcarreegauche{
	float:left;
	width:312px;
	padding:5px 0 0 10px;
	height:255px;
	margin:10px;
	background-image:url(../images/accueilv2/fondpubaccueil.png);
}

/* ----------------------------- */

/* Pages sans publicité latérale */
#contenu_sans_pub {
	width:890px;
	margin:30px 0px 30px 10px;
}
/* ----------------------------- */

/* Page aide : explication du lecteur */
#aide_txt {
	width:550px;
	float:left;
	margin:20px;
}

#aide_img {
	width:300px;
	margin-top:20px;
	text-align:center;
	float:left;
	background-color:#fafafa;
}
/* ----------------------------- */

/* Page salons & événements */
.bloc_salons_description {
	float:left;
	margin-left:10px;
	width:570px;
	background-color:#c2e79e;
	overflow:hidden;
}
.bloc_salons_description div{
	margin: 0px 5px 0px 5px;
}

.bloc_salons_image {
	float:left;
	width:150px;
	text-align:center;
}

/* ----------------------------- */

/* Pages crédits & contact */
.mini_menu {
	float:left;
	width:200px;
	margin:30px 0px 0px 10px;
	background-color:#fafafa;
	padding-bottom:10px;
}
.mini_menu p{ margin-left:10px;}

#contenu_avec_menu {
	float:left;
	width:680px;
	margin:24px 0px 0px 10px;
}

#contenu_avec_videos { /* concerne la page annonceurs */
	float:left;
	width:340px;
	margin:30px 0px 0px 10px;
}
.videos_annonceurs_orange {	/* concerne la page annonceurs */
	width:318px;
	height:256px;
	background:url(../images/general/bloc_orange_annonceurs.gif);
	margin:0px 10px 30px 0px;
	padding-left:6px;padding-top:10px;
}
.videos_annonceurs_rouge {	/* concerne la page annonceurs */
	width:318px;
	height:256px;
	background:url(../images/general/bloc_rouge_annonceurs.gif);
	margin-right:10px;
	padding-left:6px;padding-top:10px;
}

.fiche_id {	/* concerne la page crédits */
	width:306px;
	height:69px;
	margin:0px 0px 20px 20px;
	padding:15px 0px 10px 90px;
	background: url(../images/general/fiche_id.gif) no-repeat;
}
.mini_titre {
	background: url(../images/general/mini_titre.gif) no-repeat;
	color:#fff;
	font-size:12px;
	height:20px;
	font-weight:bold;
	padding-left:30px;
}
.carnet_adresses {	/* concerne la page contact */
	margin:0px 20px 0px 20px;
	background-color:#fff;
	border:1px solid #d5d8d5;
}
.telechargement {	/* concerne la page espace annonceurs */
	margin:10px 10px 0px 10px;
	border:1px solid #d5d8d5;
	background:url(../images/general/fleche.jpg) no-repeat top right #fff;
}

.interview {
	float:left;
	width:320px;
	margin:30px 10px 0px 10px;
}
/* ----------------------------- */
/* Ou acheter ? */
/* fichier séparé : voir ou_acheter.css */
/* ----------------------------- */

/* ----------------------------- */
/* Page thématiques
/* ----------------------------- */
.menu_theme {
	margin:15px 10px 20px 10px;
	background:url(../images/general/pictovideo.jpg) no-repeat;
	padding-left:70px;
	text-align:justify;
}

.infobulle{
    width:276px;
	height:250px;
	position: absolute;   
    visibility : hidden;
    padding:20px 14px 0 10px;
    font-size: 11px;
    background:url(../images/accueilv2/descbulle.png) no-repeat;
	text-align:justify;
	opacity : 0.9;
}

.infobulle img {
	float:left;
	margin:4px 4px 0 0;
	border:1px solid #222;
}

.infobulle p {
	color:#999;
	border-top:1px solid #ccc;
	margin:10px 8px 0 8px;
	text-align:center;
	padding:0;
}


/* Espaces publicitaires */
#partenaires {
	width:910px;
	background:#fff;
	text-align:center;
}
#partenaires img {
margin:3px;
}


.pubv {
	float:right;
	margin-right:15px;
	width:120px;
	height:600px;
	background-color:#fafafa;
	border:1px solid #999;
}

.pubh {
	width:910px;
	text-align:center;
	margin: 20px 0px 20px 0px;
}

.pub_rectangle {
	width:300px;
	height:250px;
	margin:10px 0;
}

#pubprincipale {
	width:840px;
	padding-left:110px;
	padding-top:1px;
	height:91px;
	margin-bottom:10px;
	background:url(../images/accueilv2/fondpub.png) repeat-x;
}

/* Balises */
body {			
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
	text-decoration:none;
	background:#ffda93;
	margin:0px;
	padding:0px;
}
h1 { display:inline; }
/* h2 : selon couleur de page, dans feuille à part */
h3 { font-size:13px; font-weight:bold; color:#996633; margin-bottom:10px;margin-top:0px; border-bottom:1px dotted #996633; }
h4 {font-size:13px;font-weight:bold; color:#fff; display:inline; }
h5 { font-size:12px; font-weight:bold; color:#5d4516 }
img { border:0px; }
form { display:inline;}
a:link {color:#66b2ff;text-decoration:none;}
a:visited {color:#66b2ff;text-decoration:none;}
a:hover {color:#66b2ff;text-decoration:underline;}

/* Styles */
.lienbeige:link {color:#ffda93;text-decoration:none;}
.lienbeige:visited {color:#ffda93;text-decoration:none;}
.lienbeige:hover {color:#ffda93;text-decoration:underline;}

.texte { color:#5d4516;}
.petit_texte { color:#666; font-size:10px; }
.justifier { text-align:justify;}
.ligne_separation {color:#c0c0c0; background-color:#c0c0c0; height:1px; border:0px;margin-left:10px;margin-right:10px; }
.gras { color:#5d4516; font-weight:bold;text-decoration:none;}
.surgras { color:#996633; font-weight:bold;font-size:14px;}
.gauche { float:left; }
.droite { float:right; }
.textedroite { text-align:right; }
.gris { color:#999; }
.centre { text-align:center; }
.debug { clear:both } /* afin que les div englobent d'autres div correctement */ 

.vignette {
	float:left;
	padding:18px 0px 0px 0px;
	width:175px;
	height:210px;
	background:url(../images/general/ombre.gif) no-repeat;
	text-align:center;
}
.vignette img { border:solid 1px #222; }

.vignette_mini {
	float:left;
	padding-top:13px;
	width:120px;
	height:150px;
	background:url(../images/general/ombre_small.png) no-repeat top center;
	text-align:center;
	font-size:10px;
}
.vignette_mini img { border:solid 1px #222; }

.aligneur {
	clear:left;
	margin-top:30px;
	
}

.bulleforum {
	margin:20px 10px;
	height:55px;
}
.bulleforum img {
	float:left;
	margin-right:10px;
}

.menu_salons {
	margin:15px 10px 20px 10px;
	background:url(../images/general/pictosalons.jpg) no-repeat;
	padding-left:70px;
	height:54px;
}

.lienbreve:link { text-decoration:none; color:#000; }
.lienbreve:visited { text-decoration:none; color:#000; }
.lienbreve:active { text-decoration:none; color:#000; }
.lienbreve:hover { color:#900; }

#menu_rss {
	margin:15px 10px 20px 10px;
	background:url(../images/accueilv2/rss.png) no-repeat;
	padding-left:70px;
	text-align:justify;
}

  /* ---------------------- */
 /*     Dysign Network     */
/* ---------------------- */

#dysign-network {
	height:18px;
	text-align:right;
	padding-right:50px;
	padding-top:1px;
	font-size:11px;
	color:#fff;
	background:url(../images/dysign-network/reseau-dysign.png) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
}
#dysign-network img {
	vertical-align:middle;
}
#dysign-network a:link { color:#89d3ff; text-decoration:none; }
#dysign-network a:visited { color:#89d3ff; text-decoration:none; }
#dysign-network a:hover { color:#89d3ff; border-bottom:1px dotted #ffab26 ; }

#dysign-network .separation {
	margin:0 10px;
}