@charset "iso-8859-1";
/* CSS Document - Site Scouts et Guides de France de Tinqueux et Villages - 05/2008*/

body {
	background-image: url(../_img/fond_site.jpg);
	background-color:#5F2FCE;
	background-repeat: repeat-x;
	background-attachment:fixed;
	margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.ssr{
	background-image: none;
	background-color: #FFFFFF;
	margin:0px;
}

.text{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
.parag{
	text-indent: 20px;
	text-align:justify;
}
.menu_ssr{
	font-size: 12px;
	text-align: left;
}
.alert{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0033;
}
.msgok{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #339900;
}
.msgwarning{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #FF6633;
}
.textfort{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #EF9F00;
}

.text a:link, .text a:visited, .text a:active {
	text-decoration: none;
	border-bottom : 1px dashed #CCCCCC;
	color: #333333;
}

.text a:hover {
	text-decoration: none;
	border-bottom :  1px dotted #CCCCCC;
	color: #999999;
}

.text li{
	list-style-image:url(../_img/puce_2.gif);
	list-style-position: 0px;
	list-style-type: none;
	padding-bottom: 8px;
}

.text_00_groupe{ color: #B099E8; }
.text_06_08{ color: #95C378; }
.text_08_11{ color: #FF761A; }
.text_11_14{ color: #3E8BFF; }
.text_14_17{ color: #EA3131; }
.text_17_20{ color: #00AA80; }

.list_niv1 li, .une_content .list_niv1 li{
	list-style-image: url(../_img/puce_3.gif);
	list-style-position: 0px;
	list-style-type: none;
	padding-bottom: 0px;
}

.une_titre{
	color: #3A1C7C;
	font-weight: bold;
	border-bottom: 1px solid #D3C8F2;
	width: 420px;
	padding-bottom: 2px;
	margin-bottom: 4px;
}
.une_content li{
	list-style-image: url(../_img/puce_2.gif);
	list-style-position: 0px;
	list-style-type: none;
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.imglien a:link, .imglien a:visited, .imglien a:active, .imglien a:hover {
	text-decoration: none;
	border: 0px;
}
.canvas{
	border: none.
}

/* STYLES BLOGS */

.titre_blog{
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	padding-bottom: 2px;
	margin-bottom: 4px;
}

.blog_date{
	text-transform: uppercase;
	font-size: 11px;
	text-align: left;
	padding-bottom: 4px;
}
/* Personalisation par branches */
.blog_811 .titre_blog{
	color: #FF761A;
	border-bottom: 1px dotted #FF761A;
}
.blog_811 .menu_post{
	font-size: 9px;
	border-top: 1px dotted #FF761A;
	padding-top: 2px;
}
.blog_811 .blog_nbc{
	font-size: 10px;
	border-bottom: 1px solid #FF761A;
	padding-bottom: 4px;
}
.blog_1114 .titre_blog{
	color: #438AFF;
	border-bottom: 1px dotted #438AFF;
}
.blog_1114 .menu_post{
	font-size: 9px;
	border-top: 1px dotted #438AFF;
	padding-top: 2px;
}
.blog_1114 .blog_nbc{
	font-size: 10px;
	border-bottom: 1px solid #438AFF;
	padding-bottom: 4px;
}
.blog_1417 .titre_blog{
	color: #EA3131;
	border-bottom: 1px dotted #EA3131;
}
.blog_1417 .menu_post{
	font-size: 9px;
	border-top: 1px dotted #EA3131;
	padding-top: 2px;
}
.blog_1417 .blog_nbc{
	font-size: 10px;
	border-bottom: 1px solid #EA3131;
	padding-bottom: 4px;
}
.blog_1720 .titre_blog{
	color: #008463;
	border-bottom: 1px dotted #008463;
}
.blog_1720 .menu_post{
	font-size: 9px;
	border-top: 1px dotted #008463;
	padding-top: 2px;
}
.blog_1720 .blog_nbc{
	font-size: 10px;
	border-bottom: 1px solid #008463;
	padding-bottom: 4px;
}
.blog_tsi .titre_blog{
	color: #3A1C7C;
	border-bottom: 1px dotted #B099E8;
}
.blog_tsi .menu_post{
	font-size: 9px;
	border-top: 1px dotted #B099E8;
	padding-top: 2px;
}
.blog_tsi .blog_nbc{
	font-size: 10px;
	border-bottom: 1px solid #B099E8;
	padding-bottom: 4px;
}
.blog_commentaires{
	font-size: 11px;
	color: #333333;
	padding-top: 4px;
}
.blog_commentaires_texte{
	font-size: 11px;
	color: #666666;
}




/* STRUCTURE DES PAGES */
.content_center {
	background-color: #FFFFFF;
	width: 900px;
	mini-height: 400px;
	margin: 0px;
}

.content_bottom {
	background-image: url(../_img/content_bottom.png);
	background-repeat: no-repeat;
	background-position: top;
	margin:0px;
	width: 900px;
	height: 25px;
	font-size:9px;
	color:#333333;
	text-align:center;
}

/* STRUCTURE DU MENU HAUT */
.menu_onglets {
	background-image: url(../_img/onglets_back.gif);
	background-repeat: repeat-x;
	width: 900px;
	height: 40px;
}

ul#onglets {
	margin:0px;
	margin-left: 3px;
	padding:0px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#onglets li {
	display:inline;
	float:left;
	font-size:0pt;
	margin-top:10px;
}

#onglets a {
	color:#FFFFFF;
	display:block;
	text-align:center;
	text-decoration:none;
	text-indent: -5000px;
}

#accueil a {
	background:transparent url(../_img/onglet_accueil.png) no-repeat scroll left top;
	height:30px;
	width:109px;
}

#accueil a:hover, #accueil a:focus, #accueil a:active, #accueil .selected {
	background:transparent url(../_img/onglet_accueil.png) no-repeat scroll 0pt -30px;
}

#tsi a {
	background:transparent url(../_img/onglet_tsi.png) no-repeat scroll left top;
	height:30px;
	width:109px;
}

#tsi a:hover, #tsi a:focus, #tsi a:active, #tsi .selected {
	background:transparent url(../_img/onglet_tsi.png) no-repeat scroll 0pt -30px;
}

#groupe a {
	background:transparent url(../_img/onglet_groupe.png) no-repeat scroll left top;
	height:30px;
	width:109px;
}

#groupe a:hover, #groupe a:focus, #groupe a:active, #groupe .selected {
	background:transparent url(../_img/onglet_groupe.png) no-repeat scroll 0pt -30px;
}

#farf a {
	background:transparent url(../_img/onglet_68.png) no-repeat scroll left top;
	height:30px;
	width:114px;
}

#farf a:hover, #farf a:focus, #farf a:active, #farf .selected {
	background:transparent url(../_img/onglet_68.png) no-repeat scroll 0pt -30px;
}

#lvtx a {
	background:transparent url(../_img/onglet_811.png) no-repeat scroll left top;
	height:30px;
	width:114px;
}

#lvtx a:hover, #lvtx a:focus, #lvtx a:active, #lvtx .selected {
	background:transparent url(../_img/onglet_811.png) no-repeat scroll 0pt -30px;
}

#scts a {
	background:transparent url(../_img/onglet_1114.png) no-repeat scroll left top;
	height:30px;
	width:114px;
}

#scts a:hover, #scts a:focus, #scts a:active, #scts .selected {
	background:transparent url(../_img/onglet_1114.png) no-repeat scroll 0pt -30px;
}

#pios a {
	background:transparent url(../_img/onglet_1417.png) no-repeat scroll left top;
	height:30px;
	width:114px;
}

#pios a:hover, #pios a:focus, #pios a:active, #pios .selected {
	background:transparent url(../_img/onglet_1417.png) no-repeat scroll 0pt -30px;
}

#compas a {
	background:transparent url(../_img/onglet_1720.png) no-repeat scroll left top;
	height:30px;
	width:114px;
}

#compas a:hover, #compas a:focus, #compas a:active, #compas .selected {
	background:transparent url(../_img/onglet_1720.png) no-repeat scroll 0pt -30px;
}

.marge_top_rub{
	height: 10px;
}


/* BLOCS */
.block{
	overflow: hidden;
	margin-bottom: 2px;
}

.blk_header{
	min-height:25px;
	font-size:1.3em;
	margin:0pt;
	padding:0pt 0pt 0pt 6px;
}

.block_purple .blk_header, .block_purple .blk_header b{
	background-image:url(../_img/block_purple_header.png);
}
.blk_header, .blk_header b{
	background-position: left top;
	background-color: transparent;
	background-repeat:no-repeat;
	display:block;
	position: relative;
	
}

.blk_header b{
	color:#FFFFFF;
	text-align: center;
	letter-spacing: 1px;
	background-position: right top;
	padding:4px 6px 2px 1px;
}

.block_purple .blk_inside{
	border: 1px solid #3A1C7C;
	position:relative;
	zoom:1; /* correction IE bug */
}

.block_purple .blk_inside .bl, .block_purple .blk_inside .br, .block_purple .blk_inside .tl, .block_purple .blk_inside .tr {
	background-image:url(../_img/block_purple_corners.png);
}

.blk_inside .bl, .blk_inside .br, .blk_inside .tl, .blk_inside .tr{
	font-size:1%;
	height: 7px;
	position: absolute;
	width: 7px;
	z-index: 5;
}
.blk_inside .bl{
	background-position: left bottom;
	bottom:-1px;
	left:-1px;
}
.blk_inside .br{
	background-position: right bottom;
	bottom:-1px;
	right:-1px;
}
.blk_inside .tl{
	background-position: left top;
	top:-1px;
	left:-1px;
}
.blk_inside .tr{
	background-position: right top;
	top:-1px;
	right:-1px;
}

.blk_content {
	overflow:hidden;
	min-height: 20px;
	padding:5px;
	color: #555555;
	font-size: 12px;
}
.blk_content ul{
	margin:0px 0px 0px 14px;
	padding-left: 10px;
}

.blk_shadow{
	padding-left: 10px;
}

.blk_shadow, .blk_shadow b{
	background:	transparent url(../_img/bottom_shadow.png) repeat-x scroll left top;
	display:block;
}

.blk_shadow b {
	background-position:right top;
	font-size:1%;
	height:10px;
}

/* fix corners */
.IS_IE .tr, .IS_IE .br{
  _right:expression(cssRight(this)); /* corrige le positionnement absolu sous IE */
}
/* IS_IE est la  pour que IE7 n'utilise pas cette propriété */
.IS_IE .bl, .IS_IE .br{
  _bottom:expression(cssBottom(this,true)); /* corrige le positionnement absolu sous IE */
}


/* BLOCS BRANCHES */
	/* 6-8 > FARFADETS */
.block_68 .blk_header, .block_68 .blk_header b{
	background-image:url(../_img/block_68_header.png);
}
.block_68 .blk_inside{
	border: 1px solid #95C378;
	position:relative;
	zoom:1; /* correction IE bug */
}
.block_68 .blk_inside .bl, .block_68 .blk_inside .br, .block_68 .blk_inside .tl, .block_68 .blk_inside .tr {
	background-image:url(../_img/block_68_corners.png);
}

	/* 8-11 > LOUVETEAUX */
.block_811 .blk_header, .block_811 .blk_header b{
	background-image:url(../_img/block_811_header.png);
}
.block_811 .blk_inside{
	border: 1px solid #FF761A;
	position:relative;
	zoom:1; /* correction IE bug */
}
.block_811 .blk_inside .bl, .block_811 .blk_inside .br, .block_811 .blk_inside .tl, .block_811 .blk_inside .tr {
	background-image:url(../_img/block_811_corners.png);
}

	/* 11-14 > SCOUTS */
.block_1114 .blk_header, .block_1114 .blk_header b{
	background-image:url(../_img/block_1114_header.png);
}
.block_1114 .blk_inside{
	border: 1px solid #438AFF;
	position:relative;
	zoom:1; /* correction IE bug */
}
.block_1114 .blk_inside .bl, .block_1114 .blk_inside .br, .block_1114 .blk_inside .tl, .block_1114 .blk_inside .tr {
	background-image:url(../_img/block_1114_corners.png);
}

	/* 14-17 > PIONNIERS */
.block_1417 .blk_header, .block_1417 .blk_header b{
	background-image:url(../_img/block_1417_header.png);
}
.block_1417 .blk_inside{
	border: 1px solid #EA3131;
	position:relative;
	zoom:1; /* correction IE bug */
}
.block_1417 .blk_inside .bl, .block_1417 .blk_inside .br, .block_1417 .blk_inside .tl, .block_1417 .blk_inside .tr {
	background-image:url(../_img/block_1417_corners.png);
}

	/* 17-20 > COMPAGNONS */
.block_1720 .blk_header, .block_1720 .blk_header b{
	background-image:url(../_img/block_1720_header.png);
}
.block_1720 .blk_inside{
	border: 1px solid #008463;
	position:relative;
	zoom:1; /* correction IE bug */
}
.block_1720 .blk_inside .bl, .block_1720 .blk_inside .br, .block_1720 .blk_inside .tl, .block_1720 .blk_inside .tr {
	background-image:url(../_img/block_1720_corners.png);
}

	/* TSI > IDEM GROUPE */
.block_tsi .blk_header, .block_tsi .blk_header b{
	background-image:url(../_img/block_purple_header.png);
}
.block_tsi .blk_inside{
	border: 1px solid #3A1C7C;
	position:relative;
	zoom:1; /* correction IE bug */
}
.block_tsi .blk_inside .bl, .block_tsi .blk_inside .br, .block_tsi .blk_inside .tl, .block_tsi .blk_inside .tr {
	background-image:url(../_img/block_purple_corners.png);
}

/* CALENDRIER */
.calendrier{
	font-family: Arial, sans-serif; font-size: 11px; color: #333333;
}
.calendrier_tj{
	font-weight: bold; color: #999999;
}
.calendrier_nj{
	font-weight: normal;
}
.calendrier_evt{
	font-weight: bold; color: #FFFFFF; background-color: #CCCCCC;
}
.calendrier_evt A:link, .calendrier_evt A:active, .calendrier_evt A:visited{
	text-decoration: none; color: #333333;
}
.calendrier_evt A:hover{
	text-decoration: none; font-weight: bold; color: #FFFFFF;
}
.calendrier_auj{
	background-color: #FFFFFF;
	border-color: #333333;
	border: 1px solid #333333;
}
.calendrier_evtauj{
	font-weight: bold; background-image:url(../_img/fd_evtauj.gif);
}
.calendrier_evtauj A:link, .calendrier_evtauj A:visited{
	text-decoration: none; font-weight: bold; color: #333333;
}
.calendrier_evtauj A:hover{
	text-decoration: none; font-weight: bold; color: #FFFFFF;
}
.calendrier_nav{
	font-size: 11px; font-weight: bold; color: #333333;
}


input{
	border-bottom: 1px solid #CCCCCC; border-left:0px; border-right: 0px; border-top: 0px; 
	color: #000000;	background-color: #FFFFFF; font-family: Verdana, MS Reference Sans Serif, Arial, sans-serif; font-size:10px; font-weight:bold;
}

select{
	color: #000000; background-color: #FFFFFF; font-family: Verdana, MS Reference Sans Serif, Arial, sans-serif; font-size:10px; font-weight:bold;
}

textarea{
	border:1px solid #CCCCCC;
	color: #000000;	background-color : #FFFFFF;	font-family: Verdana, MS Reference Sans Serif, Arial, sans-serif; font-size:11px; font-weight: normal;
}
.bouton{
	border: 1px solid #3A1C7C; 
}


#alerte {
	font-size:10px;
	height:80px;
	overflow:hidden;
	padding:0.2em;
	position:relative;
}
#alerte .alerte {
	height:65px;
	padding:0.2em;
	position:absolute;
	top:210px;
}
#alerte h4 {
	font-size:11px;
	margin:0pt;
	padding:0pt;
}
#alerte a:link, #alerte a:visited, #alerte a:active {
	text-decoration: none;
	border-bottom : 1px dashed #CCCCCC;
	color: #333333;
}

#alerte a:hover {
	text-decoration: none;
	border-bottom :  1px dotted #CCCCCC;
	color: #999999;
}


#ma_galerie {
	text-align: left;
	width: 900px;
	border: 0px;
	background: white;
}
#ma_galerie #membres {
	padding: 5px;
}


#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #EEEEEE;
	padding: 2px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { font-size:12px; margin: 0; }