img
{
   border:none;
}

html, body
{
   padding:0px;
   margin:0px;
   font-family : arial, verdana, sans-sherif;
   font-size:12px;
   /*background-color:#19171C;*/
   background-color:#000000;
   text-align : center;
}

a
{
   font-weight:bold;
   color:#F18A1D;
}

div.partieHaute
{
   /*height:130px;*/
   height:134px;
   width:860px;
   margin : 0px auto 0px auto;
   text-align : left;
   background:#FFFFFF;
   background-image: url(../images/partieHauteDroite.gif);
   background-repeat: no-repeat;
   background-position:bottom right;
   color:#00588E;
}

div.partieHaute h1
{
   color:#59595B;
   font-size:12px;
   padding:5px 25px;
   text-align:justify;
}

div.partieLogo
{
   /*height:130px;*/
   height:114px;
   /*width:400px;*/
   width:514px;
   text-align:left;
   float:left;
   margin-left:25px;
}

/*IE6*/
* html div.partieLogo {
   display:inline;
}

#logo {
   margin:0px;
}

#logo a {
   margin-left:20px:;
   /*background: url(/images/logo-master-team.gif) no-repeat;*/
   background: url(/images/logo-team-offroad.jpg) no-repeat scroll center center;
   /*background-position:5px 5px;*/
   /*width: 307px;*/
   width: 514px;
   height: 104px;
   float: left;
}

#logo span {
	display:none;
}

div.partieLogo img
{
   margin:20px 10px 0px 20px;
   border:none;
}

/*IE6*/
* html div.partieRecherche {
   display:inline;
}

div.partieRecherche
{
   /*height:130px;*/
   height:114px;
   /*width:400px;*/
   width:285px;
   text-align:right;
   margin-right:25px;
   float:right;
   font-family:Arial,Verdana,sherif;
   overflow:hidden;
}

div.partieRecherche form
{
   padding:0px;
   margin:0px;
   margin-top:50px;
}

div.partieRechercheChamp
{
   float:right;
   padding-top:6px;
   height:35px;
   vertical-align:bottom;
   font-weight:bold;
}

div.partieRechercheChamp input
{
   /*width:250px;*/
   width:203px;
   padding:2px;
   margin:0px;
   border:2px solid #000000;
   color:#F18A1D;
   font-size:12px;
   font-family:Arial,Verdana,Sherif;
   font-weight:bold;
}

div.partieRechercheBouton
{
   float:right;
   height:35px;
}

div.partieRechercheBouton input
{
   margin:6px 0px 0px 14px;
}


div.partieEntete
{
   width:860px;
   margin : 0px auto 0px auto;
   text-align : left;
   height:300px;
   background:#FFFFFF;
}

div.partieOnglets
{
   height:272px;
   width:288px;
   margin:0px 25px 20px 0px;
   text-align:left;
   font-size:12px;
   font-family:Arial;
}

div.debutOnglet
{
   float:left;
   height:70px;
   width:144px;
}

div.finOnglet
{
   float:right;
   height:70px;
   width:144px;
}

div.boutonOn, div.boutonOff
{
   height:74px;
   width:142px;
}

a.boutonOn, a.boutonOff
{
   display:block;
   height:44px;
   width:132px;
   padding:23px 0px 0px 10px;
   font-size:16px;
   font-weight:bold;
   text-decoration:none;
}

a.boutonOn
{
   color:#000000;
   background-image: url(../images/bouton-on.jpg);
   background-repeat: no-repeat;
}

a.boutonOff
{
   color:#FFFFFF;
   background-image: url(../images/bouton-off.jpg);
   background-repeat: no-repeat;
}

a.boutonOff:hover
{
   color:#F18A1D;
   text-decoration:none;
}

* html a.boutonOn, * html a.boutonOff
{
   display:inline;
   height:67px;
   width:142px;
}

div.piedPageLiens
{
   margin : 0px auto 0px auto;
   padding-top:2px;
   height:20px;
   width:860px;
   background:#F18A1D;
   border-top:solid 2px #19171C;
}

div.piedPageLiens a:hover
{
   color:#000000;
}

div.piedPageLiens a
{
   display:inline;
   margin:2px 20px;
   color:#FFFFFF;
}

div.piedPage
{
   margin : 0px auto 0px auto;
   height:116px;
   width:860px;
   background:#000000;
   background-image: url(../../images/pied-page.jpg);
   background-position:top center;
   background-repeat: no-repeat;
}

table.partieContenu
{
   width:860px;
   margin:0px auto 0px auto;
   background:#FFFFFF;
}

div.partieMenu
{
   float:right;
   width:310px;
   margin : 0px auto 10px auto;
   text-align : left;
   background:#FFFFFF;
}

div.partiePage
{
   float:left;
   width:525px;
   padding : 0px 0px 10px 25px;
   text-align : left;
   background:#FFFFFF;
}

div.partieImages
{
   height:275px;
   width:520px;
   margin:1px 0px 1px 0px;
   background-color:#FFFFFF;
}

div.partieImages img
{
   float:left;
   margin:0px;
   padding:0px;
}

div.partieImages .imageCoin
{
   float:right;
   margin-top:-10px;
   margin-right:6px;
   width:10px;
   height:10px;
   background-image: url(../images/coin.gif);
   background-position:left top;
   background-repeat: no-repeat;
}

table.bandeauTitre
{
   width:515px;
   height:48px;
   color:#F18A1D;
   padding:0px 10px;
   font-size:14px;
   font-family:arial,verdana,sherif;
   font-weight:bold;
   vertical-align:middle;
   background-image: url(../images/bandeau-titre.gif);
   background-position:left top;
   background-repeat: no-repeat;
}

table.bandeauTitre td
{
   vertical-align:middle;
   line-height:20px;
}

table.bandeauTitre td h1
{
   margin:0px;
   padding:0px;
   font-size:16px;
}

table.partiePublicite
{
   width:284px;
   height:457px;
   background-image: url(../images/bandeau-pub.gif);
   background-position:left top;
   background-repeat: no-repeat;
   padding-bottom:8px;
}

table.partiePublicite thead td
{
   font-size:16px;
   font-family:arial,verdana,sherif;
   font-weight:bold;
   color:#000000;
   height:47px;
   padding-left:12px;
}

table.partiePublicite tbody td
{
   padding:0px 12px 12px 12px;
   height:201px;
}


.evenementGauche
{
   float:left;
   width:254px;
}

.evenementGauche a, .evenementDroite a
{
   font-size:12px;
}

.evenementDroite
{
   float:right;
   margin-right:10px;
   width:254px;
}

.titreEvenementGauche
{
   background-image: url(../images/bandeau-1.gif);
   background-position:left top;
   background-repeat: no-repeat;
   height:28px;
   float:left;
   width:253px;
   margin-left:1px;
   margin-top:-214px;
}

div.evenementGauche img
{
   float:left;
   margin:0px;
   padding:0px;
}

.titreEvenementGauche h3, .titreEvenementDroite h3
{
   padding:5px 5px;
   font-size:16px;
   font-family:arial,verdana,sherif;
   font-weight:bold;
   margin:0px;
   color:#FFFFFF;
}

div.evenementDroite img
{
   float:right;
   margin:0px;
   padding:0px;
}

.titreEvenementDroite
{
   background-image: url(../images/bandeau-2.gif);
   background-position:left top;
   background-repeat: no-repeat;
   height:28px;
   height:28px;
   float:right;
   width:253px;
   margin-left:1px;
   margin-top:-214px;
}

h4.sousTitreEvenement
{
   font-size:14px;
   font-family:arial,verdana,sherif;
   font-weight:bold;
   margin:0px;
   padding:0px 0px 0px 0px;
}

div.photos
{
   width:150px;
   padding:0px 5px 5px 0px;
   background:#FFFFFF;
   float:left;
   text-align:center;
   font-size:10px;
}

div.nbPhotos
{
   margin-top:5px;
   height:16px;
   font-size:12px;
   font-family:Verdana,arial,sherif;
   font-weight:bold;
   color:#E58C19;
}

div.actualitesContenuAccueil
{
   height:189px;
}

*+html div.actualitesContenuAccueil
{
   height:194px;
}

div.actualitesTitre
{
   margin:0px 0px 5px 0px;
   font-size:14px;
   font-family:Verdana,arial,sherif;
   font-weight:bold;
   color:#F18A1D;
}

div.publication
{
   margin:5px 0px;
   font-size:11px;
   font-family:Verdana,arial,sherif;
   font-weight:bold;
   color:#000000;
}

div.pointille
{
   background-image:url('../images/pointille.gif');
   background-repeat:repeat-x;
   height:2px;
   margin:5px 10px 5px 0px;
   line-height:2px;
}

ul.suiteActualite
{
   padding:0px;
   margin:0px;
}

ul.suiteActualite li
{
   list-style-image:url('../images/puce.gif');
   margin:0px 0px 0px 12px;
}


ul.suiteActualite li a
{
   color:#F18A1D;
   font-size:10px;
   font-family:verdana,arial,sherif;
   font-weight:bold;
}

div.actualites
{
   margin:5px 10px 5px 0px;
   font-size:11px;
   font-family:arial,verdana,sherif;
   color:#000000;
   text-align:justify;
}

div.imageSlide
{
   position:relative;
   z-index:6;
}

table.imageSlide
{
   margin:2px 10px 2px 0px;
   /*background:#FFFFFF;*/
}

.datagrid td table.imageSlide td
{
   padding:0px;
   margin:0px;
   border:none;
}

table.imageSlide td.imageSlidePreview
{
   background:#FFFFFF;
   text-align:center;
   vertical-align:middle;
}

.datagrid td table.imageSlide td.imageSlidePreview
{
   border:1px solid #F18A1D;
}

table.imageSlide td.imageSlidePreview img
{
   border:2px solid #F18A1D;
}

.datagrid td table.imageSlide td.imageSlidePreview img
{
   border:1px solid #F18A1D;
}

table.imageSlide tr.navigation img
{
   border:none;
}

.datagrid td table.imageSlideRightsImage, table.imageSlideRightsImage
{
   position:absolute;
   bottom:-3px;
   left:3px;
   z-index:6;
}

.imageSlide table td, .imageSlideRightsImage table td
{
   font-size:10px;
   font-family:verdana,arial,sans-sherif;
   border:none;
}

.imageSlide td, .imageSlideRightsImage td
{
   border:none;
}

td.imageSlidePreview
{
   border:#E58C19 solid 1px;
   background-color:#F9FFB0;
}

td.imageSlidePreview img
{
   border:#E58C19 solid 1px;
}

table.pilotes
{
   border-collapse:collapse;
   border:2px solid #F18A1D;
   width:513px;
   font-size:12px;
}

table.pilotes tr.impair
{
   background-color:#CCCCCC;
}

table.pilotes tr.pair
{
   background-color:#EEEEEE;
}

.vignette_pilote
{
   border:1px solid #F18A1D;
}

table.pilotes a
{
   font-weight:bold;
   color:#F18A1D;
}

div.fichePilote
{
   font-size:12px;
   height:160px;
}

fieldset.calendrier
{
   width:500px;
   border:solid 1px #000000;
   margin:0px;
   text-align:justify;
}

fieldset.calendrier legend
{
   color:#000000;
   font-weight:bold;
   font-size:12px;
}

hr
{
   border:solid 1px #000000;
   width:515px;
   margin:8px 0px 8px 0px;
}

.lienDescription, .paragrapheDescription
{
	text-align:justify;
	padding-right:5px;
}

/******************************************************************
                              Agenda
******************************************************************/

.agenda
{
   width : 515px;
   border : #666666 solid 1px;
   font-size : 10px;
   font-family : verdana,arial,sans-sherif;
}

.agenda tr.agendaTitle td
{
   color:#F18A1D;
   font-weight:bold;
   background-color:#666666;
   height:25px;
   text-align:center;
   vertical-align:middle;
   font-size : 12px;
}

tr.agendaNavigation
{
   background:#DDDDDD;
}

td.agendaPrevious
{
   width:10%;
   text-align:left;
}

td.agendaNavigation
{
   width:80%;
   text-align:center;
}

td.agendaNext
{
   width:10%;
   text-align:right;
}

.agenda a.button
{
   border:solid 1px #666666;
   background-color:#F18A1D;
   color:#666666;
   display:inline;
   padding:3px 5px;
   float:none;
   margin:0px;
   text-decoration:none;
}

.agenda a.button:hover
{
   border:solid 1px #F18A1D;
   background-color:#666666;
   color:#F18A1D;
}

.agendaCalendar
{
   background:#EFFEE1;
}

.agendaMonth
{
   border-collapse:collapse;
   border:solid 1px #F18A1D;
   background:#FFFFFF;
   margin:4px;
}

.agendaMonth th
{
   height:26px;
   background:#F1C35B;
   vertical-align:middle;
   text-align:center;
   font-weight:bold;
   font-size:10px;
}

.agendaMonth td
{
   height:75px;
   background:#DDDDDD;
   vertical-align:top;
   font-size:10px;
}

.agendaMonth td.agendaCurrentDay
{
   background:#FFFFFF;
}

.agendaMonth div.agendaEvent
{
   padding:2px;
   margin:2px 0px;
}

.agendaMonth div.agendaEvent span
{
   font-style:italic;
}

.listbox
{
   font-size : 10px;
   font-family : verdana, arial, sans-sherif;
   border:solid 1px #F18A1D;
   padding:2px;
   z-index : 1
}

/******************************************************************
                  Panneau pliable et dépliable
******************************************************************/

.expandPanel
{
	border:solid 1px #000000;
	width:515px;
}

.expandPanel .expandPanelLegend
{
	background:#FFFFFF;
	font-weight:bold;
	padding:2px 10px;
}

.expandPanel .expandPanelContent
{
	border-top:solid 1px #000000;
	padding:2px 5px;
	text-align:justify;
}

/******************************************************************
                              Datagrid
******************************************************************/

.datagrid
{
   width : 515px;
   border-left : #F18A1D solid 1px;
   border-bottom : #F18A1D solid 1px;
   font-size : 12px;
   font-family : arial,verdana,sans-sherif;
}

.datagrid thead tr
{
   color : #FFFFFF;
   background-color : #F18A1D;
   height : 24px;
}

.datagrid tr
{
   height : 24px;
}

.datagrid thead tr td
{
   color:#FFFFFF;
   font-weight:bold;
   font-size:12px;
   font-family : arial,verdana,sans-sherif;
}

.datagrid thead tr td a
{
   color:#FFFFFF;
   text-decoration:none;
   font-weight:bold;
   font-size:12px;
   font-family : arial,verdana,sans-sherif;
}

.datagrid thead tr td span.header
{
   white-space: nowrap;
   text-decoration:none;
}

.datagrid thead tr td span.headerText
{
   white-space: nowrap;
   text-decoration:underline;
}
.datagrid thead tr td span.headerImage
{
   white-space: nowrap;
   text-decoration:none;
}

.datagrid tbody tr td
{
   border-bottom : #C2F192 solid 1px;
}

.datagrid td
{
   border-right : #F18A1D solid 1px;
   padding : 3px 3px 3px 3px;
   font-size:12px;
   font-family : arial,verdana,sans-sherif;
}

/*.datagrid td a
{
   color : #4C8EBF;
   text-decoration : underline;
   font-weight : normal;
   font-size:10px;
   font-family:Verdana,Arial,Sans-sherif;
}*/

.dgLineOdd
{
   background-color : #CCCCCC;
}

.dgLineEven
{
   background-color : #EEEEEE;
}

.dgLineOdd2
{
   background-color : #D6F7B6;
}

.dgLineEven2
{
   background-color : #EFFEE1;
}

.dgPaging
{
   width : 515px;
   border : #F18A1D solid 1px;
   height : 26px;
   background-color : #CCCCCC;
   font-size : 10px;
   font-family : arial, sans-sherif;
}

.dgPaging select
{
   font-size : 10px;
   font-family : arial, sans-sherif;
}

p.dgMsgPaging
{
   width : 515px;
   font-size : 10px;
   font-family : verdana, sans-sherif;
   font-weight : normal;
   padding : 0px 0px 0px 0px;
   text-align : justify;
   margin : 5px 0px 5px 0px;
   padding : 0px;
}

p.dgMsgPaging span
{
   font-weight : bold;
}

/******************************************************************
                              Diaporama
******************************************************************/

div.diaporamaThumbs
{
   width:507px;
   height:120px;
   background:#FFFFFF;
   border:solid 1px #000000;
   overflow:hidden;
   overflow-x:scroll;
   overflow:-moz-scrollbars-horizontal; 
}

.diaporamaThumbs {
   height:100px;
   padding:0px 3px;
}

.diaporamaThumbs td {
   vertical-align:middle;
   padding:5px;
}

.diaporamaThumbs img
{
   border:solid 1px #000000;
   padding:0px;
}

.diaporamaThumbs a
{
   padding:0px;
   display:block;
}

.diaporamaNavigation
{
   margin:5px 0px 10px 0px;
   width:510px;
   height:20px;
   font-weight:bold;
   font-size:10px;
   font-family:verdana,arial,sherif;
   margin-bottom:31px;
}

.diaporamaButtons
{
   float:left;
   font-weight:bold;
   width:250px;
   font-size:10px;
   font-family:verdana,arial,sherif;
   padding-left:0px;
}

.diaporamaLegend
{
   float:right;
   width:60px;
   text-align:right;
   font-weight:bold;
   font-size:10px;
   font-family:verdana,arial,sherif;
}

.diaporama
{
   width:515px;
   padding:0px;
}

.diaporamaTitle
{
   background-image:url(../images/diapo-title.gif);
   background-repeat:no-repeat;
   background-position:top center;
   height:30px;
   width:515px;
   margin-bottom:10px;
}

.numberDiapo
{
	float:left;
	font-weight:bold;
	font-size:14px;
	color:#000000;
	font-family:arial,verdana,sherif;
	text-align:center;
	width:40px;
	margin:7px 0px 0px 9px;
}

.titleDiapo
{
	float:left;
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
	font-family:arial,verdana,sherif;
	text-align:left;
	width:450px;
	margin:8px 0px 0px 0px;
}

.diaporama td.imageDiapo
{
   text-align:center;
}

.diaporama td.imageDiapo img
{
   border:solid 1px #000000;
}

div.diapoLoading
{
   position:relative;
   z-index:6;
   width:150px;
   height:18px;
   border:solid 1px #000000;
   float:left;
   /*background-color:#FFFFFF;*/
   margin:3px 0px 0px 10px;
}

* html div.diapoLoading
{
   width:152px;
   height:18px;
}

div.diapoLoadingContent
{
   background-color:#F18A1D;
   height:18px;
}

* html div.diapoLoadingContent
{
   height:20px;
}

div.diapoLoadingPercentage
{
   position:absolute;
   left:0px;
   bottom:2px;
   width:150px;
   text-align:center;
   font-size:12px;
   font-weight:bold;
   font-family:verdana,arial,sherif;
   z-index:6;
}

div.telechargerPhoto
{
   padding-top:5px;
   text-align:center;
}

/***** Formulaire *****/

fieldset {
   width:500px;
   border:#F18A1D solid 1px;
   padding:5px;
   margin:0px 0px 10px 0px;
   background-color:#FFFFFF;
   position: relative;
}

* html fieldset {
   padding:12px 5px 5px 5px;
}

fieldset.fieldsetMsg {
   border:#FF0000 solid 1px;
}

fieldset legend {
   margin:0px 0px 0px 12px;
   padding:0px 4px 0px 4px;
   color:#F18A1D;
   font-weight:bold;
   position:absolute;
   top:-5px;
   left:9px;
}

* html fieldset legend {
   margin:0px;
}

fieldset.fieldsetMsg legend {
   color:#FF0000;
}

table.tableForm {
   width:100%;
   font-size:10px;
   font-family:Verdana,arial,sherif;
}

span.required {
  color:#FF0000;
}

table.tableForm td.label {
   width:30%;
   text-align:right;
   padding:2px 5px;
   background-color:#F1C35B;
   font-weight:bold;
   border:solid 1px #F18A1D;
}

table.tableForm td.value {
   width:70%;
   text-align:left;
   padding:2px 5px;
   background-color:#F1C35B;
   border:solid 1px #F18A1D;
}

table.tableForm input, table.tableForm select, table.tableForm textarea, .annonce select {
   font-size:10px;
   font-family:verdana,arial,sans-sherif;
   font-weight:normal;
}

table.tableForm input, table.tableForm textarea, table.tableForm select, .annonce select {
	border:solid 1px #F18A1D;
	padding:1px;
}

input.radio {
   margin-left:30px;
}

span.cptTextArea span {
   font-weight:bold;
}

.imageCalendar {
   border:none;
   vertical-align:top;
   margin:0px;
}

.image {
   border:none;
}

.buttonForm {
   text-align:center;
   cursor:pointer;
}

.buttonForm input {
   border:solid 1px #F18A1D;
   padding:1px;
   font-size:12px;
   font-weight:bold;
   font-family:Arial,verdana,sherif;
   background-color:#F1C35B;
   cursor:pointer;
}

* html .imageCalendar {
   vertical-align:text-bottom;
}

.divMsg
{
   font-size : 10px;
   font-family : verdana, sans-sherif;
   font-weight : bold;
   margin-bottom : 5px;
   padding : 3px 0px 3px 0px;
   text-align : justify;
}

.divMsg p
{
   margin : 0px 6px 0px 6px;
   padding : 0px;
}

.msgError, .msgObligatory /* Rouge */
{
   border:1px solid #FF0000;
   background-color:#FFDAC2;
   color:#FF0000;
}

.msgCorrect /* Vert */
{
   border:1px solid #95B306;
   background-color:#C6ED08;
   color:#95B306;
}


.msgWarning /* Jaune */
{
   border:1px solid #D3AE2D;
   background-color:#FFEBA5;
   color:#D3AE2D;
}

.annonce
{
   width:100%;
   margin-right:10px;
}

.annonce td
{
   color:#F18A1D;
   font-weight:bold;
   background-color:#666666;
   height:25px;
   text-align:center;
   vertical-align:middle;
   font-size : 12px;
}

p.annonceMessage
{
   margin:0px;
   padding:0px;
   text-align:justify;
}

p.annonceMessage img
{
   float:left;
   margin-right:10px;
   margin-bottom:10px;
}

div.rss
{
   margin:5px 10px 5px 0px;
   font-size:11px;
   font-family:arial,verdana,sherif;
   color:#000000;
   text-align:justify;
}

div.rss a img
{
   border:solid 2px #F18A1D;
   margin-right:10px;
}

div.paginationRss
{
   padding:10px 0 0 0;
   text-align:center;
   font-size:11px;
   font-family:arial,verdana,sherif;
   color:#000000;
   font-weight:bold;
}

div.paginationRss a.activePageRss
{
   color:#000000;
}
