/* Les Éléments Généraux
--------------------------------------------------------------------------------------- */

@import url("reset.css");

body {
	background:#f5faec;
	font-family:Trebuchet MS, Verdana, "Times New Roman", Times, serif;
	font-size:12px;

}

#bodylove{
background: #73b6cf url(/images/bgBody.gif) repeat-x;
}


/* Liens
------------------------------------- */

a:link {color:#0280af;text-decoration:none;} 
a:visited {color:#0280af;text-decoration:none;} 
a:hover {color:#69913b;text-decoration:none;} 
a:active {color:#0280af;text-decoration:none;}


/* Le Container
--------------------------------------------------------------------------------------- */

#page {
width: 760px;
margin: 0 auto;
background:#fff url(/images/bgPage.gif) repeat-y;
}
#pageFull {
width: 760px;
margin: 0 auto;
background:#fff url(/images/bgPageFull.gif) repeat-y;
}


/* Le Header
--------------------------------------------------------------------------------------- */

#header {
width:760px;
height:290px;
background: url(/images/bgHeader2011.jpg);
position:relative;
}


#slogan{
position:absolute;
left:250px;
top:0;
}

/*#header object, */
#theflash{
position:absolute;
top:32px;
left:10px;

}

#annee{
	display:block;
position:absolute;	
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:30px;
color:#fff;
left:396px;
top:13px;
}


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

#menu{
list-style:none;
position:absolute;
right:45px;
top:83px;
font-size:12px;
}

#menu li{

}

#menu li a{
display:block;
height:18px;
width:116px;
padding-top:3px;
padding-left:3px;
}

#menu li.first a{
display:block;
height:19px;
width:116px;
padding-top:6px;
padding-left:3px;
}

#menu li a:link {color:#fff;text-decoration:none;}
#menu li a:visited {color:#fff;text-decoration:none;}
#menu li a:hover {color:#fff;text-decoration:none; background:url(/images/bgOpa.png);}
#menu li a:active {color:#fff;text-decoration:none;}


#header p{
color:#fff;
font-size:16px;
font-weight:bold;
position:absolute;
left:340px;
top:88px;

}


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


/* RIGHT --------------------------------------------------------- */
#content {
background: url(/images/bgContent.gif) no-repeat;

}

#contentRight{
width:264px;
padding-right:44px;
float:right;
padding-top:25px;
}

#contentRight h1{
color:#69913b;
font-size:25px;
padding-left:10px;
}
#contentRight h1 span{
font-size:17px;
}

#news{
margin-top:5px;
width:180px;
height:141px;
background:url(/images/bgNews.gif);
padding:42px 42px 42px 42px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#news span.date{
font-size:11px;
color:#ff3200;
}

#news h2{
margin:0;
padding:0;
font-size:11px;
font-weight:bold;
color:#445026;
}

#news p{
margin:0;
padding:0;
font-size:9px;
color:#445026;
}

#news a{
font-size:10px;
padding-bottom:5px;
}

span.suite{
font-size:9px;
color:#80bd11;
display:block;
padding-bottom:5px;
}

span.suite a:link {color:#ff3200;} span.suite a:visited {color:#ff3200;} span.suite a:hover {color:#80bd11;} span.suite a:active {color:#ff3200;}

#news a.voirTout{
font-size:9px;
}

a.voirTout:link {color:#445026;} a.voirTout:visited {color:#445026;} a.voirTout:hover {color:#ff3200;} a.voirTout:active {color:#445026;}

#news span.nextRouge{
font-size:10px;
color:#ff3200;

}


/* LEFT --------------------------------------------------------- */

#contentLeft{
width:349px;
padding-left:95px;
padding-top:7px;
font-size:11px;
color:#445026;
}

#contentLeft h1{
font-size:35px;
color:#fff;
margin-bottom:28px;
}

#contentLeft h2{
color:#69913b;
font-size:16px;
}

#contentLeft h2 span.bigger{
font-size:18px;
}

#contentLeft h3 {
color:#445026;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
margin-top:10px;
}


#contentLeft span.volet{
display:block;
width:274px;
height:27px;
line-height:12px;
margin-top:10px;
margin-left:10px;
padding-top:2px;
padding-left:50px;
}

#contentLeft span.volet1{
background:#fff url(/images/bgVolet1.gif) no-repeat left;
margin-top:20px;
margin-left:10px;
}
#contentLeft span.volet2{
background:#fff url(/images/bgVolet2.gif) no-repeat left;
}
#contentLeft span.volet3{
background:#fff url(/images/bgVolet3.gif) no-repeat left;
}
#contentLeft span.volet4{
background:#fff url(/images/bgVolet4.gif) no-repeat left;
}


/* Teasers ----------------------------- */

#teasersAccueil{
padding-top:20px;
width:690px;
height:170px;
clear:both;
padding-left:70px;
}
#teasersAccueil img{
padding-left:20px;
}



/* Full --------------------------------------------------------- */


#contentFull{
background: url(/images/bgContentFull.gif) no-repeat;
padding-left:100px;
padding-right:73px;
padding-top:10px;
min-height:200px;
position: relative;
}


h1{
font-size:35px;
color:#fff;
margin-bottom:28px;

}

h2{
color:#69913b;
font-size:16px;
font-weight:bold;
margin-bottom:10px;
padding-top:10px;
}

h3{
color:#69913b;
font-size:16px;
margin-bottom:10px;
padding-top:10px;
}

h4{
color:#0280af;
font-size:16px;
margin-bottom:10px;
font-weight:bold;
padding-top:10px;
}

h5{
color:#0280af;
font-size:16px;
margin-bottom:10px;
padding-top:10px;
}

h6{
color:#69913b;
font-size:14px;
margin-bottom:10px;
padding-top:10px;
}

p{
font-size:13px;
padding:3px 0 7px 0;
color:#222;
text-align:justify;
}

ul{
padding:3px 0 10px 20px ;
list-style:disc;
font-size:12px;
}

li{
color:#69913b;
}



.album{
padding:3px;
width:110px;
float:left;
position:relative;
}

.album img{
border:2px solid #c0de8a;

}

.album img:hover{
border:2px solid #0288ba;
}

.album  a:link {color:#69913b;text-decoration:none;} 
.album  a:visited {color:#69913b;text-decoration:none;} 
.album  a:hover {color:#0280af;text-decoration:none;} 
.album  a:active {color:#69913b;text-decoration:none;}

table.presHonneur{
	border: 1px solid #c1df8c;
	padding: 10px;
	background-color: #ffffff;
}
.presHonneur td{
	padding:10px;
}


/* Section programmation -------------------------------------------------- */

.prog{
clear:both;
width:580px;
background:url(/images/bgProgInner.gif) repeat-y;
}

.progHead{
width:580px;
background:url(/images/bgProgHead.gif) no-repeat;
height:14px;
}

.progFoot{
width:580px;
background:url(/images/bgProgFoot.gif) left bottom no-repeat;
height:14px;
clear:both;
}

.prog h2, .prog h3, .prog h4, .prog h5, .prog h6{
	padding-left:10px;
}
.prog h2{
font-size:15px;
font-weight:bold;
color:#409cbd;
position:relative;
left:10px;
bottom:15px;
}

.prog h2.special{
position:relative;
left:10px;
bottom:0px;
}

.prog h2.special a:link {color:#69913b;text-decoration:none;} 
.prog h2.special a:visited {color:#69913b;text-decoration:none;} 
.prog h2.special a:hover {color:#0280af;text-decoration:none;} 
.prog h2.special a:active {color:#69913b;text-decoration:none;}

.prog h2 span{
color:#92ac62;
}

.prog p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#92ac62;
padding-left:20px;
}

.prog p span{
color:#409cbd;
font-weight:bold;
}

.prog img{
margin:10px 10px 5px 10px;
}

.prog ul{
color:#409cbd;
list-style:none;
position:relative;
left:-8px;
}

.prog ul li{
	position:relative;
	background:url(/images/bullet-prog.gif) left 2px no-repeat;
	padding:5px 0 2px 25px;
}

.prog table{
margin-left:16px;
}

.prog .green{
color:#92ac62;
}

.prog .blue{
color:#409cbd;
}

.prog .alt{
background:#f5faec;
}
.prog table td{
height:30px;
padding-left:5px;
}

/* Section résultats -------------------------------------------------- */

#label label{

display:block;
float:left;
width:75px;
}

#resulTable{
border:1px solid #b1d66c;

}

#resulTable tr td{
padding:10px;


}

.style3 {font-size: 16px;}
.style5 {font-size: 16px; color: #1284ad;font-weight:Bold; }
.style7 {font-size: 16px; color: #69913b;font-weight:Bold; }
.name {color: #669933;}
.mother {color: #1284ad;}
.ferme {color:#669933;}
.number {font-size: 16px; color: #1284ad; font-weight:Bold; }

#winner{
margin-top:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
border-color:#b1d66c;
background:#fff url(/images/white.gif) ;
}

#winner img{
padding:10px;
}

#winner h2{
font-size:17px;
color:#69913b;
font-weight:bold;
}

#winner h2 span{
color:#027ca9;
}

#winner p.gMother{
font-size:13px;
color:#69913b;
}

#winner p.gMother span{
color:#027ca9;
}


#winner p.gFerme{
font-size:11px;
color:#69913b;
}


#winner p.gFerme span{
color:#027ca9;
}





/* Section news -------------------------------------------------- */

#textNews{
padding-top:10px;
}



a.linkNouvelles:link {color:#69913b;text-decoration:none;} 
a.linkNouvelles:visited {color:#69913b;text-decoration:none;} 
a.linkNouvelles:hover {color:#0280af;text-decoration:none;} 
a.linkNouvelles:active {color:#69913b;text-decoration:none;}




/* Le Footer
--------------------------------------------------------------------------------------- */

#footer {
	clear: both;
	background:url(/images/bgFooter.gif);
	width:760px;
	height:127px;
	position:Relative;
}

#footerFull{
	clear: both;
	background:url(/images/bgFooterFull.gif);
	width:760px;
	height:127px;
	position:Relative;
}

#logo375{
position:absolute;
left:70px;
bottom:28px;
}

#hdp{
position:absolute;
right:50px;
bottom:19px;

}

#hdp a{
width:164px;
height:87px;
display:block;
background-image:url(/images/hdp.png);
}
#hdp a:hover{
background-image:url(/images/hdp_hov.png);
}

#copyright{
color:#fff;
width:760px;
text-align:center;
margin:0 auto;
padding-bottom:10px;
}
#copyright a:link {color:#fff;text-decoration:underline;} 
#copyright a:visited {color:#fff;text-decoration:underline;} 
#copyright a:hover {color:#fff;text-decoration:none;} 
#copyright a:active {color:#fff;text-decoration:underline;}

table.jugements {border:1px solid #b4d872;width:100%;margin-bottom:30px;}
table.jugements th {padding:5px;text-align:center;background-color:#84ac3a;border:2px solid #f5faec;font-size:18px;color:#f5faec;}
table.jugements td {padding:5px 5px;text-align:center;background-color:#d2e2b6;border:2px solid #f5faec;color:#426009;font-size:14px;}

#jugements h3 {color:#409cbd;}