@import url(../menu/menu_lien_header.css);

body {font-style : normal; text-align:center; color : #cccccc;  padding: 0px; margin: 0px;}
table, th, td, ul, ol, hr, div, h2, h3, h4,h5, h6 { margin: 0px; padding: 0px; font-size: 10pt; }
body, div, th, td, span { font-size: 10pt; font-family: Tahoma }
form { padding: 0px; margin: 0px; }
a:link, a:active, a:visited  {font-style : normal; color : #08596d; text-decoration: none;}
a:hover {color : #000000; }
td, tr, table {
        color: #08596d;}

.optable {
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 11px;}

img {
        border : 0px;}

.image{
 vertical-align: middle;}

.login {
   background: #08596d;
   vertical-align: middle;
   border: 1px solid #3ea2bc;
   font-size: 10px;
   color: #ffffff;}

.textarea {
        font: normal 13px Verdana, Arial, Helvetica, sans-serif;
        border: solid 1px #3ea2bc;}

.file, .select  {
        background: #ECECEC;  /*gris pale */
        font-size: x-small;
}
.indextext {
        color: #FFFFCC;
        padding: 1px 1px 1px 1px;
}

.textarea,  .file {
        background: White;
        border: 1px solid #08596d;
        font-size: 13px ;}

.text {
    font-style : normal;
    color : #08596d;
    text-decoration: none;}

.waitbox {
padding: 1px 1px 1px 1px;
}

#pagewidth{
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
width:988px; }

/*mise en forme du header vous pouvez changer l'image du header ici----------------------------------------------------*/


#header{
 color: #f6a303; /*orange*/
 width:988px;
 height:44px;
 background-image:url(../images/fond-haut.jpg);
 background-repeat: no-repeat;}

#header2{
 width:988px;
 height:152px;
 vertical-align: top;
 background-image:url(../images/fond-haut2.jpg);
 background-repeat: no-repeat;
 text-align:center;
 vertical-align:bottom;
 padding-bottom: 2px;}

/*cadres gauche, droit et central ----------------------------------------------------*/

#table_centrale{
 position:relative;
 width:988px;
border-collapse:collapse; }

#leftcol{
 vertical-align:top;
 padding-top: 4px;
 padding-left: 2px;
 padding-right: 2px;
 border-top: 1px  dashed #CFCFCF; }

#rightcol{
 vertical-align:top;
 padding-top: 4px;
 padding-left: 2px;
 background-color:#FFFFFF;
 border-top: 1px #CFCFCF;
 border-right:0px #CFCFCF;
 border-left: 1px #CFCFCF;
 border-bottom: 0px #CFCFCF;
 border-style:dashed; }

#maincol{
 background-color: #FFFFFF;
 vertical-align:top;
 padding-top: 4px;
 padding-left: 7px;
 padding-right: 2px;
 border-top: 1px #CFCFCF;
 border-right:0px #CFCFCF;
 border-left: 1px #CFCFCF;
 border-bottom: 0px #CFCFCF;
 border-style:dashed;
 width:100%; }

/*pied de page du site ----------------------------------------------------*/

#footer{
 width: 988px;
 height:44px;
 background-image: url('../images/fond-haut.jpg');
 background-repeat: no-repeat;}
/*fonction impression ----------------------------------------------------*/

 /*printer styles*/
 @media print{
/*hide the left column when printing*/
#leftcol{display:none;}

/*hide the right column when printing*/
#rightcol{display:none;}
#twocolls, #maincol{width:100%; float:none;}
}


/*Blocs ----------------------------------------------------------------------*/

.block_content {
font: 11px verdana, helvetica, sans-serif;
border-bottom:1px solid #9cbcc4;
border-left: 1px solid #9cbcc4;
border-right: 1px solid #9cbcc4;
border-top: 1px solid #9cbcc4;
padding-left:2px;
padding-right:2px;
width: 100%;}
/*  aspect des blocs colonne gauche ---------------------------------------------*/

.block_title-colonne-gauche {
text-align:center;
font: bold 13px verdana, helvetica, sans-serif;
color: #ffffff;
background-color: #08596d;
background-image:url(../images/icone-titre-bloc-gauche.png);
background-repeat: no-repeat;
}

.block_content-colonne-gauche {
width: 170px;}

.boxContent {
width: 100%;}


.block_title-right-bloc {
font: bold 12px verdana, helvetica, sans-serif;
color: #08596d;
background-image:url(../images/icone-titre-bc-right.png);
background-repeat: no-repeat;
text-indent:11pt;}


.boxContent-right {
width: 170px;}

/*  aspect des blocs cadre central aspect uni bleu clair ---------------------------------------------*/

.block_title-center {
font: 11px verdana, helvetica, sans-serif;
color:#ffffff;
background-color:#08596d;
background-image:url(../images/icone-titre-bc-centre.png);
background-repeat: no-repeat;
width: 100%;
text-indent:15pt;
}

.block_content-center {
font: 11px verdana, helvetica, sans-serif;
color:#08596d;
border-bottom:1px solid #9cbcc4;
border-left: 1px solid #9cbcc4;
border-right: 1px solid #9cbcc4;
border-top: 1px solid #9cbcc4;
width: 100%;

}

/*  aspect des articles ---------------------------------------------*/

.block_title {

font: bold 16px verdana, helvetica, sans-serif;
color: #08596d;
background-image:url(../images/fleche-orange.png);
background-repeat: no-repeat;
text-indent:13pt;

}

.postedby {
font: 9px verdana, helvetica, sans-serif;
color: #9cbcc4;
}
/*------------------- couleurs des liens posteby*/

.postedby a  {
font: 9px verdana, helvetica, sans-serif;
color:#9cbcc4;}

.postedby a:hover {
text-decoration: none;
color: #000000;}

.block_content-texte-article {
font: 12px verdana, helvetica, sans-serif;
padding-top:1px;
padding-bottom:2px;}

.morelink {
font: 9px verdana, helvetica, sans-serif;
border-top:1px dashed #08596d;
padding-top:2px}

.block_title-post {
font: bold 13px verdana, helvetica, sans-serif;
color: #08596d;}

/* ------------------------------------aspect des preferences administration*/

.checkbox {
        background: #ECECEC;  /*gris pale */
        border: 1px solid #08596d;
        font-size: x-small;}

.select {
        background: #ECECEC;  /*gris pale */
        border: 1px solid #08596d;
        font-size: small;}


/* ------------------------------------aspect module sections */

.title {
    color: #08596d;
        font-size: 18px;
}

.sections_css .bg1 {
background-color:#ffffff  /* fond cellule */
}

.sections_css .bg2 {
background-color:#ECECEC /* fond cellule nom - lecture*/
}

.sections_css .bg3 {
background-color:#ffffff   /* fond cellule  article- date  */
}

.sections_css .bg4 { /* entete degrade bleu  */
background-color:#9cbcc4;
}


.newbb_plus_css .bg1 {
background-color:#ffffff  /* fond cellule */
}

.newbb_plus_css .bg2 {
background-color:#3ea2bc /* couleur bordure*/
}

.newbb_plus_css .bg3 {
background-color:#8cc8d7   /* fond cellule 2  */
}

.newbb_plus_css .bg4 { /* entete degrade bleu  */
background-color:#8cc8d7;
background-image:url(../images/bg-titre-bleu-blc.png);
background-repeat: repeat-x;
height:20px;
}

/* ------------------------------------aspect général */

.bg1                {background-color:#ffffff} /* fond cellule bloc centre, bloc froit, admin*/

.bg2                {/* couleur bordure*/
background-color:#cccccc;
border-bottom:1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-top: 1px solid #ffffff;
border-collapse:collapse;}

.bg3                {background-color:#ECECEC} /* en tete des cadres admin*/

.bg4                {background-color:#ffffff} /* pied de page bloc forum*/


/*--------------------- archive--------*/
.arx1 {background-color:#d5d5d5; }
td.arx2  {border-right: white 1px solid; background-color: #676767; font-weight: bold; color: white; text-align: center; vertical-align: middle; }
td.arx20  {border-top: white 1px solid; border-right: white 1px solid; background-color: #676767; font-weight: bold; color: white; text-align: center; vertical-align: middle; }
td.arx22  {background-color: #676767; font-weight: bold; color: white; text-align: center; vertical-align: middle; }
td.arx220  {border-top: white 1px solid; background-color: #676767; font-weight: bold; color: white; text-align: center; vertical-align: middle; }
td.arx3  {border-top: black 1px solid; border-right: black 1px solid; vertical-align: middle; padding-left: 5px}
td.arx3 a {text-decoration: none; }
td.arx30  {border-right: black 1px solid; vertical-align: middle; padding-left: 5px}
td.arx33  {border-top: black 1px solid; vertical-align: middle; padding-left: 5px}
td.arx34  {vertical-align: middle; padding-left: 5px}
td.arx4  {border-top: black 1px solid; border-right: black 1px solid; text-align: center; vertical-align: middle; }
td.arx40  {border-right: black 1px solid; text-align: center; vertical-align: middle; }
td.arx44  {border-top: black 1px solid; text-align: center; vertical-align: middle; }
table.arx {width: 100%; border: black 1px solid; }
table.ars {width: 100%; border: #c0c0c0 1px solid; }
table.ars a {color: red; text-decoration: none;}
td.ars3  {border-top: #c0c0c0 1px solid; border-right: #c0c0c0 1px solid; vertical-align: middle; padding-left: 5px}
td.ars30  {border-right: #c0c0c0 1px solid; vertical-align: middle; padding-left: 5px}
td.ars4  {border-top: #c0c0c0 1px solid; border-right: #c0c0c0 1px solid; text-align: center; vertical-align: middle; }
td.ars40  {border-right: #c0c0c0 1px solid; text-align: center; vertical-align: middle; }
td.ars44  {border-top: #c0c0c0 1px solid; text-align: center; vertical-align: middle; }
td.ars440  {text-align: center; vertical-align: middle; }


.nextRace {float: left; width: 290px; margin: 2px 0 2px 0}
.raceTimingNext {float: left; width: 255px; height: 80px; padding-left: 20px; margin-right: 5px; background: url("../images/QP.png") no-repeat; color: #08596d}
.raceStatus {float: left; width: 195px; margin-top: 12px}
#t7_timer {width: 280px; height: 55px; position: relative}
#t7_timer_over {width: 280px; height: 55px; background-image: url("../images/Countdown-over.png"); background-repeat: no-repeat; position: absolute; z-index: 700; top: 0px; left: 1px; 	margin: 0 0 0 16px; padding: : 0px}
#t7_vals {width: 100%; clear:both; margin: 0px auto}
.t7_numbs {font-size: 28px; font-family: Arial, sans-serif; font-weight: bold; text-align: left; color: #c5c5c5}
#t7_y {background-image: url("../images/Countdown2.png"); background-repeat: no-repeat; float:left; width: 48px; height:35px; padding: 0px 0px 0px 3px; margin: 1px; letter-spacing: 7px}
#t7_d {background-image: url("../images/Countdown2.png"); background-repeat: no-repeat; 	float:left; width: 48px; height:35px; padding: 0px 0px 0px 3px; margin: 1px 1px 1px 40px; letter-spacing: 7px}
#t7_h {background-image: url("../images/Countdown2.png"); background-repeat: no-repeat; 	float:left; width: 48px; height:35px; padding: 0px 0px 0px 3px; margin: 1px; letter-spacing: 7px}
#t7_m {background-image: url("../images/Countdown2.png"); background-repeat: no-repeat; float:left; width: 47px; height:35px; padding: 0px 0px 0px 3px; margin: 1px; letter-spacing: 7px}
#t7_s {background-image: url("../images/Countdown2-nc.png"); background-repeat: no-repeat; float:left; width: 42px; height:35px; padding: 0px 0px 0px 3px; margin: 1px; letter-spacing: 7px}
#t7_labels {width: 100%; clear:both; margin: 0px auto}
.t7_labs {font-size: 10px; font-family: Arial, sans-serif; text-align: center; color: #08596d}
#t7_yl {float:left; width: 51px; height:15px; padding:0px; margin: 0px}
#t7_dl {float:left; width: 48px; height:15px; padding:0px; margin: 0px 0px 0px 40px}
#t7_hl {float:left; width: 54px; height:15px; padding:0px; margin: 0px}
#t7_ml {float:left; width: 55px; height:15px; padding:0px; margin: 0px}
#t7_sl {float:left; width: 46px; height:15px; padding:0px; margin: 0px}
#defaultCountdown { margin-left: 12px; text-align: center}


/*---------------------countdown------------------*/
td.countdown {border-top: #c0c0c0 1px solid;  font-weight: bold; color: #ff0000;}
#countdowncontainer {text-align: center; vertical-align: middle;}
/*---------navigation----------------------------------------------*/
.navigation {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}
.navigation a, .navigation a:link {
	padding: 2px 4px 2px 4px; 
	margin: 1px;
	text-decoration: none;
	border: 1px solid #4373C3;
	color: #4373C3;
	background-color: #FFFFFF;	
	font-weight: bold;
	}
.navigation a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 1px;
	text-decoration: none;
	border: 1px solid #4373C3;
	color: #4373C3;
	background-color: #FFFFFF;	
	}
.navigation a:hover {	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
	}
.navigation a:active {
	padding: 2px 4px 2px 4px; 
	margin: 1px;
	text-decoration: none;
	border: 1px solid #4373C3;
	color: #4373C3;
	background-color: #FFFFFF;	
	}
.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 1px;
	text-decoration: none;
	border: 1px solid #4373C3;
	color: #4373C3;
	background-color: #FFFFFF;	
	font-weight: bold;
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 1px;
	text-decoration: none;
	border: 1px solid #4373C3;
	color: #4373C3;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 1px;
	text-decoration: none;
	border: 1px solid #4373C3;
	color: #4373C3;
	background-color: #FFFFFF;	
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 1px;
	font-weight: bold;
	border: 1px solid #4373C3;
	color: #ffffff;
	background-color: #4373C3;
}
.wp-pagenavi {
	text-align: center;
}

/* ------------------------------------mylinks */

.mylinks_bg1                {background-color:#ffffff;border-collapse:collapse;} /* fond cellule bloc centre, bloc froit, admin*/
.mylinks_bg3                {background-color:#8cc8d7;border-collapse:collapse;} /* en tete des cadres admin*/