/* CSS DOCUMENT */
body {
color : #333;
font : normal 1.0em Arial, Helvetica, Sans-serif; 
font-size: 62.5%;
}
b {
font-weight : bold; 
}
input, select, th, td {font-size:1em}
h1 {font-size:1.5em; color: #c00; padding: 20px 0 10px 35px; text-transform: uppercase;} 	/* affiché en 24px */
h2 {font-size:1.4em; color: #666; padding: 15px 0 10px 35px; text-transform: uppercase;} 	/* affiché en 18px */
h3 {font-size:1.25em; color: #333; padding: 15px 0 10px 35px;}  	/* affiché en 15px */
h4 {font-size:1em; color: #333; padding: 15px 0 10px 35px;}  	/* affiché en 12px */

a img {border: none 0;}
.red {color: #C00;}
.spacer {clear: both; display: block; height: 1px; margin: 5px 0;}
.centre {text-align: center}
.imagecentrale {margin: 10px auto;}

a:link {color : #333;}
a:visited {color : #333;}
a:active {color : #c00;}
a:hover {color : #c00;}

.mineur {font-size: 1em}
sup {vertical-align: 0.2em}
sub {vertical-align: -0.15em}

span.encadre {
border: solid 1px #D5D5D5; padding: 3px; float: left; margin: 0 15px 0 20px;
}

#main_content #contenu ul,
#main_content #contenu ol {
padding: 5px 50px;
font : normal 1.1em Arial, Helvetica, Sans-serif;
}

#main_content {
background: url(/images_template/fond_main_2col.gif) left top repeat-y;
}
#main_content .main_top {
background: url(/images_template/main_top_2col.gif) left top no-repeat;
}

#contenu {
position: relative;
overflow:visible;
float: left;
width: 775px;
border-left: solid 1px #fff;
border-right: solid 1px #fff;
background: url(/images_template/fond_contenu.gif) left top repeat-x;
}

#main_content #contenu ul.ancres {margin: 0 25px; padding: 0; list-style: square inside;}
#main_content #contenu ul.ancres li {color: #c00; margin: 0; padding: 0}
#main_content #contenu ul.ancres li a:link {text-decoration: underline; color: #000}
#main_content #contenu ul.ancres li a:visited {text-decoration: underline; color: #000}
#main_content #contenu ul.ancres li a:hover {text-decoration: underline; color: #c00}

#contenu h1 {font-size:1.5em; padding: 20px 20px 10px 25px;}
#contenu h2 {font-size:1.4em; padding: 15px 20px 10px 25px;}
#contenu h3 {padding: 15px 20px 10px 35px;}
#contenu h4 {padding: 15px 20px 10px 35px;}
#contenu p {font-size:1.1em; color: #333; padding: 5px 20px 15px 25px;}
#contenu div.liste {font-size:1.1em; color: #333; padding: 0 20px 15px 25px;}
#contenu div.liste ul {margin: 0; padding-left: 15px}
#contenu div.liste li {font-size:0.9em; margin-top: 1em}

#contenu .cadre {
position: relative;
overflow: visible;
margin: 5px 20px;
}
#contenu .cadre_contenu {
background: url(/images_template/fond_cadre_contenu.gif) left bottom repeat-x;
border: solid 1px #CCC;
border-top: solid 1px #BBB;
border-bottom: none 0;
padding: 5px;
}
#contenu div.cadre div.cadre_contenu h2 {
font-size:1.2em; color: #C00;
border-bottom: dotted 1px #CCC;
padding: 5px 5px 5px 20px;
}

#contenu div.cadre div.cadre_contenu h3 {
padding: 5px 5px 5px 20px;
}

#contenu div.cadre div.cadre_contenu p {
padding: 5px 20px 15px 20px
}

#contenu div.cadre div.cadre_contenu img.gauche {
float: left; margin: 10px 10px 10px 20px
}

#contenu .hg,
#contenu .hd {
position: absolute;
top: 0;
bottom: 0;
width: 5px;
background-repeat: repeat-y;
font-size:1px;
}
#contenu .hg {
left: 0;
background: url(/images_template/hg.gif) left top repeat-y;
}
#contenu .hd {
right: 0;
background: url(/images_template/hd.gif) right top repeat-y;
}
.bloc_offre {
position: relative;
overflow: visible;
margin: 15px 5px;
background: url(/images_template/fond_bloc_degrade_hb.gif) left bottom repeat-x;}
.bloc_offre_contenu {
border: solid 1px #fff;
border-bottom: solid 1px #ccc;
background: #fff url(/images_template/fond_cadre_contenu_degrade_hb.gif) left top repeat-x;
overflow: visible;
text-align: center;
padding: 5px;
}

#contenu pre {font-size:1.2em; color: #060;}
#contenu hr {
border: 0 none;
border-bottom: dotted 1px #ccc;
background-color: transparent;
height: 0px;
margin: 0 5px 0 25px;
clear: both;
}
#contenu .right {text-align: right;}
#contenu .right a span {display:none;}
#contenu .right a img {margin-right: 20px;}
.illustration {float:right; padding-top: 8px;}

#liste_definition {
padding: 0 30px;
border-bottom: dotted 1px #ccc;
}
#liste_definition ul {
font: bold 1.2em Arial, Helvetica, Sans-serif;
list-style-type: none;
}
#liste_definition ul li {background: url(/images_template/puce_contenu_etape_h2.gif) left 5px no-repeat;}
#liste_definition ul li span {padding-left: 10px;}
#liste_definition ul li span a {text-decoration: none; color: #333;}
#liste_definition ul li span a:hover {text-decoration: underline; color: #C00;}

#current_definition dl {
padding: 10px;
}
#current_definition dd {
font: bold 1.3em Arial, Helvetica, Sans-serif;
color: #C00;
padding: 10px 0;
}
#current_definition dt {
font-size: 1.2em;
padding: 15px 20px 30px 20px;
border-top: dotted 1px #ccc;
border-bottom: dotted 1px #ccc;
}
#current_definition sup {
font: normal 0.8em/0px Arial, Helvetica, Sans-serif;
}
#contenu #barre_onglets {
text-align: center;
}
#contenu #barre_onglets ul {
margin: 0 auto;
padding: 0;
border-bottom: dotted 1px #CCC;
}
#contenu #barre_onglets ul li {
display: inline;
margin: 0;
padding: 0;
}
#contenu #barre_onglets ul li span {
display:none;
}

#right_col {
display:none;
}

#main_bottom {
background: url(/images_template/main_bottom_2col.gif) left top no-repeat;
}


/* Newsletter espace client  antoine 6/02/08  */ 
#contenu .newsletter table,
#contenu .newsletter body,
#contenu .newsletter tbody,
#contenu .newsletter td,
#contenu .newsletter tr,
#contenu .newsletter p,
#contenu .newsletter img {padding:0px; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em;}

#warning {color: #000;border: solid 1px #000;clear: both;width: 630px;margin: 5px auto;padding: 10px 10px 10px 60px;background-color: #F90;background-position: 2% 50%;background-repeat: no-repeat;font: bold 1.1em Arial, Helvetica;}

.consultation_news_v1 {margin-left:15px;}
* >.consultation_news_v1 {margin-left:30px; !margin-left:30px; }

.inscription_news_v1 {margin-left:15px;}
* >.inscription_news_v1 {margin-left:30px; !margin-left:30px; }



/*CONTACT*/
#contact.box_area {
position: relative;
background: #EDEDED;
border: solid 1px #ccc;
min-height: 20px;
margin: 5px 8px;
padding: 3px;
	-moz-border-radius: 4px;
font: 1em/12px Tahoma, Arial, Helvetica;
color: #000;
}

#contact input.text, #contact textarea {
border: solid 1px #ccc;
color: #333;
padding: 1px 5px;
font: normal 1em  Tahoma, Arial, Helvetica;
}

#contenu form.cashstore {padding-left:50px}
#contenu ul.garanties {list-style: none; padding: 10px 0 0 25px;}
#contenu ul.garanties li {list-style: none; background: url(/images/new-li-fleche.gif) 0 0.3em no-repeat; padding: 5px 0 5px 35px; border-bottom: dotted 1px #ccc; font-weight:bold;}

/* WCBPRO */
#contenu input.texte {
border: solid 1px #ccc;
color: #333;
padding: 1px 5px;
font: normal 1em  Tahoma, Arial, Helvetica;
}
form#WCBPRO {width:500px; margin: 10px auto; text-align:left; font-size: 1.1em}
table.wcbpro {margin-bottom: 25px;}
table.wcbpro td {padding: 3px}
table.wcbpro td.left {width: 150px;}
table.wcbpro td.right {width: 80px;}
td.valider input {height:24px; width:102px; margin: 5px; cursor: pointer; background: url(/images/bt-form-cashstore.gif) 0 0 no-repeat; border: none 0;}
.radioOn,
.radioOff {display: inline;margin: 0;padding: 2px;border: none 0;overflow: visible;font: normal 1em/12px Arial, Helvetica;padding-left: 12px;padding-right: 0;margin-bottom: 5px;}
.radioOn {background: url(/images_template/radio_on.gif) left 5px no-repeat;color: #333;font-weight:bold}
.radioOff {background: url(/images_template/radio_off.gif) left 5px no-repeat;color: #666;}

/*SELFCARE PRO*/
ul.pdfdownload {list-style-type: none;}
ul.pdfdownload a {display: block; padding: 14px 0 14px 45px; margin: 2px; text-decoration:none; background: url(/images/pdfdownload.png) 0 50% no-repeat;}