/* CSS Document */
body {
	margin: 0px 0 ;
	padding: 0 ;
	font-size: 12px;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	/*background: #2E6B4C url(../../evenement/saloncheval/fond_accueil_salon_cheval.jpg) no-repeat center top;*/
	background-color:#b89a79;
	color:#000;}

/* redefinition des balise html par defaut (typo)*/

a {color:#7A591C;}
a:active, a:focus {outline:none; }
a img {border: none;}
.fermer {clear:both;}

ul, ol {margin: 1em 0 1em 24px;	padding: 0;}

input[type=checkbox], input[type=radio] {
    background-color:transparent;
	border: none;}
	
hr{	color:#999999;
	background-color: #999999;
	height: 1px;
	border: 0;}

h1, .titre1{
	font-size:20px ;
	text-align:center;
	font-weight:bold;	}

h2, .titre2{
	text-align:center;
	font-size:18px;
	margin:14px 0;}

h3{	font-size:14px;/*utilisé dans les rubriques du qui sommes nous uniquement pour le moment*/
	margin:8px 10px;}
	
/* pour ecrire petit*/	
h6{ font-size:10px;
	font-weight:normal;
	margin:0;}	
	
h9{ font-size:10px;}/* pour ecrire petit h9 n'est pas standard W3C */


/**Insertion d'un macaron en tete de page***/
#macaron {
	position:relative;
	top: 95px;
	left: 230px;}
#macaron img { position:absolute;}

/**Structure des pages***/
#conteneur {
	width:955px;
	border:5px solid #630;
	background-color:#ECE9D8;
	margin:0 auto;}

#conteneurheader {
	width:955px;
	height:170px;
	text-align:center;}

#headergauche, #headerdroite{
	float:left;
	width:200px;}

#headercentre {
	float:left;
	width:555px;}

#headercentre a, #headerdroite a{
	text-decoration:none;
	color:#000;}

#headercentre h1 {
	font-size:34px;
	margin:0;}

#headercentre h2 {
	font-size:16px;
	font-weight:400;
	margin:0;}

.slogan {
	text-align:center;
	position:absolute;
	width:90px;
	font-size:11px;
	font-weight:700;
	margin:60px 45px 0 65px;}

/****** Ancien MENU simple****/

/*
#fondmenu{background-color:#663300;}

ul#menu{	
	height: 25px ;
	margin: 0 200px ;
	padding: 0 ;
	list-style-type: none ;
	background-color:#663300;
	border-left: 2px solid #dea ;}

ul#menu li{	
	float: left ;
	text-align: center ;}

ul#menu li a:hover{background-color:#B89A79; } 

ul#menu li a {
	width: 130px ;
	line-height: 25px ;
	font-size: 14px ;
	font-weight:normal;
	color: #fff ;
	display: block ;
	text-decoration: none ;
	border-right: 2px solid #dea ;} */
	
	
	
/****** Nouveau MENU multi-niveau****/
	
/*Credits: CSSplay */
/*URL: http://www.cssplay.co.uk/menus/pro_drop2 */
#fondmenu{background-color:#663300;}

.menu2 {
	padding:0; 
	margin:0 140px; 
	list-style:none; 
	height:25px; 
	background-color:#663300; 
	border-left: 2px solid #dea ;
	position:relative;   
}
.menu2 li.top {
	float:left; 
	text-align:center; 
	position:relative;
}
.menu2 li a.top_link { 
	display:block;
	width: 130px ; 
	height: 25px; 
	line-height:25px; 
	font-size: 14px ;
	color: #fff ;
	text-decoration: none ;
	border-right: 2px solid #dea ;
	border-bottom: 2px solid #ECE9D8 ; /*bordure en bas de la meme couleur que dessous pour éviter effacage menu*/;
	float:left;
	}
.menu2 li a.top_link span {}
/*.menu2 li a.top_link span.down {background:url(down.gif) no-repeat right top;}*/
.menu2 li a.top_link:hover {color:#fff; background-color:#B89A79;}
/*.menu2 li a.top_link:hover span {background-color:#B89A79;}
.menu2 li a.top_link:hover span.down {background-color:#B89A79;}*/

.menu2 li:hover > a.top_link {color:#fff; background-color:#B89A79;}
/*.menu2 li:hover > a.top_link span {background-color:#B89A79;}
.menu2 li:hover > a.top_link span.down {background-color:#B89A79;}*/


.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, .menu2 :hover ul ul, .menu2 :hover ul :hover ul ul, .menu2 :hover ul :hover ul :hover ul ul {
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:0; 
	height:0; 
	margin:0; 
	padding:0; 
	list-style:none;
}

.menu2 :hover ul.sub {
	left:0px; 
	top:26px; 
	background: #fff; 
	padding:3px 0; 
	border:1px solid #663300 /*couleur bordure*/; 
	white-space:nowrap; 
	width:129px/*largeur boite*/; 
	height:auto;
}

.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:90px;}
.menu2 :hover ul.sub li a {
	display:block;
	font-size:11px; 
	height:20px; 
	width:123px/*largeur boite-6*/; 
	line-height:20px; 
	text-indent:1px; 
	color:#000; 
	text-decoration:none; 
	border:2px solid #fff;
	border-width:0 0 0 3px;
}
.menu2 :hover ul.sub li a.fly {background:#fff /*url(arrow.gif) 80px 7px no-repeat*/;}
.menu2 :hover ul.sub li a:hover {background:#663300  /*couleur menu selectionner*/; color:#fff;}
.menu2 :hover ul.sub li a.fly:hover {background:#4ab /*url(arrow_over.gif) 80px 7px no-repeat*/; color:#fff;}
.menu2 :hover ul li:hover > a.fly {background:#4ab /*url(arrow_over.gif) 80px 7px no-repeat*/; color:#fff;} 

.menu2 :hover ul :hover ul, .menu2 :hover ul :hover ul :hover ul, .menu2 :hover ul :hover ul :hover ul :hover ul{
	left:90px; 
	top:-4px; 
	background: #fff; 
	padding:3px 0; 
	border:1px solid #4ab; 
	white-space:nowrap; 
	width:93px; 
	z-index:200; 
	height:auto;
}
	
	

/*****CONTENU*****/

#contenu{min-height:600px;}

.contenuboite{
	border:2px solid #7A591C;
	min-height:30px;
	-moz-border-radius:7px;
	margin:15px 0;
	padding: 10px 3px;
	text-align: center;}

.contenuboite p{padding: 0 10px;}/*evite que le texte soit trop proche de la bordure*/

#contenugauche, #contenudroite{
	float:left;
	width:154px;
	margin:0 7px; 
	font-size: 11px;}

#contenucentre{
	float:left;
	width:600px;
	margin:0 6px; 
/*	font-size: 12px;*/}

#contenugauche h1, #contenudroite h1{
	font-size: 11px ; 
	line-height:13px;}

/********pied de page*******/
#footer, #footer a{
	font-size: 10px;
	text-align: center;
	/*color:#FFF;*/
	color:#663300;}

#footer a:hover{font-style:italic;}

/***info legales**/
.conditions_generales{text-align:justify}
.conditions_generales li{list-style:none;}
.conditions_generales h2{text-align:center;font-size:16px;}
.conditions_generales h3{ margin-left:30px; text-align:left;font-size:14px;}
.conditions_generales h4{ margin-left:50px; text-align:left;font-size:12px;}
/*********/


/* style pour les liens dans les modules gauche et droite */
.ListeLien:link, .ListeLien:visited{
/*	font-size: 11px;*/
	color:#7A591C;
	text-align:left;}

.ListeLien:hover{background-color:#DBD6AE;}

/*css spécifique crossfade pub*/

ul.crossfade {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;}

#fade-example-1 li{
	position: absolute;
	top: 0;
	left: 0px;
	right: 0px;
	width: 480px;
	height: 140px;
	visibility: hidden;}

.caption {
	clear: both;
	padding: 10px;}

.example {
	position: relative;
	background-color:#F2F2F2;
	border:5px solid #CCCCCC;
	width: 480px;
	height: 140px;}

/*Erreur : bandeau pour signaler une erreur */
.MsgErreur {
	background-color:#FFCCCC;
	border:1px dotted #CCCCCC;
	display : inline;
	font-weight: bold;
	padding: 10px;
	line-height: 35px;}

/*Mise en page de la page d'accueil*/
.accueil_gauche{float:left; width:330px; text-align:justify; font-size:13px; padding-left:10px;}
.listeplus {
	list-style: url(/images/coche_vert.png);
	line-height:23px;
	margin:10px 20px 10px 60px;
	padding-left: 0px;}
	
.accueil_droite{float:right;padding-bottom:20px;}

/*Onglet de la fiche de détail*/
#fiche{
	width:90%;
	background-color:#FFF;
	margin:15px auto 0;
	border:2px solid #663300;
	padding:10px 10px 0 10px;}

.fiche_top_left{float:left;}
.fiche_top_right{float:right;}

#contact {
	width:238px;
	background-color:#ECE9D8;
	border:1px solid #663300;	
	padding:10px;
	line-height:16px;}
	
.contact_gauche{ float:left; width:90px;}
.contact_droite{ float:left; margin-left:3px; width:135px}

/*Boite de fonctions des fiches de detail*/
.BoiteFonctions {font-size:10px; padding-top:5px;}
.BoiteFonctions_bloc{width:50px; margin:0 5px; float:left;}
.BoiteFonctions a{ text-decoration:none; color:#000000;}

/*mise en page des onglets fiche de detail*/
.DetailCarteName{
	font-family : Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	color : #7A591C;
	font-weight : bold;
	text-align : right;}

.DetailCarteVar{ 	
	font-family : Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	font-weight : normal ;
	text-align : left ;}

.BoiteCaracteristiques{
	float:left;
	display:inline;
	margin: 20px 15px;}

.titre_caracteristiques{
	color:#663300;
	text-decoration:underline;
	margin-bottom:0px;}

.col{
	float:left;
	padding-left: 5px;
	width:155px;}

.col ul{
	margin-top:5px;
	margin-left:0px;
	padding-left:30px;}

.col li{
	margin-left:0px;
	padding-left:0px;}

#mise_a_jour{font-size : 9px; text-align:right; padding-bottom:3px;}



/*css pour la librairie jquery tools*/
/* style des tooltip (info-bulle) par defaut la classe .tooltip est utilisée  */
.tooltip {
	display:none;
	background:transparent url(/images/jquery_tools/white_arrow_small.png) no-repeat;
	font-size:12px;
	height:50px;
	width:170px;
	padding:20px;
	padding-bottom:32px;
	color:#000000;	
}
/*Fin tolltips*/

/* style des fenetre pop-in (overlay)*/
.apple_overlay {
	display:none;	/* initially overlay is hidden */
	background:url(/images/jquery_tools/background_transparent.png) no-repeat;	/* growing background image */
	width:586px;	/* width after the growing animation finishes height is automatically calculated*/
	padding:35px;	
	font-size:11px;
	color:#efefef;
	height:450px;}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background:url(/images/jquery_tools/close.png) no-repeat;
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;}

/* use a semi-transparent image for the overlay 
#overlay {
	background:url(/images/jquery_tools/background_transparent.png) no-repeat;
	color:#efefef;
	height:450px;}*/

/* container for external content. uses vertical scrollbar, if needed */
div.contentWrap {
	height:450px;
	overflow-y:auto;}

/*Fin pop-in*/

/*****Mise en page des témoignages*******/
div.bulletemoignage {
    width: auto;
    font-size: 1em; /*0.75em;*/
    margin-bottom: 24px;}

div.bulletemoignage blockquote {
/*	display:block;
    position: relative;*/
    margin: 0px 10px;
    padding: 0px;
    border: 1px solid #c9c2c1;
	background-color: #fff;}

div.bulletemoignage blockquote p {
    margin: 10px;
    padding: 0px;}

div.bulletemoignage cite {
/*	display:block;
    position: relative;*/
	height:18px;
    margin: 0px;
    padding: 0px 0px 10px 11px;
/*bottom: 6px;*/
/*	background: transparent url(/images/FlecheBulle.jpg) no-repeat 20px 20px;*/
    font-style: normal;
	line-height: 18px;} 
/*****FIN Mise en page des témoignages*******/
