/*                                         */
/* Feuille de styles pour www.itinibus.com */
/*                                         */

/* Couleur des Liens                      */
/* il faut mettre link et visited en tête */
/*                                        */
/* Attention à ne pas modifier l'ordre    */
/*    des identifiants                    */
/*                                        */
/*                                        */
/*  Les quarts de rond font 27*27 pixels  */
/*  Les rectangles 100*54 pixels          */
/*                                        */
/*                                        */
/*                                        */
/*                                        */
/******************************************/

.menu a:link {color: white; font-size: 10pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; } /* aucun evenement */
.menu a:visited {color: white; font-size: 10pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; } /* si déja cliqué sur le lien */
.menu a:hover {color: #882216; font-size: 10pt; font-family: "Verdana"; font-style: normal; font-weight: bold; text-decoration: none; } /* survol avec souris */
.menu a:focus {color: #882216; font-size: 10pt; font-family: "Verdana"; font-style: normal; font-weight: bold; text-decoration: none; } /* navig avec clavier */
.menu a:active {color: white; font-size: 10pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; } /* couleur si clic sur lien */


/* Corps des pages */
/* *************** */
body.musique { color : white; background-position: left; background-color: black; background-attachment: fixed; text-align: center; font-family: "arial"; }
body.index { color : white; background-color: black; text-align: center; font-family: "arial"; }
div.index { color : white; background-color: black; text-align : center; width : 800px;}
span.special { color : white; background-color: black; text-align : center; border : 0; width : 800px;}
div.classe_maj { color : white; background-color: black; text-align : center; width : 800px;}
.classe_logoitinibus { height : 84px;}
.classe_cliparts { width : 80px; height : 50px; border : 0;}


/* Page accès clients */
/*********************/
.classe_coordonnees a:link { color: #babeff; font-size: 12pt; font-family: "Verdana"; font-weight: normal; text-decoration: none; }
.classe_coordonnees a:visited { color: #babeff; font-size: 12pt; font-family: "Verdana"; font-style: normal; font-weight: bold; text-decoration: none; }
.classe_coordonnees a:hover { color: #babeff; font-size: 12pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_coordonnees a:focus { color: #babeff; font-size: 12pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_coordonnees a:active { color: #babeff; font-size: 12pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }    

.classe_contact a:link { color : #babeff; text-align : right; font-size: 12pt; font-family: "Verdana"; font-weight: normal; text-decoration: none; }
.classe_contact a:visited { color : #babeff; text-align : right; font-size: 12pt; font-family: "Verdana"; font-weight: normal; text-decoration: none; }
.classe_contact a:hover { color : #babeff; text-align : right; font-size: 12pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_contact a:focus { color : #babeff; text-align : right; font-size: 12pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_contact a:active { color : #babeff; text-align : right; font-size: 12pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }

.classe_form_loginphp a:link { color : #babeff; text-align : center; vertical-align : top; text-decoration: none;}
.classe_form_loginphp a:visited { color : #babeff; text-align : center; vertical-align : top; text-decoration: none;}
.classe_form_loginphp a:hover { color : #babeff; text-align : center; vertical-align : top; text-decoration: none;}
.classe_form_loginphp a:focus { color : #babeff; text-align : center; vertical-align : top; text-decoration: none;}
.classe_form_loginphp a:active { color : #babeff; text-align : center; vertical-align : top; text-decoration: none;}


/* Telephone  */
/**************/
.classe_tableau_telephone { width: 100%; background-color: #9199da; background-position: top center; background-image: url("images/766979_telephone.jpg"); background-repeat: no-repeat; }
.classe_tableau_telephone a:link { color: #9199da; font-size: 10pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_telephone a:visited { color: #9199da; font-size: 10pt; font-family: "Verdana"; font-style: normal; font-weight: bold; text-decoration: none; }
.classe_tableau_telephone a:hover { color: #9199da; font-size: 10pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_telephone a:focus { color: #9199da; font-size: 10pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_telephone a:active { color: #9199da; font-size: 10pt; font-family: "Verdana"; font-weight: bold;text-decoration: none; }

.classe_tableau_telephone_titre { width: 100%; background-color: #9199da; background-position: top center; background-image: url("images/rectangle_9199da.jpg"); background-repeat: no-repeat; }
.classe_tableau_telephone_titre a:link { color: white; font-size: 14pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_telephone_titre a:visited { color: white; font-size: 14pt; font-family: "Verdana"; font-style: normal; font-weight: bold; text-decoration: none; }
.classe_tableau_telephone_titre a:hover { color: #882216; font-size: 14pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_telephone_titre a:focus { color: #882216; font-size: 14pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_telephone_titre a:active { color: white; font-size: 14pt; font-family: "Verdana"; font-weight: bold;text-decoration: none; }

.classe_tableau_telephone_rubrique { width: 100%; background-color: #9199da; background-position: top center; background-image: url("images/rectangle_9199da.jpg"); background-repeat: no-repeat; }
.classe_tableau_telephone_rubrique a:link { color: white; font-size: 10pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_telephone_rubrique a:visited { color: white; font-size: 10pt; font-family: "Verdana"; font-style: normal; font-weight: bold; text-decoration: none; }
.classe_tableau_telephone_rubrique a:hover { color: #882216; font-size: 10pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_telephone_rubrique a:focus { color: #882216; font-size: 10pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_telephone_rubrique a:active { color: white; font-size: 10pt; font-family: "Verdana"; font-weight: bold;text-decoration: none; }


/* Logiciel  */
/*************/
.classe_tableau_logiciel { width: 100%; background-color: #d4b352; background-position : top center; background-image: url("images/mains_pianiste.jpg"); background-repeat: no-repeat; }
.classe_tableau_logiciel a:link { color: #d4b352; font-size: 10pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_logiciel a:visited { color: #d4b352; font-size: 10pt; font-family: "Verdana"; font-style: normal; font-weight: bold; text-decoration: none; }
.classe_tableau_logiciel a:hover { color: #d4b352; font-size: 10pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_logiciel a:focus { color: #d4b352; font-size: 10pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_logiciel a:active { color: #d4b352; font-size: 10pt; font-family: "Verdana"; font-weight: bold;text-decoration: none; }

.classe_tableau_logiciel_titre { width: 100%; background-color: #d4b352; background-position: top center; background-image: url("images/rectangle_d4b352.jpg"); background-repeat: no-repeat; }
.classe_tableau_logiciel_titre a:link { color: white; font-size: 14pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_logiciel_titre a:visited { color: white; font-size: 14pt; font-family: "Verdana"; font-style: normal; font-weight: bold; text-decoration: none; }
.classe_tableau_logiciel_titre a:hover { color: #882216; font-size: 14pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_logiciel_titre a:focus { color: #882216; font-size: 14pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_logiciel_titre a:active { color: white; font-size: 14pt; font-family: "Verdana"; font-weight: bold;text-decoration: none; }

.classe_tableau_logiciel_rubrique { width: 100%; background-color: #d4b352; background-position: top center; background-image: url("images/rectangle_d4b352.jpg"); background-repeat: no-repeat; }
.classe_tableau_logiciel_rubrique a:link { color: white; font-size: 10pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_logiciel_rubrique a:visited { color: white; font-size: 10pt; font-family: "Verdana"; font-style: normal; font-weight: bold; text-decoration: none; }
.classe_tableau_logiciel_rubrique a:hover { color: #882216; font-size: 10pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_logiciel_rubrique a:focus { color: #882216; font-size: 10pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_logiciel_rubrique a:active { color: white; font-size: 10pt; font-family: "Verdana"; font-weight: bold;text-decoration: none; }


/* Réseau  */
/***********/
.classe_tableau_reseau { width: 400px; background-color: #f5bf5f; background-position: top center; background-image: url("images/rj45_becdesigne.jpg"); background-repeat: no-repeat; }
.classe_tableau_reseau a:link { color: white; font-size: 10pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_reseau a:visited { color: white; font-size: 10pt; font-family: "Verdana"; font-style: normal; font-weight: bold; text-decoration: none; }
.classe_tableau_reseau a:hover { color: #882216; font-size: 10pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_reseau a:focus { color: #882216; font-size: 10pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_reseau a:active { color: white; font-size: 10pt; font-family: "Verdana"; font-weight: bold;text-decoration: none; }

.classe_tableau_reseau_titre { width: 400px; background-color: #ff992d; background-position: top center; background-image: url("images/rectangle_ff992d.jpg"); background-repeat: no-repeat; }
.classe_tableau_reseau_titre a:link { color: white; font-size: 14pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_reseau_titre a:visited { color: white; font-size: 14pt; font-family: "Verdana"; font-style: normal; font-weight: bold; text-decoration: none; }
.classe_tableau_reseau_titre a:hover { color: #882216; font-size: 14pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_reseau_titre a:focus { color: #882216; font-size: 14pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_reseau_titre a:active { color: white; font-size: 14pt; font-family: "Verdana"; font-weight: bold;text-decoration: none; }

.classe_tableau_reseau_rubrique { width: 400px; background-color: #ff992d; background-position: top center; background-image: url("images/rectangle_ff992d.jpg"); background-repeat: no-repeat; }
.classe_tableau_reseau_rubrique a:link { color: white; font-size: 10pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_reseau_rubrique a:visited { color: white; font-size: 10pt; font-family: "Verdana"; font-style: normal; font-weight: bold; text-decoration: none; }
.classe_tableau_reseau_rubrique a:hover { color: #882216; font-size: 10pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_reseau_rubrique a:focus { color: #882216; font-size: 10pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_reseau_rubrique a:active { color: white; font-size: 10pt; font-family: "Verdana"; font-weight: bold;text-decoration: none; }


/* Formation  */
/**************/
.classe_tableau_formation { width: 400px; background-color: #ff4f39; background-position: top center; background-image: url("images/salle_de_formation_rouge.jpg"); background-repeat: no-repeat; }
.classe_tableau_formation a:link { color: white; font-size: 10pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_formation a:visited { color: white; font-size: 10pt; font-family: "Verdana"; font-style: normal; font-weight: bold; text-decoration: none; }
.classe_tableau_formation a:hover { color: #882216; font-size: 10pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_formation a:focus { color: #882216; font-size: 10pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_formation a:active { color: white; font-size: 10pt; font-family: "Verdana"; font-weight: bold;text-decoration: none; }

.classe_tableau_formation_titre { width: 400px; background-color: #ff4f39; background-position: top center; background-image: url("images/rectangle_ff4f39.jpg"); background-repeat: no-repeat; }
.classe_tableau_formation_titre a:link { color: white; font-size: 14pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_formation_titre a:visited { color: white; font-size: 14pt; font-family: "Verdana"; font-style: normal; font-weight: bold; text-decoration: none; }
.classe_tableau_formation_titre a:hover { color: #882216; font-size: 14pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_formation_titre a:focus { color: #882216; font-size: 14pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_formation_titre a:active { color: white; font-size: 14pt; font-family: "Verdana"; font-weight: bold;text-decoration: none; }

.classe_tableau_formation_rubrique { width: 400px; background-color: #ff4f39; background-position: top center; background-image: url("images/rectangle_ff4f39.jpg"); background-repeat: no-repeat; }
.classe_tableau_formation_rubrique a:link { color: white; font-size: 10pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_formation_rubrique a:visited { color: white; font-size: 10pt; font-family: "Verdana"; font-style: normal; font-weight: bold; text-decoration: none; }
.classe_tableau_formation_rubrique a:hover { color: #882216; font-size: 10pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_formation_rubrique a:focus { color: #882216; font-size: 10pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_formation_rubrique a:active { color: white; font-size: 10pt; font-family: "Verdana"; font-weight: bold;text-decoration: none; }


/* Maintenance  */
/****************/
.classe_tableau_maintenance { width: 400px; background-color: #9b584f; background-position: top center; background-image: url("images/flyer_ordi_marron.jpg"); background-repeat: no-repeat; }
.classe_tableau_maintenance a:link { color: white; font-size: 10pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_maintenance a:visited { color: white; font-size: 10pt; font-family: "Verdana"; font-style: normal; font-weight: bold; text-decoration: none; }
.classe_tableau_maintenance a:hover { color: #882216; font-size: 10pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_maintenance a:focus { color: #882216; font-size: 10pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_maintenance a:active { color: white; font-size: 10pt; font-family: "Verdana"; font-weight: bold;text-decoration: none; }

.classe_tableau_maintenance_titre { width: 400px; background-color: #9b584f; background-position: top center; background-image: url("images/rectangle_9b584f.jpg"); background-repeat: no-repeat; }
.classe_tableau_maintenance_titre a:link { color: white; font-size: 14pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_maintenance_titre a:visited { color: white; font-size: 14pt; font-family: "Verdana"; font-style: normal; font-weight: bold; text-decoration: none; }
.classe_tableau_maintenance_titre a:hover { color: #882216; font-size: 14pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_maintenance_titre a:focus { color: #882216; font-size: 14pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_maintenance_titre a:active { color: white; font-size: 14pt; font-family: "Verdana"; font-weight: bold;text-decoration: none; }

.classe_tableau_maintenance_rubrique { width: 400px; background-color: #9b584f; background-position: top center; background-image: url("images/rectangle_9b584f.jpg"); background-repeat: no-repeat; }
.classe_tableau_maintenance_rubrique a:link { color: white; font-size: 10pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_maintenance_rubrique a:visited { color: white; font-size: 10pt; font-family: "Verdana"; font-style: normal; font-weight: bold; text-decoration: none; }
.classe_tableau_maintenance_rubrique a:hover { color: #882216; font-size: 10pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_maintenance_rubrique a:focus { color: #882216; font-size: 10pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_maintenance_rubrique a:active { color: white; font-size: 10pt; font-family: "Verdana"; font-weight: bold;text-decoration: none; }


/* Services  */
/*************/
.classe_tableau_service { width: 400px; background-color: #45e23d; background-position: top center; background-image: url("images/coffre_fort.jpg"); background-repeat: no-repeat; }
.classe_tableau_service a:link { color: white; font-size: 10pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_service a:visited { color: white; font-size: 10pt; font-family: "Verdana"; font-style: normal; font-weight: bold; text-decoration: none; }
.classe_tableau_service a:hover { color: #882216; font-size: 10pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_service a:focus { color: #882216; font-size: 10pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_service a:active { color: white; font-size: 10pt; font-family: "Verdana"; font-weight: bold;text-decoration: none; }

.classe_tableau_service_titre { width: 400px; background-color: #45e23d; background-position: top center; background-image: url("images/rectangle_45e23d.jpg"); background-repeat: no-repeat; }
.classe_tableau_service_titre a:link { color: white; font-size: 14pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_service_titre a:visited { color: white; font-size: 14pt; font-family: "Verdana"; font-style: normal; font-weight: bold; text-decoration: none; }
.classe_tableau_service_titre a:hover { color: #882216; font-size: 14pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_service_titre a:focus { color: #882216; font-size: 14pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_service_titre a:active { color: white; font-size: 14pt; font-family: "Verdana"; font-weight: bold;text-decoration: none; }

.classe_tableau_service_rubrique { width: 400px; background-color: #45e23d; background-position: top center; background-image: url("images/rectangle_45e23d.jpg"); background-repeat: no-repeat; }
.classe_tableau_service_rubrique a:link { color: white; font-size: 10pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_service_rubrique a:visited { color: white; font-size: 10pt; font-family: "Verdana"; font-style: normal; font-weight: bold; text-decoration: none; }
.classe_tableau_service_rubrique a:hover { color: #882216; font-size: 10pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_service_rubrique a:focus { color: #882216; font-size: 10pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_service_rubrique a:active { color: white; font-size: 10pt; font-family: "Verdana"; font-weight: bold;text-decoration: none; }


/* Page Musique  */
/*****************/
.classe_tableau_mus { width: 400px; background-color: #fea500; background-position: top center; background-image: url("images/rectangle.jpg"); background-repeat: no-repeat; }
.classe_tableau_mus a:link { color: white; font-size: 14pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_mus a:visited { color: white; font-size: 14pt; font-family: "Verdana"; font-style: normal; font-weight: bold; text-decoration: none; }
.classe_tableau_mus a:hover { color: #882216; font-size: 10pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_mus a:focus { color: #882216; font-size: 10pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_mus a:active { color: white; font-size: 14pt; font-family: "Verdana"; font-weight: bold;text-decoration: none; }

.classe_tableau_mus_partition { width:"400px" height:"1169px" background-color: #fea500; background-position: top center; background-image: url("images/tablature_guitare.jpg"); background-repeat: no-repeat; }
.classe_tableau_mus_partition a:link { color: white; font-size: 14pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_mus_partition a:visited { color: white; font-size: 14pt; font-family: "Verdana"; font-style: normal; font-weight: bold; text-decoration: none; }
.classe_tableau_mus_partition a:hover { color: #882216; font-size: 10pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_mus_partition a:focus { color: #882216; font-size: 10pt; font-family: "Verdana"; font-weight: bold; text-decoration: none; }
.classe_tableau_mus_partition a:active { color: white; font-size: 14pt; font-family: "Verdana"; font-weight: bold;text-decoration: none; }