/*
 *
 * Couleurs:
 *  - Gris foncé     : #4a4a4a
 *  - Gris moyen     : #cacaca
 *  - Gris clair     : #eaeaea
 *  - Gris texte     : #151516
 *  - Vert           : #81ab00
 *  - Orange         : #f99f1c
 *  - Orange clair   : #ffaa57
 *  - Bordures champs: #a5acb2
 *  - Bordures boite : #cbcccc  
 *
 */

/* Div principale */
#main { margin-left: 230px; font-size: 12px }
#main .roundedBoxContent { padding: 12px 45px 8px 45px }

/* Titres */
#main h3 { background: url(../../images/v2/title_arrow.png) no-repeat center 21px; height: 40px }
#main h3 strong { display: block; position: relative; font-size: 12px; height: 21px; line-height: 21px; padding-left: 1em; color: white; background: #f99f1c }
#main h3 strong em { font-weight: normal; font-size: 11px; top: 0; position: absolute; right: 1em }

/* Etapes dans le main */
.main_steps { font-weight: bold; height: 75px; margin-bottom: 25px }
.main_steps li {
	display: block; width: 166px; height: 75px; float: left; text-align: center;
	background: url(../../images/v2/arrow.png) no-repeat 100% 24px;
}
.main_steps li.last { width: 101px; background: none }
.main_steps li span {
	display: block; float: left; width: 101px; height: 55px; line-height: 55px;
	background: white url(../../images/v2/step_gray.png) no-repeat center 0; color: white;
	font-size: 30px; text-align: center;
}
.main_steps li.selected span { background-image: url(../../images/v2/step_orange.png) }
.main_steps li span strong { display: block; font-size: 11px; color: black; line-height: 1.5em; padding-top: 5px }

/* Div qui contient les étapes et l'encart */
#left { float: left; width: 223px }
#left .roundedBox h2 { font-size: 12px }
#left .roundedBoxContent { padding: 4px }

table.results { width: 100% }
table.results td { padding: 0 8px; line-height: 20px }
table.results td a { text-decoration: none }
table.clickable tbody tr:hover td { background: #f99f1c; cursor: pointer }

/* Etapes dans le menu */
.steps dt, .steps dd { font-size: 11px; font-weight: bold }
.steps dt {
	display: block; background: #cacaca; color: white;
	height: 21px; line-height: 22px; padding-left: 1em;
}
.steps dt.selected { background: #f99f1c }
.steps dd {	padding: 8px 4px 16px 4px }

/* Encart d'autopromo */
#vcom { font-weight: bold; font-size: 11px }
#vcom .roundedBoxContent { padding: 8px }
#vcom p, #vcom ul { margin-bottom: 1em }
#vcom strong { font-size: 14px }

/* http://www.evotech.net/blog/2007/10/using-images-as-bullets-in-xhtml-lists/ */
#vcom ul li { padding-left: 20px; background: url(../../images/v2/bullet_orange.png) no-repeat 0 50% }

.sheet { border: 1px solid #cacaca; height: 156px; position: relative }
/*.sheet img { margin: 2px; margin-right: 8px; float: left; width: 220px; height: 152px }*/
.sheet img { position: absolute; left: 2px; top: 2px }
/*.sheet strong { font-size: 16px; line-height: 38px }*/
.sheet strong { font-size: 16px; position: absolute; left: 230px; top: 8px }
.sheet .desc { position: absolute; left: 230px; bottom: 8px }
.sheet ul { margin-top: 8px }
.sheet li label { font-weight: bold }

.tabs { border-bottom: 4px solid #f99f1c; height: 21px; margin-bottom: 2px }
/* Pour ie7: */ .tabs li { float: left }
.tabs li a {
	display: block; float: left; margin-right: 6px; padding: 0 1.5em;
	background: #ffaa57; color: white; font-weight: bold;
	height: 21px; line-height: 22px
}
.tabs li a:hover { text-decoration: none; background: #f99f1c }
.tabs li.first a { margin-left: 1.5em }
.tabs li.selected a { background: #f99f1c; text-decoration: underline }

.rowsAlternation li label { font-weight: bold; color: #4a4a4a }
.rowsAlternation li input { position: relative; top: 3px }
.rowsAlternation td input { position: static }
.rowsAlternation li { position: relative }
.rowsAlternation li .right { position: absolute; right: 1em }

#equipements-option label { font-weight: normal; color: black }

.remise { background: url(../../images/v2/remise.png) no-repeat center center; text-align: center; color: white; font-weight: bold; font-size: 13px; height: 40px }
.remise_cb { border-left: 2px solid white }
.rowsAlternation .even td.remise_cb, .rowsAlternation .odd td.remise_cb { padding: 0 6px; background: #81ab00 }
.offres { height: 110px }
.offres img { float: left; margin: 8px 30px 0 20px }
.offres p { margin-bottom: 14px; margin-left: 162px; position: relative; top: 1.5em }
.offres big { font-size: 14px }
.accroche {
	padding: 4px 8px; margin-bottom: 3px; line-height: 22px;
	color: white;
	background: #81ab00 url(../../images/v2/arrow_green.png) no-repeat right 4px;
}

.text { padding: 0 8px }
.text p { margin-bottom: 1em }
.text ul { list-style-type: square; margin-left: 3em; margin-bottom: 1em }

.stretched #content { padding-left: 60px; padding-right: 60px }
.stretched #main { margin: 0 }
.stretched #main .roundedBoxContent { padding-right: 10px; padding-left: 10px }
.stretched .main_steps { padding-left: 92px }

.fields label, .fields input, .fields select { font-size: 12px }
.fields label { width: 230px; display: block; float: left }
.fields input, .fields select { margin-right: 4px; border: 1px solid #a5acb2/*; height: 17px*/ }
.fields input { display: block; float: left; width: 290px }
.fields .xx { width: 20px }
.fields .xxxx { width: 40px }
.fields br { clear: left }
.fields .codepostal { width: 80px }
.fields .right, .fields span { display: block; float: left; width: auto; margin-right: 8px }

.form tr{ height: 23px; }
.form th{ width: 220px; font-weight: normal; padding-left : 20px; }
.form{ background-color: #EAEAEA; width: 100%; }
.form input, .form select{ margin-right: 4px; border: 1px solid #a5acb2 }
.form input, textarea{
	height: 15px;
	font-family: Arial,sans-serif;
	font-size: 12px;
	font-size-adjust: none;
}
.form select{ font-size: 12px; width: 330px; }

.partenaires_financement { padding: 1em 1.5em; background: #eaeaea; text-align: center }
.partenaires_financement ul { width: 480px; height: 110px; margin: 0 auto }
.partenaires_financement ul li { display: block; float: left; text-align: center; width: 160px }
.partenaires_financement ul img { display: block; border: 1px solid #bebebe; margin-bottom: 8px }
.partenaires_financement p { clear: left; text-align: justify; line-height: 1.5em }