body {
    margin:0 auto;
    font-family:Arial, Verdana, Sans-Serif; 
    font-size:16px;
    color:#3f59a3;
}

h1,h2,h3 {
    margin:0;
    padding:0;
}

ul {
   list-style-type: none; 
}

#global
{   
    width:967px;
    margin-left:auto;
    margin-right:auto;
}

#corps {
    background-image: url(images/bg_repeat.gif);
    background-repeat: repeat-y;
    /* 967 - 26 * 2 */
    width: 915px;
    padding: 0 26px 10px 26px;
    margin-left:1px;
}

h1#accroche{
    font-size:1.6em;
    position:relative;
    top:10px;
    left:30px;
}

#form_content
{
    background-image:url(images/bg_femme.png);
    background-repeat:no-repeat;
    width:910px;
    height: 500px;
    margin: 0 auto;
    position:relative;
}

/************************** PARTIE FOOTER ***************************/

#footer 
{
    width:955px;
    height: 76px;
    background-image:url(images/footer.png);
    background-repeat: no-repeat;
    margin: 0 auto;
}
#footer h2
{
    font-size:1.1em;
    text-align: center;
    position: relative;
    top: 100px;
    color:white;
}

 /************************** PARTIE HEADER **************************/

#header 
{
    width:967px;
    height:132px;
    background-image:url(images/header.gif);
    background-repeat:no-repeat;
}

#flash_header
{   float:right;
    margin:6px 20px 0 0;
}

/************************** PARTIE TABLEAU ***************************/

#table_resultats {
    border-collapse : collapse;
    width : 100%;
    text-align : left;
    clear : both;
    margin-bottom: 20px;
}

#table_resultats th {
    color : #3d5aa6;
    padding : 5px;
    border: 1px solid #ddd;
    font-weight : bold;
    font-size: 12px;
    border-top: 0;
    border-left: 0;
}

#table_resultats th:first-child {
    border-right: 0;
}

#table_resultats th:last-child {
    border-top: 0;
    border: 0;
}

#table_resultats img {
    border : 0;
}

#table_resultats td {
    padding : 10px 4px 4px 10px;
    vertical-align:top;
    background-color:#f6f6f6;
    color:black;
    font-size: 13px;
    font-weight: bold;
    border: 1px solid #ddd;
    border-bottom: 0;
    border-left: 0;
}

#table_resultats td.logo {
    width : 125px;
    background-color:white;
    text-align : center;
    border-right: 0;
}

#table_resultats td.go {
    text-align : center;
    font-weight: bold;
    font-size: 11px;
    border-right: 0;
}

#table_resultats td.go a {
    color : #666666;
    text-decoration: none;
}

#table_resultats td.go a:hover {
    text-decoration: underline;
}

.choix_kredity_image {
    display: block;
}

/************************** DECOUVRIR / RELANCER ***************************/
#relancer {
    float: left;
    width: 48%;
    /*
    border:1px solid red;
    */
}

#decouvrir {
    float: right;
    width: 45%;
    /*
    border:1px solid blue;
    */
}

#relancer, #decouvrir {
    margin-top: 20px;
}

#relancer h2,
#decouvrir h2 {
    font-size: 90%;
    color: #70C045;
}

#relancer input.submit {
    float: right;
}

#decouvrir input.submit {
    float: left;
}

/************************** MENTIONS LEGALES ***************************/

#mentions_legales {
    margin-top: 20px;
    font-size: 70%;
    clear: both;
}

#mentions_legales p {
    text-align: justify;
}

#mentions_legales h2 {
    font-size: 100%;
}

h2#go {
    background-image:url(images/grande_fleche_minisite.jpg);
    background-repeat: no-repeat;
    width: 919px;
    height: 98px;
    padding: 13px 0 0 0;
    font-size: 1.3em;
    text-align: center;
    color: White;
}

.green {
    color: #6eb446;
}

#resultats_texte li img {
    position: relative;
    top: 4px;
}

/************************** PARTIE KREDITY FOOTER ***********************
**************************************************************************/

#kyfooter {
    width: 920px;
    margin: 10px auto;
    font: 11px Arial, Helvetica, sans-serif;
}

#kyfooter_haut {
	 background-color: #E5E9F4;
	 color: #4a4a4a;
	 overflow: auto;
	 padding: 0 10px;
}

#kyfooter_haut ul {
    padding: 0;
}

#kyfooter_haut li {
    display : inline;
    list-style : none;
    padding : 0 0.7em 0 0.7em;
}

#kyfooter_haut li.premier {
    padding-left : 0;
}

#kyfooter_haut a {
    color: #3B5BA4;
    text-decoration: underline;
}

#kyfooter_haut a:hover {
    text-decoration: none;
}

#kyfooter_haut a:active {
    color: #7F7F7F;
    text-decoration: none;
}

#kyfooter_bas {
    overflow: hidden;
}

#kyfooter_bas ul {
    float: left;
    padding: 0;
    width: 150px;
}

#kyfooter_bas li {
    list-style : none;
    padding : 0 0.7em 0 0.7em;
}

#kyfooter_bas a { 
    color:#c0c0c0;
    text-decoration: none;
}
#kyfooter_bas a:hover {
    text-decoration:underline;
    color:#3B5BA4;
}
#kyfooter_bas a:active {
    text-decoration: none;
}

#kyfooter_bas b {
    font-weight : normal;
}


/************************** PARTIE ETAPES 1 2 3 ***************************
**************************************************************************/
   
#bloc_etape
{   
    width:280px;
    height:250px;
    background-color:transparent;
    position: absolute;
    left: 185px;
    top: 130px;
}
    
#bloc_etape p 
{
    margin:0 0 0 10px;
    padding:0;
    font-size:1.1em;
    font-weight:bold;
}
    
#bloc_etape .etape_content {   
    width:270px;
    height:30px;
    background-color:transparent;
    padding:5px 0 0 0;
    margin:10px 0 10px 10px;
}
    
#bloc_etape .etape_content img 
{
    width:21px;
    height:21px;
    float:left;
    margin:0 5px 0 0;
}

#bloc_etape .etape_content p {
    color:#6eb446;
    font-style:italic;
    font-size:1em;
}
        
/************************** PARTIE FORMULAIRE ***************************
**************************************************************************/

#formulaire {
    width:385px;
    height:338px;
    background-image:url(images/bg_form.gif);
    background-repeat:no-repeat;
    position: absolute;
    top:100px;
    left: 520px;
}

#decouvrir .form_text,
#relancer .form_text,
#formulaire .form_text {
	background-color: transparent;
	display: block;
	width: 40%;
	float: left;
	padding-right: 1%;
	text-align: right;
	letter-spacing: 1px;
	margin-left:20px !important;
	margin-left:10px;               /********* HACK IE6 QUI FAIT LE MARIOLE AVEC LES MARGES ********/
	font-size:0.9em;
}

#formulaire .form_optin
{   
    width:70%;
    font-size:0.9em;
    margin: 10px 0 0 20px;
}

input[type=radio] {   
    width:auto;
}

#formulaire input.submit, #formulaire input.submit:hover, #formulaire input.submit:focus {
    width:125px;
    height:126px;
    background:transparent url(images/bt_comparez.png) no-repeat !important;
    background:transparent url(images/bt_comparez.gif) no-repeat;
    /*
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bt_comparez.png', sizingMethod='crop');
    */
    border: none;
    float:right;
    margin:30px 50px 0 0;
    cursor:pointer;
}

#decouvrir input[type=text], #decouvrir select,
#relancer input[type=text], #relancer select,
#formulaire input[type=text], #formulaire select {
    margin-left: 1%;
	width: 170px;
	border: #CCC 1px solid;
}

#decouvrir input[type=text]:hover, #decouvrir select:hover, #decouvrir input[type=text]:focus, #decouvrir select:focus,
#relancer input[type=text]:hover, #relancer select:hover, #relancer input[type=text]:focus, #relancer select:focus,
#formulaire input[type=text]:hover, #formulaire select:hover, #formulaire input[type=text]:focus, #formulaire select:focus {
	border: #999 1px solid;
	background-color: #DDEEFF;
}

#formulaire p {
    margin:5px 0 5px 0;
    padding:0;
}

#formulaire h1 {   
    font-size:1em;
    position:relative;
    top:10px;
    left:45px;
    margin-bottom:40px;   
}

#erreur {
    position:absolute;
    color:red;
    top:150px;
    left:940px;
    width:170px;
}

#texte {
    margin : 10px auto 0 auto;
    width: 100%;
    overflow: hidden;
    text-align: center;
}

#texte div.texte_etape {
    float: left;
    width: 18%;
    margin-left: 10px;
    font-size: 0.8em;
    color: #6eb446;
}

#texte h2 {
    font-size: 1em;
    margin: 20px 0 10px 0;
}

#texte div.texte_etape img {
    float: left;
    position: relative;
    top: 30px;
}

#texte div.texte_etape p {
    float: right;
    width: 85%;
    margin: 0;
}


#corps_head 
{   
     background: transparent url(images/corps_head.jpg) no-repeat;
     width:967px;
     height:23px;
     /*float: left;*/
    }