/* CSS Document */

body{margin:0;padding:0;}

#wrap_top{
width:935px;
margin-left:auto;
margin-right:auto;
}

/*TOP*/
#top{
/*float:left;*/
width:100%;
height:139px;
background:url(../_img/bg_top3.png) top left repeat-x;
min-width:995px;
padding-top:17px;
}

#top img {border:none}
#top p {margin:0;padding:0}

.ie #top{min-width:995px;}
.safari #top{min-width:995px;}

.gecko #top #caricature{float:left;margin-left:5%;}

.safari #top #a_logo{float:left;margin-left:1%;}

#top #logo{float:left;margin-left:0;border:none;}

.ie #top #logo{float:left;margin-left:0;border:none;}

#une_top {
float:left;
width:630px;
margin-left:5px;
font-family:Arial, Helvetica, sans-serif;
}

.safari #une_top {width:620px;}

#compte_top {
height:22px !important;
background:#f2f2f2 !important;
padding:0 10px 0 15px !important;
border-top:1px solid #000 !important;
border-bottom:1px solid #000 !important;
font-family:Arial, Helvetica, sans-serif;
}

#compte_top p {float:left;margin-right:20px;width:193px;overflow:hidden;font-size:14px;padding-top:1px;font-family:Arial, Helvetica, sans-serif;overflow:hidden;height:21px;}
#compte_top ul {float:left;width:280px;list-style:none;padding:4px 0 0 0;margin:0}
#compte_top li {float:left;font-size:11px;padding:0 14px 0 11px;background:url(../_img/puce_top.png) top left no-repeat;}
#compte_top li a {color:#CC0000;text-decoration:none;}
#compte_top li a:hover {color:#CC0000;text-decoration:underline}
#compte_top a.logout {display:block;float:left;width:90px;font-size:10px;color:#686868;text-decoration:none;padding-top:5px;}
#compte_top a.logout:hover {text-decoration:underline;}

#compte_top img {vertical-align:middle;margin:0 5px 0;width:20px;height:20px;}

#log_top {
background:#CC0000;
color:#fff;
height:16px;
text-align:center;
padding:3px 8px 5px;
text-transform:uppercase;
font-size:14px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}

#log_top a {color:#fff;text-decoration:underline;}
#log_top a:hover {text-decoration:none}

.une_top {
float:left;
display:block;
width:201px;
margin-top:3px;
margin-right:5px;
padding-left:1px;
border-left:1px solid #000;
font-family:Arial, Helvetica, sans-serif;
}

.safari .une_top {width:201px;}
.safari .une_top.first {width:202px;}

.une_top.first {border-left:none;width:202px;padding-left:0;}
.une_top.last {margin-right:0}

.une_top img {
float:left;
margin-right:5px;
}

.une_top h3 {
font-family:Impact, Arial, Helvetica, sans-serif;
font-size:15px;
margin:2px 0;
font-weight:normal;
color:#CC0000;
letter-spacing:normal;
text-transform:uppercase;
}

.une_top h3 a {color:#CC0000;text-decoration:none;}
.une_top p a {color:#000000;text-decoration:none;}

.une_top p {
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
}

.une_top p span {
color:#CC0000;
font-weight:bold;
text-decoration:underline;
}

.une_top p span:hover {
color:#CC0000;
text-decoration:none;
}




/*NAVIGATION*/

#navigation{
position:absolute;
width:939px;
height:56px;
text-align:center;
margin-top:98px;
overflow:hidden;
}

.ie #navigation{
position:relative;
width:939px;
left:0;
height:48px;
padding-top:2px;
text-align:center;
margin-top:14px;
margin-bottom:-15px;
}

#navigation .rubrique {
float:left;
padding-left:12px;
margin-top:7px;
cursor:pointer;
}

#navigation .rubrique_first {
float:left;
margin-top:7px;
padding-left:0;
cursor:pointer;
}

#navigation .rubrique h2 a, #navigation .rubrique_first h2 a {
cursor:pointer;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-style:italic;
font-weight:normal;
color:#fff;
text-transform:uppercase;
text-decoration:none;
}
#navigation .rubrique h2, #navigation .rubrique_first h2 {padding:0;margin:0;}
#navigation .rubrique h2 a span, #navigation .rubrique_first h2 a span {color:#FFF;}

#navigation #conteneur_voir {float:left}
#navigation #conteneur_lire {float:left}
#navigation #conteneur_jouer {float:left}

#navigation #conteneur2_voir {width:590px;float:left}
#navigation #conteneur2_lire {width:530px;float:left}
#navigation #conteneur2_jouer {width:580px;float:left}

#navigation .rubrique h2 a span, #navigation .rubrique_first h2 a span {display:block;padding-top:3px;float:left;}

#navigation .rubrique h2 a img, #navigation .rubrique_first h2 a img, #navigation .rubrique_first_active h2 a img {
float:left;
margin-left:10px;
/*vertical-align:middle;*/
}

.ie #navigation .rubrique h2 a img, .ie #navigation .rubrique_first h2 a img, .ie #navigation .rubrique_first_active h2 a img {margin-left:7px;}

#navigation .sr a {
float:left;
padding-left:10px;
padding-right:6px;
padding-top:5px;
margin-top:7px;
font-size:14px;
height:22px;
background:#515151 url(../_img/bg_sr-off.png) top left repeat-y;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
/*font-style:italic;*/
text-decoration:none;
}

#navigation .sr_active a {
float:left;
padding-left:8px;
padding-right:7px;
padding-top:5px;
margin-top:7px;
font-size:14px;
height:22px;
background:#CC0000 url(../_img/bg_sr-on.png) top left repeat-y;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
/*font-style:italic;*/
text-decoration:none;
}

#navigation .sr a:hover,#navigation .sr_active a:hover {background:#CC0000 url(../_img/bg_sr-on.png) top left repeat-y;}

#navigation .sr a span, #navigation .sr_active a span {
padding:1px 2px;
vertical-align:middle;
background:#8b8b8b;
color:#515151;
font-size:10px;
text-transform:uppercase;
height:13px;
font-style:normal;
font-weight:bold;
letter-spacing:-1px;
}

#navigation .sr a:hover span,#navigation .sr_active a:hover span, #navigation .sr_active a span {color:#CC0000;background:#fff;}

#navigation #nav_help {
float:left;
width:auto;
font-style:italic;
color:#7b7b7b;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
padding-left:15px;
padding-top:11px;
}


/*LOGIN*/

/**//**/
#login_div{
display:none;
clear:both;
background:black url(../_img/login_footer.png) bottom left repeat-x;
color:white;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#form_login{
margin:0;
padding:0;
padding-top:3px;
padding-bottom:12px;
padding-right:10px;
}
#login_div label{
cursor:pointer;
}
#login_div #login, #login_div #passe{
border:1px solid #666;
padding:4px 4px;
font-size:10px;
background:#cccccc url(../_img/cherche_bg.png) top left repeat-x;
}
#go_login{
background:black;
color:white;
border:none;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
cursor:pointer;
}

/* FOOTER */

#footer{
clear:both;
background:#000 url(../_img/footer.png) top left repeat-x;
/*padding-top:0 !important;*/
padding:10px 0 0 0;
height:35px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#footer a {
color:#fff;
text-decoration:underline;
margin-top:0 !important;
}

#footer a.us {
vertical-align:middle;
color:#fff;
text-decoration:underline;
margin-top:12px;
/*padding-top:-12px !important;*/
}

#footer a.us.nosoul {text-decoration:none}
#footer a.us span.soul {text-decoration:underline}
#footer a.us:hover span.soul {text-decoration:none}

#footer a.us span.tispan {
text-decoration:none;
padding:1px 2px;
vertical-align:middle;
margin-right:3px;
background:#CC0000;
color:#fff;
font-size:10px;
text-transform:uppercase;
height:13px;
font-style:normal;
font-weight:bold;
letter-spacing:-1px;
}

#footer a.us:hover span.tispan {color:#CC0000;background:#fff;}

#footer a:hover {text-decoration:none}

#yahoo img {padding-top:5px;vertical-align:middle;}

/*#yahoo{
background:red url(http://www.presidentielles.net/_img/yahoo.gif) top left no-repeat;
width:220px;
height:25px;
}*/