/*

	--- Feuille de style du site "les Invisibles du col de Vence" ---
	des parties sont communes à toutes les pages d'autres sont spécifiques à chaque partie

*/



/*****************************************************************/
/*************** CSS communes à toutes les pages ********************/



html {	
	overflow-x:hidden;
	height: 100%; 
}


BODY {
	background-image: url(/images/stars.jpg);
	background-attachment: fixed;
	background-color: #000000;
	color : #FFFFFF;
	text-align: justify;
	line-height:16px;
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	padding: 0px;	
	margin:0px;
	height: 100%; 
	padding-right:2px;
	scrollbar-3dlight-color:#717171;
	scrollbar-darkshadow-color:#717171;
	scrollbar-face-color:#717171;
	scrollbar-track-color:#2E2E2E;
	scrollbar-highlight-color:#DCDCDC;
	scrollbar-shadow-color:#383838;
	scrollbar-arrow-color:white;

	/*overflow-x:hidden;*/
	/*overflow-y:hidden;*/
}

TABLE,TD,TR {
	
	font-family: Verdana, arial, helvetica, sans-serif;
	font-size: 11px;
}

img {
	border-width:0px;
}


INPUT,TEXTAREA, SELECT,option {
	font-family:Verdana,arial, helvetica, sans-serif;
	font-size:10px;
	color:#EEEEEE;
	border:1px solid #222222;
	background-color:#303030;
	padding:1px;
	text-align: left;
}

form { 
    margin: 0px; 
}

a  {
        text-decoration : none;
		font-weight: bold;
        /*color: #BDF5F7;*/
		/*color: #cac4dc;*/
		color: #FF0000;
		/*font-size: 11px;  */
}

a:link, a:visited, a:active
{
	color: #cac4dc;
}

a:hover
{
	color: #ede8ff;
}

h1, h2, h3, h4, h5, h6
{
	font-family: gill sans, arial, helvetica, sans-serif;
	font-weight: bold;
	margin: 2px;
	text-align: center;
}


h1 { 
	
	font-size:15px;
	background:url(/images/fond_entete.gif) repeat top;
	height:20px;
	margin: 0px;
	padding:3px;
	font-style: italic;
	font-family: Arial;
	text-align: center;
	letter-spacing:10px;
	word-spacing:20px;
	vertical-align:middle;
	color:#DDDDDD;
	font-weight:bold;
	
}

h2 { font-size: 18px; }
h3 {
	font-family: arial, helvetica, sans-serif;
	color: #F0DDAC;
	font-size:14px;
	font-weight:bold; font-stretch:expanded;
	line-height:25px; font-style:italic; 
	margin: 6px 0px 4px 0px;
}
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6 { font-size: 10px; }


		/**********/
		
		div#navbar {
			height: 30px;
			width: 100%;
			border-top: solid #555555 1px;
			border-bottom: solid #555555 1px;
			background-color: #222222;
		}
		
		div#navbar ul {
			margin: 0px;
			padding: 0px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10px;
			color: #999999;
			line-height: 25px;
			white-space: nowrap;
			text-align:center;
		}
		
		div#navbar li {
			list-style-type: none;
			display: inline;
		} 
		
		div#navbar li a {
			text-decoration: none;
			padding: 7px 9px;
			color: #FFF;
		}
		div#navbar li a:link {
			color: #FFF:
		}
		div#navbar li a:visited {
			color: #FFF;
		}
		div#navbar li a:hover {
			color: #FFF;
			background-color: #555555;
		}
	
		/********************/
		
/*****************************************************************/
/*****************************************************************/




/*****************************************************************/
/***** CSS de la partie "Articles" et de la partie "Actualités" *******/


#img_float_left
{
	/* Used in the [img] tag when float=left */
	float: left;
	margin: 2px 8px 4px 2px;
}

#img_float_right
{
	/* Used in the [img] tag when float=right */
	float: right;
	margin: 2px 2px 4px 8px;
}


#header
{
	color: #FFFFFF;
	margin: 0px;
	padding: 0px 10px 0px 10px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.maincontent				/****positionnement de la eone où setront affichées les infos ***/
{
	position:absolute;
	left:0px;
	padding-right:258px;		/***place réservée pour le menu***/*
	min-width:535px;
}

#popup_content
{
	padding: 15px 15px 15px 15px;
	margin: 0px;
}

#footer
{
	color: #666;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

#blog_title
{
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	vertical-align: bottom;
	color: #FFFFFF;
	float: left;
}

#blog_title_buttons
{
	/* Edit and Delete buttons in the Blog Title */
	font-size: 11px;
	text-align: right;
	font-family: arial, helvetica, sans-serif;
	float: right;
}

#blog_body
{
	padding: 10px;
	margin: 0px;
	border-width: 1px;
	border-style: solid;
	color: #663;
	background-color: #FFF;
	border-color: #A6A6A6;
}

#blog_comment
{
	padding: 6px 10px 6px 10px;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	color: #663;
	background-color: #FFF;
	border-color: #A6A6A6;
}

/*a garder*/
#blog_date  
{
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	color: #999;
	font-size: 10px;
	margin-bottom: 4px;
}

#menu
{
	padding: 0px;
	margin-right:5px;
	color: #CCCCCC;
	float:left;
	border:0;
	position:absolute;
	right:5px;
	width:240px;
	
}

#menu #title
{
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

/* Links */


#menu a
{
	font-weight: bold;
	text-decoration: none;
}

#menu a:link, a:visited, a:active
{
	color: #DDDDDD;
}

#menu a:hover
{
	color: #F33;
}





	div#sous_menu  ul {
			margin: 0px;
			padding: 0px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10px;
			color: #999999;
			line-height: 25px;
			white-space: nowrap;
			text-align:center;
		}
		
		div#sous_menu  li {
			list-style-type: none;
			display: inline;
		} 
		
		div#sous_menu  li a {
			text-decoration: none;
			padding: 7px 9px;
			color: #FFF;
		}
		div#sous_menu  li a:link {
			color: #FFF:
		}
		div#sous_menu  li a:visited {
			color: #FFF;
		}
		div#sous_menu  li a:hover {
			color: #FFF;
			background-color: #555555;
		}
	

/***pour les messages du livre d'or**/
.msg_or {
	margin-bottom: 0px;
	margin-top: 25px;
	color:#ffffff;
}


/**********fenetre de chaque article **********/

.fenetre_blog {
	margin:10px 1px 10px 1px;
	padding:3px;
	font-family: arial, helvetica, sans-serif;
	border: 1px dotted #777777;
	background:url(/images/quadrillage_gris.gif) repeat;
	text-align: justify;
}

.fenetre_blog H1 {
	background:none;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-style:italic;
	background-color: #444444;
	text-align: left;
	padding:5px;
	height: auto;
	margin:0;
	letter-spacing:1px;
	word-spacing:4px;
	text-transform: none;
	font-weight:bold;
	color: #FFFFFF;
}

.fenetre_blog H2 {
	font-family: arial, helvetica, sans-serif;
	margin-bottom:8px;
	font-size: 12px;
	font-style:italic;
	font-weight:bold;
	text-align: center;
	color: #F0DDAC;
	padding: 3px;
}

.fenetre_blog a:link, .fenetre_blog a:visited, .fenetre_blog a:active {
    color: #C5BDE0;
    background-color: transparent;
	text-align: left;
	font-family: arial, helvetica, sans-serif;
	text-decoration:none;
	font-size: 11px;
	font-weight:normal;
}

.fenetre_blog a:hover {
	color: #FFFFFF;
}

.menu_articles {
	margin:5px 1px 10px 1px;
	border: 1px dotted #777777;
	font-family: arial, helvetica, sans-serif;
	color: #F0DDAC;
	font-size:14px;
	font-weight:bold; font-stretch:expanded;
	line-height:25px; font-style:italic; 
	height:auto; padding-left:30px;
	background-color: #000000; background-repeat: no-repeat;
	background-position:top center; background-image:url(/images/liste_articles.jpg); 
}
.menu_articles a {
	color: #DDDDDD;
	font-size: 12px;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}
.menu_articles  a:hover {
	color: #FFFFFF;
	text-decoration:none;
}

/***********************************************/


/*****************************************************************/
/**********************CSS du Forum *******************************/

.form {margin:0; padding:0}
.s9 {font-size:9} .s10 {font-size:10} .s11 {font-size:11} .s12 {font-size:12} .s13 {font-size:13} .s14 {font-size:14} .s15 {font-size:15}

.case   {font-size:11px; border:1px solid #242424; background:url('/images/transparence_gris.gif'); padding:2px}
/*.case   {font-size:11px; border:1px solid #242424; background:url('dnf/i/in_b.gif'); padding:2px}*/
.send   {letter-spacing:1; font-size:11; font-weight: bold; background-color:#303030; padding:1px}
.prev   {letter-spacing: 1; font-size: 11; font-weight: bold; background-color:#3A3A3A; padding:1px; }

.bord   {background-color:#5E5E5E}
.box    {background-color:#DDDDDD; }
.inside {background-color:#111111;}
.smils  {background-color:#4F4F4F; filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#393C39', startColorstr='#A4A4A4', gradientType='0');}
.smils2 {background-color:#4F4F4F; filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#393C39', startColorstr='#676767', gradientType='0');}
.bbc    {cursor:default;}
.freeze {background-color:#3366CC; border:1px solid #3586FF}
.stitle {font-size:13px}
.msg    {color:orange}

.radio  {border:0px;background:none}
#border {border:1px solid black}

.topic2 {background:url(/images/quadrillage_gris.gif) #000000 repeat;}
.topic1 {background:url(/images/transparence_gris.gif) #000000 repeat;}
.topic02 {background:url(/images/quadrillage_gris.gif) repeat;}
.topic01 {background:url(/images/transparence_gris.gif) repeat;}

.listing{background-color:#293D58}
.redlist{background-color:#582A2A}
.d  {color:#DDDDDD}
#d  {color:#DDDDDD}
.e  {color:#B0B0B0}
.rub {color:white}
.tp {background-color:#3C3C3C;font-size:12;vertical-align:top;text-align:center;border:1px double black;padding:2}
.tm {background-color:#484848;padding:2;vertical-align:top;border:1px double black;padding:2}
.top_smils {background-color:#C7CDD1}
.no_smils {background-color:none}
.infos {vertical-align:top;width:25;text-align:right}
.invert{color:#ADADAD}
.h {display:none}
.red {color:red}
.def {color:white}
.menubg {background-color:#414141}


A.n {color:white;text-decoration:none}
A.n:hover {color:white;text-decoration:underline}
.b {color:#DDDDDD;text-decoration:none}

A.b {color:#DDDDDD; text-decoration:nones}
A.b:hover {color:#DDDDDD;text-decoration:underline}

.tlink {font-size:11;text-decoration:none;color:white}
A.tlink:hover {font-size:11;text-decoration:underline;color:white}*/

/*****************************************************************/
/*****************************************************************/
/******* menu principal *************/
	
	
	.gris {
		 background:url(/images/reticulan.gif) no-repeat fixed left top;
	}
	
	ul {
		list-style-type: none;
		margin: 5 0 15 0;
		padding: 0;
		padding-top:13px;
		list-style-type: none;
	} 

	li {
		margin: 0 0 10 0;
		text-align:center;
		padding: 0px;
		list-style-type: none;
	}
	
	.sommaire {				/* positionne la zone du sommaire***/
		padding: 0px;
		margin:0px;
		float:left;
		border:solid thin red;
		position:absolute;
		left:0px;
		width:135px;
	}
	
	.contenu_site				/****positionnement de la eone où setront affichées les infos ***/
	{
		position:absolute;
		left:140px;
		padding-right:140px;		/***place réservée pour le menu***/*
		border:solid thin red;
		height:100%;
		//margin-right:10px;
	}
	
	.menu_sommaire a:link, .menu_sommaire a:visited {
		margin:auto;
		padding:3px;		/* le padding est superieur de 1 / a:hover pur compenser le bord avec le a:hover*/	
		width: 110px; 
		display: block;
		text-align: center;
		color: #FFFFFF;
		border-width: 0px;
		border-color:transparent;
		text-decoration: none;
		font-size:12px;
		font-weight:bold;
		font-family:'Times';
		background-color: transparent;
	}
		 
	.menu_sommaire a:hover {
		padding:2px;
		border-top: solid 1px #888888;
		border-bottom: solid 1px #888888;
		background: transparent url("/images/fonds/2p_444444.gif") repeat;
	}
	
	.menu_sommaire a:active {
		padding:2px;
		background-color:#222222;
		border: solid 1px #888888;
	}
     
	a.langue:hover {
		cursor:crosshair;
	}
	
	#infos_site {
		font-family:arial;
		font-weight:bold;
		font-style:italic;
		font-size:10px;
		color:#BBBBBB;
		margin-top:5px;
		margin-bottom:5px;
		text-align:center;
		padding:3px;
	}
	
	#pseudo {
		font-family:arial;
		font-weight:bold;
		font-size:13px;
		color:#3075CC; /*E6E3FF;*/
		margin-top: 2px;
		margin-bottom: 4px;
	}
	
	#connection {
		font-family:arial;
		font-weight:bold;
		font-size:10px;
		color:#787878;
		/*color:#1055AC;*/
		margin-top: 3px;
		margin-bottom: 0px;
		background: transparent url("/images/fonds/2p_222222.gif") repeat;
	}
	
	#erreur_connection {
		font-family:arial;
		font-size:10px;
		color:#FF0000;
	}
	
	#bouton_connection {
		font-family:arial;
		font-size:10px;
		color:#888888;
		font-weight:bold;
		background-color: #000000;
		border: dotted 1px #555555; /*112f55*/
		/*margin:5px;*/
		padding:1px 2px 2px 2px ;
		text-align:center;
	}

	/*** cadre d'infos ***/
	
	.cadre {
		border: solid 1px #373737;
		padding:0px;
		width:120px;
		text-align:left;
		margin-left: auto;
		margin-right: auto;
		margin-top:13px;
		margin-bottom:6px;
	}

	.cadre h1 {						/*titre du cadre*/
		
		font-family:'arial, sans-serif';
		font-style: italic;
		font-size:100px;
		text-align:center;
		font-weight:normal;
		border-width:0px;
		background: transparent url("/images/fonds/2p_444444.gif") repeat;
		width:100%;
		margin:0px 0px 2px 0px;
		padding:0px;
		vertical-align:top;
	}
	
	.cadre a:link, .cadre a:visited, .cadre a:active {		/*liens du cadre*/
		color: #BBBBBB;
		text-decoration:none;
		text-align:left;
		margin: 1px;
		background-color: transparent;
		font-size:9px;
		font-weight:100;
		vertical-align:middle;
		font-family:'Arial', sans-serif;
		line-height:11px;
	}
	.cadre a:hover {
		color: #EEEEEE;
	}
	
	
	
/*****************************/
		#iframe {
			
			width: 100%;
			height: 98%;
			padding:0px;
			margin: 0 0 0 0 px;
			border:0;
			
			scrollbar-3dlight-color:#717171;
			scrollbar-darkshadow-color:#717171;
			scrollbar-face-color:#717171;
			scrollbar-track-color:#2E2E2E;
			scrollbar-highlight-color:#DCDCDC;
			scrollbar-shadow-color:#383838;
			scrollbar-arrow-color:white;

		}
		
		
/******************/

a.photo:hover {
	cursor:crosshair;
}