﻿
/* general design */
body
{
    margin:0px;
    padding:0px;
    font-family:Verdana,Arial,"Bitstream Vera Sans",Helvetica,Sans-serif;
    font-weight: normal;
    background-image: url(pics/fond_metal.png);
    color:#585858;
    font-size:14px;
}

.background
{
    padding:0px;
    margin:0px;
    margin:auto;
    margin-top:0px;
    width:776px;
    background-image: url(pics/background.png);
}

.page
{
    padding:0px;
    margin:0;
    margin:auto;
    margin-top:0px;
    width:756px;
    background-color:#ffffff;
    border-right:solid 1px #ffffff;
    border-left:solid 1px #ffffff;
}

.container
{
    padding:0;
    margin:0;
}

#content
{
    margin:5px;
    width:530px;
    padding:5px;
}

.emprunte
{

}

.footer
{
    margin:0;
    padding:0;
    width:756px;
    background-image:url(pics/fond_footer.png);
    font-size:12px;
    color:#aeaeae;
    text-align: center;
}

.footer a{
    color:#aeaeae;
}

/* bar */


.advert
{
    width:756px;
    height:140px;
}

.header_img
{
    width:544px;
    height:140px;
    margin:0;
    padding:0;
    float:left;
    background-image: url(pics/header1.png);
}


.header_img h1
{
    margin-top:15px;
    margin-left:20px;
}

.header_img .slogan
{
    margin:0;
    padding:0;
    float:left;
    color:#ffffff;
    font-size:25px;
    margin-left:20px;
    margin-top:10px;
}

.logo
{
    width:185px;
    height:140px;
    margin:0;
    padding:0;
    float:right;
    background-image: url(pics/logo.png);
}

.searchArea
{
    margin:0;
    padding:0;
    width:756px;
    height:20px;
    background-image: url(pics/searchArea.png);
    float:right;
}

#searchBox
{
    margin:auto;
    margin-top:1px;
    margin-right:4px;

    padding:0;
    padding-left:20px;

    float:right;
    width:140px;
    height:16px;
    background-image: url(pics/search.png);
    background-color:transparent;
    background-position:1px 1px;
    background-repeat:no-repeat;
    font-style:italic;
    border:none;
    color:#c5cdd5;
    /*
    border-bottom:solid 1px #c5cdd5;
    border-right:solid 1px #c5cdd5;
    */
}

/* main menu */

.mainMenu
{
    width:756px;
    height:40px;
    background-image: url(pics/barre.png);
    text-align:center;
    padding:0px;
    margin:0px;
}

.mainMenu a
{
    border:none;
    text-decoration:none;
    padding:0px;
    margin:0px;
    margin-left:-7px;
}
.mainMenu img
{
    border:none;
    text-decoration:none;
    padding:0px;
    margin:0px;
}

/* common */

.list_style_clear{
    list-style-type: none;
}

li{/*
    list-style-type: none;*/
}

h1
{
    color:#ffffff;
    font-size:60px;
    margin:0;
    padding:0;
}

h2
{
    font-style:italic;
    text-decoration: underline;
    font-weight: normal;
    font-size:24px;
    margin:14px;
    padding:0;
    color:#0c4376;
}

h3
{
    font-style:italic;
    font-weight: normal;
    font-size:20px;
    margin:10px;
    padding:0;
    color:#0c4376;
}

.clear
{
    clear:both;
}

p{
    text-indent:40px;
    text-align:justify;
}

img.portrait
{
    border:solid 1px #0C4376;
    margin:4px;
}

.float_left
{
    float:left;
}

.float_right
{
    float:right;
}

.thirty_pc
{
    width:30%;
}
.fourty_pc
{
    width:40%;
}
.fifty_pc
{
    width:50%;
}
.eighty_pc
{
    width:80%;
}

.spaced_top
{
    margin-top:40px;
}

a
{
    color:#eda200;
}

.absolute
{
    position:absolute;
}

.section
{
    border-left:solid 3px #eda200;
}

.bold
{
    font-weight:bold;
}

.underline
{
    text-decoration: underline;
    color:#0c4376;
}

.italic
{
    font-style:italic;
}

hr
{
    color:#eda200;
}

.align_center
{
    text-align:center;
}

.margin_auto
{
    margin:auto;
}

.center
{
    text-align:center;
}


/* colonne gauche */

.left-column
{
    margin:0px;
    padding:0px;
    width:200px;
    float:left;/*
    background-color:#222222;*/
}

#vignetteDispo
{
    margin-left:6px;
    margin-top:6px;
    padding:0px;
    width:200px;
    height:200px;
    background-image:url(pics/Disponibilite.png);
}

#vignetteDispo #phone
{
    color:#EDA200;
    position:absolute;
    margin-top:63px;
    margin-left:40px;
    font-size:20px;
    letter-spacing:-2px;
}

#vignetteDispo #phone_info
{
    color:#EDA200;
    position:absolute;
    margin-top:94px;
    margin-left:26px;
    text-align: center;
}

#vignetteSecu
{
    margin-left:6px;
    margin-top:6px;
    padding:0px;
    width:200px;
    height:200px;
    background-image:url(pics/Securite.png);
}

#commentSecu
{
    color:#EDA200;
    position:absolute;
    margin-top:54px;
    margin-left:40px;
    text-align:center;
}

#vignetteReac
{
    margin-left:6px;
    margin-top:6px;
    padding:0px;
    width:200px;
    height:200px;
    background-image:url(pics/Reactivite.png);
}

#commentReac
{
    color:#EDA200;
    position:absolute;
    margin-top:54px;
    margin-left:40px;
    text-align:center;
}



/*
.left-column h2
{
    text-align:right;
    font-family:"AR DARLING";
    color:#575757;
    position:absolute;
    font-size:20px;
    margin:0;
    padding:0;
    margin-top:10px;
    margin-left:20px;
}
*/
.left-column h3
{
    font-family:'AR DARLING';
    font-size:30px;
    color:#383838;
    float:right;
    /*
    background-image:url(pics/fond_footer.png);*/
}

/* right column */

.right-column
{
    margin:0px;
    margin-top:10px;
    padding:0px;
    width:550px;
    float:right;
}


/* slider */

#carousel img
{
	width:480px;
	height:360px;
	display:none;
	border:solid 3px #4287a8; 
}


