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

/* Basics */

body { background:#E8E7E5; margin: 1px 0; }
#page { width: 980px; margin-left:-490px;position:absolute;left:50%; 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: #9845C2; text-decoration: none; }
#menu li.demarches a:hover, #menu li.informer a:hover, #menu li.offres a:hover, #menu li.guide a:hover { color: #4D1164; 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_nav1.png') no-repeat; margin: 10px 0 0 0; height: 45px; }
#breadcrump { width: 600px; 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: #9845C2; }
#breadcrump a:hover { color: #4D1164; }
#buttons { float: left; height: 45px; width: 1px;}
#buttons a { float: right; margin: 15px 5px 0 5px; text-decoration: none; font-size: 12px; display: block; color: #9845C2; text-transform: uppercase; }
#buttons a:hover { color: #4D1164;}

/* 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 */

#nav-2 { background: url('../images/bg_nav2.png') no-repeat; margin: 0; height: 45px; margin-top: 10px; }
#nav-2 ul { list-style: none; font-size: 12px; text-transform: uppercase; margin: 0 0 0 20px; padding: 0; }
#nav-2 li { margin: 0 12px; padding: 10px 0 0 0; float: left; display: block; text-align: center; }
#nav-2 li a { font-size: 10px; color: #292929; text-decoration: none; }
#nav-2 li a:hover{ color: #EEE; }

/* 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: #9744C1; line-height: 22px; }
#banner h3 { text-transform: uppercase; font-size: 15px; color: #4D1164; padding: 0 0 0 25px;}
#banner h3 span { color: #9744C1; }
#banner p { color: #333333; font-size: 12px; padding: 5px 0 0 25px; width: 450px; text-align: justify; }
#banner p span { color: #9744C1; }
#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: #4D1164; text-transform: uppercase; font-size: 15px; font-weight: bold; }
#banner ul li a:hover { color: #9744C1; }
 
/* 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: #9744C1; 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: #4D1164; }
#latest a.more { color: #643078; font-weight: bold; text-decoration: none; font-size: 12px; margin: 0 0 0 100px; }
#latest a:hover.more { color: #9845C2; }

/* Le Guide */

#guide { background: url('../images/guide_bg.png') no-repeat; height: 200px; width: 295px; float: left; margin: 10px 0 0 10px; }
#guide h3 { font-size: 15px; color: #9744C1; display: block; margin: 10px 0 0 25px; padding: 5px 0 0 0px; 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: #4D1164; }
#guide p { background: url('../images/carte.png') no-repeat; color: #333; margin: 0px 10px 5px 10px; padding-left: 90px; text-align: justify; height: 120px; font-size: 11px; }
#guide p img{ margin-top: 7px; margin-left: 20px; }
#guide p a{ text-decoration: none; color: #333; }
#guide a.more { color: #643078; font-weight: bold; text-decoration: none; font-size: 12px; margin: 0 15px; float: right; }
#guide a:hover.more { color: #9845C2; }


/* Le Guide2 */

#guide2 { background: url('../images/guide_bg.png') no-repeat; height: 200px; width: 295px; float: left; margin: 10px 0 0 10px; }
#guide2 h3 { font-size: 15px; color: #9744C1; display: block; margin: 10px 0 0 25px; padding: 5px 0 0 0px; height: 30px; text-transform: uppercase; }
#guide2 ul { list-style: square; font-size: 12px; margin: 0 0 10px 10px; }
#guide2 ul li { margin: 5px 0 0 0; }
#guide2 ul li a { text-decoration: none; color: #333; font-weight: bold; }
#guide2 ul li a:hover { color: #4D1164; }
#guide2 p { color: #333; margin: 0px 10px 5px 10px; text-align: justify; height: 120px; font-size: 12px; }
#guide2 p img{ margin-top: 7px; margin-left: 20px; }
#guide2 p a{ text-decoration: none; color: #333; }
#guide2 a.more { color: #643078; font-weight: bold; text-decoration: none; font-size: 12px; margin: 0 15px; float: right; }
#guide2 a:hover.more { color: #9845C2; }



/* 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; }

/* Partageons */

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

/* ACTIV' RECHERCHE */

#activ-recherche { background: url('../images/activ-recherche_bg.png') no-repeat; height: 80px; width: 295px; float: left; margin: 10px 0 0 10px; }
#activ-recherche h3 { font-size: 15px; color: #9744C1; display: block; margin: 10px 0 0 0; padding: 5px 0 0 30px; text-transform: uppercase; }
#activ-recherche #form #bloc-1 { width: 70px; height: 25px; margin: 0px 15px 0 30px; float: left; }
#activ-recherche #form #bloc-1 input { width: 70px; height: 18px; }
#activ-recherche #form #bloc-2 { width: 125px; height: 25px; margin: 0px 0 0 0; float: left; font-size: 12px; }
#activ-recherche #form #bloc-2 select { width: 120px; height: 24px; }
#activ-recherche #form #bloc-3 { margin: 0px 0 0 0; float: left; }

/* CNIL */

#cnil { background: url('../images/cnil_bg.png') no-repeat; height: 80px; width: 329px; float: left; margin: 10px 0 0 10px; }
#cnil p { color: #333; font-size: 12px; line-height: 12px; margin: 10px 20px 0 120px; padding: 0; text-align: justify; }
#cnil p span { color: #9744C1; }

/* Partager */

#partager { height: 50px; width: 940px; margin: 0; padding: 0; display: block; clear: both; }
#partager h3 { font-size: 15px; color: #9744C1; display: block; margin: 0; padding: 0 0 0 30px; text-transform: uppercase; }
#partager ul { list-style: none; padding: 0; margin: 10px 0 0 30px; }
#partager ul li { display: inline; font-size: 12px; padding: 0; margin: 0; }
#partager ul li img { border: none; margin: 5px 3px 0 0; padding: 0; float: left; }
#partager ul li a { color: #643078; font-weight: bold; text-decoration: none; padding: 0; margin: 5px 8px 0 0; float: left; }
#partager ul li a:hover { color: #9845C2; }

/* 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 7px; color: #B9BABB; }
#best-match li a { color: #292929; margin: 0 20px 0 0; text-decoration: none; font-size: 12px; }
#best-match li a:hover { color: #9845C2; }

/* 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: #DECCEF; }
#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; }

/* Menu deroulant */

#MenuDeroulant #menu_deroul {
    list-style: none;
    position: absolute;
    visibility: hidden;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
    margin:5px 0 0 0;
    padding:0;
}
#MenuDeroulant #menu_deroul li {
	text-align: left;
	padding:10px;
	background-color: #ACACAC;
	border-bottom: 1px solid gray;
	margin:0;
  float: none;
}
#MenuDeroulant #menu_deroul li:hover{
	background-color: #DFDFDF;
}
#MenuDeroulant #menu_deroul li a {    
  width: auto;
} /* Couleur de fond des items déroulant du menu (rouge bordeaux) */
#MenuDeroulant #menu_deroul li a:hover{
	color: #292929;
}

#plan a{
	color: #292929;
}

#plan .categorie a {
	font-size:22px;
	color: #9744C1;
}

#plan .page a{
	font-size:14px;
	color: #292929;
}