body{
background:#0099dc url(/media/images/layout/bg.png) top repeat-x;
font-size:12px;
font-family:arial, Helvetica, Verdana;
margin:0;
padding:0;
line-height:1.3em;
}

#pagecontainer{
background:url(/media/images/layout/bg-content.png) top repeat-y; 
width:994px;
margin:0 auto; 
}


/******************************************** Header ***************/

#header {
width:994px;
margin:0 auto; 
}


/******************************************** Banner ***************/

#banner {
height:376px; 
float:left;
}


/******************************************** Header ***************/

#raccourci {
float:right;
background:url(/media/images/layout/bg-raccourci.png) no-repeat;
width:330px;
height:39px; 
text-align:right;
}

#raccourci div {
float:right;
margin-right:20px;
}

#raccourci a {
height:39px;
display:block;
float:left;
}

#raccourci #home{
background:url(/media/images/layout/btn-home.png) top no-repeat;
width:91px;

}

#raccourci #contact{
background:url(/media/images/layout/btn-contact.png) top no-repeat;
width:76px;
}

#raccourci #contact:hover, #raccourci #home:hover {
background-position:bottom;
text-decoration:none;
}

#raccourci a span {
visibility:hidden;
}

#banner #heroes {
float:left;
margin-left:-8px;
}


#banner #menu {
color:#fff;
background:url(/media/images/layout/bg-menu.png) no-repeat;
width:324px;
height:377px; 
float:left;
padding:40px 0 0 6px;
}

#banner #menu a {
background:red;
display:block;
float:left;
width:155px;
height:145px;
text-decoration:none;
}

#banner #menu a#involved {
background:url(/media/images/layout/btn-get-involved.png) top no-repeat;
}

#banner #menu a#videos {
background:url(/media/images/layout/btn-our-videos.png) top no-repeat;
}

#banner #menu a#candidates {
background:url(/media/images/layout/btn-candidates.png) top no-repeat;
}

#banner #menu a#liberal {
background:url(/media/images/layout/btn-liberal-crosswords.png) top no-repeat;
}

#banner #menu a#involved:hover, #banner #menu a#videos:hover, #banner #menu a#candidates:hover, #banner #menu a#liberal:hover,
#banner #menu a#involved.selected, #banner #menu a#videos.selected, #banner #menu a#candidates.selected, #banner #menu a#liberal.selected {
background-position:bottom;
text-decoration:none;
}

.selected {
cursor:inherit;
}

#banner #menu a span {
visibility:hidden;
}

/******************************************** Content ***************/

#content {
width:980px;
margin:0 auto;
padding:15px 0 10px 0;
}


#content p {
margin:0 0 0 0;
text-align:justify;
}


#leftColumn{
float:left;
width:634px;
margin-left:3px;
padding:0 10px 0 10px;
color:#444444;
background:#ffffff;
min-height:375px !important;
height:auto !important;
height:375px;
}

#leftColumn #map {
background:url(/media/images/layout/bg-map.png) left top no-repeat;
padding:3px;
width:647px;
height:423px;
margin-left:-10px;
}

#leftColumn p.backMap {
text-align:right;
width:100%;
height:29px;
clear:spacer;
}

#leftColumn p.backMap a {
background:url(/media/images/layout/btn-back-map.png) top no-repeat;
display:block;
width:129px;
height:29px;
float:right;
}

#leftColumn p.backMap a:hover {
background-position:bottom;
text-decoration:none;
}
#leftColumn p.backMap a span {
visibility:hidden;
}

#rightColumn {
float:right;
width:320px;
margin-left:3px;
}

#top15 {
background:url(/media/images/layout/bg-top15.png) no-repeat;
height:234px;
width:317px;
padding:3px 0 0 3px;
}

#bNewsletter {
background:url(/media/images/layout/newsletter.png) no-repeat;
height:96px;
width:317px;
}

#bNewsletter input {
background:transparent;
color:#0061a5;
border:0;
width:215px;
margin-top:53px;
margin-left:17px;
}

#BTNsubmit {
width:65px;
height:22px;
background:url(/media/images/layout/btn-submit.png) left top no-repeat;
border:0 none;
cursor:pointer;
text-indent:-9999px;
}

#bNewsletter input#btnOK {
background:url(/media/images/layout/btn-ok.png) left top no-repeat;
border:0;
height:22px;
width:44px;
cursor:pointer;
text-indent:-9999px;
margin-top:51px;
margin-left:24px;
margin-left:22px !important!;
text-indent:0 !important!;
color:expression(this.value = '') !important!;
}

#bNewsletter p {
text-align:right;
margin:3px 12px 0 0;
font-size:9px;
}

#europe {
background:url(/media/images/layout/bg-europe.png) left top no-repeat;
padding:3px;
width:647px;
height:486px;
margin-left:-10px;
}

ul.list-candidate {
margin:0;
padding:0;
}

ul.list-candidate li {
list-style:none;
padding-bottom:30px;
font-size:14px;
width:48%;
margin-right:1%;
float:left;
}

ul.list-candidate li img {
background:url(/media/images/layout/bg-img-candidate.png) left top no-repeat;
float:left;
height:121px;
width:121px;
padding:3px 3px 3px 3px;
padding:3px 3px 20px 3px !important!;
margin:0 10px 15px 0;
}

ul.list-candidate li p strong {
text-align:left;
font-size:15px;
}

ul.list-candidate li p {
text-align:left;
}

ul.list-candidate li p a {
font-size:10px;
}

ul.list-candidate li p span {
background:url(/media/images/layout/puce-head-list.png)left center no-repeat;
padding-left:10px;
font-size:10px;
}

ul.list-candidate li p em {
font-size:11px;
text-align:left;
}

.listFlags a{
margin:0 15px 10px 0; 
}


#cross { /*
background:#969495 url(/media/images/layout/bg-cross.jpg)center top repeat-x;
width:641px;
height:1020px;
*/
}

#widgetVideo {
background:url(/media/images/layout/bg-widget-video.png)center top no-repeat;
width:314px;
height:257px;
padding:7px 0 0 3px;
}


/******************************************** Footer ***************/

#footer {
background:transparent url(/media/images/layout/bg-footer.png) top repeat-x;
width:994px;
height:83px;
font-size:10px;
text-align:center;
position:relative;
top:-6px !important;
top:0 !important!;
top:0;
margin:0 auto;
padding:17px 0 0 0;
color:#999999;
}

#footer a {
}

#footer a:hover {
}




/************ Autres ****/

h1 {
font-size:22px;
margin:10px 0 10px 0;
color:#0093d5;
}

h2{
font-size:16px;
font-weight:bold;
color:#999999;
margin:50px 0 10px 0;
width:100%;
}

h3 {
font-size:14px;
margin:20px 0 10px 0;
width:100%;
border-bottom:1px solid #ddd;
}

h4 {
font-size:12px;
margin:10px 0 5px 20px;
}

#content .h4 {
margin:0 0 0 20px;
}

a.top{
text-align:right;
float:right;
margin:20px 0 0 0;
clear:both;
background: url(/media/images/layout/puce-top.png) no-repeat bottom right;
padding-right:10px;
display:block;
height:15px;
}
a.top:hover{
text-decoration:none;
background-position:top right;
}

ul {
margin:0 0 0 40px;
}

a{
text-decoration:none;
color:#0099dc;
}

a:hover{
text-decoration:underline;
color:#f7b20f;
}

p{
margin-top:2px;
margin-bottom:5px;
}

.spacer{
clear:both;
visibility:hidden;
}

ul li{
list-style-image:url(/media/images/layout/puce01.png);
}

a img{
border:0px solid red;
}

.left{
float:left;

}
.right{
float:right;

}

.mee{
color:#f4bd00;
}