/*----------------------------------------------------------------*/
/*                          GENERIQUE                             */
/*----------------------------------------------------------------*/
body {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
	font-size           : 10px;
	color               : #D3D3D3;
	background-color    : #000;
	text-decoration     : none;
	margin              : 0px;
	padding             : 0px;
}

a, a:visited, a:link {
	color               : #FFF;
	background-color    : inherit;
	text-decoration     : none;
}
a:hover, a:active {
	text-decoration     : underline;
}

p {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 10px;
    margin-top          : 5px;
    margin-bottom       : 5px;
}
                        
h1 {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 18px;
    color               : #D3D3D3;
	background-color    : inherit;
    margin-top          : 0px;
    margin-bottom       : 1px;
}
h2 {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 16px;
    font-weight         : bold;
    color               : #D3D3D3;
	background-color    : inherit;
    margin-top          : 0px;
    margin-bottom       : 1px;
}
h3 {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 14px;
    font-weight         : bold;
    color               : #D3D3D3;
	background-color    : inherit;
    margin-top          : 0px;
    margin-bottom       : 0px;
}
td {                    
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 10px;
}                       
ul {
    margin              : 0px 0px 0px 0px;
    padding             : 0px;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 10px;
}
ol {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    margin              : 0px 0px 0px 7px;
    padding             : 0px;
}                       
li {
    margin              : 0px 0px 0px 16px;
    padding             : 0px;
    list-style-type     : square;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 10px;
}
form {                  
    border              : 0px;
    margin              : 0px;
    padding             : 0px;
}                       
input {
    vertical-align      : middle;
}


/*----------------------------------------------------------------*/
/*                          SPECIFIQUE                            */
/*----------------------------------------------------------------*/
table.container {
    color               : inherit;
	background-color    : #FFB123;
    border              : 7px solid #FFB123;
}
a.logo {
    display             : block;
    color               : inherit;
	background-color    : #FFFFFF;
}
div.espace1 {
    border-bottom       : 1px solid #FFFFFF;
}
div.espace2 {
}
table.decoupage {
    border-top          : 1px solid #A46D35;
    color               : inherit;
    background-color    : #FFF;
}
table.decoupage td.contenu {
}
table.decoupage td.contenu div.titre_page {
	color               : #396486;
    background-color    : inherit;
	font-size           : 18px;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
	margin              : 10px;
	padding             : 0px;
    font-weight         : bold;
    text-align          : center;
}
div.contenu_page {
    margin              : 10px;
    padding             : 5px;
}
table.decoupage td.colonne_droite {
    color               : inherit;
    background-color    : #F4E5C8;
}
table.decoupage td.colonne_droite div.encart {
    margin              : 5px;
    color               : inherit;
    background-color    : #FFFFFF;
}
table.decoupage td.colonne_droite div.encart h1 {
	font-size           : 18px;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
	font-weight         : normal;
    margin              : 0px;
    padding             : 0px;
    background-color    : #FFB123;
    background-position : top right;
    background-repeat   : no-repeat;
    color               : #FFFFFF;
}
div.contact {
	color               : #623017;
    background-color    : #FFFFFF;
    padding             : 5px;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
	font-size           : 10px;
}
div.copyright {
	color               : #FFF;
	background-color    : inherit;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
	font-size           : 10px;
    padding             : 5px;
}
div.copyright a, div.copyright a:visited, div.copyright a:active, div.copyright a:link {
	text-decoration     : none;
	color               : #FFF;
}

div.copyright a:hover {
	text-decoration     : underline;
}

div.copyright img {
    vertical-align      : middle;
}

/* Menu */
div.menu {
    background-color    : #486F8E;
    color               : inherit;
    padding-left        : 15px;
}
div.menu a, div.menu a:visited, div.menu a:link {
    display             : block;
	font-family         : verdana, Helvetica, sans-serif;
	font-size           : 12px;
	font-weight         : bold;
	padding             : 2px 5px;
	color               : #FFFFFF;
	background-color    : inherit;
	text-decoration     : none;
}
div.menu a:active, div.menu a:hover,
div.menu a.on, div.menu a.on:visited, div.menu a.on:link, div.menu a.on:active, div.menu a.on:hover {
    display             : block;
	font-family         : verdana, Helvetica, sans-serif;
	font-size           : 12px;
	font-weight         : bold;
	padding             : 2px 5px;
	color               : #FFB123;
	background-color    : inherit;
	text-decoration     : none;
}

/* Sous Menu */
div.ssmenu {
    position            : absolute;
    left                : 0px;
    top                 : -300px;
    z-index             : 5;
    visibility          : hidden;
}
div.ssmenu div {
    margin-top          : 10px;
    background-color    : #000;
    color               : inherit;
}
div.ssmenu a, div.ssmenu a:visited, div.ssmenu a:link {
    display             : block;
	font-family         : verdana, Helvetica, sans-serif;
	font-size           : 12px;
	font-weight         : bold;
	padding             : 2px 5px;
	color               : #FFF;
	background-color    : inherit;
	text-decoration     : none;
}
div.ssmenu a:active, div.ssmenu a:hover {
    display             : block;
	font-family         : verdana, Helvetica, sans-serif;
	font-size           : 12px;
	font-weight         : bold;
	padding             : 2px 5px;
	color               : #EDED30;
	background-color    : inherit;
	text-decoration     : none;
}

/* Sous Menu Haut */
div.ssmenuh {
    position            : absolute;
    left                : 0px;
    top                 : -300px;
    z-index             : 5;
    visibility          : hidden;
}
div.ssmenuh div {
    margin-top          : 10px;
    background-color    : #000;
    color               : inherit;
}
div.ssmenuh a, div.ssmenuh a:visited, div.ssmenuh a:link {
    display             : block;
	font-family         : verdana, Helvetica, sans-serif;
	font-size           : 10px;
	font-weight         : normal;
	padding             : 2px 5px;
	color               : #FFF;
	background-color    : inherit;
	text-decoration     : none;
}
div.ssmenuh a:active, div.ssmenuh a:hover {
    display             : block;
	font-family         : verdana, Helvetica, sans-serif;
	font-size           : 10px;
	font-weight         : normal;
	padding             : 2px 5px;
	color               : #EDED30;
	background-color    : inherit;
	text-decoration     : none;
}

/* Plan du site */
table.plan img {
    vertical-align      : top;
    margin              : 0px;
}
table.plan a.croisement {
    font-weight         : bold;
	text-decoration     : none;
}
table.plan a.extremite {
	text-decoration     : none;
}

/* ---------------------------------------*/
/* ---------->>> BIEN UTILE <<<-----------*/
/* ---------------------------------------*/
    .floatLeft   { float      : left;   }
    .floatRight  { float      : right;  }
    .clearLeft   { clear      : left;   }
    .clearRight  { clear      : right;  }
    .alignLeft   { text-align : left;   }
    .alignCenter { text-align : center; }
    .alignRight  { text-align : right;  }
    a:focus      { outline    : none;   }
    .noborder    { border     : 0;      }

/* -----------------------------------*/
/* ---------->>> MENU 1 <<<-----------*/
/* -----------------------------------*/

.menuHB {
    margin-left         : 40px;
    font-family         : verdana, arial, helvetica, sans-serif;
    font-weight         : bold;
    clear               : left;
}

.menuHB ul {
    margin              : 0;
    padding             : 0;
}

.menuHB li {
    display             : inline;
    margin              : 0;
    padding             : 0 10px 0 0;
}

.menuHB a:link, .menuHB a:visited, .menuHB a:active {
    text-decoration     : none;
    font-size           : 14px;
}

.menuHB li a:hover {
    color               : #EDED30;   
}

.menuHB .on {
    color               : #EDED30;
}

/* -----------------------------------------------*/
/* ---------->>> ACTUS HORIZONTALES <<<-----------*/
/* -----------------------------------------------*/

.actuhorizontale {
    color               : #000;
    margin              : 13px;
    background-color    : #FFF;
    width               : 608px;
    height              : 144px;
    /*padding-bottom      : 1px;*/
}

.actuhorizontale img {
    border              : 0;
    margin              : 3px;
    float               : left;   
}

.actuhorizontale .texte {
    margin              : 3px 0 3px 3px;
    background-color    : #CECECE;
    text-align          : center;
    float               : left;
    height              : 138px;
    width               : 318px;/*318*/
}

.actuhorizontale .texte a:link, .actuhorizontale .texte a:visited, .actuhorizontale .texte a:hover, .actuhorizontale .texte a:visited {
    color               : #000;
    text-decoration     : none;
}

/* ---------------------------------------------*/
/* ---------->>> ACTUS VERTICALES <<<-----------*/
/* ---------------------------------------------*/

.actuverticale {
    color              : #000;
    margin             : 13px;
    background-color   : #FFF;
    width              : 131px;
    padding-bottom     : 1px;
}

.actuverticale img {
    border             : 0;
    margin             : 3px;   
}

.actuverticale .texte {
    margin             : 0 3px 3px 3px;
    background-color   : #CECECE;
    text-align         : center;
}

.actuverticale .texte a:link, .actuverticale .texte a:visited, .actuverticale .texte a:hover, .actuverticale .texte a:visited {
    color               : #000;
    text-decoration     : none;
}

/* -----------------------------------------*/
/* ---------->>> ACTUS ESSAIS <<<-----------*/
/* -----------------------------------------*/

.actuevenement {
    border              : 3px solid #FFF;
    margin              : 13px;
    background-color    : #464E50;
    width               : 561px;
    height              : 98px;
}

.actuevenement img {
    border              : 0;
    margin              : 0;   
}

.actuevenement .texte {
    float               : left;
    color               : #E5E530;
    width               : 410px;
}

.actuevenement .texte .actutype {
    text-transform      : uppercase;
    font-size           : 18px;
    padding-left        : 5px;
    padding-top         : 5px;
}

.actuevenement .texte .actutitre {
    text-transform      : uppercase;
    font-size           : 30px;
    padding-left        : 25px;
    padding-top         : 5px;
}

.actuevenement .texte .actutitre a:link, .actuevenement .texte .actutitre a:visited, .actuevenement .texte .actutitre a:hover, .actuevenement .texte .actutitre a:active {
    color               : #E5E530;
    text-decoration     : none;
}

.actuevenement .texte .actudescription {
    color               : #FFF;
    font-size           : 16px;
    font-weight         : bold;
    padding-left        : 5px;
    padding-top         : 5px;
}

/* ----------------------------------------------*/
/* ---------->>> BANDEAU SUPERIEUR <<<-----------*/
/* ----------------------------------------------*/

#hautdepage {
    padding-top         : 13px;
    height              : 59px;
    color               : #FFF;
}

.pieddepage {
    color               : #FFF;
    background-image    : url(images/hb-performance/fond_bas.gif);
    background-repeat   : repeat-x;
    height              : 120px;
}

.traitenfond {
    background-image    : url(images/hb-performance/fond_pointilles_classique.gif);
    background-repeat   : repeat-y;
}

.SIFRroulage {
    margin-top          : 130px;
    margin-bottom       : 15px;
    margin-right        : 20px;
    text-align          : right;
    height              : 30px;
    font-size           : 18px;
    color               : #EDED30;
}

.SIFRaccueil {
    margin              : 13px;
    text-align          : right;
    font-size           : 18px;
    color               : #EDED30;
}

.SIFRmenuhaut
{
    color               : #EDED30;
    font-weight         : bold;
    font-size           : 14px;
}

div.titre_page {
	color               : #EDED30;
    background-color    : inherit;
	font-size           : 18px;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
	margin              : 10px 10px 10px 40px;
	padding             : 0px;
    font-weight         : bold;
}

div.contenu_page {
    margin              : 10px;
    width               : 570px;
    background-color    : #565656;
}

#menuhaut {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 9px;
    width               : 280px;
    margin-left         : 10px;
    margin-right        : 15px;
    padding-left        : 15px;
}

/* ------------------------------------------------*/
/* ---------->>> SOUS MENU DE GAUCHE <<<-----------*/
/* ------------------------------------------------*/

#sousmenupage ul {
    width               : 200px;
    padding             : 0;
    margin              : 0;
    background-color    : #000;
}

#sousmenupage ul li {
    color               : #FFF;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 14px;
    font-weight         : bold;
    list-style          : none inside url(images/hb-performance/puce_triangle.gif);
    margin              : 3px;
    padding             : 3px;
}

#sousmenupage a:link, #sousmenupage a:visited, #sousmenupage a:active {
    color               : #FFF;
    text-decoration     : none;
}

#sousmenupage a:hover {
    color               : #EDED30;
    text-decoration     : none;
}

/* --------------------------------------------------------*/
/* ---------->>> SOUS MENU DE GAUCHE ACCUEIL <<<-----------*/
/* --------------------------------------------------------*/

#sousmenupageaccueil ul {
    /*width               : 300px;*/
    padding             : 0;
    margin              : 0;
    /*background-color    : #000;*/
}

#sousmenupageaccueil ul li {
    color               : #FFF;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 14px;
    font-weight         : bold;
    list-style          : none inside url(images/hb-performance/puce_triangle.gif);
    margin              : 0 3px 1px 3px;
    padding             : 3px;
    background-color    : #000;
}

#sousmenupageaccueil a:link, #sousmenupageaccueil a:visited, sousmenupageaccueil a:active {
    color               : #FFF;
    text-decoration     : none;
}

#sousmenupageaccueil a:hover {
    color               : #EDED30;
    text-decoration     : none;
}

/* ------------------------------------------*/
/* ---------->>> POUR LE DEBUG <<<-----------*/
/* ------------------------------------------*/

/*
div { border: 1px solid #f00; }
table { border: 1px solid #0f0; }
table td { border: 1px solid #ff0; }
*/