/**************************************************************
AUTHOR: Communica-corse.com
DATE: 2010.01.29
SITE : tourdecorsecycliste.d-Bozzi.com
**************************************************************    0.8em*/
.clearfloat { clear:both;   height:0;  line-height: 0px;}
html { height: 100%;}
body {height: 100%;margin: 0; padding: 0; text-align: center; font:  400 13px Arial, Helvetica, sans-serif ; 
line-height: 180%; background: #FFF url(../images10/header_bg.jpg) repeat-x top left; color:#333333; /*#313131*/
}

a { text-decoration:none; /*color:#000099;*/ color:#996633;}
a:hover { text-decoration:underline; }
/**************************************************************
 #content: Sets the width of the site. Make changes here
 to convert to a fixed width site.
 **************************************************************/

#content {
height: auto !important;
height: 100%;
min-height: 100%;
text-align: left;
}

/*#content,
#width {
width: 980px;
margin: 0 auto;
}*/

#content{
width: 100%;
margin: 0 auto;
background:url(../images10/content_bg.jpg) top center #fff no-repeat;
}
.width { width:980px; margin:0 auto }

img { border:none }


/**************************************************************
 #header: Holds the topbar and header image
**************************************************************/

#header {
width:1000px; margin:0 auto; padding:0;
height: 304px;
color: #C6D2DC;
background: url(../images10/header.jpg) no-repeat top center; /*background-color:#FF0090;*/
}

#header-title, #header-title a{ 
text-align:left; color:#FFFFFF; font-weight:bold; font-size:12px; text-decoration:none; height:28px;
/*background-color:#FF0090;*/
}
#header-title{ 
 float:left; width:650px;
}



#header-title-right, #header-title-right a{ 
text-align:left; color:#FFFFFF; font-weight:bold; font-size:12px; text-decoration:none; height:28px;
/*background-color:#FF0000; */
}
#header-title-right{ 
 float:right; width:350px; text-align:right;
}

#logo {
	width: 240px;
	height: 240px;
	margin: 0;
	padding: 0;
	/*background:#aaa;*/
	/*background: url() no-repeat 0px 50px;*/
	float:left;
}

#header-right{
	width: 760px;
	height: 240px;
	margin: 0;
	padding: 0px;
	/*background:#f90;*/
	/*background: url() no-repeat 0px 50px;*/
	float:left;
}

/**************************************************************
   Alignment classes
 **************************************************************/

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}

.alignCenter {
  text-align: center;
}

.alignMiddle {
  vertical-align: middle;
}

.alignTop {
  vertical-align: top;
}

.alignBottom {
  vertical-align: bottom;
}


/**************************************************************
   #mainMenu: The top level site menu
 **************************************************************/

#mainMenu { 
  	/**float: right;*/
  	width: 1000px;
  	clear: both;
	margin:0 auto;
	/*background-color:#00FF00*/  }

#mainMenu ul {
	list-style: none;
	height:36px;
 	margin: 0;
  	padding: 0 }

#mainMenu li {
  	display: inline;  
 	margin: 0;
  	padding: 0 }

#mainMenu li a {
	float: left;
	margin: 0 5px;
	padding: 0;
	display:block;
	height:36px;
	font-size:18px;
	font-weight:bold;
	font-family:"trebuchet ms", arial, verdana;
	text-decoration: none;
	text-transform: uppercase;
	/*color: #DCE0E3;*/
	color:#996633;
	background:  url(../images10/navigation_normal_left.jpg) repeat-x;
	
}

#mainMenu li a span {
	padding:7px 20px;
  	float: left;
  	cursor: pointer;
	background:  url(../images10/navigation_normal_right.jpg) no-repeat right top  ;  
}

#mainMenu li a:hover,
#mainMenu li a.here {
  color: #FFF;
  background: url(../images10/navigation_left.jpg) repeat-x;  
  
}

#mainMenu li a:hover span,
#mainMenu li a.here span {
  background:  url(../images10/navigation_right.jpg) no-repeat right top  ;  
}

#mainMenu li a.last {
  margin-right: 0;
}

/*PAGE*/

#page {
width:990px;  margin:0 auto;  padding:15px 5px;

}
/*Side bar*/
.sidebar {
	width:345px;
	margin:0;
	padding:0 }
/*maincontent*/
.main-content{
	width:644px;
	/*border-right:1px solid #4c4c4c;*/
	margin:0;
	padding:0 }
/*#page h2*/
#page h2.page_titre{
	margin:0 0 5px 0 /*!important*/;
	font-size: 18px;
	/*letter-spacing: -1px;*/
	/*color:#000099;*/
	 background:url(../images10/titre_bg.jpg) #996633 repeat-x; height:24px; color:#FFF; padding:4px 0 2px 15px;
	/*background:none !important*/
	
	
}
#page h2.page_titre a{
	font-size: 18px;
	color:#FFF !important; ;
	text-decoration:none;
	margin:0; padding:0px;
	
}
/*Footer*/

#footer {  
background:#F9f9f9 url(../images/footer_top.jpg) top  center   repeat-x;
  width: 100%;
  clear: both;
  color:#666666;
  }

#footer-content {width:1000px;  margin:0 auto;padding-top:30px;}

#footer-bottom {background:#3e3933 url(../images10/footer_bottom.jpg) top center repeat-x; height:30px;padding:15px; }

#footer-bottom a {color:#FFFFFF; font-weight:bold;}

/*article*/

.article_01 { background:#FFF url(../images10/article_bg_01.jpg) top center no-repeat; text-align:justify; padding:0px;}
.article_01 img { padding:5px;margin:5px; border:solid 1px #aaa; float:left; background:#fff;}
.article_01 h3{ display:block;  height:28px; margin:0px; padding:12px 0 0 10px; text-transform:uppercase; font-family:"trebuchet ms", arial, verdana;
font-size:18px;	text-transform: uppercase;	/*color: #DCE0E3;*/	color:#996633;}

.article_01 h3 a{ color:#996633; text-decoration:none;}


.article_content { padding:4px 12px; height: 100%;
min-height: 100%;}

.article_bottom_01{ background:#FFF url(../images10/article_bottom_01.jpg) bottom center no-repeat; width:100%}
.article_bottom_02{ background:#FFF url(../images10/article_bottom_02.jpg) bottom center no-repeat; width:100%}
.article_02 { background:#FFF url(../images10/article_bg_02.jpg) top center no-repeat; text-align:justify; padding:0px;}
.article_02 img { padding:5px;margin:5px; border:solid 1px #aaa; float:left; background:#fff;}
.article_02 h3{ display:block;  height:28px; margin:0px; padding:12px 0 0 10px; text-transform:uppercase; font-family:"trebuchet ms", arial, verdana;
font-size:18px;	text-transform: uppercase;	/*color: #DCE0E3;*/	color:#996633;}

.article_02 h3 a{ color:#FFF; text-decoration:none;}

/*menuRubrique*/
.menuRubrique { border:1px solid #aaa; margin:0px; list-style-type:none; padding:5px; background:#FFF;}
.menuRubrique li { background:#FFF;margin:0px 0px 2px 0px; padding:0 ;  text-indent:5px;}

.menuRubrique li ul{ list-style-type:none;margin:0px; padding:0px}
.menuRubrique li ul li{ background:#FFF; border-bottom:1px solid #aaa;margin:0px; padding:0px; text-indent:15px;}

.MenuTitre01{background:#cccccc url(../images10/menu_bg_01.jpg); border-bottom:1px solid #996633; display:block; font-weight:bold; height:22px; margin:0px; padding:0px;}
.menuRubrique a:hover{background:#996633 url(../images10/menu_bg_02.jpg) ; color:#FFFFFF;}

.MenuTitre02{ border-bottom:1px solid #996633; display:block; font-weight:bold; height:25px; margin:0px; padding:1px;}



/*TAB SLIDE*/

#content_parcours p{
margin: 0;
padding: 5px;
/*line-height: 1.5em;*/
text-align: justify;
/*border: 1px solid #aaa;*/

}
#wrapper{
margin: 0 auto;
background-color:#FFFFFF;
}
.box{
background: #fff;


}
.imgBox{
padding:5px;margin:5px; border:solid 1px #aaa; float:left; background:#fff;
vertical-align:middle;
}



.boxholder{
clear: both;
padding: 5px;
background: #d3c756;
}
.tab{
float: left;
height: 32px;
width: 102px;
margin: 0 1px 0 0;
text-align: center;
background: #d3c756 url(../images/greentab.jpg) no-repeat;
}
.tabtxt{
margin: 0;
color: #fff;
font-size: 12px;
font-weight: bold;
padding: 9px 0 0 0;
}

.boxholder h3, .boxholder h4, .boxholder h5 {
font-family:Arial, Helvetica, sans-serif;
margin:1px;
padding:1px;
}
.boxholder h3 { font-size:18px; color:#000099}
.boxholder h4 { font-size:14px; color:#0099FF}
.boxholder h5 { font-size:12px; color:#666666; letter-spacing:3px;}

/*h2.etapeTitre{letter-spacing:10px; background-image:url(../images/titre_bg.jpg); height:40px; color:#FFF; padding:2px;}*/


/*Menu Etape*/
.etapeMenu { margin:1px;  height:26px; padding:1px; font-weight:bold; color:#666666; text-align:center;}
.etapeMenu li{float:left; list-style-type:none; margin:2px; padding:1px;height:20px; width:150px;}


/*Encart_pub*/
.encart_pub {
margin:0 0 2px 0;
padding:5px 0;
border:1px solid #aaa;text-align: center;
}

.encart_pub img {
	padding:5px; background:#fff;
margin:5px auto; width:300px;vertical-align: middle;
} 
/*TabPalmares2*/
#TabPalmares2{line-height:normal; font-size:11px; text-align:justify;}

#TabPalmares2 .petitTitre2 { text-transform:capitalize; font-weight:bold; font-size:14px}
#TabPalmares2 .vainqueur_bloc{ text-align:center;}
#TabPalmares2 img{ border:1px solid #aaa; background:#fff; padding:2px; margin:2px;}



/*PubList*/
.pubList {margin:0 auto; padding:0; width:610px;}
.pubList li{float:left; margin:2px; padding:0; list-style-type:none; width:300px; border-top:1px solid #aaa;} 

/* TABLE ENGAG2*/
.tab_engage_bold { font-weight:bold;}
.tab_engage_bold2 { font-weight:bold; text-transform:uppercase; padding: 0 0 0 3px; 
 border-bottom:1px solid #aaa; color:#FFF; background:#996633;}
.tab_engage_bold3 { font-weight:bold; font-size:16px;}

.tab_engage_center { text-align:center; font-weight:bold;}

.tab_engage {  font-size:11px; width:500px;
margin:1px 5px; padding:0px;
border: 1px solid #aaa;
border-collapse:collapse;
}
.tab_engage td, .tab_engage tr {  padding:1px; height:5px; overflow:hidden;}

.tab_engage td {  border-bottom:1px solid #aaa; }

/*photos_gal01*/

.photos_gal01{ list-style-type:none; margin:1px; padding:1px;}

.photos_gal01 li{ float:left; padding:2px; margin:2px;  border:solid 1px #aaa; width:100px; height:75px; text-align:center;
overflow:hidden; background-color:#996633;

}


/*maillots*/

.tab_engage2 {  font-size:11px; width:500px;
margin:1px 5px; padding:0px;
border: 1px solid #aaa;
border-collapse:collapse;
}

.tab_engage2 td, .tab_engage2 tr {  padding:0px; height:50px; overflow:hidden;}

.tab_engage2 td {  border-bottom:1px solid #aaa; }
.tab_engage2 td img {  margin:0; padding:0;}

/**/
.texte-barre-01{
color:#663333;}