/*
//------------------------------------------------------------------
// Auteur : Ludovic Martin <ludovic@dreamclic.com> / www.dreamclic.com
//
// Version             : 1.0
// Date de création    : 27/12/2004
// Date de mise à jour :
//
// Description         : feuille de style générale du site
//
// Contraintes         : 
//------------------------------------------------------------------
*/

/*------------------------------------------------------------------*/

*{
	margin:0px;
	padding:0px;
}

body{
	font-family: verdana, arial, geneva, sans-serif;
	background:#E3E3E3;
	color:#545454;
}

/*-----------------------Logo + Titres------------------------------*/

#header{
	background:#F7F7F7 url(images/repeat-header.gif) repeat-x;
}

#logoshf {
	margin-left: 10px;
	margin-top: 20px;
	float:left;
	border:none;
}

#titresite {
	padding-top: 20px;
	margin-bottom: 10px;
}

#titresite h1 {
	font-weight: normal;
	font-size: 1.2em;
	margin: 0px 0px 0px 10px;
	padding: 15px 0px 0px 0px;
	width: 350px;
}

.titredroite{
	margin-left: 20px;
	margin-bottom: 0px;
	text-align:right;
	width: 300px;
	font-size: 0.8em;
	font-weight: bold;
	font-style: italic;
}

/*-------------------Menu Disciplines-----------------------*/

#menu-disciplines {
	color: white;
	font-size: 12px;
	margin-left: 350px;
	padding: 0px;
	list-style-type:none;
	height: 66px;
	float:right;
	position: absolute;
	overflow:hidden;
	
	display:none;
}

#menu-disciplines li{
	float: left;
}

#menu-disciplines a{
	display:block;
	height: 66px;
	width: 72px;
	padding-left: 7px;
	padding-right: 7px;
	text-align: center;
	color: white;
	text-decoration: none;
}

#menu-disciplines a:hover{
	font-weight: bold;
}

#boutonattelage a{
	background:url(images/attelage.jpg) 8px 0px no-repeat;
}

#boutonattelage a:hover,#boutonattelage_actif{
	background:url(images/attelage.jpg) 8px -66px no-repeat;
}

#boutoncce a{
	background:url(images/cce.jpg) 8px 0px no-repeat;
}

#boutoncce a:hover,#boutoncce_actif{
	background:url(images/cce.jpg) 8px -66px no-repeat;
}

#boutoncso a{
	background:url(images/cso.jpg) 8px 0px no-repeat;
}

#boutoncso a:hover,#boutoncso_actif{
	background:url(images/cso.jpg) 8px -66px no-repeat;
}

#boutondressage a{
	background:url(images/dressage.jpg) 8px 0px no-repeat;
}

#boutondressage a:hover,#boutondressage_actif{
	background:url(images/dressage.jpg) 8px -66px no-repeat;
}

#boutonendurance a{
	background:url(images/endurance.jpg) 8px 0px no-repeat;
}

#boutonendurance a:hover,#boutonendurance_actif{
	background:url(images/endurance.jpg) 8px -66px no-repeat;
}

#boutonhunter{
	background:url(images/hunter.jpg) 8px 0px no-repeat;
}

#boutonhunter a:hover,#boutonhunter_actif{
	background:url(images/hunter.jpg) 8px -66px no-repeat;
}

#boutonponey{
	background:url(images/poney.jpg) 8px 0px no-repeat;
}

#boutonponey a:hover,#boutonponey_actif{
	background:url(images/poney.jpg) 8px -66px no-repeat;
}

#lignemenu {
	background: #E53858 url(images/menudroite.gif) bottom right no-repeat;
}

/*-------------------Drapeaux-----------------------*/
.drapeaux{
 	display:none;

	float:right;
	padding-top: 8px;
	padding-right: 10px;
	list-style-type: none;
	font-size: 0.8em;
	text-align: right;
}

.drapeaux img{
	border: 1px solid white;
}

/*---------------- Menu --------------------*/

#menu-site{
	background: url(images/menugauche.gif) top left no-repeat;
	font-size: 11px;
	height: 36px;
	color: white;
	text-align:center;
	line-height: 18px;
}

/*----------Menu déroulant----------*/

#boutonsmenu {
 	display:none;

   position:absolute;
    margin:0px;
    padding:0px;
    left:50%;
    margin-left:-440px;
    width: 888px; /* important for Opera7 */
}
    
#boutonsmenu ul{
    position:absolute; /* pour sortir la liste du flux de donnée */
    display:block;
    margin:0;
    padding:0;
    list-style-type:none;
    background:#E53858;
}

#boutonsmenu .sousmenu{
    visibility:hidden;
    text-align:left;
    width:150px;
}	
		   
#boutonsmenu .menuprincipal{
    list-style:none;
    text-align: center;
  	display: inline;
    color: white;
    float:left;
    margin:0;
    height:37px;
}
	
#boutonsmenu a{
	background: url(images/separateur.gif) 0px 8px no-repeat;
	color:white;
	display:block;
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
	margin:0px;
	font-weight: bold;
}
	   
#boutonsmenu a:hover{
	background: #BF2E49 url(images/separateur.gif) 0px 8px no-repeat;
}
			
#boutonsmenu .sousmenu {
	border:solid 1px white;
}

#boutonsmenu .sousmenu li{
	height: 25px;
}
    
#boutonsmenu .sousmenu a {
	padding-left:20px;
	line-height:25px;
	font-size:11px;
	font-weight:normal;
	background:url(images/flechemenu1.gif) 5px 7px no-repeat;
}

#boutonsmenu .sousmenu a:hover {
	padding-left: 20px;
	border:none;
	background:#BF2E49 url(images/flechemenu.gif) 5px 7px no-repeat;
}

html>body .sousmenu a { /*Hack pour Mozilla*/
	height:auto;
}


/*------------Sous menu de Procédures dans la rubrique Engagez Vous---------*/

#boutonsmenu .sousmenu2{
    text-align:left;
    width:17.5em;
    margin-left: 150px;
    margin-top: -26px;
    border: 1px solid white;
}
           
#boutonsmenu .menu li li {
    display:block;
    float:none;
    text-align:left;
}

a#boutonaccueil {
	background-image: none;
}

a:hover#boutonaccueil {
	background-image: none;
}


#boutonaccueil, #boutonshf, #boutonliens, #boutoncontacts { /*Bidouille pour les boutons sur une seule ligne*/
	line-height: 36px;
	width: 48px;
	margin: 0px;
}

#boutonevenements, #boutonreglement, #boutonbdd, #boutonepreuves, #boutonimages, #boutonengagements{ /*Bidouille pour les boutons sur deux lignes*/
	line-height: 18px;
	width: 88px;
	margin: 0px;
}

/* correct a little IE bug */
* html .menu li li{
	display:inline;
}
		    
/* for a mozilla better display with key nav */
.menu a:focus{
	background-color: #BF2E49;
}
		
/* hide some accessibility stuff */
.menu span{
	display:none;
}

/* Pour que le texte "Engagement Résultats dans le sous menu soit sur deux lignes sous FF*/
.deuxlignes{
	height: 50px;
}

/* Fin menu déroulant*/

/*------------------------------------------------------------------*/

#content {
	background:url(images/repeat-sousmenu.gif) top left repeat-y;
}

/*-----------------------Sous Menus Disciplines-----------------------------*/

#submenu {
	width:120px;
	float:left;
	padding-bottom:10px;
	font-family: arial;
	font-size: 0.8em;
	text-align:left;
}

#submenu h2 {
	text-align:center;
	margin:0px;
	padding:0px;
	color:#E53858;
	font-size:0.9em;
	padding:2px;
}

#sous-menu{
	margin:0px;
	padding:0px;
	font-size:0.8em;
	list-style-type:none;
	text-align:left;
}
#sous-menu-discipline{
	font-size:0.85em;
	margin-bottom:20px;
}

#sous-menu li{
	text-align:left;
	display:inline;
}

#sous-menu li li{
	text-align:left;
	padding-top:4px;
}

#sous-menu ul{
	padding-left:10px;
	font-weight:normal;
	list-style-type:none;
}
#sous-menu ul ul{
	padding-left:10px;
	font-weight:normal;
	list-style-type:none;
}

#sous-menu a{
	color:#545454;
	display:block;
	margin-top:6px;
	padding:0px 3px 0px 3px;
	border-left:solid 3px #BDBDBD;
	background:#E3E3E3;
	text-decoration:none;
}

#sous-menu a:hover{
	border-left:solid 3px #E53858;
	color:#E53858;
	background-color:#EEEEEE;
}

#sous-menu ul a{
	color:#BF2E49;
	background:none;
	text-decoration:none;
	padding-left:10px;
	width: 85%;
}

#sous-menu ul ul a{
	border-left:solid 1px #BDBDBD;
	color:#BF2E49;
	background:none;
	text-decoration:none;
	padding-left:10px;
}

#sous-menu ul a:hover{
	background-color:white;
}

#sous-menu ul ul a:hover{
	border-left:solid 1px #E53858;
	background-color:white;
}

/*-------------------------Contenu----------------------------*/

#contenu {
	margin-left: 130px;
	padding: 5px 5px 5px 5px;
	font-size: 0.7em;
}

#contenu .misenavant,#contenu .gras {
	font-weight:bold;
}

#contenu h3 {
	font-size: 1.3em;
	margin-left: -13px;
	margin-bottom: 2px;
	padding:2px;
	color:#E53858;
	background:#F0F0F0;
	text-align:center;
	height: 21px;
}

#contenu h4 {
	margin-top: 10px;
	margin-bottom: 10px;
	padding:5px 0px 5px 15px;
	border-left: solid 2px #E53858;
	font-size: 1.3em;
}


#contenu h5{
	font-size:1em;
	margin-top: 10px;
	margin-left:-13px;
	margin-bottom:2px;
	padding:2px 2px 2px 20px;
	color:#E53858;
	background:#F0F0F0;
	text-align:left;
	font-size: 1em;
}

#contenu a {
	color:#E53858;
}

#contenu img {
	border: 1px solid #E53858;
	margin: 10px;
}

#contenu a:hover{
	color:#BF2E49;
	background:white;
}

#contenu p{
	text-align: justify;
	margin: 10px 80px 0px 80px;
}

#contenu ul{
	text-align: justify;
	margin: 10px 80px 0px 80px;
	padding-left: 0px;
}

#contenu li{
	margin-left: 30px;
	list-style-position: outside;
}

/*-----------Suite Problème décalage des puces sous ie---------*/

.pucesie li{
	list-style-type: none;
	background: url(images/puce.gif) 0px 7px no-repeat;
	padding-left: 10px;
}

.pucesie2 li{
	list-style-type: none;
	background: url(images/puce2.gif) 0px 7px no-repeat;
	padding-left: 10px;	
}

/*---------------------------------------------------*/

#contenu .sanspuces{
	margin-top: 5px;
	margin-bottom: 5px;
}

#contenu .sanspuces li{
	list-style-type: none;
	list-style-position: outside;
	margin:0px;
}

.imagedroite{
	float: right;
	margin: 2px;
}

.imagegauche{
	float: left;
	margin: 2px 2px 2px 2px;
}

.important{
	font-weight: bold;
}

.attention{
	margin: 5px;
	font-weight: bold;
	font-size: 0.9em;
	color: black;
	text-align: center;
}

.messageerreur{
	color: red;
	font-weight: bold;
}

.misevidence{
	text-decoration: underline;
}

.pdf{
	background: url(images/icons/pdf16x16.gif) 0px 4px no-repeat;
	padding-left: 20px;
	line-height: 25px;
}

.hautdepage a{
	float: right;
	padding: 0px;
}


/*--------------------Tableau Commission----------------------*/

.petittableau {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #E53858;
	width: 70%;
	background: #F0F0F0;
	border-collapse: collapse;
}

.petittableau th{
	text-align: left;
	background: #BDBDBD;
	padding: 5px;
	width: 100%;
}

.petittableau td{
	text-align: left;
	padding: 5px;
}

/*------------------------------------------------------------------*/
#footer{
	clear:both;
	text-align:center;
	padding-left:5px;
	font-size:70%;
	border-top:solid 2px #E53858;
	background:#E3E3E3;
}

#footer a {
	color:#545454;
	text-decoration:none;
}

#footer a:hover {
	color:#E53858;
	text-decoration:underline;
}

/*------------------------------------------------------------------*/
.hidden{
	position:absolute;
	clip:rect(1px 1px 1px 1px);
}
.spacer{
	clear:both;
}
/*------------------------------------------------------------------*/

.information{
	font-style:italic;
	text-align:justify;
	background:url(images/icons/info_icon.gif) 2px 2px no-repeat;
	padding:2px 2px 2px 18px;
	color:#E53858;
}