/* FONTFACE */

@font-face {
	font-family: "Josefin Sans Std";
	src: url('fonts/JosefinSansStd-Light-webfont.eot');
	src: url('fonts/JosefinSansStd-Light-webfont.svg');
	src: url('fonts/JosefinSansStd-Light-webfont.ttf');
	src: url('fonts/JosefinSansStd-Light-webfont.woff');
}

/* ////////////////////////// */

* { 
	margin:0px;
	padding:0px;
	list-style-type:none;
}

a {
	color:#b37e7e;
	text-decoration:none;
}

/* ////////////////////////// */

body {
	background-image:url(img/bg_body.jpg);
	background-repeat:repeat-x;
	background-position:0px 114px;
}

#main_div {
	padding-top:80px;
	width:980px;
	margin:auto;
}

/* HEADER */

#header p {
	display:inline;
	font-family:"Josefin Sans Std";
	font-size:26px;
	color:#b37e7e;
}

#header p span {
	font-size:12px;
	color:#7f7f7f;
	font-family:Verdana, Geneva, sans-serif;
}

#header form {
	display:inline;
	margin-left:50px;
}

#header form input[type="text"] {
	background-color:#FFF;
	border:1px solid #e6d7d7;
	height:18px;
	color:#7f7f7f;
}

#header form input[type="submit"] {
	background-image:url(img/search.jpg);
	width:19px;
	height:19px;
	border:1px solid #e6d7d7;
	margin-left:-5px;
	cursor:pointer;
}

/* CONTENEUR PRINCIPAL */

#conteneur {
	background-image:url(img/background_content.jpg);
	height:322px;
}

/* MENU */

#menu_left {
	float:left;
}

#menu {
	margin-top:80px;
	margin-left:100px;
}

#menu li {
	text-align:right;
	padding-left:5px;
	padding-right:5px;
}

#menu li:hover {
	background-color:#FFF;
		-webkit-transition:background-color 0.3s ease-in;  
		-moz-transition:background-color 0.3s ease-in;  
		-o-transition:background-color 0.3s ease-in;  
		transition:background-color 0.3s ease-in;  
}

.crt_item {
	background-color:#FFF;
}

#menu li a {
	font-family:"Josefin Sans Std";
	font-size:16px;
	color:#b37e7e;
	text-transform:uppercase;
}

/* CONTENU PAGE */

#contenu_page {
	float:right;
	width:730px;
	margin-top:28px;
}

#photo {
	width:287px;
	height:193px;
	float:left;
	margin-top:20px;
	border:solid 3px #FFF;
}

.texte {
		text-align:justify;
		padding-left:10px;
		padding-right:10px;
}

.title {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#b37e7e;	
	margin-bottom:10px;
}

.corp {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#7f7f7f;
	margin-bottom:5px;
}

.corp span {
	margin-left:15px;
}

.texte ul {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#7f7f7f;
	margin-left:15px;
	margin-top:10px;
}

.texte ul li {
	list-style-type:circle;
}

/* SLIDER */

.wslider {
	float:right;
	width:333px;
	margin-top:30px;
	margin-right:100px;
}

#slider_menu {
	color:#b37e7e;
	padding-top:20px;
	margin-left:800px;
}

.wactive {
	color:#7f7f7f;
}

/* FOOTER */

#footer {
	width:780px;
	text-align:center;
	margin:auto;
	margin-top:20px;
}

#footer p {
	color:#7f7f7f;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align:center;
}

#footer p span {
	color:#b37e7e;
	text-transform:uppercase;
}

#footer ul li {
	display:inline;
	color:#7f7f7f;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align:center;
}
.slidevli {
    position: relative;
}
.slidevli ul {
    position: absolute;
    width: 200px;
    left: 0px;
}
.slidevli li a {
display:block;
height:100%;
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
text-decoration:none;
text-align:left;
color:#b37e7e;
}

/* FORMULAIRE DE RAPPEL */

#rappel {
	margin:auto;
	width:100px;
}

#rappel input {
	display:block;
	margin-top:3px;
	padding-left:5px;
	background-color:#FFF;
	border:1px solid #e6d7d7;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#b37e7e;
	width:100px;
}

#rappel input[type="submit"] {
	font-size:12px;
	height:20px;
	width:100px;
	margin-left:3px;
	margin-top:10px;
	background-color:#e6d7d7;
	border:1px solid #FFF;
}

#rappel input[type="submit"]:hover {
	font-size:12px;
	height:20px;
	width:100px;
	margin-left:3px;
	margin-top:10px;
	background-color:#FFF;
	border:1px solid #e6d7d7;
}

    #flip-tabs{  
        width:300px;  
        margin:20px auto; position:relative;  
    }  
    #flip-navigation{  
        margin:0 0 10px; padding:0;  
        list-style:none;  
    }  
    #flip-navigation li{  
        display:inline;  
    }  
    #flip-navigation li a{  
        text-decoration:none; padding:10px;  
        margin-right:0px;  
        background:#f9f9f9;  
        color:#333; outline:none;  
        font-family:Arial; font-size:12px; text-transform:uppercase;  
    }  
    #flip-navigation li a:hover{  
        background:#999;  
        color:#f0f0f0;  
    }  
    #flip-navigation li.selected a{  
        background:#999;  
        color:#f0f0f0;  
    }  
    #flip-container{  
        width:300px;  
        font-family:Arial; font-size:13px;  
    }  
    #flip-container div{  
        background:#fff;  
    }