/* Blue Style 001 */

/* Copyright 2007 Casey Lee for Joomlashack.com */





/* main background color, header background, and default text color */

body#page_bg {

	background: url(../images/page_bg.png) repeat-x center top;

	background-color: #f4f4f4;

	color: #363636;

}





/* default font */

html, body, form, fieldset {

	font: 12px/130% Arial, Helvetica, sans-serif;

}





/*Top Nav Link Color*/



#header-top li a {

	color: #C9CFD3;

}

#header-top li a:hover {

	color: #fff;

}





/*Header (TEXT) */

#header-text h2, #header-text h2 a {

	color: #f7f7f7;

	font: normal 45px/45px Arial, Helvetica, sans-serif;

	

	

}

/*Header (GRAPHIC) */

/*Adjust the height below - Proceed with caution or use "text" based logo from config*/

/*Notes: If your logo extends the default size (67px) the page.png must be re-exported as well */

/*It is recommended to use the Fireworks source */



#header-graphic {

	/*width: 250px;*/

	background: url(../images/header_logo2.gif) no-repeat left top;

	height: 90px;

	margin-top:20px;

	margin-right: 15px;

	z-index: 50;

}



/* Defines the clickable hotspot area of the logo */

/* You can temporarily uncomment the red border to see your zone */

#header-graphic h2 a {

	height: 58px;

	width: 215px;

	/*border: 1px solid red;*/

	cursor: pointer;

}



/* Headings Typography */



h1 {

	font-size: 28px;

	color: #8e2800;

}



h2 {

	font-size: 16px;

	color: #797f83;

	font:Arial, Helvetica, sans-serif;

}



h3 {

	font-size: 20px;

	color: #3d3d3d;

}



h4 {

	font-size: 16px;

	color: #3d3d3d;

}

/* Default Link Styles */

a {

	color: #5E6F75;
	text-decoration: underline;
	

}



a:hover {

	color: #333;

	text-decoration: underline;

}



/* Because serifs don't look all that great. Remove this if you change to a sans-serif font */



b, strong, strong span {

	font: bold .95em Arial, Helvetica, Geneva, sans-serif;

}



/* Left and Right Column Typography */



#leftcol h1, #rightcol h1 {

	font-size: 18px;

	line-height: 125%;

}



#leftcol h2, #rightcol h2 {

	font-size: 16px;

	line-height: 125%;

}

#leftcol h4, #rightcol h4 {

	font-size: 14px;

	line-height: 125%;

}



#leftcol .inside,

#rightcol .inside {

	font-size: 12px;

	line-height: 135%;

}



#leftcol a.contentpagetitle,

#rightcol a.contentpagetitle,

#rightcol td.contentheading,

#leftcol td.contentheading {

	font-size: 12px;
	
	font-weight: bold;

	/*line-height: 22px;*/
	
	width: 100%;
	display: block;

}

td.gk_news_block_center h4.gk_news_block_news_header  a {
	text-decoration: none;
	font-size: 12px;
}

td.gk_news_block_center a img.gk_news_block_news_image {
	margin-right: 4px;
}



/* Bottom stroke */

table#main {

	border-bottom: 5px solid #ccc;

}



/* Teaser Background */



#teaser-wrapper {

	background: url(../images/teaser_bg.png) repeat-x center top;

	background-color:#E0E7EB;

}

/* Secondary (inner) Teaser Background */

#teaser {

	background: url(../images/teaser.jpg) repeat-x center top;

}

/* Teaser (icon position) Typography */



#teaser h3 {

	color: #3d3d3d;

	font-size: 28px;

	line-height: 32px;

}

#teaser p {

	color: #3d3d3d;

	font-size: 18px;

	line-height: 20px;

}

#teaser a {

}



#teaser a.readon {

	background-color: #f5f5f5;

	border: 1px solid #797f83;

}



/* @group Module Headings */



/* Style 1 - S1/Default */

/*.gk_tabmods_item div.moduletable h3 span{

	display:compact;

	text-align:center;

	padding-left: 2em;

}*/

div.moduletable h3 b {
	font-size: 13px;
	
	color: #fff;

	line-height: 165%;

	text-align: center;
}


div.moduletable h3, div.moduletableS1 h3 {

	text-transform: uppercase;

	font-size: 13px;

	background: #ff9800 url(../images/moduleheading1.png) no-repeat left bottom;

	color: #fff;

	line-height: 165%;

	text-align: center;

	/*margin-left: 1px;*/

	padding-left: 0px; 

	width: 100%;

	

}

div.moduletable h3, div.moduletableS1 h3 a {

	text-align: center;

	

}



/* Style 2 - S2 */



div.moduletableS2 h3 {

	text-transform: uppercase;

	font-size: 13px;

	background: #558a97 url(../images/moduleheading2.png) no-repeat left bottom;

	color: #fff;

	line-height: 165%;

	

}

/* Style 3 - S3 */



div.moduletableS3 h3 {

	text-transform: uppercase;

	font-size: 13px;

	background: #ccc url(../images/moduleheading3.png) no-repeat left bottom;

	color: #333;

	line-height: 165%;

	

}

/* Style 4 - S4 */



div.moduletableS4 h3 {

	text-transform: uppercase;

	font-size: 13px;

	background: #c0ccd3 url(../images/moduleheading4.png) no-repeat left bottom;

	color: #333;

	line-height: 165%;

	

}



/* Style 5 - S5 */



div.moduletableS5 h3 {

	text-transform: uppercase;

	font-size: 13px;

	background: #558a97 url(../images/moduleheading5.png) no-repeat left bottom;

	color: #fff;

	line-height: 165%;

	

}



/* Style 6 -bdr */





div.moduletable-bdr {

	background: #f4f4f4;

	border: 1px solid #ccc;

}



/* Style 7 -nopad */



div.moduletable-nopad h3 {

	text-transform: uppercase;

	font-size: 13px;

	color: #333;

	line-height: 165%;

}



/*Footer*/



#footer {

	color: #ccc;

	background: #263248 url(../images/footer_bg.png) repeat-x center top;

	border-bottom: 5px solid #ccc;

}

#footer a {

	color: #9ca2aa;

	text-decoration: none;

}

#footer a:hover {

	color: #fff;

}

#footer a, #footer p, #footer div, #footer a {

/*color: #cf0609;*/

}

#footer .moduletable h3 {

	font-family: Georgia, Garamond, "Times New Roman";

}

/* @end */



/*Author Text*/

span.small,.createdate {

	font: normal small-caps 11px/12px Tahoma, Lucida Grande, Lucida, Verdana, sans-serif;

	color: #ff9800;

	text-transform: uppercase;

}

/*Last Updated Text*/

.modifydate {

	font: normal small-caps 11px/12px Tahoma, Lucida Grande, Lucida, Verdana, sans-serif;

	color: #666;

	text-transform: uppercase;

}

/* Content Headings */



a.contentpagetitle {

	text-decoration: none;

	color: #8e2800;

	

}



a.contentpagetitle:hover {

	color: #000;

	text-decoration: none;

}



td.contentheading {

	color: #8e2800;





}



.contentheading {

	color: #8e2800;

	

	font: normal normal 18px/19px Arial, Helvetica, sans-serif;

		padding-left: 25px;

}



.componentheading {

	font-size: 20px;

	line-height: 30px;

	font-weight: bold;

	color: #333;

}

/*Read more...*/

a.readon {

	font: bold 12px/20px Arial, Helvetica, Geneva, sans-serif;

	text-decoration: none;

	color: #747a7e;

}



a.readon:hover {

	color: #84949c;

	text-decoration:none;

}

/*Buttons*/



input.button {

	border: 1px outset #666;

	background: #3d3d3d;

	color: #fff;

	font: bold 12px Arial, Helvetica, Geneva, sans-serif;

}

/* Category Tables */



td.sectiontableheader {

	font-family: Arial, Helvetica, Geneva, sans-serif;

	color: #fff;

	border-bottom: 3px solid #263248;

	border-right: 1px solid #fff;

	background: #ff9800;

	font-weight: bold;
	
	height: 25px;
	

}

td.sectiontableheader a {
text-decoration: none;
color: #FFFFFF;
}

table.contentpaneopen td.sectiontablefooter {
padding-top: 20px;
}


td tr.sectiontableentry1 td,

td.sectiontableentry1 {

	background: #fefefe;

	border-bottom: 1px solid #f0f0f0;

}



td tr.sectiontableentry2 td,

td.sectiontableentry2 {

	background: #f6f6f6;

	border-bottom: 1px solid #f2f2f2;

}



.sectiontableentry1 a,

.sectiontableentry2 a {

	text-decoration: none;

}





#menerecherche {

	right: 0px;

	padding-right:0px;

	margin-right:0px;

	margin-left:auto;

	width:150px;

	z-index:auto;

	margin-top:30px;

}

#bannierepubhaute {

	display: block;

	float: right;

	padding-right:0px;

	margin-right:0px;
	
	margin-top: 4px!important;

	margin-top: 10px;

	width:738px;
	
	height: 106px!important;

	height:110px;

}

#bannierepubhaute a {

	width: 728px;

	height: 90px;

	

}

#titrepublicite {

	font-size:10px;

	color:#5e6f75;

	margin-top:0px;



}



ul#mainlevel-nav li{

color:#ffffff;

}



ul#mainlevel-nav li a{

color:#ffffff;

}





ul#mainlevel-nav li:hover, ul#mainlevel-nav li.sfhover {

color:#ffffff;

}



ul#mainlevel-nav li:hover a, ul#mainlevel-nav li.sfhover a{

color:#ffffff;

}