/* @override http://spoutnik.local:8086/css/structure.css */

/* CSS Document */
html {
	margin:0;
	padding:0;
	height:100%;
	/* overflow:hidden; */
	overflow-y:scroll;
}

body {
	margin:0;
	padding:0;
	height:100%;
	background-color:#f1f6dd;
}

/* ////////////////////////////////////////////////////// MASQUER POUR PRINT //////////////////////////////////////////////////////// */

#logoPourPrint {
	display:none;
}

#signaturePourPrint {
	display:none;
}

/* ////////////////////////////////////////////////////// BLOCS POUR CENTRER //////////////////////////////////////////////////////// */

#BIGblocCentre,#blocCentre {
	width:960px;
}

#blocCentre {
	position:relative;
	margin:0 auto;
}

/* ////////////////////////////////////////////////////// HEADER //////////////////////////////////////////////////////// */

div#header {
	position:absolute;
	top:4px;
	left:208px;
	background-repeat:no-repeat;
	height:385px; /* + 12px pour la marge d'en bas et en haut */
	width:752px;
	margin:0;
	padding:0;
	/* background-color:#000000; */
}

.headerThemerecherche { background-image:url(/img/fond-header/recherche.png); }
.headerThemeinscription_newsletter { background-image:url(/img/fond-header/default.png); }
.headerThemedesinscription_newsletter { background-image:url(/img/fond-header/default.png); }

.headerThemeaccueil { background-image:url(/img/fond-header/actualite-accueil.png); }
.headerThemeaccueilarchives { background-image:url(/img/fond-header/actualite-accueil.png); }
.headerTheme10 /* ancien pisourd */ { background-image:url(/img/fond-header/pisourd.png); }

.headerThemeforumvisuel { background-image:url(/img/fond-header/forum-visuel.png); }
.headerThemeforumvisueldev { background-image:url(/img/fond-header/forum-visuel.png); }
.headerThemequiz { background-image:url(/img/fond-header/quiz.png); }
.headerThemepseudopisourd { background-image:url(/img/fond-header/pseudopisourd.png); }
.headerThemedicocomplet { background-image:url(/img/fond-header/dico-complet.png); }
.headerThemeurgences { background-image:url(/img/fond-header/urgences.png); }
.headerThemeaide { background-image:url(/img/fond-header/aide.png); }

.headerTheme1 { background-image:url(/img/fond-header/mondeSourds.png); }
.headerTheme6 { background-image:url(/img/fond-header/sante.png); }
.headerTheme5 { background-image:url(/img/fond-header/sexualite.png); }
.headerTheme8 { background-image:url(/img/fond-header/familles.png); }
.headerTheme7 { background-image:url(/img/fond-header/relations.png); }
.headerTheme4 { background-image:url(/img/fond-header/violences.png); }
.headerTheme2 { background-image:url(/img/fond-header/drogues.png); }
.headerTheme9 { background-image:url(/img/fond-header/cinquantePlus.png); }
.headerTheme3 { background-image:url(/img/fond-header/travailFormation.png); }

/* ////////////////////////////////////////////////////// CONTENT //////////////////////////////////////////////////////// */

div#fondContentTop {
	position:absolute;
	top:389px; 
	left:208px;
	width:752px;
	height:40px;
	margin:0;
	padding:0;
	z-index:2000;
	background-color:#FFFFFF;
}

div#fondContentBottom {
	position:absolute;
	top:423px;
	left:208px;
	width:752px;
	margin:0 0 40px 0;
	padding:0;
	background-image:url(/img/fond-content-bottom.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}

div#content {
	position:absolute;
	top:420px;
	left:232px;
	width:704px;
	margin:0;
	padding:0 10px 0 0;
	z-index:5000;
	background-color:#FFFFFF;
}

div#content table {
	width:auto;
	clear:both;
	padding:0;
	margin:0;
}

div#content form.dicocompet {
	clear:both;
	padding:0;
	margin:16px 0 0 0;
}

div#bordureContent {
	position:absolute;
	top:429px;
	left:208px;
	width:744px;
	margin:0;
	padding:0;
	border-left:4px solid #adc740;
	border-right:4px solid #adc740;
	border-bottom:0;
	border-top:0;
	z-index:4000;
	background-color:#FFFFFF;
}

/* ////////////////////////////////////////////////////// CALQUES POUR IFRAMES //////////////////////////////////////////////////////// */

#video {
	position:absolute;
	width:446px;
	height:356px;
	top:14px;
	left:218px;
	z-index:600;
	padding:0;
	margin:0;
}

#texteVideo {
	position:absolute;
	/* width:374px; */
	width:296px;
	height:381px;
	top:0px;
	/* left:586px; */
	left:664px;
	z-index:500;
	padding:0;
	margin:0;
	/* background-color:#000000; */
}

/* ////////////////////////////////////////////////////// COLONE GAUCHE //////////////////////////////////////////////////////// */

#colLeft {
	position:absolute;
	top:0px;
	left:0px;
	width:200px;
	margin:0;
	padding:0;
}

#fondMenu {
	position:absolute;
	top:4px;
	left:0px;
	background-image:url(/img/nav-themes/general/fond-theme-top.png);
	background-repeat:no-repeat;
	width:200px;
	min-height:351px; 
	margin:0;
	padding:0;
	background-color:#adc740;
}

/* ////////////////////////////////////////////////////// NAVIGATION THEME //////////////////////////////////////////////////////// */

ul#theme {
	width:190px;
	min-height:361px;
	margin:14px 0 0 0;
	padding:0 0 6px 10px;
	list-style-type:none;
	background-image:url(/img/nav-themes/general/fond-theme-bottom.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}

ul#theme li {
	width:180px;
	padding:0;
	margin:0;
}	

ul#theme li a {
	display:block;
	width:168px;
	background-repeat:no-repeat;
}

ul#theme li a.defaut { 
	background-image:url(/img/nav-themes/sprite-menus.png); 
	background-position: 0 0; width: 180px; height: 16px;
	line-height:16px;
	text-decoration:none; margin:0 0 2px 0; padding:0 6px; 
}
ul#theme li a.defaut:hover { 
	background-position: 0 -210px; width: 180px; height: 16px;
}

ul#theme li a.theme1 { 
	background-image:url(/img/nav-themes/sprite-menus.png); 
	background-position: 0 -21px; width: 180px; height: 16px;
	line-height:16px; text-decoration:none; margin:0 0 2px 0; padding:0 6px; 
}
ul#theme li a.theme1:hover { 
	background-position: 0 -231px; width: 180px; height: 16px;
}

ul#theme li a.theme6 { 
	background-image:url(/img/nav-themes/sprite-menus.png); 
	background-position: 0 -42px; width: 180px; height: 16px;
	line-height:16px; text-decoration:none; margin:0 0 2px 0; padding:0 6px; 
}
ul#theme li a.theme6:hover { 
	background-position: 0 -252px; width: 180px; height: 16px;
}

ul#theme li a.theme5 { 
	background-image:url(/img/nav-themes/sprite-menus.png); 
	background-position: 0 -63px; width: 180px; height: 16px; 
	line-height:16px; text-decoration:none; margin:0 0 2px 0; padding:0 6px; 
}
ul#theme li a.theme5:hover {
	background-position: 0 -273px; width: 180px; height: 16px;
}

ul#theme li a.theme8 { 
	background-image:url(/img/nav-themes/sprite-menus.png); 
	background-position: 0 -84px; width: 180px; height: 16px;
	line-height:16px;text-decoration:none; margin:0 0 2px 0; padding:0 6px; 
}
ul#theme li a.theme8:hover {
	background-position: 0 -294px; width: 180px; height: 16px;
}

ul#theme li a.theme7 {
	background-image:url(/img/nav-themes/sprite-menus.png); 
	background-position: 0 -105px; width: 180px; height: 16px; 
	line-height:16px;text-decoration:none; margin:0 0 2px 0; padding:0 6px;
}
ul#theme li a.theme7:hover {
	background-position: 0 -315px; width: 180px; height: 16px; 
}

ul#theme li a.theme4 {
	background-image:url(/img/nav-themes/sprite-menus.png); 
	background-position: 0 -126px; width: 180px; height: 16px;
	line-height:16px;text-decoration:none; margin:0 0 2px 0; padding:0 6px; 
}
ul#theme li a.theme4:hover {
	background-position: 0 -336px; width: 180px; height: 16px;
}

ul#theme li a.theme2 {
	background-image:url(/img/nav-themes/sprite-menus.png); 
	background-position: 0 -147px; width: 180px; height: 16px;
	line-height:16px;text-decoration:none; margin:0 0 2px 0; padding:0 6px; 
}
ul#theme li a.theme2:hover {
	background-position: 0 -357px; width: 180px; height: 16px;
}

ul#theme li a.theme9 {
	background-image:url(/img/nav-themes/sprite-menus.png); 
	background-position: 0 -168px; width: 180px; height: 16px;
	line-height:16px;text-decoration:none; margin:0 0 2px 0; padding:0 6px;
}
ul#theme li a.theme9:hover {
	background-position: 0 -378px; width: 180px; height: 16px;	
}

ul#theme li a.theme3 {
	background-image:url(/img/nav-themes/sprite-menus.png); 
	background-position: 0 -189px; width: 180px; height: 16px; 
	line-height:16px;text-decoration:none; margin:0 0 2px 0; padding:0 6px; 
}
ul#theme li a.theme3:hover {
	background-position: 0 -399px; width: 180px; height: 16px;
}

ul#theme li a.theme10 {
	background-image:url(/img/nav-themes/sprite-menus.png); 
	background-position: 0 0; width: 180px; height: 16px;
	line-height:16px;text-decoration:none; margin:0 0 2px 0; padding:0 6px; 
}
ul#theme li a.theme10:hover {
	background-position: 0 -210px; width: 180px; height: 16px;
}

/* ////////////////////////////////////////////////////// THEME ON //////////////////////////////////////////////////////// */

ul#themeOn {
	list-style-type:none;
	margin:0;
	padding:0;
	width:180px;
	/* height:70px; on enlève la hauteur dans le cas d'un thème sans liens fixes : QR Dico Adresses Liens */
	background-repeat:no-repeat;
}

#lienNomTheme a {
	text-decoration:none;
	display:block;
	width:168px;
	height:16px;
	margin:0;
	padding:2px 6px 0 6px;
	font-weight:bold;
	/* background-color:#999999; */
}

a.lienDefaut {
	display:block;
	width:174px;
	height:13px;
	margin:0;
	padding:0 6px 0 0;
	/* background-color:#CCCCCC; */
	text-align:right;
	text-decoration:none;
}

a.lienDefaut:hover {
	text-decoration:underline;
}

/* image background */

.theme-onThemeaccueil { background-image:url(/img/nav-themes/fond-theme-defaut.png); }
.theme-onThemeaccueilarchives { background-image:url(/img/nav-themes/fond-theme-defaut.png); }
.theme-onTheme10 { background-image:url(/img/nav-themes/fond-theme-defaut.png); }

.theme-onTheme1 { background-image:url(/img/nav-themes/fond-theme-mondeSourds.png); }
.theme-onTheme6 { background-image:url(/img/nav-themes/fond-theme-sante.png); }
.theme-onTheme5 { background-image:url(/img/nav-themes/fond-theme-sexualite.png); }
.theme-onTheme8 { background-image:url(/img/nav-themes/fond-theme-familles.png); }
.theme-onTheme7 { background-image:url(/img/nav-themes/fond-theme-relations.png); }
.theme-onTheme4 { background-image:url(/img/nav-themes/fond-theme-violences.png); }
.theme-onTheme2 { background-image:url(/img/nav-themes/fond-theme-drogues.png); }
.theme-onTheme9 { background-image:url(/img/nav-themes/fond-theme-cinquantePlus.png); }
.theme-onTheme3 { background-image:url(/img/nav-themes/fond-theme-travailFormation.png); }

/* couleur du nom du thème */

.lienNomThemeaccueil { color:#e73719; } /* plus sombre */
.lienNomThemeaccueilarchives { color:#e73719; } /* plus sombre */
.lienNomTheme1 { color:#FF6600; }
.lienNomTheme6 { color:#2EA008; } /* plus sombre */
.lienNomTheme5 { color:#CC0A12; }
.lienNomTheme8 { color:#106312; }
.lienNomTheme7 { color:#007FB7; } /* plus sombre */
.lienNomTheme4 { color:#5A1975; }
.lienNomTheme2 { color:#004687; }
.lienNomTheme9 { color:#9F4700; }
.lienNomTheme3 { color:#ED9E00; } /* plus sombre */
.lienNomTheme10 /* ancien pisourd */ { color:#e73719; } /* plus sombre */

/* ////////////////////////////////////////////////////// NAVIGATION CHAPITRE //////////////////////////////////////////////////////// */

ul#chapitre {
	list-style-type:none;
	margin:0 0 2px 0;
	padding:6px 0 5px 0;
	width:180px;
	background-position:bottom;
	background-repeat:no-repeat;
}

ul#chapitre li {
	background-repeat:no-repeat;
	background-position:.6em .4em;
	width:152px;
	margin:0 0 0 0;
	padding:0 5px 0 15px;
}

ul#chapitre li a {
	display:block;
	text-decoration:none;
	width:160px;
	margin:0;
	padding:0;
	line-height:12px;
	height:auto;
}

ul#chapitre li a:hover {
	text-decoration:underline;
}

.chapitreChapitre10 { background-image:url(/img/nav-chapitres/fond-chapitre-defaut.png); }
.chapitreChapitre1 { background-image:url(/img/nav-chapitres/fond-chapitre-mondeSourds.png); }
.chapitreChapitre6 { background-image:url(/img/nav-chapitres/fond-chapitre-sante.png); }
.chapitreChapitre5 { background-image:url(/img/nav-chapitres/fond-chapitre-sexualite.png); }
.chapitreChapitre8 { background-image:url(/img/nav-chapitres/fond-chapitre-familles.png); }
.chapitreChapitre7 { background-image:url(/img/nav-chapitres/fond-chapitre-relations.png); }
.chapitreChapitre4 { background-image:url(/img/nav-chapitres/fond-chapitre-violences.png); }
.chapitreChapitre2 { background-image:url(/img/nav-chapitres/fond-chapitre-drogues.png); }
.chapitreChapitre9 { background-image:url(/img/nav-chapitres/fond-chapitre-cinquantePlus.png); }
.chapitreChapitre3 { background-image:url(/img/nav-chapitres/fond-chapitre-travailFormation.png); }
.chapitreChapitreaccueil { background-image:url(/img/nav-chapitres/fond-chapitre-defaut.png); }
.chapitreChapitreaccueilarchives { background-image:url(/img/nav-chapitres/fond-chapitre-defaut.png); }

.chapitreChapitre10 a { color:#e73719; }
.chapitreChapitre1 a { color:#dd5800; }
.chapitreChapitre6 a { color:#228900; }
.chapitreChapitre5 a { color:#CC0A12; }
.chapitreChapitre8 a { color:#106312; }
.chapitreChapitre7 a { color:#3884a5; }
.chapitreChapitre4 a { color:#5A1975; }
.chapitreChapitre2 a { color:#004687; }
.chapitreChapitre9 a { color:#9F4700; }
.chapitreChapitre3 a { color:#db8b00; }
.chapitreChapitreaccueil a { color:#e73719; }
.chapitreChapitreaccueilarchives a { color:#e73719; }

.puceChapitre10 { background-image:url(/img/puces-chapitre/puce-defaut.gif); }
.puceChapitre1 { background-image:url(/img/puces-chapitre/puce-mondeSourds.gif); }
.puceChapitre6 { background-image:url(/img/puces-chapitre/puce-sante.gif); }
.puceChapitre5 { background-image:url(/img/puces-chapitre/puce-sexualite.gif); }
.puceChapitre8 { background-image:url(/img/puces-chapitre/puce-familles.gif); }
.puceChapitre7 { background-image:url(/img/puces-chapitre/puce-relations.gif); }
.puceChapitre4 { background-image:url(/img/puces-chapitre/puce-violences.gif); }
.puceChapitre2 { background-image:url(/img/puces-chapitre/puce-drogues.gif); }
.puceChapitre9 { background-image:url(/img/puces-chapitre/puce-cinquantePlus.gif); }
.puceChapitre3 { background-image:url(/img/puces-chapitre/puce-travailFormation.gif); }
.puceChapitreaccueil { background-image:url(/img/puces-chapitre/puce-defaut.gif); }
.puceChapitreaccueilarchives { background-image:url(/img/puces-chapitre/puce-defaut.gif); }


/* ////////////////////////////////////////////////////// SERVIVES //////////////////////////////////////////////////////// */

#services {
	margin:8px 0 0 0;
	padding:0;
	height:145px;
	width:200px;
}

#services form {
	margin:0;
	padding:0;
}

#services a.boutonService {
	margin:0 0 4px 0;
	padding:1px 0 0 0;
	display:block;
	float:left;
	width:98px;
	height:15px;
	background-image:url(/img/bouton-service-off.gif);
	background-repeat:no-repeat;
	text-align:center;
	text-decoration:none;
}

#services a.boutonServiceDecal {
	margin:0 4px 4px 0;
	padding:1px 0 0 0;
	display:block;
	float:left;
	width:98px;
	height:15px;
	background-image:url(/img/bouton-service-off.gif);
	background-repeat:no-repeat;
	text-align:center;
	text-decoration:none;
}

#services a.boutonServicePseudoPisourd {
	margin:0 4px 4px 0;
	padding:1px 0 0 0;
	display:block;
	float:left;
	width:98px;
	height:15px;
	background-image:url(/img/bouton-service-pisourd.gif);
	background-repeat:no-repeat;
	text-align:center;
	text-decoration:none;
	color:#FFFFFF;
}

#services a.boutonService:hover {
	background-image:url(/img/bouton-service-on.gif);
}

#services a.boutonServiceDecal:hover {
	background-image:url(/img/bouton-service-on.gif);
}

#services div.champ {
	display:block;
	float:left;
	width:195px;
	height:19px;
	background-image:url(/img/fond-champ-service.gif);
	background-repeat:no-repeat;
	margin:0 0 4px 0;
	padding:0 0 0 5px;
	line-height:15px;
}


#services div.faireundonETlogolmpld {
	display:block;
	float:left;
	width:200px;
	height:50px;
}

#services div.faireundon {
	display:block;
	float:left;
	width:98px;
	height:50px;
	background-image:url(/img/fond-champ-faireundon.gif);
	background-repeat:no-repeat;
	line-height:15px;
}

#services a.faireundon {
	text-align:center;
	text-decoration:none;
	color:#000000;
}


#services div.logolmpld {
	display:block;
	float:right;
	width:98px;
	height:50px;
	background-image:url(/img/fond-champ-faireundon.gif);
	background-repeat:no-repeat;
}

#services div.BV
{
	display: block ;
	float: right ;
	width: 200px ;
}

#services div.HONcode
{
	display: block ;
	float: right ;
	width: 200px ;
}

#services div.HONcode table
{
	font-size: 9px ;
}

#services div.HONcode a
{
	text-decoration: none ;	
}

#services div.HONcode a:hover
{
	text-decoration: underline ;
}

input.champ {
	border:1px solid #CCCCCC;
	margin:0 6px;
	padding:0;
	height:15px;
	width:80px;
}

input.bouton {
	border:0;
	margin:0;
	padding:0;
}