@charset "UTF-8";

/* --------------------------------------------- */
/* OLalande Design WEBSITE CSS : HOME PAGE       */
/* --------------------------------------------- */
/* Smartly powered by bbdk                       */
/* Contact : olalande@bbdk.fr                    */
/* --------------------------------------------- */

/* Global */
body {position:relative; margin:0; padding: 0;}
h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, fieldset {padding:0; margin:0; font-weight:normal; text-decoration:none; border:0; list-style:none; font-family: "trebuchet MS", Arial, Helvetica, sans-serif; color:#000; font-size:12px;}
h1 {color:#777; font-family:Arial, Helvetica, sans-serif;}
h2 {font-size:16px; font-weight: bold;}
h3 {font-size:14px; color: #777; font-weight: bold; font-family:Arial, Helvetica, sans-serif;}
h4 {font-size:14px; font-weight: bold; text-align: center; font-family:Arial, Helvetica, sans-serif;}
h5 {font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-family:Arial, Helvetica, sans-serif;}
h6 {font-size:10px; color:#777; font-family:Arial, Helvetica, sans-serif;}
a img {border: none;}
a:link, a:active, a:focus, a:visited { color: #000; text-decoration:none;}
a:hover {color:#F60; text-decoration:none;}

/* Header, Footer */
#header, #footer, #content {position:relative; width:960px; margin-left:auto; margin-right:auto;}
#logo {position:relative; width:200px; padding-top:10px; float:left; text-align:left;}
#legend {position:relative; width:726px; padding-top:50px; margin-right:34px; float:right; text-align:right;}
#compagny, #adress {text-align:left; width:584px; margin: 0 0 3px 16px; float:left;}
#copyright {text-align:right; width:336px; margin: 0 24px 0 0; float:right;}

/* Content */
#content {heith:336px;}
#section {position:relative; width:192px; margin: 5px 0 0 8px; float:left; text-align:left;}
#article {position:relative; width:758px; margin: 5px 0 0 0; float:right; text-align:right;}
#figure {position:relative; width:690px; float:right;}
#text {position:relative; width:320px; margin: 0 22px 0 22px; float:right; text-align:justify;}
#text p {
	font-size:12px;
	text-align:left;
	color:#555;
	font-family:Arial, Helvetica, sans-serif;
}
#text .orange {color:#F60;}
#text .bold {font-weight:bold;}
#figure_medium {position:relative; width:326x; float:right;}
#figure_small {position:relative; width:100px; margin: 10px auto 10px auto;}
#message {position:relative; width:290px; margin: 30px 0 0 0; text-align:center;}

/* Navigation */
#menu {
	position:absolute;
	width:192px;
	top:317px;
	left:0px;
	text-align: left;
}
#menu li {color:#F60;}
#arrow_previous {position:relative; width:24px; height:133px; margin:100px 10px 0 0; float:right;}
#arrow_next {position:relative; width:24px; height:133px; margin: 100px 0 0 10px; float:right;}
#clear {position:relative; clear:both; width:960px; height:0px; margin-left:auto; margin-right:auto;}
#nav {position:relative; width:896px; margin-left:auto; margin-right:auto; padding: 5px 0 5px 0; text-align:right; clear:right}

/* Contact form */
form ul li {margin: 5px 0 10px 0;}
form input.text {width:210px; height:20px; line-height:20px; padding:0 0 0 10px; font-size:11px; color:#ADB4B5;}
form input.submit {position:relative; width:60px; height:20px; cursor:pointer; float:right;}
form textarea {width:200px; height:100px; margin:0; padding:10px; color:#ADB4B5; font-size:11px; font-family:Arial, Helvetica, sans-serif; resize:none; overflow:auto;}