/*
---------------------------------------------------------------------
									Compte-Tours.com Default CSS
---------------------------------------------------------------------

=====================================================================
	ATTRIBUS GENERAUX
=====================================================================


---------------------------------------------------------------------
	HTML Elements
---------------------------------------------------------------------
*/

body, div, span, input, select, table, tr, td, img {
	margin: 0px;
	padding: 0px;
	border: none;
}



body {
	background: #1f2428 url('../img/layout/bg_grille_global.gif') repeat-x;
	background-position: top center;
	margin: 0px;
	font-family: Arial, Tahoma;
	font-size: 12px;
	color: white;
}
a {
	color: #EF2C2C;
	text-decoration: none;
}

a:hover {
	color: white;
}
a img {
	border: none;
	display: inline; /* Mozilla Fix */
	text-decoration: none;
}
img  {
	/*display: block; /* Mozilla Fix */
}
input {
	padding:2px;
	border: solid 1px black;
	background: white url('../img/layout/input_bg.gif');
}

h1 {
	font-size: 16pt;
}
h2 {
	font-size: 14pt;
}
h3 {
	font-size: 12pt;
}

.form_submit,
.form_submit_home_left_red,
.form_submit_home_left_black {
	background: red url('../img/layout/input_home_right_red.jpg');
	color: white;
	font-style: normal;
	font-weight: bold;
	font-size: 0.8em;
	padding-top: 1px;
	height: 23px;
	width: 209px;
	border: none;
	text-transform: capitalize;
	cursor: pointer;
}
.form_submit:hover {
	background: red url('../img/layout/input_home_right_red_hover.jpg');
}
.form_line_container {
	display: block;
	clear: both;
}
.form_label {
	float: left;
}
.form_item {
	float: right;
}
.form_select {
}
.pages-container {
	clear: both;
	margin: 20px 0px 0px 0px;
}
.pagination-container {
	margin-bottom: 20px;
}
.action,
.pagination,
.action-disabled,
.pagination-disabled,
.action-current,
.action-redact,
.pagination-current {
	font-size:12pt;
	border: solid 2px transparent;
	margin-right: 5px;
	padding: 2px 4px 2px 4px;
	color: gray;
}
.action-redact {
	font-size:15pt;
}
.action-disabled,
.pagination-disabled {
	color: black;
}
.action-current,
.pagination-current {
	color: white;
	font-weight: bold;
}
.action:hover {
	border: solid 2px silver;
	color: silver;
}

.pagination:hover {
	border: solid 2px red;
	color: red;
}
.previous {
	float: left;
}
.next {
	float: right;
}
/*
---------------------------------------------------------------------
	Global Layout
---------------------------------------------------------------------
*/
#global {
	margin: auto;
	width: 956px;
	padding-left: 4px;
	background: #0c0c0d url('../img/layout/bg_global.gif') repeat-y;
	border: solid 1px transparent; /* Netscape 7 Fix */
}

/*
---------------------------------------------------------------------
	Main Layout
---------------------------------------------------------------------
*/
#main {
	float: left;
	width: 815px;
	background: #34383C;
}
/*
------------ VIEW
*/
#view {
	height: 100%;
	color: white;
}
/*
------------ LOGIN
*/
#login {
	text-align: center;
	height: 50px;
	background: #34383C url('../img/layout/bg_form.gif') repeat-x;
}
#login .username {
	padding-top: 3px;
	color: white;
	font-weight: bold;	
}
/*
------------ HEADER
*/
#header {
	height: 76px;
	background: url('../img/layout/bg_header.jpg');
}
#header .logo-container {
	float: left;
	width: 338px;
	height: 76px;
	text-align: center;
	overflow: hidden;
}

#header .pub-container {
	float: left;
	width: 472px;
	overflow: hidden;
}
.pub-468-60 {
	margin-top: 10px;
	border: solid 1px #34383c;
	width: 468px;
	height: 60px;
}
/*
------------ FOOTER
*/
#footer {
	width: 815px;
	margin: 15px 0px 15px 0px;
}
#footer .separator-bottom,
#footer .separator-top {
	height: 7px;
	font-size: 0px; /* IE6 FIX */
}
#footer .separator-bottom {
	background: url('../img/layout/bg_separator_bottom.gif');
}
#footer .separator-top {
	background: url('../img/layout/bg_separator_top.gif');
}
#footer .informations {
	height: 24px;
	background: url('../img/layout/bg_footer.jpg');
	text-align: right;
}
#footer .copyright {
	color: #7c868e;
	font-size: 0.9em;
	padding: 10px 20px 50px 10px;
}
/*
---------------------------------------------------------------------
	Menu
---------------------------------------------------------------------
*/
#menu {
}

#menu .separator-top,
#menu .separator-bottom {
	height: 7px;
	font-size: 0px; /* IE6 FIX */
}

#menu .separator-top {
	background: url('../img/layout/bg_separator_top_header.jpg');
}

#menu .separator-bottom {
	clear: both;
	background: url('../img/layout/bg_separator_bottom.gif');
	margin-bottom: 15px;
}
/*
------------ RUBRIQUES
*/
#menu .items-container {
	background: url('../img/layout/bg_menu_container.gif');
}
#menu .items-container a {
	color: white;
}
#menu .item,
#menu .item-selected {
	float: left;
	background: url('../img/layout/bg_menu.gif');
	width: 136px;
	height: 24px;
	text-transform: uppercase;
	font-size: 0.75em;
	font-weight: bold;
	font-style: normal;
	color: white;
	text-align: center;
	padding-top: 10px;
	cursor: pointer;
}

#menu .item-selected {
	background: url('../img/layout/bg_menu_selected.gif');
}
/*
------------ SOUS-RUBRIQUES
*/
#menu .submenu-container {
	clear: both;
	background: url('../img/layout/bg_submenu.jpg');
	height: 22px;
}
#menu .submenu-item {
	position: absolute;
	display: inline;
	visibility: hidden;
	color: red;
	font-style: normal;
}
#menu a {
	color: red;
	text-decoration: none;
}

#menu a:hover {
	color: white;
}
#menu .selected {
	color: white;
	font-weight: bold;
}
#menu ul,
#footer ul {
	margin: 0px;
	padding: 0px;
}

#menu li,
#footer li {
	float: left;
	display: inline;
	padding-left: 40px;
	padding-right: 5px;		/* Hover normal Fix */
	padding-bottom: 2px;	/* Hover normal Fix */
	background: url('../img/layout/bg_submenu_arrow.jpg') no-repeat;
	background-position: 0px;
}

#footer li {
	float: right;
	padding: 0px 20px 0px 25px;
	margin-top: 4px;
	background: url('../img/layout/bg_footer_arrow.gif') no-repeat;
	background-position: 0px 3px;
	font-style: normal;
}
/*
---------------------------------------------------------------------
	Right Panel
---------------------------------------------------------------------
*/
#right-panel {
	margin-left: 3px;
	float: left;
	width: 138px;
}
#right-panel .search {
	background: #161618;
	height: 51px;
	color: red;
	text-transform: uppercase;
	font-style: normal;
	font-size: 0.75em;
	font-weight: bold;
	padding: 25px 0px 0px 9px;
}
#right-panel .search input {
	width: 86px;
	height: 17px;
	border: none;
}
#right-panel .search .form_submit {
	width: 35px;
	height: 20px;
	margin-left: 2px;
	padding: 0px;
	background: url('../img/layout/submit_go.jpg');
}
#right-panel .search submit {
	width: 86px;
	border: none;
}
#right-panel .separator-top,
#right-panel .separator-bottom {
	font-size: 0px; /* IE6 FIX */
	height: 7px;
}
#right-panel .separator-top {
	background: url('../img/layout/bg_separator_top_dark.gif');
}
#right-panel .separator-bottom {
	background: url('../img/layout/bg_separator_bottom_dark.gif');
	margin-bottom: 15px;
}
#right-panel .container-img {
	text-align: left;
	padding-left: 9px; /* Mozilla Fix */
}
/*
=====================================================================
	ATTRIBUS SPECIFIQUES
=====================================================================

---------------------------------------------------------------------
	PAGE HOME
---------------------------------------------------------------------
*/
#home-left {
	float: left;
	width: 341px;
}
#home-right {
	float: right;
	width: 470px;
}
#home-left .container {
	margin-right: 4px;
	margin-bottom: 4px;
}
#home-right .container {
	margin-bottom: 4px;
}
#home-left .title,
#home-left .title-red,
#home-right .title {
	width: 321px;
	height: 23px;
	color: white;
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: bold;
	font-style: normal;
	padding: 6px 0px 0px 20px;
	background: url('../img/layout/bg_home_title_left_black.jpg');
}
#home-left .title-red {
	background: url('../img/layout/bg_home_title_red.jpg');
}
#home-left .quick-search {
	width: 301px;
	height: 210px;
	background: url('../img/layout/bg_home_search.jpg');
	padding: 20px 20px 0px 20px;
}
#home-left .quick-search .input {
	height: 40px;
}
#home-left .quick-search label {
	font-weight: bold;
	color: white;
	float: left;
}
#home-left .quick-search input {
	clear: both;
}
#home-left .quick-search select {
	width: 200px;
	color: black;
	float: right;
}
#home-left .quick-search .form_submit_home_left_black {
	background: url('../img/layout/input_home_left_black.jpg');
	width: 152px;
	height: 23px;
	float: right;
	color: white;
}
#home-left .quick-search .form_submit_home_left_black:hover {
	background: url('../img/layout/input_home_left_black_hover.jpg');
}
#home-left .magazine {
	width: 339px;
	height: 802px;
	border: solid 1px #191a1b;
	background: #34383C url(../img/layout/bg_form.gif) repeat-x;
}
#home-left .vitesse {
	background: url('../img/layout/bg_home_block_gps.jpg');
	width: 339px;
	height: 71px;
	border: solid 1px #191a1b;
}
#home-right .title {
	width: 450px;
}
#home-right .annonces {
	height: 230px;
	background: url('../img/layout/bg_home_annonces.jpg');
}
#home-right .annonces-separator {
	height: 4px;
	font-size: 0px; /* IE6 FIX */
	background: url('../img/layout/bg_home_annonces_separator.jpg');
}
#home-right .ct-tv {
	/* height: 391px; */
	border: solid 1px #191a1b;
	background: url('../img/layout/bg_home_block_1.gif');
}
#home-right .google {
	height: 265px;
	border: solid 1px #191a1b;
	background: url('../img/layout/bg_home_block_2.gif');
}
.clickable {
	border: solid 1px transparent;
	background: transparent;
	padding: 10px;
}
.clickable:hover {
	border: solid 1px #191a1b;
	background: url('../img/layout/bg_home_block_1.gif');
	cursor: pointer;
}
/*
---------------------------------------------------------------------
	Articles
---------------------------------------------------------------------
*/
.article-preview,
.article-preview-large {
	width: 250px;
	border: solid 1px #191a1b;
	margin: 5px;
	background: url('../img/layout/bg_home_block_1.gif');
}
.article-preview-large {
	width: 390px;
	cursor: pointer;
}
.article-preview-large:hover {
	border: solid 1px #53595F;
}
.article-preview .title,
.article-preview-large .title {
	padding: 5px;
	padding-bottom: 10px;
	font-size: 1.2em;
	font-style: normal;
}
.article-preview .image,
.article-preview-large .image {
	padding: 5px;
	float: left;
}
.article-preview .image img,
.article-preview-large .image img {
	border: solid 1px #191a1b;
}

.article-preview .content,
.article-preview-large .content {
	padding: 10px;
	text-align: justify;
}
.article {
	border: solid 1px #191a1b;
	background: #34383C url('../img/layout/bg_form.gif') repeat-x;
	margin: 5px;
	padding: 10px;
}
.article .title {
	color: red;
	font-size: 1.4em;
	font-weight: bold;
}
.article .author {
	font-style: normal;
	margin-bottom: 25px;
}
.article .header {
	font-weight: bold;
	margin-bottom: 25px;
	font-size: 1.2em;
	color: red;
}
.article .field,
.article-preview-large .field {
	width: 150px;
	font-weight: bold;
	display: block;
	float: left;
}
.article img,
.article .movie {
	border: solid 2px #191a1b;
	margin: 0px 5px 5px 0px;
}
.article img:hover,
.article .movie:hover {
	border: solid 2px #53595F;
}

.article .form.author {margin-bottom:0;}
.article .form.author b {color:red;}


/*
---------------------------------------------------------------------
	Votes
---------------------------------------------------------------------
*/
/* Container */
.votes {
	margin-top: 0px;
	clear: both;
	text-align: center;
}
.votes .negative,
.votes .positive,
.votes .negative_bar {
	background: url('../img/layout/bg_vote_negative.jpg');
	float: left;
	height: 12px;
}
.votes .positive {
	background: url('../img/layout/bg_vote_positive.jpg');
}
.votes .positive:hover {
	background: url('../img/layout/bg_vote_positive_hover.jpg');
}
.votes .negative:hover {
	background: url('../img/layout/bg_vote_negative_hover.jpg');
}
.votes .container {
	width: 100px;
	border: solid 1px #191a1b;
	background: url('../img/layout/bg_vote_positive.jpg');
	float: left;
}
.votes .positive_bar {
/*
	height: 12px;
	width: 7px;
	background: url('../img/layout/bg_vote_positive_trans.jpg') no-repeat;
	float: right;
*/
}
.votes .title {
	font-style: normal;
	font-weight: bold;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	font-size: 1em;
	float: left;
}
.votes .count {
	float: left;
	padding: 0px 5px 0px 5px;
}
.votes .positive,
.votes .negative {
	font-size: 11px;
	border: solid 1px #191a1b;
	margin: 0px 5px 0px 5px;
	padding: 0px 5px 0px 5px;
	color: black;
	cursor: pointer;
}
/*
---------------------------------------------------------------------
	BBCode
---------------------------------------------------------------------
*/
.bbcode-editor {
}
.bbcode-editor .tags {
	background: #222425;
	border: solid 1px #191a1b;
	padding: 5px;
	float: left;
}
.bbcode-editor .tags:hover {
	background: #34383C;
	cursor: pointer;
}
/*
---------------------------------------------------------------------
	Formulaires
---------------------------------------------------------------------
*/
.form  {
	width: 500px;
	border: solid 1px #191a1b;
	background: #34383C url('../img/layout/bg_form.gif') repeat-x;
	padding: 10px;
	width: 700px;
	margin: auto;
}
.form .title {
	font-size: 1.2em;
	padding: 5px;
}
.form .warning {
	color: red;
}
.form textarea {
	background: #222426;
	color: white;
	border: solid 1px #191a1b;
	font-family: Arial;
	font-size: 1em;
	padding: 10px;
	margin: auto;
	width: 650px;
	overflow: auto;
}
.form fieldset {
	border: solid 0px silver;
}
.form legend {
	font-weight: bold;
	font-size: 1.5em;
	color: red;
	padding: 5px 0px 5px 0px;
}
.form .input {
	padding-top: 5px;
	width: 100%;
}
.form .required {
	font-weight: bold;
}
.form .form-note {}
.form .form-error {
	border:solid 1px red;
}
.form .error-message {
	padding-bottom: 5px;
	font-weight: normal;
	color: red;
}
.form .submit input {
	background: url('../img/layout/input_home_left_black.jpg');
	color: white;
}
.form .submit input:hover {
	background: url('../img/layout/input_home_left_black.jpg');
}
.form label {
	display: block;
	padding-top: 5px;
	cursor: pointer;
}
.form input {
	width: 250px;
}
.form select {
	width: 250px;
}
.form .submit {
	height: 20px;
	padding-top: 10px;
}
.form .submit input,
.submit-full {
	width: 100%;
	background: url('../img/layout/input_home_left_black.jpg');
	color: white;
}
.form .submit input:hover,
.submit-full:hover {
	background: url('../img/layout/input_home_left_black_hover.jpg');
	cursor: pointer;
}
.form-small input,
.form-small select {
	width: 100%;
}
/*
---------------------------------------------------------------------
	Formulaire Login
---------------------------------------------------------------------
*/
.login {
	background: url('../img/layout/bg_home_search.jpg');
	width: 320px;
	margin: auto;
}
.login label {
	float: left;
}
.login .input {
	clear: both;
}
.login input {
	float: right;
	width: 150px;
}
.login .error-message {
	clear: both;
}
.login .submit {
	clear: both;
}
.login .submit input {
	background: url('../img/layout/input_home_left_black.jpg');
}
.login .submit input:hover {
	background: url('../img/layout/input_home_left_black_hover.jpg');
}
/*
---------------------------------------------------------------------
	Upload
---------------------------------------------------------------------
*/
/* Container vignette */
.upload {
	border: solid 1px #191a1b;
	float: left;
	width: 150px;
	margin: 5px;
	text-align: center;
}
/* Boutons ajouter/supprimer */
.upload .add,
.upload .delete {
	cursor: pointer;
	border: solid 1px #191a1b;
	background: #222426;
	padding: 2px;
}
.upload .add:hover {
	background: #DCFFAF;
	color: black;
}
.upload .delete:hover {
	background: #FFB5AF;
	color: black;
}
/* iFrame */
.frame_upload {
	width: 675px;
	height: 300px;
	border: solid 1px #191a1b;
	overflow: auto;
}
/*
---------------------------------------------------------------------
	Recherche
---------------------------------------------------------------------
*/
.search-results {
	width: 100%;
	border: solid 2px #191A1B;
	border-collapse: collapse;
	background: #191A1B;
	color: #7c868e;
}
.search-results td {
	padding: 5px;
	border: dotted 1px #34383C;
	text-align: center;
}
.search-results tr:hover {
	background: #580303 url('../img/layout/bg_search.jpg') repeat-x;
	cursor: pointer;
	color: white;
}
.search-results th {
	padding: 5px 0px 5px 0px;
	background: #34383C;
	border: dotted 1px #191A1B;
}
.search-results th:hover {
	color: red;
}

.active,
.unactive,
.suspended {
	font-weight: bold;
	color: silver;
}
.active {
	color: #40DF37;
}
.unactive {
	color: white;
}
.suspended {
	color: red;
}