body{
	padding: 0px;
	margin: 0px;
	background-color: #192860;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 11px;
	background-repeat: no-repeat;
	background-image: url(images/fond-page.jpg);
	background-position: top center;
}

div#global{
	position:absolute;
	width: 760px;
	height: 615px;
	left: 50%; 
	top: 217px;
	margin-left: -380px;
}

div.scrollbar{
	overflow: auto;
}

div.spacer{
	clear: both;
	font-size: 0px;
	height: 0px;
}

a:link,
a:visited,
a:hover{
	color: #e2007a;
}

.erreur{
	font-weight: bold;
	color: #e2007a;
}

ul.puce1 li{
	list-style-image:url(images/puce1.gif);
}

/*************************************/
/*                                   */
/*               MENU                */
/*                                   */
/*************************************/

div#menu{
	left: 0; 
	top: 0;
	padding: 0px;
	margin: 3px;
	margin-bottom: 0px;
	position:absolute;
	height: 51px;
	width: 754px;
	background-repeat: no-repeat;
	background-image: url(images/fond-menu.gif);
	background-position: right top;
}

div#menu ul{
	padding: 0px;
	margin: 0px;
}

div#menu ul li{
	display: block;
	float: left;
	width: 102px;
	height: 51px;
}

div#menu ul li a:link,
div#menu ul li a:visited,
div#menu ul li a:hover{
	text-decoration: none;
	display: block;
	width: 102px;
	height: 51px;
	background-repeat:no-repeat;
}

div#menu ul li.menu1 a:link,
div#menu ul li.menu1 a:visited{
	background-image: url(images/menu1.gif);
}

div#menu ul li.menu1 a:hover{
	background-image: url(images/menu1-over.gif);
}

div#menu ul li.menu2 a:link,
div#menu ul li.menu2 a:visited{
	background-image: url(images/menu2.gif);
}

div#menu ul li.menu2 a:hover{
	background-image: url(images/menu2-over.gif);
}

div#menu ul li.menu3 a:link,
div#menu ul li.menu3 a:visited{
	background-image: url(images/menu3.gif);
}

div#menu ul li.menu3 a:hover{
	background-image: url(images/menu3-over.gif);
}

div#menu ul li.menu4 a:link,
div#menu ul li.menu4 a:visited{
	background-image: url(images/menu4.gif);
}

div#menu ul li.menu4 a:hover{
	background-image: url(images/menu4-over.gif);
}

div#menu ul li.menu5 a:link,
div#menu ul li.menu5 a:visited{
	background-image: url(images/menu5.gif);
}

div#menu ul li.menu5 a:hover{
	background-image: url(images/menu5-over.gif);
}

div#menu ul li.menu6 a:link,
div#menu ul li.menu6 a:visited{
	background-image: url(images/menu6.gif);
}

div#menu ul li.menu6 a:hover{
	background-image: url(images/menu6-over.gif);
}

/* Exception pour le menu 6, +1 pixel en largeur */

div#menu ul li.menu6{ 
	width: 103px;
}

div#menu ul li.menu6 a:link,
div#menu ul li.menu6 a:visited,
div#menu ul li.menu6 a:hover{
	width: 103px;
}

/* Fin Exception pour le menu 6 */

div#menu ul li a:link span,
div#menu ul li a:visited span,
div#menu ul li a:hover span{
	visibility: hidden;
}

/*************************************/
/*                                   */
/*   GESTION BLOCS DROITE GAUCHE     */
/*                                   */
/*************************************/

div.gauche{
	float: left;
	width: 489px;
	margin: 0px;
	padding: 0px;
}

div.droite{
	float: right;
	width: 265px;
	margin: 0px;
	padding: 0px;
}

/*************************************/
/*                                   */
/*          BLOCS ACCUEIL            */
/*                                   */
/*************************************/

div#blocaccueil1{
	width: 754px;
	height: 289px;
	left: 0;
	top: 54px;
	margin: 0px;
	margin-left: 3px;
	margin-right: 3px;
	padding: 0px;
	position:absolute;
	overflow: hidden;
	background-image: url(images/fond-blocaccueil.gif);
	background-repeat: repeat-x;
	background-position: left 25px;
}

div#blocaccueil1 div.gauche,
div#blocaccueil1 div.droite{
	height: 289px;
}

div#blocaccueil2{
	width: 754px;
	height: 192px;
	left: 0px;
	top: 343px;
	margin: 0px;
	margin-left: 3px;
	margin-right: 3px;
	padding: 0px;
	position:absolute;
	overflow: hidden;
}

div#blocaccueil2 div.gauche,
div#blocaccueil2 div.droite{
	height: 192px;
}

div#blocaccueil2 div.gauche{
	color: #aedeff;
	font-size: 11px;
}

div#blocaccueil2 div.gauche p{
	margin: 4px;
	margin-bottom: 0px;
	margin-top: 0px;
	text-align: justify;
}

div#blocaccueil2 div.gauche a:link,
div#blocaccueil2 div.gauche a:visited,
div#blocaccueil2 div.gauche a:hover{
	color: #aedeff;
	text-decoration: none;
}

div#blocaccueil2 div.droite{
	background-repeat: no-repeat;
	background-image: url(images/sep-partenaires.gif);
	background-position: left 34px;
}

div#blocaccueil2 div.partenaires{
	margin: 0px;
	padding: 0px;
	text-align: center;
}

/*************************************/
/*                                   */
/*           BLOCS PRESSE            */
/*                                   */
/*************************************/

div#blocpresse{
	width: 754px;
	height: 481px;
	left: 0;
	top: 54px;
	margin: 0px;
	margin-left: 3px;
	margin-right: 3px;
	padding: 0px;
	position:absolute;
	overflow: hidden;
}

div#blocpresse div.gauche,
div#blocpresse div.droite{
	height: 481px;
}

div#blocpresse div.droite p{
	margin-left: 10px;
	margin-right: 10px;
}

div#textepresse{
	width: 469px;
	height: 446px;
	padding: 10px;
	padding-top: 0px;
	text-align: justify;
}

li.tel{ list-style-image: url(images/ico-tel.gif); }
li.mail{ list-style-image: url(images/ico-mail.gif); }
li.doc{ list-style-image: url(images/ico-doc.gif); }

/*************************************/
/*                                   */
/*           BLOCS NOMINES           */
/*                                   */
/*************************************/

div#blocnomines{
	width: 754px;
	height: 481px;
	left: 0;
	top: 54px;
	margin: 0px;
	margin-left: 3px;
	margin-right: 3px;
	padding: 0px;
	position:absolute;
	overflow: hidden;
}

div#blocnomines div.gauche,
div#blocnomines div.droite{
	height: 481px;
}

div#blocnomines div.droite ul{
	padding: 0px;
	margin: 0px;
}

div#blocnomines div.droite ul li{
	padding: 0px;
	margin: 0px;
	margin-bottom: 2px;
	list-style-type: none;
	float: left;
}

div#blocnomines div.droite ul li a:link,
div#blocnomines div.droite ul li a:visited,
div#blocnomines div.droite ul li a:hover{
	display: block;
	text-decoration: none;
	font-size: 6px;
	width: 265px;
	height: 28px;
	background-repeat: no-repeat;
    outline: 0;
}

div#blocnomines div.droite ul li a#boutonnomine1:link,
div#blocnomines div.droite ul li a#boutonnomine1:visited,
div#blocnomines div.droite ul li a#boutonnomine1:hover{
	background-image: url(images/menutrophees1.gif);
}

div#blocnomines div.droite ul li a#boutonnomine1:hover,
div#blocnomines div.droite ul li a#boutonnomine1.selected:link,
div#blocnomines div.droite ul li a#boutonnomine1.selected:visited,
div#blocnomines div.droite ul li a#boutonnomine1.selected:hover{
	background-image: url(images/menutrophees1-over.gif);
}

div#blocnomines div.droite ul li a#boutonnomine2:link,
div#blocnomines div.droite ul li a#boutonnomine2:visited,
div#blocnomines div.droite ul li a#boutonnomine2:hover{
	background-image: url(images/menutrophees2.gif);
}

div#blocnomines div.droite ul li a#boutonnomine2:hover,
div#blocnomines div.droite ul li a#boutonnomine2.selected:link,
div#blocnomines div.droite ul li a#boutonnomine2.selected:visited,
div#blocnomines div.droite ul li a#boutonnomine2.selected:hover{
	background-image: url(images/menutrophees2-over.gif);
}

div#blocnomines div.droite ul li a#boutonnomine3:link,
div#blocnomines div.droite ul li a#boutonnomine3:visited,
div#blocnomines div.droite ul li a#boutonnomine3:hover{
	background-image: url(images/menutrophees3.gif);
}

div#blocnomines div.droite ul li a#boutonnomine3:hover,
div#blocnomines div.droite ul li a#boutonnomine3.selected:link,
div#blocnomines div.droite ul li a#boutonnomine3.selected:visited,
div#blocnomines div.droite ul li a#boutonnomine3.selected:hover{
	background-image: url(images/menutrophees3-over.gif);
}

div#blocnomines div.droite ul li a#boutonnomine4:link,
div#blocnomines div.droite ul li a#boutonnomine4:visited,
div#blocnomines div.droite ul li a#boutonnomine4:hover{
	background-image: url(images/menutrophees4.gif);
}

div#blocnomines div.droite ul li a#boutonnomine4:hover,
div#blocnomines div.droite ul li a#boutonnomine4.selected:link,
div#blocnomines div.droite ul li a#boutonnomine4.selected:visited,
div#blocnomines div.droite ul li a#boutonnomine4.selected:hover{
	background-image: url(images/menutrophees4-over.gif);
}

div#blocnomines div.droite ul li a#boutonnomine5:link,
div#blocnomines div.droite ul li a#boutonnomine5:visited,
div#blocnomines div.droite ul li a#boutonnomine5:hover{
	background-image: url(images/menutrophees5.gif);
}

div#blocnomines div.droite ul li a#boutonnomine5:hover,
div#blocnomines div.droite ul li a#boutonnomine5.selected:link,
div#blocnomines div.droite ul li a#boutonnomine5.selected:visited,
div#blocnomines div.droite ul li a#boutonnomine5.selected:hover{
	background-image: url(images/menutrophees5-over.gif);
}

div#blocnomines div.droite ul li a#boutonnomine6:link,
div#blocnomines div.droite ul li a#boutonnomine6:visited,
div#blocnomines div.droite ul li a#boutonnomine6:hover{
	background-image: url(images/menutrophees6.gif);
}

div#blocnomines div.droite ul li a#boutonnomine6:hover,
div#blocnomines div.droite ul li a#boutonnomine6.selected:link,
div#blocnomines div.droite ul li a#boutonnomine6.selected:visited,
div#blocnomines div.droite ul li a#boutonnomine6.selected:hover{
	background-image: url(images/menutrophees6-over.gif);
}

div#blocnomines div.droite ul li a#boutonnomine7:link,
div#blocnomines div.droite ul li a#boutonnomine7:visited,
div#blocnomines div.droite ul li a#boutonnomine7:hover{
	background-image: url(images/menutrophees7.gif);
}

div#blocnomines div.droite ul li a#boutonnomine7:hover,
div#blocnomines div.droite ul li a#boutonnomine7.selected:link,
div#blocnomines div.droite ul li a#boutonnomine7.selected:visited,
div#blocnomines div.droite ul li a#boutonnomine7.selected:hover{
	background-image: url(images/menutrophees7-over.gif);
}
div#blocnomines div.droite ul li a#boutonnomine8:link,
div#blocnomines div.droite ul li a#boutonnomine8:visited,
div#blocnomines div.droite ul li a#boutonnomine8:hover{
	background-image: url(images/menutrophees8.gif);
}

div#blocnomines div.droite ul li a#boutonnomine8:hover,
div#blocnomines div.droite ul li a#boutonnomine8.selected:link,
div#blocnomines div.droite ul li a#boutonnomine8.selected:visited,
div#blocnomines div.droite ul li a#boutonnomine8.selected:hover{
	background-image: url(images/menutrophees8-over.gif);
}
div#blocnomines div.droite ul li a#boutonnomine9:link,
div#blocnomines div.droite ul li a#boutonnomine9:visited,
div#blocnomines div.droite ul li a#boutonnomine9:hover{
	background-image: url(images/menutrophees9.gif);
}

div#blocnomines div.droite ul li a#boutonnomine9:hover,
div#blocnomines div.droite ul li a#boutonnomine9.selected:link,
div#blocnomines div.droite ul li a#boutonnomine9.selected:visited,
div#blocnomines div.droite ul li a#boutonnomine9.selected:hover{
	background-image: url(images/menutrophees9-over.gif);
}

div#blocnomines div.droite ul li a span{
	visibility: hidden;
}

div#blocnomines div.gauche div.etablissement{
	margin-top: 3px;
	padding-bottom: 3px;
	border-bottom: 1px dotted #336285;
	color: #99b1c2;
	height: 102px;
	background-repeat: repeat-x;
}

div#blocnomines div.gauche div.fond1{ background-image: url(images/fond-etablissement-nomines1.gif); }
div#blocnomines div.gauche div.fond2{ background-image: url(images/fond-etablissement-nomines2.gif); }
div#blocnomines div.gauche div.fond3{ background-image: url(images/fond-etablissement-nomines3.gif); }

div#blocnomines div.gauche div.etablissement img.logo{
	border: 1px solid #000;
	float: left;
	padding: 0px;
	margin: 0px;
	margin-right: 5px;
}

div#blocnomines div.gauche div.etablissement strong{
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	color: #e2007a;
}

div#blocnomines div.gauche div.etablissement a.titre:link,
div#blocnomines div.gauche div.etablissement a.titre:visited{
	text-decoration: none;
}

div#blocnomines div.gauche div.etablissement a.titre:hover{
	text-decoration: underline;
}

div#blocnomines div.gauche div.etablissement span{
	color: #fff;
}

div#blocnomines div.gauche div.etablissement div.voter{
	float: right;
	margin-right: 5px;
	padding-top: 82px;
}

div#blocnomines div.gauche div.texteetablissement{
	border-bottom: 1px dotted #336285;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12px;
}


/*************************************/
/*                                   */
/*           BLOCS GALERIE           */
/*                                   */
/*************************************/

div#blocgalerie{
	width: 754px;
	height: 481px;
	left: 0;
	top: 54px;
	margin: 0px;
	margin-left: 3px;
	margin-right: 3px;
	padding: 0px;
	position:absolute;
	overflow: hidden;
}

/*************************************/
/*                                   */
/*        BLOCS PRESENTATION         */
/*                                   */
/*************************************/

div#blocpresentation{
	width: 754px;
	height: 481px;
	left: 0;
	top: 54px;
	margin: 0px;
	margin-left: 3px;
	margin-right: 3px;
	padding: 0px;
	position:absolute;
	overflow: hidden;
}

div#blocpresentation div.gauche,
div#blocpresentation div.droite{
	height: 481px;
}

div#blocpresentation div.droite p{
	margin-left: 10px;
	margin-right: 10px;
}

div#textepresentation{
	width: 469px;
	height: 446px;
	padding: 10px;
	padding-top: 0px;
	text-align: justify;
}

ul#gallery{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

ul#gallery li{
	display: inline;
}

ul#gallery img{
	border: 5px solid #fff;
	border-width: 5px 5px 20px;
}

ul#gallery a:hover img{
	border: 5px solid #e2007a;
	border-width: 5px 5px 20px;
	color: #e2007a;
}

ul#gallery a:hover{
	color: #e2007a;
}

/*************************************/
/*                                   */
/*           BLOCS CONTACT           */
/*                                   */
/*************************************/

div#bloccontact{
	width: 754px;
	height: 481px;
	left: 0;
	top: 54px;
	margin: 0px;
	margin-left: 3px;
	margin-right: 3px;
	padding: 0px;
	position:absolute;
	overflow: hidden;
}

div#bloccontact div.gauche,
div#bloccontact div.droite{
	height: 481px;
}

div#bloccontact div.gauche table.formulaire{
	border: 1px dotted #336285;
	background-color: #193974;
}


div#bloccontact div.gauche table.formulaire td.formulaire_libelle{
	font-size: 11px;
	color: #fff;
	padding: 5px;
	border-bottom: 1px dotted #336285;
	width: 150px;
}

div#bloccontact div.gauche table.formulaire td.formulaire_champs{
	font-size: 11px;
	color: #fff;
	border-bottom: 1px dotted #336285;
	padding: 3px;
}

div#bloccontact div.gauche table.formulaire td.formulaire_foot{
	padding: 4px;
	text-align: right;
}

div#bloccontact div.gauche table.formulaire input.input1, div#bloccontact div.gauche table.formulaire input.input2, div#bloccontact div.gauche table.formulaire textarea{
	border: 0;
	background-color: #0f2656;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	width: 200px;
}

div#bloccontact div.gauche table.formulaire input.input2{
	width: 60px;
}

div#bloccontact div.gauche table.formulaire textarea{
	width: 350px;
	padding: 2px;
}

/*************************************/
/*                                   */
/*              TITRES               */
/*                                   */
/*************************************/

h1{
	position:absolute;
	width: 760px;
	height: 217px;
	left: 50%; 
	top: 0px;
	margin-left: -380px;
}

h1 a:link,
h1 a:visited,
h1 a:hover{
	display: block;
	width: 288px;
	height: 217px;
	text-decoration: none;
}

h1 a:link span,
h1 a:visited span,
h1 a:hover span{
	visibility: hidden;
}

h2{
	padding: 0px;
	margin: 0px;
	margin-bottom: 3px;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	height: 18px;
	padding-left: 10px;
	background-repeat: no-repeat;
	background-image: url(images/h2-1.gif);
	padding-top: 4px;
}

h2.fond1{ background-image: url(images/h2-1.gif); }
h2.fond2{ background-image: url(images/h2-2.gif); }
h2.fond3{ background-image: url(images/h2-3.gif); }
h2.fond4{ background-image: url(images/h2-4.gif); }
h2.fond5{ background-image: url(images/h2-5.gif); }

h3{
	background-image: url(images/puce2.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
	color: #fff;
	font-weight: bold;
	font-size: 15px;
	padding-left: 12px;
}

h3 span{
	font-size: 12px;
}

/*************************************/
/*                                   */
/*            DIAPORAMA              */
/*                                   */
/*************************************/

#slideshow {
    position:relative;
    height:251px;
    width:489px;
}

#slideshow IMG {
    height:249px;
    width:487px;
	border: 1px solid #000;
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

/*************************************/
/*                                   */
/*             ONGLETS               */
/*                                   */
/*************************************/

div#onglets{
	margin: 3px;
}

div#onglets div.etablissement{
	font-size: 11px;
	color: #99b1c2;
	border-bottom: 1px dotted #336285;
	padding: 0px;
	margin: 0px;
	margin-top: 3px;
	padding-bottom: 3px;
	height: 50px;
	background-repeat: repeat-x;
	background-image: url(images/fond-etablissement-accueil.gif);
}

div#onglets div.etablissement img{
	float: left;
	border: 1px solid #000;
	margin-right: 5px;
}

div#onglets div.etablissement a:link,
div#onglets div.etablissement a:visited,
div#onglets div.etablissement a:hover{
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}

div#onglets div.etablissement a:hover{
	text-decoration: underline;
}

div.boutonvoter{
	width: 259px;
	height: 60px;
	display: block;
	right: 3px;
	top: 212px;
	margin: 0px;
	padding: 0px;
	position:absolute;
}

/*************************************/
/*                                   */
/*               FOOT                */
/*                                   */
/*************************************/

div#foot{
	left: 0; 
	bottom: 55px;
	margin: 3px;
	margin-top: 0px;
	position:absolute;
	height: 17px;
	width: 740px;
	background-repeat: no-repeat;
	background-image: url(images/fond-foot.gif);
	overflow: hidden;
	color: #e5e5e5;
	font-size: 11px;
	padding-top: 2px;
	padding-left: 7px;
	padding-right: 7px;
}

div#foot div#copyright{
	float: left;
}

div#foot div#copyright strong{
	color: #fff;
}

div#foot div#copyright a:link,
div#foot div#copyright a:visited,
div#foot div#copyright a:hover{
	color: #fff;
	font-weight: normal;
}

div#foot div#infoweb{
	float: right;
}
div#footlogo{
	left: 0;
	bottom: 0;
	margin: 0px;
	margin-top: 0px;
	position:absolute;
	height: 49px;
	width: 100px;
	/*background-repeat: no-repeat;
	background-image: url(images/fond-foot.gif);
	overflow: hidden;*/
	color: #e5e5e5;
	font-size: 11px;
	padding-top: 2px;
	padding-left: 7px;
	padding-right: 7px;
}