/*-----------------------------------------------------
	secourisme.net css screen
	
	version: 
	date: 25-11-2010    
	auteur:  F.Séguret
------------------------------------------------------*/


/* Main structure ------------------------------------*/
html, body {
  margin:0;
  padding:0;
  background: #fff; /*#eee;*/
  font: 100% Geneva, Tahoma, Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
} 



/* position -------------------------------------- */
p#pos {
	position:relative;
	margin: 0;
	padding: 0;
	font-family: 'Trebuchet MS', tahoma, helvetica, arial, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	font-style: italic;
	color:  #BCBE96;
	text-decoration: none;
	min-height:88px;
	background-color: transparent;

}

#principal p#pos a.teaser{
			float:right;
			background: transparent url(../interface/nouveau-debutant.png) no-repeat;
			margin: 0 0 0 10px;
			min-width: 160px; 
			height: 88px;
}

#principal a.teaser span{
			left: -200000px;
			text-indent: -200000px;
			display:none;
}


#pos a, #pos a:active, #pos a:link { 
	color: #39555B; 
	text-decoration: none; 
}

#pos a:hover {
	text-decoration: none;
	color: #39555B;
}

/* header -------------------------------------- */
#banner {
	position : relative;
	top : 0;
	margin:  0 auto;
	padding: 0;
	background: transparent url(../interface/bg_banner2_sn.png) repeat-x  top center;
	width : 82%;
  height:100px;
}

#banner a{
	position : absolute;
	right : 0;
	top: 11px;
	width:468px;
	height:60px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: right;
}

#banner a span{
			left: -200000px;
			text-indent: -200000px;
			display:none;
}


/*croix-rouge*/
#banner a#campagne1{
		background-image:  url(../interface/film1_468_60.gif);
}

/*javari*/
#banner a#campagne2{
		background-image:  url(http://ecx.images-amazon.com/images/G/08/associates/maitri/banner/nov11-associates468x60.jpg);
}


/*amazon livres*/
#banner a#campagne3{
		background-image:   url(http://ecx.images-amazon.com/images/G/08/associates/maitri/banner/fr_banner_books_468x60_1.gif);
}

/*amazon kindle*/
#banner a#campagne4{
		background-image:   url(http://ecx.images-amazon.com/images/G/08/associates/maitri/banner/FR_kindle_biggest_selection_assoc_468x60.gif);
}


#banner div#logo{
	position : absolute;
	top : 0;
	left : 0;
	width:300px;
	height:100px;
	background: transparent url(../interface/banner_sn.png) top left;
}

#banner div#logo_aero{
	position : absolute;
	top : 0;
	left : 0;
	width:350px;
	height:100px;
	background: transparent url(../interface/banner_sa.jpg) top left;
}

#bannerprint { display:none;}

ul#menuheader {
	margin: 0.2em auto 1em auto;
	padding: 0;
	border : 0; 
	font-size : 0.9em;
	color:  #BCBE96; 
	text-align: center;
	list-style-type: none;
	width : 82%;
}

#menuheader li {
	 display: inline;
}

#menuheader a, #menuheader a:active, #menuheader a:link { 
	color: #39555B; 
	text-decoration: none; 
}

#menuheader a:hover {
	color: #5A0F05;
	text-decoration: none;
	/*background: #eee;*/
}

#banniere_amazon {
position : absolute;
right : 0;
top : 0;
}

/* banner color */

.palegreen {color: #d4e3d4;}
.darkgreen {color: #91a899;}

/* principal -------------------------------------- */

#bloc_contenant {
	position : relative;							
  	width : 82%;
	margin:  0 auto;
	color:  #192126;
}

#principal {
  float : left;											
 	width : 70%;
}
	
hr.separation {
clear : both;
visibility:hidden;
}

/* main: before and after article: sub sub----------------------------- */
#prearticle {
	padding:   8px 30px 8px 10px;
	font-size: 13px;
	line-height: 100%;
}

#postarticle  {
	padding:   8px 30px 8px 70px;
	font-size: 13px;
	line-height: 100%;
}



#partager{
	padding: 8px 30px 8px 0;
	font-size: 0.8em;
	line-height: 90%;
	clear: both;
}



#prearticle a, #prearticle a:active, #prearticle a:link, 
#postarticle a, #postarticle a:active, #postarticle a:link{ 
	display: block;	
	padding-left: 20px;
	line-height: 17px;
	background: transparent url(../interface/puce_arrow.png) no-repeat left center;
	color: #5A0F05; 
	text-decoration: none; 
}

#prearticle a:hover , #postarticle a:hover{
	color: #5A0F05; 
	text-decoration: none;
}


/* associations -------------------------------------- */

.preassociations { 
	padding: 7px 38px 20px 38px;
	text-align: left;
	line-height: 120%; 
	font-size: 14px;
	color:  black;
}

.associations{
	padding: 7px 38px 7px 38px; 
	text-align: left;
	line-height: 120%; 
	font-size: 10px;
	color:  black;
}

.associations p {
  font-size : 10px;
	padding-left : 20px;
}

.associations h1 {
	clear: right;						
	color:  #624234;
	font-size: 16px;
	padding-top : 5px;
	line-height: 100%; 
	text-decoration: none;
	border-top : 2px dashed #ccc;
}

.associations h3 {
	color:  #003399;
	font-size: 14px;
	padding-left : 10px;
	line-height: 100%; 
	text-decoration: none;
}

.associations a {
  color : black;
	text-decoration : none;
}

.preassociations a {
  color : #624234;
	text-decoration : none;
}

.associations a:hover {
  color:#f30;
	text-decoration: underline;
}

.associations img {
  float : right;
}	

/* main: article -------------------------------------- */
.article {
	padding: 7px 38px 20px 38px;
	text-align: left;
	font-size: 12px;
	
	background: transparent url(../interface/article_end.png) no-repeat bottom center;
}

.article h1, .article h1 a {
	color:  #5A0F05;
	font-size: 20px;
	margin:  0 0 0.5em 0;
	padding: 0;
	text-decoration: none;
	border-bottom-style:none;
}

.article h1 a:hover {
	text-decoration: none;
	color : #5A0F05;
} 

.article a, dd a {
	color: #192126;
	text-decoration: none;
	border-bottom-style: dotted;
	border-bottom-width:1px;
	border-bottom-color:#192126;
}


.article a:hover, dd a:hover {
	color: #39555B;
	text-decoration: none;
	border-bottom-color:#39555B;
}

.auteur {
	color: #5d5d5d;	
}

a.brown, a.brown:active, a.brown:link { 
	color: #39555B;
	text-decoration: none; 	
}

a.brown:hover {
	color: #5A0F05;
	text-decoration: none;
}

/* liste d'articles--------------------------*/

.logo_liste img.spip_logos {
border: 1px solid gray;
width: 55px;
float : left;
clear: left;		
}

a.logos{
	 border-style:none;
}

/* liste de liens --------------------------*/

.logo_liens{
clear : left;
border-bottom : 1px dashed gray;
}

.logo_liens img {
float : left;
position : relative;
top : -0.5em;
border: 1px solid gray;
margin-right: 3px;
}



/* liste d'associations--------------------------*/

.logo_asso_mini {
width : 60px;
text-align:center;
float : left;
clear: left;	
}

.texte_asso_mini {
margin-left : 70px;
}

/* result ----------------------------------*/
/*
.result ul {
	margin:  0px;
	padding: 2px;
}

.result li {
	line-height: 120%; 
	list-style-type: none;
	padding:0; 	
	margin: 0;		
}

ul li a.result{  -> BUGGY IN IE 5.00	NO PADDING LEFT
	margin: 0;	
	padding: 0 0 0 20px;	
	background: transparent url(../interface/puce_arrow.png) no-repeat left top;	
	color: #a06305; 
	text-decoration: none; 
}

ul li .result a:hover{
	color: #573502; 
	text-decoration: none;
}
*/


a.result, a.result:active, a.result:link { 
	display: block;	
	padding-left: 20px;
	line-height: 17px;
	background: transparent url(../interface/puce_arrow.png) no-repeat left top;
	color: #5A0F05; 
	text-decoration: none; 
	border-bottom-style:none;
}

a.result:hover{
	color: #5A0F05; 
	text-decoration: none;
}

.result {
	display: block;	
	padding-left: 20px;
	line-height: 17px;
	background: transparent url(../interface/puce_arrow.png) no-repeat left top;
}


/* main: article formating -------------------------------------- */
.surtitre  {
	font-weight: bold;
}

.soustitre { 
	margin-top: 10px;
	font-style: italic;
}
.chapo     {
	color : #192126;
	background : #FFEDB7;
	padding:   8px 30px 8px 3px;
	font-size: 12px;
	line-height: 120%; 
	font-weight: bold;
	margin-bottom:10px;
}

.texte {
}

postarticle {
	border-top: 1px dashed #ccc;
	margin-top: 5px;
	font-size: 12px;
}

.site a {
	border-top: 1px dashed #ccc;
	margin-top: 5px;
	font-size: 12px;
}

.ps {
	border-top: 1px dashed #ccc;
	margin-top: 5px;
	font-size: 12px;
}

/* main: menu right -------------------------------------- */

#menuright {
	width : 25%;
  border-left: 1px solid #ccc;
	text-align: left;
	line-height: 130%; 
	font-size: 11px;
	color:  black;	
	float:right;
}

#menuright p {
  margin-left : 0.5em;
	margin-top : 0;
	margin-bottom : 0;
	padding:0;
}

#menuright img{
	 margin-top: 10px;		
}


h3.actu, h3.agenda, h3.web, h3.breve, h3.voir,
h3.lien, h3.rubrique, h3.recherche, h3.publicite,
h3.newsletter, a.abreviations, a.commentaires, a.redacteur {
	margin: 15px 0 0 0;
	min-width: 150px; 
	height: 36px;
	border-bottom:1px solid #ddd;			
}

h3.actu  span, h3.agenda  span, h3.web  span, h3.breve  span,  h3.voir span,
h3.lien  span, h3.rubrique  span,  h3.recherche span, h3.publicite span,
h3.newsletter span, a.abreviations span, a.commentaires span, a.redacteur span {
	display:none
}

h3.actu { background: transparent url(../interface/icon_actu.png) no-repeat bottom left; }
h3.web  { background: transparent url(../interface/icon_web.png) no-repeat bottom left; }
h3.breve{ background: transparent url(../interface/icon_breve.png) no-repeat bottom left; }
h3.lien { background: transparent url(../interface/icon_lien.png) no-repeat bottom left; }
h3.agenda     { background: transparent url(../interface/icon_agenda.png) no-repeat bottom left; }
h3.rubrique   { background: transparent url(../interface/icon_rubrique.png) no-repeat bottom left; }
h3.recherche  { background: transparent url(../interface/icon_recherche.png) no-repeat bottom left; }
h3.publicite  { background: transparent url(../interface/icon_publicite.png) no-repeat bottom left; }
h3.newsletter { background: transparent url(../interface/icon_newsletter.png) no-repeat bottom left; }
h3.voir { background: transparent url(../interface/icon_voir.png) no-repeat bottom left; }
a.abreviations{ background: transparent url(../interface/icon_abreviations.png) no-repeat bottom left; display:block;}
a.commentaires{ background: transparent url(../interface/icon_post.png) no-repeat bottom left; display:block;}
a.redacteur{ background: transparent url(../interface/icon_admin.png) no-repeat bottom left; display:block;}

#menuright a {

	text-decoration: none;
	color: #192126;
}

#menuright a:hover, #menuright a:active {
	color: #39555B;
	text-decoration: none;
}

.gray { color: #BCBE96; }

.formulaire_recherche label {
display:none;
}


/* pub Amazon */

#pub_amazon ul {
						margin-left : 0;
}
						
#pub_amazon li {
						list-style-type:none;
						background-image:url(../interface/books-icon.jpg);
						background-repeat:no-repeat;
						padding-left:20px;
} 

#pub_amazon a, #pub_amazon a:link, #pub_amazon a:visited, #menuright a.brown, #menuright a.brown:visited { 
	color: #5A0F05; 
	text-decoration: none;
}

#pub_amazon a:hover, #pub_amazon a:active,  #menuright a.brown:hover, #menuright a.brown:active {
	color: FFEDB7;
	text-decoration: none;
}

a.commandeAmazon {
  display: block;
    margin-left: auto; 
    margin-right: auto; 
	width:90px;
	height:28px;
	background: transparent url(../interface/buy-from-amazon.png) no-repeat;
}

a.commandeAmazon span{
			left: -200000px;
			text-indent: -200000px;
			display:none;
}
								 
span.prix-amazon{
font-size:120%;
color:#900;
}

/* footer -------------------------------------- */
ul#footer {
	margin: 0.2em auto 1em auto;
	padding: 0;
	border : 0; 
	font-size: 11px;
	color:  #BCBE96; 
	text-align: center;
	list-style-type: none;
	width : 82%;
}

#footer li {
	 display: inline;
}

#footer a, #footer a:active, #footer a:link { 
	color: #39555B; 
	text-decoration: none; 
}

#footer a:hover {
	color: #5A0F05;
	text-decoration: none;
	/*background: #eee;*/
}

#footerprint {
	display: none;	
}

/* footerRSS ------------------------------------------ */

div#footerRss {
  	display:block;
	margin-left: auto; 
  	margin-right: auto; 
  	width: 90%;
  	text-align:center;
  
}

div#footerRss img{
  	border-style:none;
  
}

/* form elements -------------------------------------- */
form {
	margin: 0;
	padding: 2px 0;
}

input, textarea, select {
	border: 1px solid #ccc;
	margin: 1px;
	padding: 0;
	font-size: 11px;	
}

input.buttonwhite {
	border: 1px solid #FFF;
}

.radiobut {
	border: 0px solid white;
}

/* forum elements -------------------------------------- */
#forumreply{
	margin:  0;
	padding: 0;
	clear: both;
}

#forumreply img{
	border: none;
	vertical-align: bottom;
}

#forumreply a.image{
	border-bottom-style: none;
}


.forum {	
	margin: 20px 10px 0 0;
	border: 1px solid #39555B;
	font-size: 12px;	
	
}

.forumtitle {
	display: block;	
	background: #BCBE96;
	padding: 4px;
	font-weight: bold;
	border-bottom: 1px solid #39555B;
}

.forummeta { 
	color: #39555B;
	padding-left: 20px;
}

.forumbody { 
	color: black;
	padding: 4px;
}
.forumps  {
	border-top: 1px solid #39555B;
	padding: 4px;	
}

ul.listeforum{
  list-style-type : none;
}

/* pdf ------------------- */
#pdf {
	margin:  0;
	padding: 0;
}

/* plan site -------------------------------------------- */
h1 a.plan { color:  #5A0F05;}
h1 a.plan, h1 a.plan:hover {
	font-size: 14px;	
	text-decoration: none; 	
}

.plan ul {
	margin: 2px 0 0 20px;
	padding: 2px;	
}

.plan li {
	line-height: 110%; 
	list-style-type: none;
	padding: 2px; 	
	margin: 0;		
}


ul li a.plan,  ul li a.plan:hover{
	text-decoration: none; 
	padding-left: 10px;
	background: transparent url(../interface/puce_min.png) no-repeat 0px 7px; 
	border-bottom-style:none;
	
}

ul li a.planrubrique{ 
	display: block;
	margin: 0;	
	padding: 5px 0 0 20px;	
	background: transparent url(../interface/puce_arrow.png) no-repeat left center;
	font-weight:bold;
	color: #192126; 
	text-decoration: none; 
	border-bottom-style:none;
}

ul li a.planrubrique:hover{
	color: #39555B; 
	text-decoration: none;
}
/* liens -------------------------------------------- */

.liens ul {
	margin: 2px 0 0 20px;
	padding: 2px;	
}

.liens li {
	line-height: 110%; 
	list-style-type: none;
	padding: 2px; 	
	margin: 0;
}

ul li a.liens,  ul li a.liens:hover{
	text-decoration: none; 
	padding-left: 10px;
	background: transparent url(../interface/puce_min.png) no-repeat 0px 7px; /* IE5 BUGGY*/
	/*list-style-image: url(../interface/puce_min.png); /* alternate ? */	
}

ul li a.liensrubrique{ 
	display: block;
	margin: 0;	
	padding: 5px 0 0 20px;	
	background: transparent url(../interface/puce_arrow.png) no-repeat left center;
	
	color: #192126; 
	text-decoration: none; 
	border-bottom-style:none;
}

ul li a.liensrubrique:hover{
	color: #39555B; 
	text-decoration: none;
	
}

b.liens  {font-weight: bold;
				 color: #5A0F05;
}



#principal div.article table.spip tbody tr td p {
	margin-bottom: auto;
	padding-bottom: 0;
	padding-top: 0;
	margin-top: auto;
}

#principal div.article table.spip tbody tr {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 0;
}


/* agenda extra  -------------------------------------- */
td.agenda {	
	border: 1px solid #ccc;
	padding: 0;	
}

/* logo extra  -------------------------------------- */
logo {
	margin-left: 30px;
	border: 0;
}

a.logo {
	border: 0;
}

/* lettre extra  -------------------------------------- */
.green {
	color: #009900;
}
.red {
	color: #FF0000;
}	

/* spip main class -------------------------------------- */
b.spip  {font-weight: bold;
				 color: #683300;
}
hr, hr.spip {
	display:block;
	height: 0;	
	color: white;
	border-style:solid;
	border-color: #ccc;
	border-width:0px 0px 1px 0px; 
}


.spip_encadrer {	
	margin: 10px 30px 0 30px;
	border: 1px solid #ccc;
	font-size: 12px;
	padding: 0;
}

.spip_encadrer legend{	
	/*display: block;*/	
	background: #eee;
	padding: 4px;
	font-weight: bold;
	border: 1px solid #ccc;
}

.spip_documents { 
  font-size: 12px;
}

/* Citations, code et poesie */
blockquote, q, .spip_poesie, .spip_serif { font-family: Georgia, Times, serif; }

blockquote {
	margin: 1em 0;
	padding-left: 1em;
	padding-right: 1em;
	border: none;
	border-left: 4px solid #39555B;
	color: #39555B;
}

.spip_code, .spip_cadre {
	font-family: monospace;
	font-style: normal;
	font-size: 1.2em;
}

.spip_code { color: #3465a4; }

.spip_cadre {
	width: 98%;
	overflow: scroll; overflow-x: hidden;
	padding: 1px;
	background: #eee;
	border: 1px inset #333;
	line-height: normal;
	color: #036;
}

/* Tables */

table.spip {
  font-size: 12px;
}

table.spip tr.row_first,  table.spip tr.row_first a {
	background-color: #192126;
	color:#FFEDB7;
}

table.spip tr.row_odd {
	background-color: #FFEDB7;
}

table.spip tr.row_even {
	background-color: #BCBE96;
}

table.spip td {
	padding: 1px;
	text-align: left;
	vertical-align: middle;
}


table.spip td.logo80 {
	width: 80px;
}

table.spip td.logo80 a {
	border-bottom-style:none;
}


.article h3.spip, #principal h3.spip { 
				color: #192126;
				font-family: 'Trebuchet MS', tahoma, helvetica, arial, sans-serif;
				font-size: 1.5em;
				font-weight: bold;
				float:left;
				width: 100%;
}	

.spip a img {
  border-style : none;
	}

.spip_documents a img {
  border : none;
	}

.spip_barre a img {
  border-style : none;
	}

.spip_documents_center, .spip_documents_center .spip_doc_titre,  .spip_documents_center .spip_doc_descriptif,  .spip_documents_center img {
 display:block;
 text-align : center;
 margin-right : auto;
 margin-left : auto;
	}
	
.spip_documents_left {
	float: left;
	margin-right: 10px; 
	text-align: center;
}
	
/* table *************************************/
table.fun {
	border: 1px dotted #777;
}

table.result,  table.resultgray {
	border-collapse: collapse;
	border-style: none;
	font-size: 11px;	
}

table.resultgray  {
	border: 1px solid #aaa;
}

table.result td, table.resultgray  td{
	border: 0;
	color: #333;
	padding: 2px 6px;
}

table.resultgray td{
    border: 1px solid #ccc;
}

/* nouvelles brèves */

.nouveau {
	border: 1px solid #683300;
	color: #683300;
	font-weight: bold; 
}


	
/* inscription */

#inscription label {

display: block;
}

/* ----------- Liste d'articles ------------------------ */

dl.listeArticles {
								 font-size: 80%;
								 float: left;
}

dl.listeArticles dt {
								 position: relative;
								 margin: 0 0 0.3em 20px;
								 line-height: 1.5em	 ;
}

dl.listeArticles dt span.bloc {
								 display:block;
								 /*position : relative;*/
								 margin: 0 0 0.5em 80px;
								 z-index: 0;

}

dl.listeArticles dt img.spip_logos {
								 display: block;
								 float:left;
								 clear:left;
								 margin-right: 10px;
								 border:none;
}

dl.listeArticles dt a.titre, dl.listeArticles dt a.titre:hover {
 								font-weight: bold;
								font-size: 1.3em;
								text-decoration: none;
								color: #192126;
}

dl.listeArticles dt a.titre:hover {
								 color:#39555B;
}
								 
dl.listeArticles dt span.auteur {
 								font-weight: normal;
								font-size: 1em;
								color: #39555B;
}

dl.listeArticles dd {
								 margin: 0 0 1.5em 100px;
								 font-size: 1em;
								 line-height: 140%;
								 text-align: justify;
} 

dl.listeArticles p {
								 margin: 0 0 0 0;
} 

/* Sommaire d'article */

div#sommaire
{
background-color: #FFEDB7;
border-width: thin;
border-style: dotted;
border-color:#39555B;
margin-bottom:15px;
}

 #navlist
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#navlist li
{
padding-left: 10px;
background-image: url(../interface/arrow.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}

#navlist li a
{
   border-bottom-style:none;
}

#navlist ul { list-style: none; }

dt.spip_doc_titre {
	text-align: center;
	direction: ltr;
}

dd.spip_doc_descriptif {
	font-size: 80%;
	text-align: center;
	margin-left: 0;
}

/* Menu en images */

ul#menu-images {
	margin: 0;
	padding: 0;
	font: bold 0.7em Geneva, Helvetica, Arial, sans-serif;
	list-style-type: none;
	float: left;
	width: 100%;
	z-index: 99;
}

#menu-images a {
	color: #192126;
	text-decoration:none;
	width: 65px;
	height:100px;
	text-align: center;
	display: block;
	

}

#menu-images a:hover{
	color:#39555B;
	
}

#menu-images li {
	float:left;	
	margin-right:5px;
}



#menu-images a img.spip_logos {
	border: 1px solid #39555B;
	display:block;
	margin-right: auto;
	margin-left: auto;
	
}

#obsolete {
	padding: 1em;
	border: 2px dotted #FFEDB7;
	font-variant: small-caps;
	background-color: #5A0F05;
	margin-bottom: 1em;
	color:#FFEDB7;
}

div.podcast {
	height:23 px;
	line-height: 23px;
	width: 100%;
	
}

div.podcast p {
	margin: 0 10px 0 0; /* espacement horizontal des blocs */ 
	display:inline-block; 
	vertical-align:middle; 
	text-align:left; /* on rétablit l'alignement du texte */
	
}

div.podcast object {
	width:200px; 
	vertical-align:middle; 
	display:inline-block; 
	line-height:1.2; /* on rétablit le line-height */ 
	text-align:left; /* ... et l'alignement du texte */ 
}

/* Formulaires */

.reponse_formulaire_erreur, .erreur_message {
	color:#e15309;
}

#formulaire_editer_calcul_ris-id div {
	background:#BCBE96;
	padding:4px;
}

#formulaire_editer_calcul_ris-id input.submit {
	background:#5A0F05;
	color:#FFEDB7;
	padding:4px;
	font-weight:bold;
}

#formulaire_editer_calcul_ris-id input, #formulaire_editer_calcul_ris-id legend
   { 
   font-weight:bold; }
   
   
/* Menu Superfish */