/***********************************************/
/* demo_style.css                             */
/* Utiliser dans site la-democratie.fr          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{font-family: Arial,sans-serif;	color: #333333; line-height: 1.166;	margin: 0px; padding: 0px;}

a{color: #006699;text-decoration: none;}
a:link{color: #006699; text-decoration: none;}
a:visited{color: #006699; text-decoration: none;}
a:hover{color: #006699; text-decoration: none;}

h1{font-family: Verdana,Arial,sans-serif; font-size: 120%; 				color: #334d55; margin: 0px; padding: 0px;}
h2{font-family: Arial,sans-serif; font-size: 114%; 						color: #006699; margin: 0px; padding: 0px;}
h3{font-family: Arial,sans-serif; font-size: 120%; 						color: #334d55; margin: 0px; padding: 0px;}
h4{font-family: Arial,sans-serif; font-size: 100%; font-weight: normal; color: #333333; margin: 0px; padding: 0px;}
h5{font-family: Verdana,Arial,sans-serif; font-size: 100%;font-weight: normal; color: #334d55; margin: 0px; padding: 0px;}

ul{list-style-type: square;}
ul ul{list-style-type: disc;}
ul ul ul{list-style-type: none;}

label{font-family: Arial,sans-serif; font-size: 100%; font-weight: bold; color: #334d55;}

.Style1 {font-family: Arial, Helvetica, sans-serif}
		a:link{	color: #334D55;	text-decoration: none;}
		a:visited{color: #334D55; text-decoration: none;}
.Style2 {font-family: Arial, Helvetica, sans-serif ; font-size: 13px;font-weight: normal; color: #CC3300;}
		/* a:link{	color: #CC3300;	text-decoration: none;}
		a:visited{color: #336699; text-decoration: none;}	*/	
   	.style94{font-family: Arial,Helvetica,sans-serif; font-size: 20px;font-weight: normal; color: #334d55; margin: 0px; padding: 0px;}
	.style95{font-family: Arial,Helvetica,sans-serif; font-size: 20px;font-weight: normal; color: #ffffff; margin: 0px; padding: 0px;}
	.style96{font-family: Arial,Helvetica,sans-serif; font-size: 13px;font-weight: normal; color: #334d55; margin: 0px; padding: 0px;}
	/*.style97{font-family: Arial,Helvetica,sans-serif; font-size: 20px;font-weight: BOLD; color: #334d55; margin: 0px; padding: 0px;} */
	.style98{font-family: Arial,Helvetica,sans-serif; font-size: 20px;font-weight: BOLD; color: #ffffff; margin: 0px; padding: 0px;}
	.style99{font-family: Arial,Helvetica,sans-serif; font-size: 13px;font-weight: bold; color: #334d55; margin: 0px; padding: 0px;}
	.style100{font-family: Arial,Helvetica,sans-serif; font-size: 13px;font-weight: bold; color: #CC3300; margin: 0px; padding: 0px;}
	.style101{font-family: Arial,Helvetica,sans-serif; font-size: 13px;font-weight: bold; color: #336699; margin: 0px; padding: 0px;}
	.style102{font-family: Arial,Helvetica,sans-serif; font-size: 14px;font-weight: bold; color: #ffffff; margin: 0px; padding: 0px;}
	.style103{font-family: Arial,Helvetica,sans-serif; font-size: 14px;font-weight: normal; color: #ffffff; margin: 0px; padding: 0px;}
	.style104 {font-family: Arial,Helvetica,sans-serif;font-size: 11px; color: #334D55; }
	.style105{font-family: Arial,Helvetica,sans-serif; font-size: 11px;font-weight: normal; color: #ffffff; margin: 0px; padding: 0px;}
	.style153 {font-family: Arial,Helvetica,sans-serif;font-size: 16px;color: #FFFFFF; font-weight: bold;}
	.style177 {font-family: Arial,Helvetica,sans-serif; font-size: 14px; font-weight: bold; color: #334d55; margin: 0px; padding: 0px; }
/***********************************************/
/* Layout Divs                                 */
/* These layout divs define the page layout.   */
/***********************************************/

#navBar		{float: left; width: 100%; margin: 0px; padding: 0px; 
			background-color: #ffffff; 
			border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc;}

#headlines	{float:right; width: 1%; padding-right: 10px;
			border-left: 0px solid #cccccc;	border-bottom: 0px solid #cccccc;}

#content	{float: center; width: 764px; margin-left: 14px; margin-right: 6px; padding: 4px;}

#row1		{float: center;	width: 764px; height: 40px; align: center; margin-left: 14px; margin-right: 6px; padding: 4px;}
#row1ac		{float: center;	width: 764px; height: 40px; align: center; margin-left: 14px; margin-right: 6px; padding: 4px; background-color:#336699;}
/************************************/

#col1		{float: left; width: 220px; height: 120; margin-left: 10px; margin-top: 8px; padding:6px;
			background-color: #FFFFFF; color: #CC3300;
			border-left: 1px solid #336699;	border-bottom: 4px solid #336699; border-right: 1px solid #336699;	border-top: 4px solid #336699;}

#colCentr	{float: left; width: 306px; height: 120; margin-left: 10px; margin-right: 10px; margin-top: 8px; padding:6px;
			background-color: #336699; color: #CC3300;
			border-left: 1px solid #336699;	border-bottom: 4px solid #336699; border-right: 1px solid #336699;	border-top: 4px solid #336699;}
#colRight	{float: right; width: 220px; height: 120; margin-right: 10px; margin-top: 8px; padding:6px;
			background-color: #FFFFFF; color: #CC3300;
			border-left: 1px solid #336699;	border-bottom: 4px solid #336699; border-right: 1px solid #336699;	border-top: 4px solid #336699;}

#col2		{float: right; width: 520px; height: 120; margin-right: 10px; margin-top:0px; padding: 4px;}

/************************************/
/*End Layout Divs                              */
/***********************************************/
/***********************************************/
/* Components                                  */
/***********************************************/
/************* #globalNav styles **************/

#globalNav	{padding: 0px 0px 5px 10px; 
			background-color: #ffffff; color: #cccccc;
			border-bottom: 1px solid #CCC;}

#globalNav img{display: block;}

#globalNav a { font-size: 90%; padding: 0 4px 0 0;}

/************** .feature styles ***************/

.feature	{padding: 10px 10px 10px 10px; font-size: 80%;	margin-left: 14 px; margin-right: 0px;}

.feature h3	{padding: 0px 0px 0px 0px;text-align: center;}

.feature img{float: left; padding: 10px 10px 0px 0px;}

/************** .story styles *****************/

.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story p{
	padding: 0px 0px 10px 0px;
}


/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
}

#siteInfo img{
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}


/************* #search styles ***************/

#search			{padding: 5px 0px 5px 10px;
				border-bottom: 1px solid #cccccc;
				font-size: 90%;}

#search form	{margin: 0px; padding: 0px;}

#search label	{display: block; margin: 0px; padding: 0px;}

/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited 	{display: block;}
#navBar ul 									{list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li 									{border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li 						{border-bottom: none;}


/*********** #sectionLinks styles ***********/

#sectionLinks			{margin: 0px; padding: 0px;
						border-bottom: 1px solid #cccccc;
						font-size: 13px;}

#sectionLinks h3		{padding: 12px 0px 2px 10px;}

#sectionLinks a 		{display: block; border-top: 1px solid #cccccc; padding: 2px 0px 2px 10px;}

#sectionLinks a:hover	{background-color: #dddddd;}

/*********** #row1 styles ***********/

#row1{
	margin: 0px;
	padding: 0px;
	font-size: 90%;
}

#row1 h3{
	padding: 10px 0px 2px 10px;
}

#row1 a {
	display: block;
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
}

#row1 a:hover{
	background-color: #dddddd;
}

/*********** #col2 styles ***********/

#col2{
	
	font-size: 90%;
}

#col2 h3{
	padding: 10px 0px 2px 10px;
}

#col2 a {
	display: block;
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
}

#col2 a:hover{
	background-color: #dddddd;
}
/*********** #content styles ***********/

#content{
	
	font-size: 90%;
}