@import "layout.css";
@import "menugauche.css";
@import "menuhaut.css";

div {
/* Afficher les bordures pour le positionnement * /
	border: 1px solid #fffa04; /* */
	padding: 0;
	margin: 0;
	background: transparent;
}

.l {
	text-align: left;
}

.c, #main p.c, #main h4.c {
	text-align: center;
}

.r {
	text-align: right;
}

a img {
	border: 0 none;
}

#page {
	background: #000 url(img/fond.png) no-repeat scroll top left;
}

#top {
}

#diapo p {
	font-family: sans-serif;
	font-size: 1.4em;
	padding: 1em;
	font-style: italic;
}

#main {
	background: transparent url(img/bottom.png) no-repeat scroll bottom right;
	font-family: "century gothic", "free avant garde", tahoma, sans-serif;
	color: #FFF;
	padding-bottom: 160px;
}

#main div {
/* Afficher les bordures pour le positionnement * /
	border: 1px solid #fffa04; /* */
}

#bottom {
	background: #000;
	text-align: center;
	font-size: 0.8em;
	color: #384795; 
	font-weight: bold;
	padding-top: 1ex;
	font-family: "century gothic", "free avant garde", tahoma, sans-serif;
}

#bottom a {
	color: #FFF;
	font-weight: normal;
}

#ref {
	display: none;
}

img.sponsor {
	max-height: 35px;
	border: 0 none;
	margin: 5px 1ex;
}

#main p {
	margin: 1ex 8%;
	padding: 1ex 4ex;
	font-size: 0.9em;
	line-height: 1.4em;
	text-align: justify;
	width: 80%;
	margin: 0 5%;
}

p.fond {
	border: 1px solid #FFF;
	background: #444;
	text-align: justify;
}

.cache {
	display: none;
	text-align: justify;
}




/* Cadres de texte dans #main */

#main h2, #main h3, #main h4 {
	background-color: transparent;
	letter-spacing: 1px;
	font-family: 'Eras Bold ITC', 'Arial Black';
	font-weight: normal;
	text-align: center;
	color: #FFF;
	margin: 0.5em 0;
}

#main h3.jaune {
	color: #F6DC00;
}

#main h3.soustitre {
	font-size: small;
	letter-spacing: 0;
	margin-top: 0;	
}

#main h4 {
	color: #F6DC00;
	text-align: left;
}

#main h4.right {
	text-align: right;
}


#main h2.vert {
	background: transparent url(img/H2Vert.png) repeat-x scroll center center;
	height: 28px;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-bottom: 0;
}

#main h3.vert {
	margin-top: 0;
	margin-bottom: 2em;
}

#main h3.vert span {
	margin: 0;
	padding: 0;
}

#main h3.vert span.left {
	background: transparent url(img/H3VertG.png) no-repeat scroll left bottom;
}
#main h3.vert span.mid {
	background: transparent url(img/H3Vert1px.png) repeat-x scroll center top;
}
#main h3.vert span.right {
	background: transparent url(img/H3VertD.png) no-repeat scroll right bottom;
}


#main h2.bleu {
	background: transparent url(img/H2Bleu.png) repeat-x scroll center center;
	height: 28px;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-bottom: 0;
}

#main h3.bleu {
	margin-top: 0;
	margin-bottom: 2em;
}

#main h3.bleu span {
	margin: 0;
	padding: 0;
}

#main h3.bleu span.left {
	background: transparent url(img/H3BleuG.png) no-repeat scroll left bottom;
}
#main h3.bleu span.mid {
	background: transparent url(img/H3Bleu1px.png) repeat-x scroll center top;
}
#main h3.bleu span.right {
	background: transparent url(img/H3BleuD.png) no-repeat scroll right bottom;
}

#main h2.mauve {
	background: transparent url(img/H2Mauve.png) repeat-x scroll center center;
	height: 28px;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-bottom: 0;
}

#main h3.mauve {
	margin-top: 0;
	margin-bottom: 2em;
}

#main h3.mauve span {
	margin: 0;
	padding: 0;
}

#main h3.mauve span.left {
	background: transparent url(img/H3MauveG.png) no-repeat scroll left bottom;
}
#main h3.mauve span.mid {
	background: transparent url(img/H3Mauve1px.png) repeat-x scroll center top;
}
#main h3.mauve span.right {
	background: transparent url(img/H3MauveD.png) no-repeat scroll right bottom;
}

#main h2.rouge {
	background: transparent url(img/H2Rouge.png) repeat-x scroll center center;
	height: 28px;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-bottom: 0;
}

#main h3.rouge {
	margin-top: 0;
	margin-bottom: 2em;
}

#main h3.rouge span {
	margin: 0;
	padding: 0;
}

#main h3.rouge span.left {
	background: transparent url(img/H3RougeG.png) no-repeat scroll left bottom;
}
#main h3.rouge span.mid {
	background: transparent url(img/H3Rouge1px.png) repeat-x scroll center top;
}
#main h3.rouge span.right {
	background: transparent url(img/H3RougeD.png) no-repeat scroll right bottom;
}

#main h3.bandeau {
	background-color: transparent;
}

h3.bandeau img {
	margin: 0 auto;
}

#main a {
	font-weight: bold;
	color: #F6DC00;
}

#main strong {
	color: #F6DC00;
}

#main .fondcadre {
	background-color: transparent;
}

#main .wtxt {

}

#main .htxt {
	width: 38%;
	margin: 0;
}

.deuxtierstxt {
	width: 50%;
}

.deuxtiersphoto {
	border: 2px solid #FFF;
	width: 50%;	
}

.untierstxt {
	width: 40%;
}

.untiersphoto {
	border: 2px solid #FFF;
	width: 35%;	
}

ul {
	margin: 0.2em 0;
	margin-left: 11%;
	padding-left: 3ex;
	font-size: 0.8em;
	clear: none;
}

ul.right {
	margin-left: 50%;
}

#main .fright {
	float: right;
	margin-right: 3px;
	margin-left: 4ex;
}

#main .fleft {
	float: left;
	margin-right: 4ex;
}

.chapo {
	font-weight: bold;
	text-align: center;
	margin-bottom: 1em;
}

.photo {
	border: 2px solid #FFF;
	width: 42%;
}

.vignette {
	border: 2px solid #FFF;
}

.lphoto {
	border: 2px solid #FFF;
	width: 80%;
	margin: 0 10%;
}

.img {
	width: 50%;
}

.limg {
	width: 80%;
	margin: 0 10%;
}

div.duo {
	padding: 0 10%;
}

.sep { /* Separateur */
	width: 80%;
	clear: both;
	background: transparent;
	color: transparent;
	font-size: 0.8em;
	padding: 0;
	height: 4em;
}

.sepNarrow {
	width: 80%;
	clear: both;
	background: transparent;
	color: transparent;
	font-size: 0.8em;
	padding: 0;
	height: 1em;
}

table.maxlarge {
	width: 90%;
	border-collapse: collapse;
	margin: 0 auto;
}

.presse {
	line-height: 1.6em;
}

.presse a {
	font-size: bigger;
	text-decoration: none;
	border: 0;
}

.presse a:hover {
	color: #FFF;
}

.presse a img {
	border: 0;
}


.vert {
	color: #179232;
}

.orange {
	color: #E70;
}

.rouge {
	color: #DF1000;
}

.jaune {
	color: #F6DC00;
}

table.horaire, table.tarif {
	margin: 0 auto;
	border-collapse: collapse;
}

.horaire td, .tarif td {
/*	width: 120px; */
	font-size: 0.8em;
	text-align: center;
	vertical-align: top;
	border: 1px solid #FFF;
	padding: 0.5ex 1ex;
}

.horaire th {
	text-align: left;
	color: #F6DC00;
	border: 1px solid #FFF;
	padding: 0.5ex 1ex;
}

.horaire td {
	width: 100px;
	text-align: center;
	font-size: 1em;
	font-weight: bold;
}

.tarif td, .tarif th {
	width: 33%;
	border: 1px solid #FFF;
	padding: 0.5ex 1ex;
}

.tarif td span.tarif {
	font-size: 1.4em;
	font-weight: bold;
}

.tarif td span.note {
	display: block;
	font-size: 0.8em;
	line-height: 1.1em;
}

iframe {
	border: 0 none;
	padding: 0;
}

ul#listNews {
	list-style-type: none;
	text-align: center;
	margin: 1em 10%;
	padding-left: 0;
}

ul#listNews li {
	padding-left: 0;
	margin-left: 0;
	height: 2em;
	font-size: 1.2em;
}

table#home {
	margin: 0 auto;
	border-spacing: 10px 10px;
/*	border-collapse: collapse;	*/
}

#home td {
	border-left: 1ex solid transparent;
	border-right: 1ex solid transparent;
	border-top: 0 none;
	border-bottom: 2px solid #777;
	width: 30%;
	background-color: rgba(2,2,2,0.5);
	margin: 0;
	padding-top: 60px;
	width: 200px;
	vertical-align: bottom;
}

#home td h4 {
	text-align: center;
	color: #FFF;
	font-family: "Arial Black",sans-serif;
}

#home td p {
	margin: 0 auto;
	padding: 1ex;
	text-align: center;
	line-height: 1.2em;
	font-size: 0.7em;
}

#home p a {
	font-family: "Comic Sans MS",sans-serif;
	padding-bottom: 1em;
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
}

#home p a:hover {
	text-decoration: underline;
}

table#partners {
	margin: 0 auto;
}

table#partners td {
	text-align: center;
}

table#partners td img {
	height: 60px;
}

div.liens a.liens {
}

div.liens > p img {
	max-height: 60px;
	margin-bottom: 1ex;
}


/* * /
td#paddock {
	background: rgba(2,2,2,0.5) url(img/LePaddock.png) no-repeat scroll center 10px;
}

td#garsfille {
	background: rgba(2,2,2,0.5) url(img/UnGarsUneFille.png) no-repeat scroll center 15px;
}

td#cadeaux {
	background: rgba(2,2,2,0.5) url(img/CarteCadeaux.png) no-repeat scroll center 10px;
}

td#facebook {
	background: rgba(2,2,2,0.5) url(img/Facebook.png) no-repeat scroll center 20px;
}

td#anniversaires {
	background: rgba(2,2,2,0.5) url(img/EnterrementFG.png) no-repeat scroll center 20px;
}

td#warmup {
	background: rgba(2,2,2,0.5) url(img/WarmUp.png) no-repeat scroll center 20px;
}
/* */

/* */
td#paddock {
	background: #222 url(img/LePaddock.png) no-repeat scroll center 15px;
	border-bottom: 2px solid #FFED30;	
}

td#garsfille {
	background: #222 url(img/UnGarsUneFille.png) no-repeat scroll center 15px;
	border-bottom: 2px solid #B8E13C;
}

td#cadeaux {
	background: #222 url(img/CarteCadeaux.png) no-repeat scroll center 15px;
	border-bottom: 2px solid #6492D5;	
}

td#facebook {
	background: #222 url(img/Facebook.png) no-repeat scroll center 15px;
	border-bottom: 2px solid #B14BFD;
}

td#anniversaires {
	background: #222 url(img/EnterrementFG.png) no-repeat scroll center 15px;
	border-bottom: 2px solid #D15EBC;
}

td#warmup {
	background: #222 url(img/WarmUp.png) no-repeat scroll center 15px;
	border-bottom: 2px solid #FD3F5A;
}
/* */