/* Basic settings */
body { 
	margin:0; padding:0; font-size:100.01%; text-align:left; position:relative;font-family:arial;font-size:0.9em;
	height:100%;
}
select, input, textarea { font-size:99%; }
form  { margin:0; padding:0; }
img { border:0; outline: none;margin:0;padding:0}
*{margin:0;padding:0}

#site {
	position:absolute;
	width:939px;
	left:50%;
	margin-left:-469px;
}

h1 {font-size:20px;}
h2 {font-size:16px;}
h3 {font-size:12px;}
h4 {font-size:11px;}
h5 {font-size:10px;}
h6 {font-size:9px;}

a {color:#333;}

#site {width:939px;}

#navPrincipale {
	background: url('images/fondNav.jpg') no-repeat;
	width:939px;
	height:40px;
}
#global {
	position:absolute;
	background: url('images/fondPage2.jpg') no-repeat;
	background-position:bottom;
	width:939px;
	text-align:left;
	top:230px;	
	__height:504px;
	__height:100%;
	padding-bottom: 65px;
}

#global_inside {
	padding:15px;
}

.mod_navigationMain{width:939px;}

.header{
	background: url('images/fondNav.jpg') no-repeat;
	width:939px;
	height:41px;
	margin-top:-3px;
	padding-left: 15px;	
	font-size: 12px;
}

.header ul {
	padding: 9px 0;
	margin:0;
}

.header li {
	list-style-type: none;
	float:left;
}
.header img{
	margin-right:3px;
	height:41px;
}

* html .header ul, * html .header li
{
	height:1px;
}


.mod_breadcrumb{
	clear:both;
	color:#000;	
	margin-top:30px !important;
	margin-top:10px;
}
.footer{
	position:absolute;
	text-align:center;
	font-size:0.8em;
	bottom:20px;
	color:#666;
	width:910px;
	border:0px solid green;
}

.footer ul {
	_00padding: 20px 0 15px 20px;
	_00margin:0;
}

.footer li {
	margin-bottom:5px;
	list-style-type: none;
	color: #3B6EBF;
	float:left;
	margin:0 10px;
}

* html .footer ul, * html .footer li
{
	height:1px;
	text-align:center;
}

#clear {
	display: block;
	clear: both;
	width: 100%;
	height:1px;
	overflow:hidden;
}

.left{
	position:absolute;
	width:0px;
	left:0px;
}
.right{
	position:absolute;
	00background: url('images/fondRight.png') no-repeat;
	height:525px;
	width:253px;
	left:671px;
	border-left:1px solid #DDD;
	display:inline;
}
.main{
	000position:absolute;
	width:675px;
	left:0;
}

.main .inside{
	padding-left: 30px;
	padding-right: 15px;
}


/* Layout sections */
#left { float:left; }
#right { float:right; }
#main { width:auto; position:relative;}
.inside { /*position:relative;*/ text-align:left; }

/* Clearing and invisible elements */
/*.block { overflow:hidden; }*/
#clear { height:0.1px; font-size:0.1px; line-height:0.1px; clear:both; }
.invisible { width:0px; height:0px; left:-1000px; top:-1000px; position:absolute; overflow:hidden; display:inline; }

/* Clear after custom sections */
.custom { display:block; text-align:left; }
.custom:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

.block {overflow:visible !important;}
.inside {position:static !important;}

.footer .inside {
	padding-left: 100px;
}
.footer a{
	color:#666;
	text-decoration: none;
}
.footer a:hover{
	text-decoration:underline;
}

.right .inside {
	padding: 12px;
	font-size:11px;
}



.right .inside ul{
	00padding: 15px;	
}


/* blocs produits */
#blocProduit1 {cursor:pointer;}
#blocFinancement {
	background: url('images/blocFinancement.png') no-repeat;
	width:229px;
	height:103px;
	margin-top:4px;
}
#blocGaranties {
	background: url('images/blocGaranties.png') no-repeat;
	width:229px;
	height:166px;
	margin-top:6px;
}
#blocFinancement .inside, #blocGaranties .inside{
	padding:55px 25px 0;
}

/* formulaires */
#formContact label{width:175px;border:0px solid red;float:left;}
#formContact label, #formContact input, #formContact select, #formContact textarea, #formContact .explanation{margin-bottom:3px;}
#formContact .error{color:red;}
#formContact .montantCompte {font-weight: bold;}

#formProjet {}
#formProjet label {width:150px;border:0px solid red;float:left;padding-left:10px;}
#formProjet label, #formProjet input, #formProjet select, #formProjet textarea, #formProjet .explanation{margin-bottom:3px;}
#formProjet .radio, #formProjet .checkbox {float:left;}
#formProjet label {width:auto;}
#formProjet .error{color:red;}
#formProjet .checkProjet {clear:left;padding-left:10px;}
#formProjet .checkProjet label{margin-left:5px;}
#formProjet #ctrl_60,#formProjet #ctrl_61 {width:50px;margin-left:3px;}
#formProjet .row_11, #formProjet .row_25 {float:left;}
#formProjet .coordsProjet {width:210px;}
#formProjet .label2 {width:210px;float:left;padding-left:10px;}
#formProjet .row_26 {clear:both;height:0}
#formProjet .submit_container {text-align: center;margin-top:25px;}
#formProjet input[type=radio] {margin:0 5px;}
#formProjet .titreFormulaire {
	background: url('images/fondTitreGeneral.png') no-repeat;
	width:465px;
	height:29px;
	clear:both;
	font-weight: bold;
	margin:20px 0 10px;
	color:#FFF;
	padding-left:10px;
	line-height: 24px;
}
#formProjet .ML10 {margin-left:10px;margin-bottom:10px;}

#retourHome{cursor:pointer}

#datecles table td{border:1px solid #eee;padding:5px;background:#ccc;}
#datecles .col_0{font-weight: bold;}
#datecles .col_1{background:#ddd;}

.mod_minicalendar {text-align: center;padding:25px 35px 0;}
.mod_minicalendar table {border:0px solid #CCC}
.mod_minicalendar table td{padding:5px;}
.mod_minicalendar .head .current{text-align: center;}
.mod_minicalendar th{background:#999;color:#fff;}
.mod_minicalendar th a {color:#fff;text-decoration: none;}


#blocPage {
	background: url(images/fondBlocPage.png);
	width:230px;
	height:203px;
}

#exempleCBMAT, #exempleCCMAT {background:#D4E7E8;border:0 solid #FFF;margin-top:10px;}
#exempleCBMAT td, #exempleCCMAT td {padding:3px;border:1px solid #FFF;}

#exempleCBAUTO, #exempleCCAUTO {background:#CFC1D5;border:0 solid #FFF;margin-top:10px;}
#exempleCBAUTO td, #exempleCCAUTO td {padding:3px;border:1px solid #FFF;}

#exempleTRESO, #exempleTRESO {background:#E8EFB2;border:0 solid #FFF;margin-top:10px;}
#exempleTRESO td, #exempleTRESO td {padding:3px;border:1px solid #FFF;}

.main .inside ul{margin-left:25px;}

.blocRight2 {
	background: url(images/fdbFond.png);
	width:230px;
	00margin-top:-3px;	
}
.blocRight2 .inside{
	padding:0 15px;	
}
.right .inside img{
  display:block;
}
.right .inside .titreBloc{
	font-weight: bold;
	font-size: 1.4em;
	color:#3d6ea3;
	text-align: center;
}
.right .inside hr {
	background-color:#EEE;
	color:#EEE;
	height:1px;
	border:0;
	margin:3px;
}
.right .inside ul{
  margin-left: 25px;
}
.right .inside #lienBloc {
	text-align: center;
	font-weight: bold;
	margin-top:5px;
	font-size: 1.2em;
}
.right .inside #lienBloc3 {
	text-align: center;
	font-weight: bold;
	margin-top:5px;
	font-size: 1.1em;
}
.right .inside #lienBloc2 {
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
}

#agences {padding:5px 0;}
#agences li{
	margin-top:6px;
	font-size: 12px;
}

/*  accordeon */
.ce_accordion {background:#3B6EBF;padding:3px;}
.toggler {cursor:pointer;color:#FFF;}
.toggler:before {content : "  - "}
.accordion {background:#b1d5f1;padding:2px;}


/* boutons */
button.bouton { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:0; 
    padding:0; 
    font:16px Trebuchet MS, Arial, Helvetica, sans-serif; 
    white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
    border:0; 
    background:none;
    color:#e56100;
}
button.bouton span { 
    position:relative; 
    float:left; 
    padding:0 0 0 47px;        /* Largeur du côté gauche */ 
    vertical-align:middle; 
    background:url(images/btG2.png) left top no-repeat;
    testbackground-color: green;
}
button.bouton span span { 
    padding:0 22px 0 0;        /* Largeur du côté droit */ 
    background:url(images/btD.png) right top no-repeat; 
}
button.bouton span span span { 
    height:41px;        /* Hauteur du bouton */ 
    padding:0; 
    line-height:40px;    /* Alignement vertical du texte */ 
    background:url(images/btF.png) left top repeat-x; 
}
/* Correction des bug Internet Explorer */ 
* html button {width:1%; overflow:visible;} 
*:first-child+html button {overflow:visible;}



/* financement sur mesure */
#fi-mat h3{
	background:url('images/titreFiMat.png') no-repeat;
	width:465px;
	height:29px;
	padding-left:10px;
	line-height: 25px;
	color:#FFF;
}
#fi-auto h3{
	background:url('images/titreFiAuto.png') no-repeat;
	width:465px;
	height:29px;
	padding-left:10px;
	line-height: 25px;
	color:#FFF;
}
#fi-tr h3{
	background:url('images/titreFiTR.png') no-repeat;
	width:465px;
	height:29px;
	padding-left:10px;
	line-height: 25px;
	color:#FFF;
}
#fi-treso h3{
	background:url('images/titreFiTreso.png') no-repeat;
	width:465px;
	height:29px;
	padding-left:10px;
	line-height: 25px;
	color:#FFF;
}

/* titre des pages produits */
#00financement-de-votre-materiel h1 {color:#72B2B3}

/* salons */
#salonPh1 {float:left;margin-right:10px;}

/* CONTACTS */
/*
#contacts {display:block;border:0px solid blue}
#blocContact1,#blocContact2,#blocContact3,#blocContact4{
	width:295px;
	height:228px;
	float:left;
	display: block;
	margin: 0 5px 9px;
}
#contacts p{
	padding:120px 25px 0;
	width:245px;
	height:95px;
	overflow: hidden;
}
#contacts ul{
	padding:120px 20px 0;
	width:230px;
	height:95px;
	overflow: hidden;
}
#blocContact1{
	background:url(images/contacts/bloc1.png) no-repeat;
}
#blocContact2{
	background:url(images/contacts/bloc2.png) no-repeat;
}
#blocContact3{
	background:url(images/contacts/bloc3.png) no-repeat;
}
#blocContact4{
	background:url(images/contacts/bloc4.png) no-repeat;
}
*/



#quelques-chiffres,
#besoin-information,
#cosmic-vousvousdeveloppez {
   clear:both;
   text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
   font-size:1.3em;
   color:rgb(255,255,255);
   width:220px;
   padding:0 0 12px 0;
   background:rgb(57,130,164) url(images/gradient-block.jpg) no-repeat left bottom;
}

#besoin-information {
   margin-bottom:10px;
   background:rgb(244,142,6) url(images/gradient-block-2.jpg) no-repeat left bottom;
}

#cosmic-vousvousdeveloppez {
   margin-bottom:10px;
}

#quelques-chiffres {
   margin-bottom:10px;
   color:rgb(12,71,137);
   text-shadow: 1px 1px 1px rgb(255,255,255);
   background:rgb(233,243,255) url(images/gradient-block-3.jpg) no-repeat left bottom;
}

#quelques-chiffres h3,
#besoin-information h3,
#besoin-information label,
#cosmic-vousvousdeveloppez p {
   display:block;
   padding:12px 12px 12px 12px;
}

#cosmic-vousvousdeveloppez p {
   background:transparent url(images/gradient-block-1.gif) no-repeat left top;
}

#quelques-chiffres p {
   font-size:0.9em;
   border-top:1px solid rgb(244,142,6);
   margin-left:12px;
   margin-right:12px;
   padding-top:9px;
}

#besoin-information h3 {
   padding-bottom:3px;
   font-size:1.1em;
   background:transparent url(images/gradient-block-2.gif) no-repeat left top;
}

#quelques-chiffres h3 {
   padding-bottom:3px;
   font-size:1.1em;
   background:transparent url(images/gradient-block-3.gif) no-repeat left top;
}


#besoin-information label {
   padding-top:9px;
   padding-left:0;
   padding-right:0;
   margin-left:12px;
   margin-right:12px;
   border-top:1px solid #fff;
   font-size:0.9em;
}

#besoin-information select {
   margin:0 0 0 12px;
   font-size:0.9em;
}

#besoin-information select option {
   padding:2px;
}

#besoin-information p strong,
.page-information #cmv-et-vous p strong {
   font-size:1.3em;
}

#cosmic-vousvousdeveloppez p.submit-btn{
   padding:12px 0 0 0;
   margin:0 12px 0 12px;
   background-image:none;
}

#cosmic-vousvousdeveloppez p strong {
  display:block;
  padding-bottom:5px;
  margin-bottom:5px;
  border-bottom:1px solid rgb(122,152,177);
}

#cosmic-vousvousdeveloppez .submit-btn a {
   background:rgb(249,162,51) url(images/btn-submit.jpg) no-repeat 0 -1px;
   color:rgb(255,255,255);
   display:block;
   font-weight:bold;
   margin:0 auto;
   padding:12px 0;
   text-align:center;
   text-decoration:none;
   width:142px;
}

#cosmic-vousvousdeveloppez .submit-btn a:hover {
   background-position:0 -44px;
}




/* NOUVEAUX BLOCS CONTACTS */
#newBlocContact1{
	background:url(images/contacts/newBloc1.gif) no-repeat;
	width: 623px;
	height: 265px;
	margin-bottom:10px;
}
#newBlocContact2{
	background:url(images/contacts/newBloc2.gif) no-repeat;
	width: 623px;
	height: 240px;
}
#contactTable1,#contactTable2 {width:100%;color:#676767;}
#contactTable1 td,#contactTable2 td{padding: 120px 25px 0;}
#contactTable1 ul,#contactTable2 ul{margin:0;padding:0; }
#contactTable1 li,#contactTable2 li{background: url(images/contacts/puce.png) no-repeat;padding-left:28px; list-style-type: none;line-height: 21px;margin-bottom:5px; }
#contactTable1 li a,#contactTable2 li a{color:#676767;text-decoration: none;}
#contactTable1 .colfirst,#contactTable2 .colfirst{width:270px;}
#contactTable1 .collast,#contactTable2 .collast{padding-left:45px;}