/* (c) 2001,2008 SWG-FR.COM | swgfr.css | V 6.2 | 18/07/2008 12:00 */

/* Générale */

html{
	font-size: 11px;
	font-family: Verdana, Arial, sans-serif;
	color: #3d5066;
	background-image:url(i/bg.gif);
	background-color:#777E89;
	background-repeat:repeat-y;
	background-position:center;
}

body{
	margin: 0;
	padding: 0;
	text-align: center;
}

hr {
	height: 1px;
	margin: -0.5em 0;
	padding: 0;
	color: #cccccc;
	background-color: #cccccc;
	border: 0;
}

#top{
	position: relative;
	width: 960px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	background-color: #e0e0e0;
}

#main{
	width: 701px;
	float: left;
	padding: 0px 5px 5px 5px;
}

.main_1{
	width: 671px;
	text-align: justify;
	padding: 14px;
	margin: 0;
	overflow: visible;
	background-color: #FFF;
	border-color: #CCC;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
}

#menu{
	width: 244px;
	float: right;
	padding: 5px 5px 5px 0px;
}

.menu_1{
	background-color: #FAFAFA;
	border-color: #999;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	padding: 8px;
	margin-bottom: 5px;
}

.menu_2{
	position: absolute;
	top: 207px;
	width: 226px;
	background-color: #F3F3F3;
	border-color: #999;
	border-style: solid;
	border-width: 1px;
	height: 165px;
	margin-bottom: 5px;
	background-image: url(i/actu_focus_bg.gif);
	background-repeat: repeat-x;
	padding: 8px;
	z-index: 0;
}

.menu_3{
	font-size:9px;
	height: 41px;
	margin: 8px 2px 0px 2px;
}

.menu_4{
	text-align: right;	
	right: 0;
}

#footer{
	clear: both;
	margin: 0;
	padding: 0;
	padding-bottom: 0px;
}

/* Footer */

.footer_screen {
	background-image: url(i/bg_screen.gif);
	background-repeat: repeat-x;
	width: 950px;
	height: 143px;
	margin-left: 5px;
}

.footer_01 {
	margin: 0px 5px 0px 5px;
	background-color: #2C2C2C;
	color: #CDCDCD;
}

.f1 {
	padding: 2px 5px 2px 5px;
	color: #CDCDCD;
	text-decoration: underline;
	font-weight: normal;
	font-size: 11px;
}
.f1:hover {
	padding: 2px 5px 2px 5px;
	text-decoration: none;
	color: #CDCDCD;
	font-weight: normal;
	font-size: 11px;
}

/* blockquote */

blockquote {
	padding: 5px 10px 5px 10px;
	background-color: #fafafa;
	border-style:solid; 
	border-color: #ccc; 
	border-width: 0px 0px 0px 4px;
}

/* Actualités News Articles */

.actu_1{
	float: left;
	width: 348px;
}

.actu_2{
	float: right;
	width: 348px;
}

.actu_3{
	height: 182px;
	background-color: #F3F3F3;
	border-color: #999;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
}

.actu_4{
	margin-right: 8px;
	margin-top: 3px;
	right: 0;
	text-align: right;
}

/* Images STD */

img{
	border: 0;
	margin: 0;
}

.img_article{
	border-width: 1px;
	border-style: solid;
	border-color: #B0B0B0;
}

/*  Images */

.div_image {
	text-align: center;
	padding: 10px;
}

.div_image img {
	border-color: #666;
	border: 1px;
	border-style: solid;
	margin:2px;
	color: #666;
}

.div_image_border img {
	border-color: #666;
	border: 1px;
	border-style: solid;
	color: #666;
}

.div_image_border_index img {
	border-color: #606060;
	border: 2px;
	border-style: solid;
	color: #606060;
	margin-right:7px;
}

.div_image_border_index img:hover {
	border-color: #cdcdcd;
	color: #cdcdcd;
}

/* Liens Général */

a{
	font-size: 10px;
	color: #ff6600;
	TEXT-DECORATION: none;
	font-weight: bold;
}
a:hover{
	font-size: 10px;
	color: #ff6600;
	TEXT-DECORATION: underline;
	font-weight: bold;
}

/* Liens Actu */

.article_title {
	background-image: url(i/actu_news_bg.gif);
	background-repeat: repeat-x;
	height: 20px;
	padding-left: 2px;
	padding-top: 6px;
}
.article_title a {
	color:#3d5066;
	font-size: 9px;
}
.article_title a:hover {
	color:#fa6441;
	font-size: 9px;
}
.article_title img {
	padding: 2px 6px 0px 6px;
}

.forum_title {
	padding-bottom: 6px;
}
.forum_title a {
	color:#3d5066;
	font-size: 9px;
}
.forum_title a:hover {
	color:#fa6441;
	font-size: 9px;
}
.forum_title img {
	padding-right: 4px;
}

/* Couleurs Titres */

.title_1, .title_1 a, .title_1 a:hover {
	font-weight: bold;
	font-size: 17px;
	color:#3856E0;
	padding-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;
}
.title_2, .title_2 a, .title_2 a:hover {
	font-weight: bold;
	font-size: 17px;
	color:#14970D;
	padding-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;
}
.title_3, .title_3 a, .title_3 a:hover {
	font-weight: bold;
	font-size: 17px;
	color:#990101;
	padding-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;
}
.title_4, .title_4 a, .title_4 a:hover {
	font-weight: bold;
	font-size: 17px;
	color:#ff6600;
	padding-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;
}
.title_12, .title_12 a, .title_12 a:hover {
	font-weight: bold;
	font-size: 17px;
	color:#885500;
	padding-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;
}
.title_17, .title_17 a, .title_17 a:hover {
	font-weight: bold;
	font-size: 17px;
	color:#885500;
	padding-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;
}
.title_18, .title_18 a, .title_18 a:hover {
	font-weight: bold;
	font-size: 17px;
	color:#3856E0;
	padding-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;
}

/* Titre standards */

.std_1, .std_1 a {
	font-weight: bold;
	font-size: 14px;
	color: #3d5066;
	font-family: Arial, Helvetica, sans-serif;
}
.std_1:hover {
	text-decoration: underline;
	font-weight: bold;
	font-size: 14px;
	color: #3d5066;
	font-family: Arial, Helvetica, sans-serif;
}
.std_2 {
	font-weight: bold;
	font-size: 14px;
	color: #3d5066;
	font-family: Arial, Helvetica, sans-serif;
}
.std_3 {
	color:#3d5066;
	font-size: 11px;
}
.std_3:hover {
	color:#fa6441;
	font-size: 11px;
}


/* Liens News, Articles */

/*
.news_1, .news_2, .news_3, .news_4, .news_12{
	margin: 15px 15px 40px 15px;
}
*/
.news_1 a, .news_1 a:hover{
	color:#3856E0;
}
.news_2 a, .news_2 a:hover{
	color:#14970D;
}
.news_3 a, .news_3 a:hover{
	color:#990101;
}
.news_4 a, .news_4 a:hover{
	color:#ff6600;
}
.news_12 a, .news_12 a:hover{
	color:#885500;
}
.news_17 a, .news_17 a:hover{
	color:#885500;
}
.news_18 a, .news_18 a:hover{
	color:#3856E0;
}

.ncolor_1, .ncolor_1:hover{
	color:#3856E0;
}
.ncolor_2, .ncolor_2:hover{
	color:#14970D;
}
.ncolor_3, .ncolor_3:hover{
	color:#990101;
}
.ncolor_4, .ncolor_4:hover{
	color:#ff6600;
}
.ncolor_12, .ncolor_12:hover{
	color:#885500;
}
.ncolor_17, .ncolor_17:hover{
	color:#885500;
}
.ncolor_18, .ncolor_18:hover{
	color:#3856E0;
}

/* News date, commentaires, info */

.date {
	font-weight: bold;
	font-size: 9px;
}
.date a, .date a:hover {
	font-weight: bold;
	font-size: 9px;
	color: #3d5066;
	text-decoration: none;	
}
.date a:hover {
	text-decoration: underline;	
}

.commentaire {
	float: right;
	margin-top: 18px;
}
.commentaire img {
	padding: 0px 4px 0px 4px;
}
.commentaire a {
	font-weight: bold;
	color: #3d5066;
	font-size: 9px;
}
.commentaire a:hover {
	font-weight: bold;
	color: #3d5066;
	font-size: 9px;
	text-decoration: underline;	
}
.info, .info a {
	padding-right: 10px;
	margin-bottom: 30px;
	text-align:right;
	font-size: 11px;
}
.info a:hover {
	font-size: 11px;
	text-decoration: underline;
}

/* Changement de pages */

.p1 {
	font-size: 10px;
	font-weight: bold;
	padding: 2px 4px 2px 4px;
	border-style: solid;
	border-color: #7b8089;
	border-width: 1px;
	background-color: #CAC8CC;
	margin-right: 3px;
}
.p2 a {
	padding: 2px 4px 2px 4px;
	border-style: solid;
	border-color: #CCC;
	border-width: 1px;
	background-color: #FAFAFA;
	margin-right: 3px;
	color: #3d5066;
}
.p2 a:hover {
	padding: 2px 4px 2px 4px;
	border-style: solid;
	border-color: #7b8089;
	border-width: 1px;
	background-color: #CAC8CC;
	text-decoration: none;
	margin-right: 3px;
	color: #3d5066;
}
.p3 {
	font-size: 10px;
	padding: 2px 4px 2px 4px;
	border-style: solid;
	border-color: #CCC;
	border-width: 1px;
	background-color: #FAFAFA;
	margin-right: 3px;
	color: #3d5066;
}

/* Screenshots */

.screen_1 {
	float: left;
	width: 217px;
	border-color: #ccc;
	border-style: solid;
	border-width: 1px;
	text-align: center;
	background-color: #fafafa;
	padding-top: 8px;
	padding-bottom: 8px;
}
.screen_1:hover {
	border-color: #7b8089;
}
.screen_2 {
	float: left;
	width: 6px;
}

/* Box Articles */

.article_left {
	float: left;
}
.article_right {
	float: left;
	padding: 10px;
	width: 424px; 
	background-color: #fafafa;
	height: 78px; 
	border-style:solid; 
	border-color: #ccc; 
	border-width: 1px 1px 1px 0px;
}
.article_right_nb {
	float: left;
	padding: 10px;
	width: 424px;
	height: 78px;
}

/* Box Commentaires */

.box_0 {
	float: left;
	width: 649px;
	border-color: #CCC;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	background-color: #FAFAFA;
}
.box_1 {
	float: left;
	width: 649px;
	border-color: #CCC;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	background-color: #FFF;
}
.box_left {
	float: left;
	width: 152px;
	overflow: visible;
	padding: 6px;
}
.box_right {
	float: left;
	width: 472px;
	overflow: visible;
	border-color: #CCC;
	border-style: solid;
	border-width: 0px 0px 0px 1px;
	padding: 6px;
}
.box_end {
	clear:both;
	line-height: 0px;
}

/* Database */

.db a {
	color:#3d5066;
	font-size: 10px;
}
.db a:hover {
	color:#fa6441;
	font-size: 10px;
}

.db_1_1 {
	background-color: #F9F9FA;
	font-size: 10px;
}
.db_1_1 a, .db_1_1 a:hover {
	font-size: 10px;
	color:#3856E0;
}


.db_1_2 {
	font-size: 10px;
}
.db_1_2 a, .db_1_2 a:hover {
	font-size: 10px;
	color:#3856E0;
}

.cadre {
	float: right;
	width: 430px;
	padding: 8px;
}

.cadre_1 {
	float: left;
	width: 162px;
	border-color: #CCC;
	border-style: solid;
	border-width: 1px;
	background-color: #FAFAFA;
	margin: 15px 20px 20px 20px;
	padding: 8px;
	font-size: 10px;
	display: inline;
}
.cadre_1 img {
	border-width: 1px;
	border-style: solid;
	border-color: #B0B0B0;
}

/* Listes */

li{
	margin: 0px;
	padding: 0px;
}
ul{
	MARGIN-BOTTOM: 10px;
	MARGIN-LEFT: 5px;
	LINE-HEIGHT: 1.2;
	margin-top: 5px;
	padding: 0px 0px 0px 20px;
}
ol{
	MARGIN-BOTTOM: 10px;
	MARGIN-LEFT: 5px;
	LINE-HEIGHT: 1.2;
	margin-top: 5px;
	padding: 0px 0px 0px 20px;
}

/*  Formulaires */

form{
	margin: 0px;
	padding: 0px;
}
.input{
	font-size: 12px;
	color: #666666;
	font-family: Verdana, Arial, Monaco;
	border-width: 1px;
	border-style: solid;
	border-color: #C1C1C1;
	margin: 0px;
	padding: 2px;
}
.select{
	FONT-SIZE: 11px; 
	color: #3d5066;
	font-family: Verdana, Arial, Monaco;
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
	margin: 0px;
	padding: 0px;
}

.select_search{
	FONT-SIZE: 12px;
	COLOR: #000;
	font-family: Verdana, Arial, Monaco;
	border-width: 0px;
	border-style: solid;
	border-color: #FFF;
	margin: 0px;
	padding: 1px;
	background-color: #C3C3C3;
	margin-top: 5px;
	width: 142px;
}

.bouton{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	vertical-align: top;
}

fieldset{
	border-style: solid;
	border-color: #CCC;
	border-width: 1px;
	background-color: #F6F6F6;
	padding: 0px 15px 15px 15px;
}
legend{
	color: #3d5066;
	line-height: 25px;
}
.submit{
	font-family: Verdana, Arial, Monaco;
	font-size: 12px; 
	color: #666666;
	border-width: 1px;
	border-style: solid;
	border-color: #C1C1C1;
	margin: 0px;
	padding: 1px 15px 1px 15px; 
}

/*  Quotes */

.quotetop {
	BORDER-LEFT: #666 4px solid;
	BORDER-RIGHT: #555 1px dotted; 
	BORDER-TOP: #555 1px dotted;
	PADDING: 3px;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10px;  
	MARGIN: 8px 8px 0px 8px;
	BACKGROUND-COLOR: #F5F5F5;
	margin-top: 20px;
}
.quotemain {
	BORDER-LEFT: #666 4px solid;
	BORDER-RIGHT: #555 1px dotted; 
	BORDER-BOTTOM: #555 1px dotted; 
	PADDING: 8px;
	MARGIN: 0px 8px 20px 8px;
}

/* Spacer */

.spacer_div {
	margin: 15px 0px 15px 0px;
	background-image: url(i/spacer.gif);
	line-height: 1px;
	font-size:0px;
	clear:both;
}
.spacer_div_2 {
	margin: 3px 0px 3px 0px;
	background-image: url(i/spacer.gif);
	line-height: 1px;
	font-size:0px;
	clear:both;
}
.spacer_div_3{
	margin: 5px 0px 5px 0px;
	background-image: url(i/spacer.gif);
	line-height: 1px;
	font-size:0px;
	clear:both;
}
.spacer_div_4 {
	margin: 3px 0px 15px 0px;
	background-color: #cccccc;
	line-height: 1px;
	font-size:0px;
	clear:both;
}
.spacer_div_5 {
	margin: 15px 0px 25px 0px;
	background-color: #cccccc;
	line-height: 1px;
	font-size:0px;
	clear:both;
}
/* Autres */

.sondage {
	margin-bottom: 4px;
	FONT-SIZE: 10px;
}

.rss {
	float: right;
	padding-top: 3px;
	padding-right: 4px;
}

.opacity{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity: 1;
}
.opacity50{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;
}

/* Menu CATEGORIES */
#menuCat{
	height: 23px;
	padding: 0px 30px 0px 30px;
	margin: 1px 5px 0px 5px;
	/* text-align: center; */
	color: #eee;
}

#menuCat ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#menuCat li { /* all list items */
	float: left;
	position: relative;
	width: 140px;
	z-index: 1;
}

#menuCat li ul {/* second-level lists */
	position: absolute;
	display: block; 
	top: 22px;
    left: 0;
	z-index: 1;
}

#menuCat li>ul {/* to override top and left in browsers other than IE */
	top: auto;
	left: auto;
}

/* Fix IE. Hide from IE Mac \*/
* html #menuCat ul li { float: left; height: 1%; }
* html #menuCat ul li a { height: 1%; }
/* End */

#menuCat li:hover ul { display: block; }

#menuCat li:hover>ul { visibility:visible; }

#menuCat ul ul { visibility:hidden; }

/* Make-up syles */
#menuCat ul, li {
    margin: 0 0 0 0; 
	z-index: 1;
}

/* Styles for Menu Items */
#menuCat ul a {
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 5px;
	z-index: 1;
	font-size: 10px;
	font-weight: bold;
}
/* Hover Styles */
#menuCat ul a:hover { 
	color: #fff;
} 

/* Sub Menu Styles */
#menuCat li ul a {
	text-decoration: none;
	color: #eee;
	background: #000;  /* IE6 Bug */
	border-color: #000;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
  padding: 5px; 
	text-align: left;
	z-index: 1;
} 

/* Sub Menu Hover Styles */
#menuCat li ul a:hover { 
	color: #fff; 
	background: #333;
} 

.h3_title, h3.title, h3.title a{
	font-family:tahoma,geneva,sans-serif;
	line-height:18px;
	font-size:18px;
	color:#393939;
	text-decoration: none;
	margin:0;
	padding:0;
	border:0;
	outline:0;
}


h3.title a:hover{
	font-family:tahoma,geneva,sans-serif;
	TEXT-DECORATION: underline;
}

div.hr1px {
  height: 1px;
  background: #cccccc url(hr1.gif) no-repeat;
  margin-top: 10px;
  margin-bottom: 25px;
}
div.hr1px hr {
  display: none;
}
