/* Start of CMSMS style sheet 'Franceelectorale' */
/*** CSS Global ***/

body {
  background-color: #efefef;
  font: normal 12px Arial,Verdana, Helvetica, sans-serif;
}

ul ul { list-style-type: square; }

#header-logo {
  position: relative;
  z-index: 1;
}

#logo {
  height: 220px;
  position:absolute;
  top:0;
  left:0;
  z-index: 10;
}

#logo a { height: 220px; }

#header {
  background-position: top center;
  height: 71px;
  position: relative;
}

.header-class { background: url(uploads/images/css/header-bg.png) no-repeat; overflow:hidden; }

#above-header {
  color: #666666;
  font-size: 10px;
  height: 71px;
}
#above-header span {
  bottom: 3px;
  font-size: 11px;
  margin-left: 280px;
  position: absolute;
  text-align: left;
}
#above-header span a {
  color: #666666;
  text-decoration: underline;
}
#above-header span a:hover {
  color: #005CA4;
}
#above-header span a img { vertical-align: middle; }

#header-bandeau {
  background-color: #333333;
  height: 149px;
  width: 100%;
}

#header-top-wrapper {
  background-position: bottom center;
  height: 149px;
}
#header-top { height: 113px; float:right; }

#menu { 
  color: #FFFFFF;
  font: normal 12px Arial,Verdana, Helvetica, sans-serif;
  height: 36px;
  float: right;
}

ul.primary-nav {
  padding: 0;
  margin: 0;
 }

ul.primary-nav li {
  display: inline;
  float: left;
  list-style-type: none;
  text-align: center;
}
#menu ul.primary-nav li { height: 36px; }
#sous-menu ul.primary-nav li { height: 24px; }

ul.primary-nav li a {
  display: inline;
  font-size: 1em;
  text-decoration: none;
  cursor: pointer;
}
ul.primary-nav li a:link, ul.primary-nav li a:visited, ul.primary-nav li a:active, #menu ul.primary-nav li a:hover { text-decoration: none; }

#menu ul.primary-nav li a { 
  color: #FFFFFF;
  height: 36px;
  line-height: 36px;
}
#sous-menu ul.primary-nav li a {
  color: #000000;
  height: 24px;
  line-height: 24px;
}

#menu ul.primary-nav li a:hover span.text-menu, #menu ul.primary-nav li.menuactive a.menuactive span.text-menu {
  background-color: #cccccc;
  color: #000000;
}
#sous-menu ul.primary-nav li a:hover span.text-menu { text-decoration: underline; }

ul.primary-nav li a span.text-menu {
  display: inline-block;
  height: 36px;
  padding: 0 5px;
}
#menu ul.primary-nav li a span.text-menu { height: 36px; }
#sous-menu ul.primary-nav li a span.text-menu { height: 24px; }
ul.primary-nav li a span.first-item { padding-left: 0; }
ul.primary-nav li a span.last-item { padding-right: 0; }

#sous-menu { 
  background-color: #cccccc;
  height: 24px;
}
#sous-menu .sm-border {
  background: url(uploads/images/css/sous-menu-bg.png) no-repeat;
  height: 24px;
}
#sous-menu #sm-left { background-position: 0 0; }
#sous-menu #sm-content { 
  background-color: #cccccc;
  height: 24px;
}
#sous-menu #sm-right { background-position: -30px 0; }

.menu_separator { padding: 0px 15px; }

#content {
  background: url(uploads/images/css/content-bg.png) 0 0 repeat-y;
  padding-top: 30px;
  padding-bottom: 20px;
}

#footer { margin-bottom: 20px; }
#footer-content-wrapper { padding: 0 4px; background: url(uploads/images/css/content-bg.png) repeat-y; }
#footer-content { background-color: #cccccc; }
#footer-content p { font-size: 0.8em; text-align: center; margin: 0; }

#footer { 
  background: url(uploads/images/css/content-bottom.png) top center no-repeat;
  min-height: 50px;
}

div.app { height: 60px;  margin : 0px 0px 15px 0; }
div.app a {
  display: block;
  width: 230px;
  height: 60px;
  text-indent: -999px;
  zoom: 1;
  background: url(uploads/images/encarts-accueil.png) no-repeat;
}

div.app a#archive-resultats { background-position: 0 0; }
div.app a#archive-resultats:hover { background-position: 0 -60px; }
div.app a#atlas-interactif { background-position: -230px 0; }
div.app a#atlas-interactif:hover { background-position: -230px -60px; }
div.app a#twitter-articque { background-position: -460px 0; }
div.app a#twitter-articque:hover { background-position: -460px -60px; }

.center {text-align: center; }

h1 {
  color: #005ca4;
  font-size: 20px;
  font-variant: small-caps;
  line-height: 24px;
  margin: 0 0 20px 0;
}

h1 span, h1 em { color: #be3b24; font-style: normal; }
h4 span { color: #be3b24; }
   
h2 { 
color: #005ca4;
  font-size: 1.5em; 
  text-align: left;
  margin-bottom: 0.5em;
}

h3 { 
color: #005ca4;
  font-size: 1.3em;
  line-height: 1.3em;
  margin: 1em 0 0.5em;
}
h3.line { border-bottom: 1px solid #CCC; margin-bottom: 1em; }
h4 {
color: #005ca4;
  font-size: 1.2em;
  line-height: 1.3em;
  margin-bottom: 0.25em;
}

h5 {
/*color: #005ca4;*/
color: #d62d1a;
  font-size: 1.1em;
  line-height: 1.3em;
  margin-bottom: 0.5em;
}

a:link {
	text-decoration: underline;
	color:#be3b24;
}

a:visited {
	text-decoration: underline;
	color:#be3c25;     
}

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

.contour {
background-color:#FFFFFF;
border:1px solid #CCCCCC;
padding:3px;
}

.important {
  background: #fff6bf url(uploads/images/css/exclamation.png) center no-repeat;
  background-position: 15px 50%;
  border-top: 2px solid #ffd324;
  border-bottom: 2px solid #ffd324;
  font-size: 10px;
  padding: 5px 20px 5px 45px;
  text-align: left;
  margin: 10px 0;
}

.input-error{
  background:url(uploads/images/css/exclamation.png) no-repeat scroll center bottom  transparent;
  display:inline-block;
  height:16px;
  margin-bottom:-3px;
  width:16px;
}

/*** FORUMS ***/
#formConnexion h3 { margin-left:7em; }
#formConnexion label { float:left; margin:0.5em; text-align:right; width:8em; }
#rememberme { margin-left:9em; }
#rememberme label { float:none; margin:0; text-align:left; width:auto; }
#formConnexion .submit { margin:1em 0 0 9em; }
#formConnexion input[type=text],
#formConnexion input[type=password] { width:14em; }
#loginMore { margin-left:11em; }

#formEnregistrement h3 { margin-left:11.5em; }
#formEnregistrement label { float:left; margin:0.5em; text-align:right; width:14em; }
#formEnregistrement .submit { margin-left:14.5em; }
#formEnregistrement .sendanothermail { margin-left:18em; }


/*** Pages dédiées au Régionales 2010 ***/
/* Boite d'infos caractéristiques de chaque régions */
#region2010 .box-info { float: right; width: 270px; padding: 10px; background-color: #DDD;}
#region2010 .box-info .label-info { font-weight: bold; float: left; width: 115px; }
#region2010 .box-info ul { margin-bottom: 0px; }
#region2010 .box-info li {list-style-type: none; }
#region2010 .box-info p {font-weight: bold; text-align: center; font-variant: small-caps ; font-size: 1.3em; margin-bottom: 0.8em; }
#region2010 .box-image { float: right; margin: 1em 0pt 3em 2em; }
#region2010 .data-box { float: right; width: 300px; }

#region2010 .list p { float:left; margin:0 0 0.8em 1em; width:13.3em; line-height: 1.1em; height: 1.7em;}
#region2010 h2 { margin: 1.5em 0 0.8em 0; }
#region2010 h3 { clear:left; line-height: 1.8em; margin: 1.5em 0 0.8em 0; }

#region2010-menu li {display: inline; margin: 0px 5px; line-height: 1.5em; }
#region2010-menu {text-align: center;}

#region2010-content-card p.card-title { font-weight: bold; margin-bottom: 5px; }

#region2010-content-menu ul { margin:0; padding:10px; }
  #region2010-content-menu ul ul { padding:0; }

#region2010-content-menu li {
  background-color: transparent;
  border: 1px solid #ccc;
  border-width:1px 0;
  font-size:1.2em;
  line-height:  1.3em;
  list-style-type: none;
  padding: 0;
  margin: 1.5em 0 0;
}
  #region2010-content-menu li.currentpage { background-color:#ccc; color:#111; font-weight:bold; }
  #region2010-content-menu li li { border-width:1px 0; font-size:0.9em; margin:0 0 -1px 0; }

  #region2010-content-menu li li a { background-color:#fff; color:#333; padding-left:10px; }
  #region2010-content-menu li li li a { color:#555; padding-left:15px; }
  #region2010-content-menu li li li li a { padding-left:20px; }

  //#region2010-content-menu li.menuactive a { padding-left:0; }
  #region2010-content-menu li.menuactive li { padding-left:10px; }
  #region2010-content-menu li.menuactive li.menuactive li { padding-left:15px; }
  #region2010-content-menu li.menuactive li.menuactive li.menuactive li { padding-left:20px; }
  
  #region2010-content-menu a { background-color:#eee; color:#111; display:block; padding:2px 0 2px 10px; text-decoration:none; }
  #region2010-content-menu a:hover { background-color:#eee; color:#111; }
    #region2010-content-menu li.new a {
      background-image: url(uploads/images/css/new-clignotant.gif);
      background-position: 95% 50%;
      background-repeat:no-repeat;
   }




/*** COMMENTAIRES ***/
#redigerCommentaireTitre {
  background: url(uploads/images/css/rediger-commentaire.png) top right no-repeat;
  cursor: pointer;
  float: left;
  margin: 0;
  padding-right: 20px;
}
  #redigerCommentaireTitre.premiereReaction {
    background: url(uploads/images/css/rediger-premier-commentaire.jpg) top left no-repeat;
    height: 62px;
    margin-bottom: 5px;
    width: 164px;
  }
  #redigerCommentaireTitre span {
    background: url(uploads/images/css/rediger-commentaire.png) top left no-repeat;
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: normal;
    line-height: 25px;
    padding: 0 0 0 40px;
  }
  #redigerCommentaireTitre.premiereReaction span {
    position: absolute;
    top: -999em;
    left: -999em;
  }
  
  #redigerCommentaire {
    background-color: #efefef;
    border-top: 1px solid #999;
    border-bottom: 20px solid #fff;
    margin: -15px 0 0;
  }
  #redigerCommentaire label { float:left; margin-right:10px; padding-top: 10px; text-align:right; width:150px; }
  #redigerCommentaire input.checkbox, #redigerCommentaire input[type="checkbox"] { position: relative; top: 1.6em; }
  #redigerCommentaire fieldset div { clear: left; }
  #redigerCommentaire fieldset { margin:0 0 0.5em; }

  #redigerCommentaire div.fm-submit { padding-left: 176px; }


#comments fieldset {
  background-color: transparent;
  border-width: 0;
}
#comments textarea { 
  border: 1px solid #ccc;
  width: 60ex; 
}
#comments input:focus {
  background-color: #ccc;
}
#comments div.fm-submit {
  margin: 0 0 15px;
}

#content ul#lesCommentaires {
  clear: left;
  margin: 0;
}
#lesCommentaires li.unCommentaire {
/* background-color: #efefef; */
display: block;
border: 1px solid #dddddd;
margin-bottom: 12px;
}
#lesCommentaires li.unCommentaire .commentTitle {
background-color: #dddddd;
padding-left: 10px;
height: 30px;
line-height: 30px;
}
#lesCommentaires li.unCommentaire .commentTitle img {
	padding-top: 7px;
	margin-right: 5px;
	float: left;
}
#lesCommentaires li.unCommentaire .commentContent {
border-left: 2px solid #3d3d3d;
margin: 10px 0 10px 25px;
padding: 10px;
}
#lesCommentaires li.unCommentaire.alt {
background-color: #fff;
}
#lesCommentaires .infos {
color: #999;
font-size: 10px;
}
#lesCommentaires .infos abbr {
border-bottom-width: 0;
}
  
span.nbCommentaires {
  background: url(uploads/images/css/comment_blue_16.gif) 0 0 no-repeat;
  float: left;
  font-size: 10px;
  padding-left: 17px;
}

#actu h4.avecCommentaires a { margin-left: 103px; }

/* End of 'Franceelectorale' */