/*   
Theme Name: QCC (Quel crédit choisir)
Description: Theme for Quel Crédit CHoisir
Author:  Designed & Created by Bertrand Bruandet 
Author URI: http://www.bertrandbruandet.com
Version: 1
*/

* {
	border : 0;
	margin : 0;
	padding: 0;
}

body {
	background : #e7e6de;
	font : 12px georgia, serif;
}

#main {
	width: 960px;
	margin: auto;
}

#header {
	margin: 20px 0 0 0;
}

#header #logo {
	float: left;
}

#header ul#menu {
	float: right;
	margin: 0 0 20px 0;
}

#header ul#menu li {
	display: inline;
}

#header ul#menu li a {
	margin: 0 0 0 10px;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 70px;
	float: left;
}

#header ul#menu li a span {
	font-size: 1.2em;
	padding: 5px;
	margin: 0 0 0 10px;
	background-color: #f3c13e;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
}

#header ul#menu li a:hover span, #header ul#menu li a#actif span {
	font-size: 1.2em;
	padding: 5px;
	margin: 0 0 0 10px;
	background-color: #f37a3e;
	color: #FFFFFF;
	text-decoration: none;
}
#header ul#menu li a:hover, #header ul#menu li a#actif {
	color: #FFFFFF;
	text-decoration: none;
}

#header ul#menu li#ci a {
	background: url(images/iconesmenu.gif) no-repeat 20px -5px;
}

#header ul#menu li#ci a:hover, #header ul#menu li#ci a#actif {
	background: url(images/iconesmenu.gif) no-repeat 20px -71px;
}

#header ul#menu li#ac a {
	background: url(images/iconesmenu.gif) no-repeat 15px -137px;
}

#header ul#menu li#ac a:hover, #header ul#menu li#ac a#actif {
	background: url(images/iconesmenu.gif) no-repeat 15px -203px;
}

#header ul#menu li#rc a {
	background: url(images/iconesmenu.gif) no-repeat 12px -265px;
}

#header ul#menu li#rc a:hover, #header ul#menu li#rc a#actif {
	background: url(images/iconesmenu.gif) no-repeat 12px -331px;
}

#header ul#menu li#pi a {
	background: url(images/iconesmenu.gif) no-repeat 12px -400px;
}

#header ul#menu li#pi a:hover, #header ul#menu li#pi a#actif {
	background: url(images/iconesmenu.gif) no-repeat 12px -466px;
}

#header #quote {
	clear: both;
	color: #4e84b1;
	margin: 0 0 30px 0;
	padding: 20px 0 0 0;
	font-size: 2.2em;
	font-style: italic;
}

#header #quote strong {
	color: #215275;
	font-style: italic;
	font-weight: normal;
}

#header #fil-ariane {
	clear: both;
	color: #f3c13;
	margin: 0 0 15px 0;
	width: 585px;
}

#header #fil-ariane a {
	color: #f37a3e;
}

#content {
	width: 565px;
	float: left;
}

#content .article {
	clear: both;
	border-top: 5px #4e84b1 solid;
	margin: 0 0 30px 0;
	background-color: #679bc6;
}

#content .article h2 {
	font-size: 1.8em;
	font-style: italic;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	padding: 3px 0 3px 10px;
	color: #ffffff;
	background: url(images/bg_titre.jpg) #8db6d2 repeat-x left bottom;
}

#content .article h2 a {
	color: #ffffff;
	text-decoration: none;
}

#content .article span.infos {
	font-size: 1.1em;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	color: #215275;
	display: block;
	background: #e7e6de;
	padding: 5px 0 5px 15px;
}

#content .article span a {
	color: #f37a3e;
	text-decoration: none;
}

#content .article h4.more-link {
	background: #ededed;
	color: #225275;
	padding: 7px;
	float: left;
	margin: 0px 0 0 0px;
}

#content .article a.more-link {
	color: #225275;
	font-size: 0.9em;
	text-decoration: none;
}

#content .article .contenu {
	padding: 10px 15px 15px 15px;
}

#content .article .contenu h1 {
	font-size: 1.5em;
	font-weight: normal;
	color: #FFFFFF;
}

#content .article .contenu h2 {
	font-size: 1.4em;
	font-weight: normal;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	background: none;
}

#content .article .contenu h3 {
	font-size: 1.3em;
	font-weight: normal;
	color: #FFFFFF;
}

#content .article .contenu h4 {
	font-size: 1.2em;
	font-weight: normal;
}

#content .article .contenu p {
	padding: 10px 0 10px 0;
	font-size: 1.2em;
	font-style: normal;
	font-weight: normal;
	line-height: 1.3em;
	text-transform: normal;
	letter-spacing: normal;
	color: #FFFFFF;
}

#content .article .contenu p a {
	color: #ffffff;
}

#content .article .contenu ol {
	color: #ffffff;
}

#content .article .contenu ul {
	font-size: 1.2em;
	color: #fffff;
	margin: 0 0 0 40px;
}

#content .article .contenu ul li {
	padding: 0 20px 0 0px;
	margin: 5px 0 7px 0;
	color: #ffffff;
}

#content .article hr {
	clear: both;
}

#content .page {
	clear: both;
	border-top: 5px #4e84b1 solid;
	margin: 0 0 30px 0;
	background-color: #679bc6;
}

#content .page h2 {
	font-size: 1.8em;
	font-style: italic;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	padding: 3px 0 3px 10px;
	color: #ffffff;
	background: url(images/bg_titre.jpg) #67a2c3 repeat-x left bottom;
	background: url(images/bg_titre.jpg) #8db6d2 repeat-x left bottom;
}

#content .page h2 a {
	color: #ffffff;
	text-decoration: none;
}

#content .page span.infos {
	font-size: 1.1em;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	color: #215275;
	display: block;
	background: #e7e6de;
	padding: 5px 0 5px 15px;
}

#content .page span a {
	color: #f37a3e;
	text-decoration: none;
}

#content .page h4.more-link {
	background: #ededed;
	color: #225275;
	padding: 7px;
	float: left;
	margin: 0px 0 0 0px;
}

#content .page a.more-link {
	color: #225275;
	font-size: 0.9em;
	text-decoration: none;
}

#content .page .contenu {
	padding: 10px 15px 15px 15px;
}

#content .page .contenu h1 {
	font-size: 1.5em;
	font-weight: normal;
	color: #FFFFFF;
}

#content .page .contenu h2 {
	font-size: 1.4em;
	font-weight: normal;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	background: none;
}

#content .page .contenu h3 {
	font-size: 1.3em;
	font-weight: normal;
	color: #FFFFFF;
}

#content .page .contenu h4 {
	font-size: 1.2em;
	font-weight: normal;
}

#content .page .contenu p {
	padding: 10px 0 10px 0;
	font-size: 1.2em;
	font-style: normal;
	font-weight: normal;
	line-height: 1.3em;
	text-transform: normal;
	letter-spacing: normal;
	color: #FFFFFF;
}

#content .page .contenu p a {
	color: #ffffff;
}

#content .page .contenu ol {
	color: #ffffff;
}

#content .page .contenu ul {
	font-size: 1.2em;
	color: #fffff;
	margin: 0 0 0 40px;
}

#content .page .contenu ul li {
	padding: 0 20px 0 0px;
	margin: 5px 0 7px 0;
	color: #ffffff;
}

#content .page .contenu ul li a {
	color: #ffffff;
	text-decoration: none;
}

#content .page .contenu ul li a strong {
	color: #F37A3E;
	text-decoration: none;
}

#content .page hr {
	clear: both;
}

#content .adsense {
	width: 468px;
	margin: auto;
	background-color: #e7e6de;
	margin-bottom: 15px;
}

#content .wp-pagenavi {
	color: #679bc6;
	background: #E7E6DE;
}

#content .wp-pagenavi a {
	color: #679bc6;
}

#content .wp-pagenavi .pages, #content .wp-pagenavi a {
	border: 1px solid #679bc6;
}

#content .wp-pagenavi a.page {
	background: #E7E6DE;
	border: 1px solid #679bc6;
}

#content .wp-pagenavi .current {
	background: #679bc6;
	color: #E7E6DE;
	border: 1px solid #679bc6;
}

.liens-reco {
	padding: 5px;
	border: 1px solid #679BC6;
	margin-top: 10px;
	background-color: #EEEEEE;
	font-size: 1.2em;
	margin-bottom: 20xp;
}

.liens-reco ul {
	padding: 0 0 0 20px;
}

.liens-reco ul li, .liens-reco ul li a {
	color: #f37a3e;
}

ul#sidebar {
	width: 336px;
	float: right;
	/**list-style: none;**/
}

ul#sidebar li {
	list-style: none;
}

ul#sidebar li#recherche {
	background: #6197c5;
	height: 60px;
	list-style: none;
}

ul#sidebar li#recherche input {
	width: 285px;
	height: 30px;
	padding: 0 10px 0 10px;
	margin: 15px 0 0 12px;
	-moz-border-radius : 10px;
	font : 2em georgia, serif;
	color: #f37a3e;
}

ul#sidebar li#sidemenu {
	margin: 10px 0 10px 0;
}

ul#sidebar li#sidemenu ul {
	background: #eeeeee;
	padding: 8px;
}

ul#sidebar li#sidemenu ul li {
	color: #545346;
	padding: 0 0 0 25px;
	margin: 20px 0 20px 0;
	font-size: 1.1em;
	font-style: italic;
}

ul#sidebar li#sidemenu ul li a {
	color: #898878;
	text-decoration: none;
}

ul#sidebar li#sidemenu ul li a:hover {
	color: #5b5a50;
	text-decoration: none;
}

ul#sidebar li#sidemenu ul li img {
	float: left;
	margin: 0 30px 0 0;
}

ul#sidebar li#sidemenu ul li p {
	text-transform: uppercase;
	color: #545346;
	font-size: 1.3em;
}

ul#sidebar li#archives {
	padding: 5px 5px 5px 20px;
	margin: 0 0 10px 0;
	border: 1px solid #f3c13e;
	margin-top: 10px;
	background-color: #EEEEEE;
	font-size: 1.2em;
}

ul#sidebar li#archives h3 {
	color: #f37a3e;
	font-size: 1.2em;
	font-style: italic;
}

ul#sidebar li#archives ul {
	margin: 8px 0 0 15px;
}

ul#sidebar li#archives li {
	margin: 0 0 5px 0;
}

ul#sidebar li#archives li a {
	color: #f37a3e;
	text-decoration: none;
}

ul#sidebar li#tagcloud {
	margin: auto;
	color: #679bc6;
	list-style: none;
	margin: 10px 0 15px 0;
}

ul#sidebar li#tagcloud a {
	font-size: 1.3em;
	color: #679bc6;
	text-decoration: none;
}

#footer {
	clear: both;
	background: #deddd5;
	text-align: center;
	font-size: 1.3em;
	font-style: italic;
	margin: 20px 0 0 0;
}

#footer a {
	color: #215275;
	margin: 0 15px 0 0;
}

#footer p {
	color: #4e84b1;
	margin: 0 15px 0 0;
}

#footer p a {
	color: #b14e76;
	margin: 0 0 0 0;
	text-decoration: none;
}

        #Resume
        {
        	height:273px;
        }

       #simulator{
            float:right;
            width: 299px;
            height:354px;
            background: url('../img/simu_repeat.png') repeat-y;
            color: #FFF;
            font-weight: bold;
            margin: 20px 10px 20px 0px;
        }
            #simulator_up{
                width:299px;
                height:11px;
                background:url('../img/simu_up.png') no-repeat;
            }
            
            #simulator_down{
                width:299px;
                height:11px;
                background:url('../img/simu_down.png') no-repeat;
            }
            
            #simulator h2{
                background: url('../img/title_simu_bg.png') no-repeat;
                width:281px;
                color: #FFF;
                padding: 10px 0px 0px 70px;
            }
            
            #simulator span{
                display:block;
                font-size: 1.2em;
            }
        
            #simulator label, #Resume span{
                display:block;
                font-size: 0.8em;
                margin: 11px 30px 0px 30px;
                padding-bottom: 20px;
                border-bottom: dotted 2px #6d9cbf;
            }
            #Resume p
            {
            	font-style:italic;
            }
            #Resume span
            {
            	font-size:1em;
            	 padding-bottom: 15px;
            }
            
            #Resume h3
            {
            	margin-top:5px;
            	margin-left:20px;
            }
            #simulator input, #simulator select{
                border:none;
                font-weight: bold;
                font-size: 1.3em;
                margin-top: 8px;
                text-align: right;
            }
            
            
            #simulator input[type=submit]{
                width:113px;
                height:31px;
                background: url('../img/button_calc_simu.png') no-repeat top left;
                font-style: italic;
                font-size:1.2em;
                color: #FFF;
                margin-left:157px;
                margin-bottom: 2px;
                text-align: center;
                cursor:pointer;
            }