@charset "UTF-8";
/* CSS Document */

body {
	font-family: Arial,Georgia, "Times New Roman", Times, serif;
	color: #666666;
	font-size: 11px;
	margin: 0;
	width: 100%;
	background-color:#f6f6f6;
}

* {
	margin:0;
	padding:0;
}

p { margin-bottom: 4px; }

/********************************************************************************************************************** Input *********************************************************************************************/

input {
                padding:5px;
                width:300px;
                margin:0;
                outline:none;
}

input.normal, select.normal, textarea.normal {
                width: auto;
                border:2px solid #dfdfdf;
                padding: 2px;
}

input.booking, select.booking, textarea.booking {
                width: auto;
                border:2px solid #dfdfdf;
                padding: 1px;
}

input, select, textarea {
                border:2px solid #dfdfdf;
                line-height:1em;
                background:#fff url(../images/forms/bg_input.gif) repeat-x;
                padding: 5px;
                color: #525252;
                margin-right: 5px;
                vertical-align: middle;
                outline: none;
}

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

/********************************************************************************************************************** Input *********************************************************************************************/


img {border:0;}

a {
	text-decoration: underline;
	color:#666;
	outline-style:none;
}

#footer a {
                text-decoration: none;
	color:#666;
	outline-style:none;
}

#footer a:hover, a:hover {
	text-decoration: underline;
	color:   #267FBA;
	outline-style:none;
}

label {
                background-repeat: no-repeat;
                display: block;
                margin-top: 8px;
                width: 100%;
}

.first {
                margin-top: 5px;
}
.content ul, .content li {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 3px 0 3px 12px;
    width: 95%;
}

.content li {
        background: url("../images/puce.png") no-repeat scroll left 6px transparent;
}

img{border:0;}

.divider_space {            
                clear: both;
                display: block;
                margin-bottom: 20px;
                padding-top: 20px;
                width: 100%;
}

p {
                color: #666666;
                font-size: 12px;
                line-height: 1.4em;
                margin-top: 10px;
}

.cadre {
                border: #BFBFBF solid thin;
                border-bottom: #BFBFBF solid thin !important;
                padding: 10px;
                float: left;
                width: 97%;
                margin-bottom: 10px;
                margin-top: 0px;
}

p.input_radio {
                margin-bottom: 2px;
                margin-top: 2px;
}

.background_blanc {
                background-color: #FFF;
}

.background_gris {
                background-color: #EDEDED;
                color: #4F4B4B;
}

.ui-state-success p , .ui-state-error p {
                color: #FFF;
                font-size: 1.1em;
                margin: 1px;
}

h1 {
                border-bottom: 1px solid #EEEEEE;
                border-top: 1px solid #EEEEEE;
                color: #9B9B9B;
                font-family: 'HelveticaNeueLTStd37ThinConde';
                font-size: 2.6em;
                letter-spacing: -2px;
                margin: 0 0 5px;
                padding: 3px 0;
                font-weight: lighter;
                float: left;
                margin-bottom: 20px;
                width: 100%;
                margin-top: 10px;
}

h2 {
                border-bottom: thin solid #2699CD;
                color: #2699CD;
                font-size: 13px;
                margin-bottom: 15px;
                margin-top: 25px;
                padding-bottom: 2px;
                width: 100%;
                float: left;
}

h3 {
                color: #3498CA;
                font-size: 1.6em;
                margin: 1.7em 0 0.3em; 
}

h4 {
                color: #2699CD;
                margin: 0 0 5px;
                font-family: Georgia, "Times New Roman", Times, serif;
}

h5 {
    border-bottom: thin dashed #2699CD;
    color: #2699CD;
    font-size: 14px;
    margin-bottom: 5px;
    margin-top: 0px;
    padding-bottom: 4px;
    width: 100%;
    font-family: Georgia, "Times New Roman", Times, serif;
    float: left;
}

h6 {
    border-bottom: thin solid #2F2F2F;
    color: #2F2F2F;
    font-size: 11px;
    font-weight: normal;
    margin: 0 0 5px;
}

#conteneur {
	width: 910px;
	min-height: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: left; /* on rétablit l'alignement normal du texte */
}

#header {
	width: 910px;
	float: left;	
}

#logo {
	float: left;
	margin-top: 5px;
	height: 70px;
}

#conteneur_menu {
	width: 910px;
	height: 50px;
	float: left;
}

#conteneur_menu .gauche {
	/* background-image: url(../images/cadres/menu_gauche.png); */
	height: 10px;
	width: 340px;
	float: left;
	position: relative;
	top: 35px;
        background-color: #137eb4;
        background-repeat: no-repeat;
}

#conteneur_menu #menu {
	width: 570px;
	height: 45px;
	float: right;
}

#conteneur_menu .bas {
	height: 6px;
	width: 910px;
	background-color: #137eb4;
	float: left;
	background-repeat: no-repeat;
}

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

#content .droite, #content .gauche {
	width: 450px;
	float: left;	
}

#content .droite {
	margin-right: 10px;
	float: left;
}

#content .gauche {
	float: left;
        margin-top: 15px;
}

#footer {
	width: 100%;
	float: left;
	background-color: #e5e3d7;
}



#content .gauche .pub {
}

#content .voiture {
	margin-top: 15px;
	height: 291px;
        float: left;
}

#content .voiture .haut {
	background-image: url(../images/cadres/voiture_haut_450px.png);
	height: 13px;
}

#content .voiture .content {
	background: #e5e3d7;
	height: 100%;
        
}

#content .droite .booking {
	height: 230px;
        width: 449px;
        background-color: #127EB3;
	/*background-image: url(../images/cadres/boxe.png);*/
        -moz-border-radius-bottomleft: 5px;
        -moz-border-radius-bottomright: 5px;
}

#content .droite .need_help {
                background-color: #FFFFFF;
                border: thin solid #E5E3D7;
                height: 50px;
                margin-bottom: 10px;
                margin-top: 10px;
                padding: 5px 5px 5px 6px;
                width: 437px;
}

#content .droite .need_help p {
	float: left;
	font-size: 18px;
	color: #666;
	font-weight: normal;
	margin-top: 14px;
        font-family: Georgia, "Times New Roman", Times, serif;
}

#content .droite .need_help .numero_telephone {
	color: #2699CD;
	padding-left: 15px;
	padding-right: 15px;
}

#content .droite .commitments {
	margin-top: 10px;
	width: 444px;
	height: 110px;
	border: medium solid #e5e3d7;
	background-color: #FFF;
}

#content .droite .newsletter {
}

/*************************************************************************************************************** MENU FRONT END ****************************************************************************************************/
#menu {
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#menu li, #menu li a {
	float: left ; 
                    margin-right: 3px ; 
                    color: #fff ;
	text-align: center; 
                    font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
}

#menu li a.inactif {
	border: none;
	background: url(../images/menu/bouton.gif) left top no-repeat;
	height: 23px;
	padding-top: 8px;
                    display: inline-block;
                    padding-left: 20px;
                    position: relative;
                    min-width: 50px;
                    padding-right: 15px;
                    top: 14px;
}

#menu li a.inactif:after {
	background: url(../images/menu/bouton.gif) right top no-repeat;
                    position: absolute;
                    right: -9px;
                    content: ' ';
                    width: 10px;
                    height: 23px;
                    padding-top: 8px;
                    top: 0px;
                    margin-right: 7px;
}

#menu li a:hover, .menu li a:active, #menu li a.actif:hover{
}

#menu li a.actif {
	border: none;
	background: url(../images/menu/bouton_actif.gif) left top no-repeat;
	height: 23px;
	padding-top: 8px;
                    display: inline-block;
                    padding-left: 20px;
                    position: relative;
                    min-width: 50px;
                    padding-right: 15px;
                    top: 14px;
	font-weight: bold;
}

#menu li a.actif:after {
	background: url(../images/menu/bouton_actif.gif) right top no-repeat;
                    position: absolute;
                    right: -9px;
                    content: ' ';
                    width: 10px;
                    height: 23px;
                    padding-top: 8px;
                    top: 0px;
                    margin-right: 7px;
}

/*************************************************************************************************************** FOOTER *****************************************************************************************************************/


#footer .cadre {
                background-image:url(../images/cadres/footer.png);
                width: 910px;
                height: 150px;
                margin-left: auto;
                margin-right: auto;
                margin-top: 20px;
                margin-bottom: 20px;
                border: none !important;
                float: none;
                background-repeat: no-repeat;
                padding: 0;
}

#content .voiture .content .gauche, #content .voiture .content .droite {
	width: 208px;
	height: 100%;
	padding-left: 5px;
	padding-right: 5px;
}

#content .voiture .content .gauche, #content .voiture .content .droite {
	position: relative;
    top: -9px;
}
	
#content .voiture .content .gauche {
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #FFF;
        margin-top: 0px;
}

#content .voiture .content .details_voiture {
	width: 100%;
	height: 57px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	padding-bottom: 7px;
	margin-top: 10px;
}

#content .voiture .content .details_voiture .photo {
	width: 100px;
	height: 54px;
	margin-right: 10px;
	float: left;
}

#content .voiture .content .details_voiture .cadre_prix {
	width: 95px;
	height: 54px;
	float: left;
}

#content .voiture .content .details_voiture .cadre_prix .texte {
	float: left;
	font-size: 14px;
	color: #666;
	position: relative;
	top: 29px;
}

#content .voiture .content .details_voiture .cadre_prix .prix {
	float: left;
	font-size: 23px;
	color: #C00;
	left: 5px;
    position: relative;
    top: 17px;
}

.newsletter .titre {
	font-size: 19px;
	color: #2699cd;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #2699cd;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.newsletter .texte {
                line-height: 35px;
}

#commitment {
}

#commitment .titre {
	font-size: 19px;
	color: #2699cd;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #2699cd;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#commitment .texte {
}

#commitment .collone, #commitment .collone_last, #commitment .collone_first {
	width: 97px;
	height: 83px;
	margin-left: 10px;
	float: left;
	margin-top: 3px;
	text-align: center;
	margin-top: 8px;
}

#commitment .collone {
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #E5E3D7;
}

#commitment .collone_last {
}

#commitment .collone_first {
	margin-left: 0;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #E5E3D7;
}

#booking {
	padding: 5px;
	padding-left: 15px;
}

#booking .titre {
	color: #FFF;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	float: left;
	width: 97%;
	margin-top: -8px;
}

#booking .titre h1 {
                font-size: 19px;
                float: left;
                font-style: normal;
                font-weight: normal;
                border-bottom: none;
                border-top: none;
                color: #FFF;
                letter-spacing: 0px;
                margin: 0;
                padding: 0;
                font-weight: lighter;
                font-family: Arial,Georgia,"Times New Roman",Times,serif;
                text-shadow: 0px 0px 1px #000; 
}

#booking .titre .part2 {
	font-size: 16px;
	float: left;
	left: 5px;
    position: relative;
    top: 4px;
}

.form_bleu {
	float: left;
	color: #FFF;
	margin-top: 15px;
	font: 12px/15px Arial,Helvetica,sans-serif
}

.calendar {
	position: relative;
    top: 7px;
}

#footer .cadre .content {
	padding: 13px;
}

#footer .cadre .content .first_collone , #footer .cadre .content .middle_collone , #footer .cadre .content .last_collone {
	width: 165px;
	height: 130px;
	float: left;
	padding-left: 10px;
}


#footer .cadre .content .first_collone {
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #FFF;	
}


#footer .cadre .content .middle_collone {
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #FFF;	
}

#footer .cadre .content .last_collone {
                left: -4px;
                position: relative;
                top: 50px;
}

#footer ul , #footer li {
                list-style-type: none;
                margin: 0;
                padding-left: 0;
                font-family: Arial, Helvetica, sans-serif;
                list-style-type:  none;
                list-style-image: none;
                list-style: none;
                background:  none;
                color: #666666;
}

.boxe {
	padding: 5px;
	width: 425px;
	height: auto;
                    float: left;
	border: medium solid #e5e3d7;
	background-color: #FFF;
	margin-bottom: 10px;
	padding-left: 15px;
	font-size: 12px;
}

.boxe_comment {
	padding: 5px;
	width: 434px;
	height: auto;
	border: medium solid #e5e3d7;
	background-color: #FFF;
	margin-bottom: 5px;
	font-size: 12px;
        float: left;
}


.pub .boxe {
	margin: 0;
	height: auto;
	padding: 0;
	width: 99%;
        min-height: 131px;
        margin-bottom: 5px;

}

#header #numero_telephone {
	float: right;
	margin-top: 10px;
	width: 214px;
	text-align: center;
}

#header #numero_telephone .numero {
                background-image: url("../images/cadres/fond_numero_telephone.gif");
                background-repeat: no-repeat;
                color: #FFFFFF;
                font-size: 24px;
                height: 43px;
                padding-top: 6px;
                text-align: center;
                width: 214px;
}

#header #numero_telephone .texte {}

#content-page {
	float: left;
	width: 910px;	
}

#content-page .droite, #content-page .gauche {
	float: left;	
}

#content-page .droite {
	margin-right: 10px;
	float: left;
	width: 250px;
}

#content-page .gauche {
                float: left;
                width: 650px;
                margin-top: 15px;
                margin-bottom: 30px;
}

#content-page .droite .booking {
                width: 250px;
                height: 370px;
                background-color: #127EB3;
                border-bottom-left-radius: 5px;
                border-bottom-right-radius: 5px;
}


#content-page .gauche .display {
                font-family: Arial, Helvetica, sans-serif;
}


.display .list_car {
                float: left;
                margin-bottom: 45px;
}

.display .list_car .boxe_car .image {
                float: left;
                height: 90px;
                margin-right: 10px;
                width: 132px;
                border:  #E5E3D7 solid thin;
                background-color: #FFF;
                padding: 2px;
}

.display .list_car .boxe_car {
                float: left;
                background-image: url(../images/display_car_bottom.jpg);
                background-repeat: no-repeat;
                background-position: bottom;
                width: 633px;
                height: 100px;
                padding: 10px 0 10px;
}

.boxe_selection_car {
                float:  left;
                margin-bottom: 10px;
}

.display .menu_car {
                height: 20px;
                width: 100%;
                border-bottom-width: thin;
                border-bottom-style: solid;
                border-bottom-color: #CCC;
                font-size: 12px;
                float: left;
}

.display .list_car .boxe_car .content {
                float: left;
                height: 80px;
                width: 485px;
}

.display .list_car .boxe_car .content .titre {
                font-weight: bold;
                color:   #646464;
                font-size: 12px;
}

.display .list_car .boxe_car .content .icone {
                display: block;
                float: left;
                margin-top: 6px;
                width: 100%;
}

.display .list_car .boxe_car .content .content_prix {
                float: left;
                width: 100%;
                margin-top: 6px;
                font-style: italic;
                font-weight: bold;
}

.display .list_car .boxe_car .content .disponibilite {
                float: left;
                padding-top: 4px;
                font-size: 12px;
                color: #333;
                height: 16px;
                min-width: 20px;
}

.item_texte_list_cars, .item_images_list_cars {
                float: left;
}

.item_texte_list_cars {
                color: #FFFFFF;
                font-family: arial;
                font-weight: bold;
                left: -12px;
                position: relative;
                top: 3px;
                width: 2px;
}

.item_images_list_cars {
	
}

.display .list_car .boxe_car .content .content_prix .first_part{
	float: left;
	padding-right: 5px;
	font-size: 1.2em;
	color: #333;
	line-height: 1.6em;
}

.display .list_car .boxe_car .content .content_prix .price{
	float: left;
	padding-right: 5px;
	font-size: 1.4em;
	color: #CC0000;
}

.display .list_car .boxe_car .content .content_prix .last_part{
	float: left;
	font-size: 1.4em;
	color: #CC0000;
}

.display .list_car .boxe_car .content .left {
	float: left;
	width: 485px;
}

.display .list_car .boxe_car .content .right {
	float: right;
	margin-top: -17px;
}


.display .list_car .boxe_car .content .right .more_details {
	float: left;
	margin-top: 7px;
	margin-right: 20px;
}

.display .list_car .boxe_car .content .right .more_details .image {
	float: left;
	margin: 0px;
	padding: 0px;
	height: auto;
	width: auto;
	margin-right: 5px;
        border:  none;
        background: none;
}

.display .list_car .boxe_car .content .right .more_details .texte {
	float: left;
	padding-top: 1px;
	text-decoration: underline;
}

.display .list_car .boxe_car .content .right .book_now {
	float: left;
	padding-top: 1px;
}

.more_details_boxe {
                width: 650px;
                height: 570px;
}

.more_details_boxe .titre {
                font-size:  18px;
                color:  #646464;
                border-bottom: 2px;
                border-bottom-color: #E5E3D7;
                border-bottom-style:  solid;
                padding-bottom:  3px;
                margin-bottom:  8px;
}

.more_details_boxe .content .left {
                width: 47%;
                margin-right:  10px;
                float: left;
                height: 100%;
}

.more_details_boxe .content .left .image, .more_details_boxe .content .left .price, .more_details_boxe .content .left .similar_model, .more_details_boxe .content .left .equipments {
                width: 100%;
                float: left;
                margin-bottom: 12px;
}

.more_details_boxe .content .left .equipments ul.split-collone {
                width: 100%;
}

.more_details_boxe .content .left .equipments ul.split-collone li {
                width: 46%;
                float:  left;
}

.more_details_boxe .content .left .image {
                border: thin solid #E5E3D7;
                height: 179px;
                padding: 3px;
                width: 98%;
}

.more_details_boxe .content .right {
                width: 47%;
                float:  left;
                height: 100%;
}

.more_details_boxe .content .right .assurance, .more_details_boxe .content .right .descriptifs, .more_details_boxe .content .right .caracteristics {
                float: left;
                width: 100%;
                margin-bottom: 12px;
}

.barre_separation_grise {
                width: 100%;
                float:  left;
                margin-top: 10px;
                margin-bottom: 10px;
                border-bottom:  #E5E3D7 thin solid;
}

.more_details_boxe .content .right .caracteristics {
                margin-bottom:  -5px;
}

ul.list_sans_puce li {
                font-family: arial;
                background:  none;
                margin-left: -9px;
}

.form_personals_details_content .form_personals_details {
}

.form_personals_details_content .form {
                float:  left;
                width:  99%;
                padding-top:  10px;
}

.gauche .collone_one {
                width: 311px;
                float:  left;
                margin-right:  15px;
                padding: 5px;
                padding-top: 0px;
                margin-top: 10px;
}

.gauche .collone_one .map {
                width: 300px;
                height: 300px;
                background-color:  #FFF;
                float:  left;
                padding: 5px;
                border:  #E5E3D7 solid thin;
                margin-bottom: 15px;
}

.gauche .collone_two {
                width: 314px;
                height: 100px;
                float:  left;
                margin-top: 10px;
}

p.contact {
                margin-top: 10px;
                margin-bottom: 25px;
}

.comment {
                margin-left: 20px;
                width: 410px;
}

.comment .quote {
                background-image: url(../images/quote.png);
                width: 50px;
                height: 131px;
                background-repeat: no-repeat;
                float: left
}

.comment .text {
/*                margin-bottom: 13px;
                margin-left: 14px;
                margin-top: 30px;
                width: 81%;
                float: left;
                color: #666666;
                font-size: 15px;
                text-indent: inherit;
                text-align: justify;*/
                color: #2E88C7;
                font-family: Georgia,"Times New Roman",Times,serif;
                font-size: 17px;
                font-style: italic;
                font-weight: normal;
                line-height: 29px;
                margin: 10px 0;
}

.comment .date {
                height: 20px;
                width: 81%;
                float: left;
                margin-left: 14px;
                color: #CCC9C6;
                font-size: 11px;
                margin-bottom: 20px;
                font-style: italic;
}

#more_details_price {
                float: left;
}

.countdown {
                display: inline;
}

/******************************************************************************************************* PROMOTION ****************************************************************************************************************/

.promotion, .promotion .text, .promotion .image {
                float: left;
}

.promotion {
                border-bottom: #D6D6D6 dashed thin;
}

.promotion .text {
                width: 530px;
                margin-left: 15px;
                text-align: justify;
}

.promotion .image {
                background-image: url(../images/promotion_styckers.png);
                background-repeat: no-repeat;
                width: 98px;
                height: 64px;
                font-size: 19px;
                color: #F6F6F6;
                font-weight: bold;
                text-align: center;
                padding-top: 34px;
                position: relative;
                top: 30px;
                text-shadow: 0em 0em 0.2em #FFF; 
                color: #BF2416;
}


/******************************************************************************************************* PROMOTION ****************************************************************************************************************/

.dashed {
                border-bottom: #D6D6D6 dashed thin; 
                height: 2px; 
                width: 100%; 
}