/* CSS Document */

body{padding:0px; margin:0px; background-image:url(../images/bg_principal.gif); color:#717171; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

img { border: 0px; }
/*body{padding:0px; margin:0px; color:#717171; font-family:Arial, Helvetica, sans-serif; font-size:12px;}*/

.elu{
	text-align:center;
	font-size:18px;
	color:#306C97;
}

.defait{
	text-align:center;
	font-size:18px;
	color:#717171;
}

#results p{
	text-align:center;
	font-size:18px;
	color:#717171;
	margin:66px 0 0 0;
}

#accueil-resultat{
	padding:0 20px 20px 0;
}

#accueil-resultat img.francois{
	margin:0 0 20px 20px;
	border-bottom:11px solid #445E71;
	border-top:1px solid #445E71;
	border-right:1px solid #445E71;
	border-left:1px solid #445E71;
}

.tPrincipal{color:#717171; font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold;}
.txtProgramme{color:#717171; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-right:40px; text-align:justify;}
.sPrincipal{color:#717171; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;}

a.blog:link{color:#306C97; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
a.blog:hover{color:#306C97; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
a.blog:visited{color:#306C97; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

a.urlGros:link{color:#306C97; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
a.urlGros:hover{color:#306C97; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
a.urlGros:visited{color:#306C97; font-family:Arial, Helvetica, sans-serif; font-size:14px;}

a.titre:link{color:#306C97; font-family:Arial, Helvetica, sans-serif; font-size:15px;}
a.titre:hover{color:#306C97; font-family:Arial, Helvetica, sans-serif; font-size:15px;}
a.titre:visited{color:#306C97; font-family:Arial, Helvetica, sans-serif; font-size:15px;}

a.footerLink:link{color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:10px;}
a.footerLink:hover{color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:10px;}
a.footerLink:visited{color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:10px;}

.footer{background-color:#445E71; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:10px;}

input.formEvent{width:150px; height:15px; color:#717171; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

.bouton{background-color:#849AAA; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; border:2px solid #445E71;}

.bloc-de-plus{
	background-color:#dbdcdc;
	padding:10px 0 10px 15px;
	margin:0 10px 0 0;
}

h3{
	font-size:14px;
}

.marge{
	margin:0 100px 50px 0;
}

.image{
	float:left;
	margin:2px 2px 2px 0;
}

.colDroite{
	float:right;
	width:350px;
	margin:0 20px 50px 10px;
}

sup{
	font-size:9px;
	line-height:9px;
}

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

#menu{
	width: 770px;
	margin:0 auto 0 auto;
	text-transform:uppercase;
}

#menuDeroulant{
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
}

#menuDeroulant li.menuP{
	float: left;
	background-image:url(../images/sep.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#FFF;
	line-height:15px;
	text-align:center;
}

#menuDeroulant li.menuFin{
	float: left;
	border-right: none;
	background-color:#FFF;
	line-height:15px;
	text-align:center;
}

#menuDeroulant li.menuFin a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	background-image:none;
	color:#FFF;
	text-decoration:none;
	background-color:#445e71;
	display:block;
	padding:5px 4px 5px 2px;
}


#menuDeroulant a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
	display:block;
	padding:5px 6px 5px 4px;
}

#menuDeroulant a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	background-color:#445e71;
	background-image:url(../images/sep.gif);
	background-position:right;
	background-repeat:no-repeat;
	display:block;
}


#menuDeroulant .sousMenu{
	display:none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}

#menuDeroulant ul.sousMenu {
	position: absolute;
	background: #fff;
}

#menuDeroulant .sousMenu li{
	 float: none;
	 margin: 0;
	 padding: 0;
	 border: 0;
	 border-top:1px solid #FFF;
}				

#menuDeroulant .sousMenu a{
	text-align:left;
	font-size:9px;
	color:#FFF;
	line-height:12px;
	padding:5px 10px 5px 8px;
	background-color:#849aaa;
}

#menuDeroulant .sousMenu li.fin{
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
}

#menuDeroulant .sousMenu a:hover{
	text-align:left;
	font-size:9px;
	color:#FFF;
	line-height:12px;
	padding:5px 10px 5px 8px;
	background-color:#445e71;
	background-image:none;
}

#menuDeroulant li:hover > .sousMenu { display: block; }

.error h2 {
	background: #f00;
	color: #ff0;
	width: 500px;
	display: inline;
}

h2{
	background-color:#efb949;
	font-size:16px;
	padding:5px 0 5px 10px;
	margin:20px 10px 20px 0;
	color:#4a667b;
}

h1{
	margin:0 0 48px 0;
}

form td {
}

form th {
	vertical-align: top;
	text-align: right; 
}

form textarea {
	width: 400px;
	height: 200px;
}

#ou-voter table tr th {
	text-align: center;
	background-color:#efb949;
	color:#4a667b;

}

#ou-voter table tr td {
	vertical-align: top;
	padding-bottom: 30px;
}
#ou-voter table tr td a {
	color:#306C97;
}

.ouVoter {
	text-align: right;
	padding-right: 40px;
}

.ouVoter a {
	font-size: 25px;
}

/* this page declarations */	
#wrapp {
width: 760px;
text-align: left;
font: normal 1em Arial;
margin: 0 auto;
padding: 0;
color: black;
}
#wrapp h1 {font: bold 1.1em Arial; margin: 1.2em 0 0.5em 0; padding: 0;}
.gnb {
width: 740px; 
margin: 20px 0 3px 0; 
background: #f0f1f1 url(gnb_bg.gif) left top repeat-x 
}
.gnb h3{
font: normal 9px/14px Arial;
text-align: right;
margin: 0 10px 0 0; 
padding: 0
}
#wrapp p{font: normal 0.9em Arial; margin: 1em 0; padding: 0;}
#wrapp h2 {font: bold 1em Arial;}

code {
width:93%;	
font: normal 11px 'Courier New', Courier, Fixed;
color: #000;
display: block;
padding: 1em;
margin: 1em 0;
background-color: #eee;
border: 1px solid #d3d3d6;
border-left-width: 5px;
white-space: pre;
overflow-x: auto;
}
/* liScroll style declarations */

.tickercontainer { /* the outer div with the black border */
border: 1px solid #717171;
background: #fff; 
width: 649px; 
height: 27px; 
margin: 0; 
padding: 0
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 632px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #306C97;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
}