/*
Theme Name: Purified (50-et-plus.com)
Theme URI: http://www.50-et-plus.com/
Description: Thème épuré
Version: 1.0
Tags: communaute, francophone, quinquagénaire
*/

/* Basics */

body { background:#E8E7E5; margin: 1px 0; }
#page { width: 980px; margin: 0 auto; padding: 0; background:#FFF; font-family: Arial, Helvetica, Sans-Serif; }
#wrapper { width: 940px; margin: 0 auto; padding: 0; background:none; }
hr { clear: both; visibility: hidden; margin: 20px; }

/* Header */

#header { height: 100px; width: 100%; margin: 0 auto; }
#header h1 { color: #FFF; padding: 5px 20px 0 20px; margin: 0; font-size: 11px; text-align: center; }
#barre-up { height: 25px; background: url('../images/barre_up.png') no-repeat; }
#logo { margin: 10px 0 0 5px; float: left; width: 280px; }
#logo img { border: none; margin: 0; padding: 0; }
#logo a { border: none; margin: 0; padding: 0; }
#menu { height: 80px; width: 630px; float: right; margin: 0; padding: 0; font-weight: 600; }
#menu ul { list-style: none; font-size: 11px; text-transform: uppercase; margin: 10px 0 0 0; padding: 0; }
#menu li.demarches, #menu li.informer, #menu li.offres, #menu li.guide { width: 150px; height: 80px; margin: 0 10px 0 0; float: left; display: block; }
#menu li.demarches p, #menu li.informer p, #menu li.offres p { width: 75px; margin: 10px 0 0 55px; line-height: 13px; }
#menu li.guide p { width: 85px; margin: 10px 0 0 55px; line-height: 13px; }
#menu li.demarches a, #menu li.informer a, #menu li.offres a, #menu li.guide a { color: #283A6B; text-decoration: none; }
#menu li.demarches a:hover, #menu li.informer a:hover, #menu li.offres a:hover, #menu li.guide a:hover { color: #33CAE8; text-decoration: none; }
#menu li.demarches { background: url('../images/li_demarches.png') no-repeat; }
#menu li.informer { background: url('../images/li_informer.png') no-repeat; }
#menu li.offres { background: url('../images/li_economisez.png') no-repeat; }
#menu li.offres p { width: 80px; }
#menu li.guide { background: url('../images/li_guide.png') no-repeat; margin: 0; width: 130px; }

/* Navigation 1 */

#nav-1 { background: url('../images/bg_nav5.png') no-repeat; margin: 10px 0 0 0; height: 45px; }
#breadcrump { width: 744px; height: 40px; float: left; }
#breadcrump a, #breadcrump p { margin: 15px 5px 0 10px; padding: 0 20px 0 0; text-decoration: none; font-size: 11px; display: block; float: left; background: url('../images/breadcramp_separator.png') top right no-repeat; color: #33CAE8; }
#breadcrump a:hover { color: #283A6B; }
#buttons { float: left; height: 45px; /* width: 290px; */ width:1px; }
#buttons a { float: right; margin: 15px 20px 0 20px; text-decoration: none; font-size: 12px; display: block; color: #33CAE8; text-transform: uppercase; }
#buttons a:hover { color: #283A6B; }

/* Recherche */

#recherche { width: 190px; display: block; float: left; margin: 2px 0 0 5px; }
#recherche input { margin: 0; padding: 0; font-size: 11px; color: #555; }
#recherche input#search { float: left; margin: 10px 5px 0 10px; padding: 3px 2px; background: url('../images/search-bg.png') repeat-x; border: none; color: #F7F7F7; width: 140px; }
#recherche input#button { float: left; margin: 10px 0 0 0; width: 18px; height: 18px; }

/* Navigation 2 & Menu Drop Down */

#nav-2 { background: url('../images/bg_nav2.png') no-repeat; margin: 0; height: 45px; margin-top: 10px; }

ul#dropdown, ul#dropdown li, ul#dropdown ul { list-style: none; margin: 0; padding: 0; }
ul#dropdown { list-style: none; font-size: 12px; text-transform: uppercase; margin: 0 0 0 15px; padding: 0; }
ul#dropdown li { margin: 0 14px; padding: 10px 0 0 0; float: left; display: block; text-align: center; }
ul#dropdown li a { font-size: 10px; color: #292929; text-decoration: none; }
ul#dropdown li:hover, ul#dropdown li a:hover { position: relative; z-index: 100; cursor: default; color: #2F8BD8; cursor: pointer; }
ul#dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 100; margin: 1px 0 0 0; width: 200px; background: #F5F5F5; border: 1px solid #CDCDCD; }
ul#dropdown ul li { float: none; text-align: left; text-transform: none; margin: 0; display: block; width: 100%; }
ul#dropdown ul li a { display: block; margin: -10px 0 0 0; padding: 10px; font-size: 13px; }
ul#dropdown ul li a:hover { background: #CDCDCD; }
ul#dropdown ul ul { top: 1px; left: 99%; }
ul#dropdown li:hover > ul { visibility: visible; }

/* Banner */

#banner { background: url('../images/banner_bg.png') no-repeat; margin: 0; height: 350px; width: 940px; float: left; }
#banner h2 { text-transform: uppercase; font-size: 24px; margin: 0; padding: 30px 0 0 25px; color: #33CAE8; line-height: 22px; }
#banner h3 { text-transform: uppercase; font-size: 15px; color: #283A6B; padding: 0 0 0 25px;}
#banner h3 span { color: #33CAE8; }
#banner p { color: #333333; font-size: 12px; padding: 5px 0 0 25px; width: 700px; text-align: justify; }
#banner p span { color: #33CAE8; }
#banner ul { list-style: none; padding-top: 10px;  }
#banner ul li { background: url('../images/arrow.png') no-repeat; margin: 0 0 10px 25px; }
#banner ul li a { border: none; margin: 0 0 0 30px; padding: 0; height: 20px; display: block; text-decoration: none; color: #283A6B; text-transform: uppercase; font-size: 15px; font-weight: bold; }
#banner ul li a:hover { color: #33CAE8; }

/* Derniers Articles */

#latest { background: url('../images/latest_bg.png') no-repeat; height: 200px; width: 295px; float: left; margin: 10px 0 0 0; }
#latest h3 { background: url('../images/latest-icone.png') no-repeat; font-size: 15px; color: #33CAE8; display: block; margin: 15px 0 0 25px; padding: 5px 0 0 40px; height: 30px; text-transform: uppercase; }
#latest ul { list-style: square; font-size: 12px; margin: 10px 0 10px 10px; }
#latest ul li { margin: 5px 0 0 0; }
#latest ul li a { text-decoration: none; color: #333; font-weight: normal; font-weight: bold; }
#latest ul li a:hover { color: #283E6B; }
#latest a.more { color: #283E6B; font-weight: bold; text-decoration: none; font-size: 12px; margin: 0 0 0 100px; }
#latest a:hover.more { color: #33CAE8; }

/* Le Guide */

#guide { background: url('../images/guide_bg.png') no-repeat; height: 200px; width: 295px; float: left; margin: 10px 0 0 10px; }
#guide h3 { background: url('../images/guide-icone.png') no-repeat; font-size: 15px; color: #33CAE8; display: block; margin: 15px 0 0 25px; padding: 5px 0 0 40px; height: 30px; text-transform: uppercase; }
#guide ul { list-style: square; font-size: 12px; margin: 0 0 10px 10px; }
#guide ul li { margin: 5px 0 0 0; }
#guide ul li a { text-decoration: none; color: #333; font-weight: bold; }
#guide ul li a:hover { color: #283E6B; }
#guide p { color: #333; font-size: 12px; margin: 5px 20px 5px 30px; padding: 0; text-align: justify; }
#guide a.more { color: #283E6B; font-weight: bold; text-decoration: none; font-size: 12px; margin: 0 15px; float: right; }
#guide a:hover.more { color: #33CAE8; }

/* Economisez.com */

#economisez { background: url('../images/economisez_bg.png') no-repeat; height: 200px; width: 330px; margin: 10px 0 0 10px; float: right; }
#economisez a { display: block; height: 200px; width: 330px; text-decoration: none; margin: 0; padding: 0; }
#economisez p { font-size: 14px; padding: 55px 25px; margin: 0; color: #0451A4; text-transform: uppercase; font-weight: bold; text-align: center; }
#economisez p span { color: #F58B40; }

/* Box */

#box { clear: both; width: 295px; height: 200px; float: left; }

/* Partageons */

#partageons { background: url('../images/partageons_bg.png') no-repeat; height: 100px; width: 295px; margin: 10px 0 0 0; }
#partageons h3 { font-size: 15px; color: #33CAE8; display: block; margin: 0; padding: 15px 0 0 30px; text-transform: uppercase; }
#partageons a.email { background: url('../images/email.png') no-repeat; color: #283E6B; font-weight: bold; text-decoration: none; font-size: 12px; margin: 10px 0 0 35px; padding: 10px 0 0 40px; float: left; height: 32px; }
#partageons a.email:hover { color: #33CAE8; }

/* Social */

#social { background: url('../images/social_bg.png') no-repeat; height: 100px; width: 295px; margin: 0; }
#social h3 { font-size: 15px; color: #33CAE8; display: block; margin: 0; padding: 15px 0 0 30px; text-transform: uppercase; }
#social p { color: #333; line-height: 12px; font-weight: bold; text-decoration: none; font-size: 12px; margin: 5px 0 0 0; padding: 10px 20px 0 30px; float: left; height: 32px; }

/* Partager */

#partager { height: 25px; width: 940px; margin: -10px 0 0 0; padding: 0; display: block; clear: both; }
#partager ul { list-style: none; padding: 0; margin: 10px 0 0 30px; }
#partager ul li { font-size: 12px; padding: 0; margin: 0; float: left; }
#partager ul li img { border: none; margin: 5px 3px 0 0; padding: 0; float: left; }
#partager ul li a { color: #283E6B; font-weight: bold; text-decoration: none; padding: 0; margin: 5px 8px 0 0; float: left; }
#partager ul li a:hover { color: #33CAE8; }

/* ACTIV' RECHERCHE */

#activ-recherche { background: url('../images/activ-recherche_bg.png') no-repeat; height: 200px; width: 295px; float: left; margin: 10px 10px 0 8px; }
#activ-recherche h3 { font-size: 15px; color: #33CAE8; display: block; margin: 10px 0 0 0; padding: 5px 0 0 30px; text-transform: uppercase; }
#activ-recherche #form #bloc-1 { width: 240px; height: 25px; margin: 15px 15px 0 30px; }
#activ-recherche #form #bloc-1 input { width: 230px; height: 18px; }
#activ-recherche #form #bloc-2 { width: 240px; height: 25px; margin: 20px 15px 0 30px; font-size: 12px; }
#activ-recherche #form #bloc-2 select { width: 235px; height: 24px; }
#activ-recherche #form #bloc-3 { margin: 20px 30px 0 0; float: right; }

/* Publicité */

#publicite { height: 200px; width: 329px; float: left; margin: 10px 0 0 0; background: url('../images/publicite_bg.png') no-repeat; }
#publicite img { border: none; margin: 0; padding: 0; }

/* The Best Match */

#best-match { background: url('../images/best_match.png') no-repeat; margin: 8px 0 10px 0; height: 70px; width: 940px; float: right; }
#best-match ul { list-style: none; margin: 24px 0 0 20px; padding: 0; }
#best-match li { margin: 10px 0 0 0; float: left; display: block; padding: 1px 8px; color: #B9BABB; }
#best-match li a { color: #292929; margin: 0 10px 0 0; text-decoration: none; font-size: 12px; }
#best-match li a:hover { color: #33CAE8; }

/* Footer */

#footer { clear: both; background: url('../images/bg_footer.png') no-repeat; height: 50px; width: 940px; }
#footer #menu { float: left; display: block; margin: 0; padding: 5px 10px 0 20px; width: 100%; height: auto; }
#footer #menu p, #footer #menu a { font-size: 12px; color: #FFF; font-weight: normal; text-decoration: none; margin: 0 10px; padding: 0; text-align: center; }
#footer #menu a:hover { color: #283E6B; }
#credits { clear: both; display: block; margin: 0; padding: 2px 8px; width: 930px; height: auto; }
#credits p { font-size: 10px; color: #FFF; text-align: center; margin: 0; padding: 0; }

#cnil img {
	margin-left:-20px;
	float:left;
}

#cnil .wording {
	float:left;
	width:160px;
	margin-left:5px;
	font-weight: normal;
}

.bleu-clair { color:#33CAE8; }