/****************************
 * Redéfinition des balises HTML
 ***************************/
html {
	height:100%;
}
body {
	height:100%;
	background-color: #b0ca34;
	background-image:url(imgs/fond.gif);
	background-repeat:repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #162885;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	
	scrollbar-face-color: #ecf1f6;
	scrollbar-shadow-color: #d5dc7b;
	scrollbar-highlight-color: #d5dc7b;
	scrollbar-3dlight-color: #ecf1f6;
	scrollbar-darkshadow-color: #ecf1f6;
	scrollbar-track-color: #ecf1f6;
	scrollbar-arrow-color: #d5dc7b;
}

h2 {
	
	z-index:3;
	width: auto;
	font-weight:normal;
	font-size: 11px;
	color: #f19400;
	text-align:left;
	text-transform:uppercase;
	padding-bottom: 5px;
}

h1 {
	width: auto;
	font-weight: normal;
	font-size: 12px;
	color: #f19400;
	padding: 0px;
	height:28px;
	text-indent:18px;
	text-transform:uppercase;
	background-image:url(imgs/etoiles.gif);
	background-repeat:no-repeat;
	margin: 0px;
	padding-bottom: 5px;
}

p {
	text-align: justify;
	font-size: 10px;
	line-height:13px;
	margin-top: 8px;
	padding: 0px;
}
p a:link {
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	color: #162885;
	margin: 0px;
	padding: 0px;
}
p a:visited {
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	color: #162885;
	margin: 0px;
	padding: 0px;
}
p a:hover {
	text-decoration: underline;
	color:#f29300;
	font-weight: bold;
}
p a:active {
	text-decoration: underline;
	color: #162885;
	font-weight: bold;
}
input {
	font-size: 9px;
	background-color: #FFFFFF;
	border: 1px solid #cae2f2;
	padding: 2px;
	color: #666666;
	margin-top: 5px;
	width: 200px;
}

.form input {
	font-size: 9px;
	background-color: #FFFFFF;
	border: 1px solid #cae2f2;
	padding: 2px;
	color: #666666;
	margin-top: 5px;
	width:auto;
}

ul {
	margin: 0px;
	padding: 0px;
}
li {
	
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	color: #FFFFFF;
	font-size: 9px;
	padding: 0px;
	display: block;
	text-align: justify;
}
li a:link {
	color:#162885;
	text-decoration: none;
	font-size: 10px;
}
li a:visited {
	text-decoration: none;
	color:#162885;
}
li a:hover {
	text-decoration: underline;
	color:#162885;
}
li a:active {
	text-decoration: underline;
	color:#162885;

	font-weight: normal;
}


/****************************
 * CONTENEUR
 ***************************/

#imghome {
	background-image: url(images/imghome.jpg);
	width: 100%;
	height: 496px;
	margin-bottom: 15px;
}
#popup {
position:absolute;
margin-top: -10px;
padding-top: 20px;
background-color: #FFFFFF;
width:400px;
height:auto;
}


#global {
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 1024px;
	height:762px;
	background-image:url(imgs/fond.jpg);
	background-repeat:repeat-x;
	padding: 0px;
	margin:0;
	position: absolute;
}

/****************************
 * Bandeau
 ***************************/
#header {
	height: 182px;
	width: 1024px;
	background-image: url(imgs/header.gif);
	background-repeat: no-repeat;
	margin-left:1px;
}

#logo {
padding-top:8px;
	height: 128px;
	width: 187px;
	margin-left:95px;
}

/****************************
 * FLASH photos
 ***************************/
 
.photos_flash {
position:absolute;
border:none;
top:0;
left:597px;
z-index:1;
width:337px;
height:213px;

}
/****************************
 * Colonne gauche (MENU)
 ***************************/
dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#gauche {
	width: 296px;
	height:668px ;
	position: relative;
	/*float: left;*/
	margin:0;
	background-image:url(imgs/menu.gif);
	background-repeat:no-repeat;
}

#menu {
	margin-left:95px;
	padding-top: 20px;
}

dl#gauche li {
	height: 18px;
	line-height: 18px;
	text-indent:14px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
}
dl#gauche dt a {
	text-decoration: none;
	display: block;
}
dl#gauche li a {
	text-decoration: none;
	display: block;
	color: #f29300;
	font-size:10px;
	height: 100%;

}
dl#gauche li a:hover, a:active {
	font-weight: bold;


}

/****************************
 * CONTENU (milieu)
  ***************************/
#contenu {

	position:absolute;
	top: 182px;
	left:296px;
	height:668px;
	width:574px;
	background-image:url(imgs/contenu.gif);
	background-repeat:no-repeat;
	margin:0;
}

#texte_principal {

	z-index:2;
	color: #162885;
	width:244px;
	height:542px;

}
#texte_principal2 {

	z-index:2;
	color: #162885;
	width:244px;
	height:542px;

}
#texte_principal2 p {

	text-align:left;

}

#sous_rubriques {
	position:absolute;
	width:265px;
	height:490px;
	left:300px;
	top:40px;
	
}
#rubrique_bas {

padding-top:10px;
padding-bottom:10px;
}

#rubrique {
padding-bottom:20px;

}

#cellulenews{
	border-bottom: 1px solid #162885;
	padding-top:5px;
	margin-left:10px;
}

#date{
	color: #162885;
	padding-bottom:5px;
	text-transform:uppercase;
}
#news{
	background-image:url(imgs/fleche_orange.gif);
	background-repeat:no-repeat;
	background-position:0 3px;
	text-indent:12px;
	color:#756f6f;
	padding-bottom:5px;
}

#lien{
	background-image:url(imgs/fleche_orange.gif);
	background-repeat:no-repeat;
	background-position:0 3px;
	text-indent:12px;
	color: #162885;
	font-weight:bold;
	padding-bottom:10px;
}
#lien a, a:link, a:visited{
	color: #162885;
	font-weight:bold;
	text-decoration:none;
}

#lien a:hover, a:active{
	color: #f19400;
	font-weight:bold;
	text-decoration:none;
}

/****************************
 * DROITE : Colonne droite 
 ***************************/
#droite {
    position: absolute;
	top: 182px;
	left:870px;
	width: 154px;
	height:668px;
	
	margin:0;
	
	background-image:url(imgs/droite.gif);
	background-repeat:no-repeat;
}

/****************************
 * JURY
 ***************************/
 .celluleJury {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D2DCEC;
	padding: 8px;
	text-align: justify;
	height: 150px;
 }
 .colonne2 {
	float: left;
	width: 350px;
	margin-bottom: 20px;
	position: fixe;
	margin-left: 10px;
}
.imgPresident {
	float:left;
	margin-top:10px;
	margin-right:9px
}
.txtPresident {
	margin-top:10px;
	padding-bottom:5px;
	width:265px;
	height:75px;
	float:left;
	text-align: left;
}
.imgPalmares {
	float:left;
	margin-top:10px;
	margin-right:9px;
	margin-left: 8px;
}
.txtPalmares {
	margin-top:10px;
	width:142px;
	float:left;
	text-align: justify;
}

/****************************
 *Divers 
 ***************************/
.txtvert {
	color: #9fc335;
	font-weight: bold;
}
.txtvert a:link {
	font-weight: bold;
	color: #9fc335;
	text-decoration: none;
}
.txtvert a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #9fc335;
}
.txtvert a:hover {
	font-weight: bold;
	text-decoration: underline;
	color: #9fc335;
}
.txtvert a:active {
	font-weight: bold;
	text-decoration: underline;
	color: #9fc335;
}
.txtbleu {
	color: #5398d0;
	font-weight: bold;
}
.txtorange {
	color: #f39200;
}
.txtorange a:link {
	color: #f39200;
	text-decoration: none;
}
.txtorange a:visited {
	text-decoration: none;
	color: #f39200;
}
.txtorange a:hover {
	text-decoration: underline;
	color: #f39200;
}
.txtorange a:active {
	text-decoration: underline;
	color: #f39200;
}

.pdf {
	background-image: url(images/pdf.gif);
	background-repeat: no-repeat;
	background-position: 8px 3px;
	padding-left: 11px;
	margin-bottom: 5px;
}
.pdf a:link {
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	padding-left: 10px;
}
.pdf a:visited {
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	padding-left: 10px;
}
.pdf a:hover {
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
	padding-left: 10px;
}
.pdf a:active {
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
	padding-left: 10px;
}

.video {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 50px;
}

#drapeaux {
	position:absolute;
	height:auto;
	left: 25px;
	top: 127px;
}

#signature {
	position:absolute;
	font-size: 9px;
	text-align:center;
	width: 165px;
	height:150px;
	left: 95px;
	top: 530px;
}

#meteo {
	background-color: none;
	padding-left: 95px;
	padding-top: 155px;
	text-align:left;
	width: 142px;
	
}