div#page {
width : 900px;
margin : 0 auto;
text-align : left;
}
div#container {
padding-top : 0;
padding-right : 10px;
padding-bottom : 10px;
padding-left : 10px;
}
div.content {
display : none;
float : right;
width : 550px;
}
div.content a, div.navigation a {
text-decoration : none;
color : #ffffff;
}
div.content a:hover {
background-color : transparent;
}
div.content a:focus, div.content a:hover, div.content a:active {
text-decoration : none;
}


div.loader {
position : absolute;
top : 0;
left : 0;
background-image : url('loader.gif');
background-repeat : no-repeat;
background-position : center;
width : 500px;
height : 502px;
}

div.navigation div.top {
margin-bottom : 12px;
height : 11px;
}
div.navigation div.bottom {
margin-top : 12px;
}

html {
width : 100%;
height : 100%;
background : #fff;
}
body {
height : 100%;
margin : 0;
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #666;
}
* {
margin : 0;
padding : 0;
border : 0;
}
li {
vertical-align : bottom;
list-style-type : none;
}
img, fieldset {
border : 0;
}
img {
border : none;
}
h1, h2, h3 {
font-size : 100%;
font-weight : normal;
font-family : Helvetica, Arial, sans-serif;
}
h1 {
	font-size : 24px;
	font-weight : normal;
	font-family : Helvetica, Arial, sans-serif;
	color: #CCC;
}
em {
font-style : normal;
}
strong {
font-weight : normal;
}
a {
text-decoration : none;
outline : none;
color : #475b74;
}
a:hover {
background-color : #eeeeee;
}
hr {
visibility : hidden;
clear : both;
}
p {
position : relative;
display : block;
padding : 5px 0;
}
.page {
float : left;
}
div#wrapper {
	position : relative;
	top : 0;
	left : 0;
	display : block;
	width : 11158px;
}
#navigation {
position : absolute;
display : block;
width : 7581px;
height : 53px;
top : 10px;
left : 275px;
z-index : 5;
}
.navigation_box {
position : absolute;
display : block;
width : 50px;
height : 50px;
top : 0;
left : 0;
z-index : 6;
}
.navigation_box a {
display : block;
width : 50px;
height : 50px;
position : relative;
}
.navigation_box a:hover {
background : none;
}
.suiv {
background : url(../images/suiv.png) no-repeat top left;
}
.prec {
background : url(../images/prec.png) no-repeat top left;
}
.home {
background : url(../images/home.png) no-repeat top left;
}
#index_page {
position : relative;
display : block;
width : 1665px;
background : url(../images/accueil.jpg) no-repeat top right;
}
div.index {
position : relative;
display : block;
width : 1600px;
}
#apropos_page {
position : relative;
display : block;
width : 1159px;
background : url(../images/bg_apropos.jpg) no-repeat top left;
padding-left : 225px;
}
#apropos {
position : relative;
display : block;
width : 630px;
padding-top : 75px;
padding-left : 155px;
}
#apropos div.content_apropos {
	background-image : url(http://www.marilyne-ailliot.com/images/avatar.jpg);
	background-repeat : no-repeat;
	background-color : #fff;
	width : 300px;
	height : 350px;
	left : 100px;
	padding-top : 0;
	position : relative;
	padding-top : 10px;
	padding-right : 10px;
	padding-bottom : 20px;
	padding-left : 255px;
}
#illustration_page {
position : relative;
display : block;
width : 1637px;
background : url(../images/bg_illustr.jpg) no-repeat top left;
padding-left : 25px;
}
#illustration {
position : relative;
display : block;
width : 1614px;
padding-top : 75px;
}
#illustration div.content_illustration {
	width : 550px;
	height : 510px;
	left : 450px;
	padding-top : 0px;
	position : relative;
	padding-right : 10px;
	padding-bottom : 0px;
	padding-left : 10px;
	background-color: #fff;
}
 p.italic {
	padding-left:15px;
font-style : italic;
color : #999999;
}
#print_page {
position : relative;
display : block;
width : 1598px;
background : url(../images/bg_print.jpg) no-repeat top left;
top : 0;
}
#print {
position : relative;
display : block;
width : 1000px;
padding-top : 75px;
}
#print div.content_print {
	width : 550px;
	height : 510px;
	left : 270px;
	padding-top : 0;
	position : relative;
	padding-top : 0px;
	padding-right : 10px;
	padding-bottom : 20px;
	padding-left : 10px;
	background-color: #FFF;
}
#print div.content_print h3 {
background : none;
}
#web_page {
position : relative;
display : block;
width : 1660px;
background : url(../images/bg_web.jpg) no-repeat top left;
}
#web {
position : relative;
display : block;
width : 1000px;
padding-top : 75px;
padding-left : 335px;
}
#web div.content_web {
position : relative;
	width : 550px;
	height : 510px;
background : #fff;
}
#web div.content_web h3 {
background : none;
}
#web div.content_web div.content_left {
width : 400px;
float : left;
}
#web div.content_web div.content_right {
width : 216px;
float : right;
padding-top : 40px;
}
#cv_page {
position : relative;
display : block;
width : 1599px;
background : url(../images/bg_cv.jpg) no-repeat top left;
}
#cv {
position : relative;
display : block;
width : 1100px;
padding-top : 75px;
padding-left : 425px;
}
#cv div.content_cv {
background : #fff;
left : 130px;
padding : 20px;
padding-top : 0;
position : relative;
	width : 550px;
	height : 510px;
}
#contact_page {
	position : relative;
	display : block;
	width : 1588px;
	background : url(../images/bg_contact.jpg) no-repeat top left;
}
#contact {
position : relative;
display : block;
width : 1100px;
padding-top : 75px;
padding-left : 425px;
}
#contact div.content_contact {
background : #fff;
left : 130px;
padding : 20px;
padding-top : 0;
position : relative;
	width : 550px;
	height : 510px;

}
ul#contactform li {
padding-bottom : 5px;
}
ul#contactform li.err {
color : #647638;
padding-bottom : 0;
font-weight : bold;
}
ul#contactform li.first_name {
margin-top : 20px;
}
ul#contactform li.contactinfo {
margin-bottom : 10px;
}
ul#contactform label {
float : left;
clear : left;
width : 94px;
}
ul#contactform input.textbox {
border : 1px solid #aaa;
height : 14px;
width : 280px;
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #666;
padding : 1px 2px;
}
ul#contactform input.submit_button {
border : 1px solid #8a8a8a;
background : #fff;
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #8a8a8a;
margin-left : 230px;
margin-top : 10px;
cursor : pointer;
width : 150px;
}
input.submit_button {
border : 1px solid #999999;
background : #fff;
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #8a8a8a;
cursor : pointer;
padding : 2px 0;
}
ul#contactform textarea.textbox {
border : 1px solid #aaa;
height : 60px;
width : 280px;
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #666;
padding : 1px 2px;
}
#index_left {
position : relative;
display : block;
width : 200px;
float : left;
z-index : 2;
}
#index_left div.link_contact a {
color : #b0c52c;
font-weight : bold;
left : 268px;
position : absolute;
text-align : center;
top : 46px;
}
#index_left div.link_contact a:hover {
background : none;
text-decoration : underline;
}
#index_left #menu {
position : relative;
display : block;
width : 200px;
height : 275px;
padding : 30px 0 30px 0;
font-family : Helvetica, Arial, sans-serif;
}
#index_left #menu li {
position : relative;
display : block;
font-size : 20px;
}
#index_left #menu li a {
position : relative;
color : #ccc;
padding-right : 45px;
padding-left : 25px;
text-transform : uppercase;
font-weight : bold;
}
#index_left #menu li a:hover {
color : #fff;
background-color : #999;
}
#index_left #contact_info {
position : relative;
top : 48px;
height : 250px;
left : 25px;
padding-top : 110px;
font-size : 0.9em;
width : 160px;
}
#index_left #contact_info h2 {
font-weight : bold;
color : #647638;
margin : 10px 0;
}
#index_left #contact_info div.web_info {
margin : 20px 0;
}
#index_left .up {
background-image : url(../images/top.jpg);
}
#index_left a.up {
display : block;
height : 136px;
left : 0;
position : relative;
width : 136px;
top : 242px;
}
#index_right {
	position : relative;
	display : block;
	width : 1000px;
	float : left;
	z-index : 1;
}
div#accueil {
position : relative;
display : block;
width : 700px;
margin-top : 400px;
z-index : 1;
padding-left : 45px;
background : url(../images/border_bg.gif) repeat-y;
}
div#accueil .page_heading {
margin-top : 4px;
}

div#accueil .page_heading h2 {
position : relative;
display : block;
width : 189px;
color : #647638;
font-size : 2em;
margin-bottom : 3px;
display : none;
}

div.author {
color : #5e7831;
font-size : 0.9em;
padding-top : 10px;
text-align : right;
margin-bottom : 30px;
}
#index_footer {
position : relative;
display : block;
width : 956px;
height : 22px;
margin-top : 18px;
margin-bottom : 18px;
text-align : right;
}
#index_footer ul {
float : right;
padding-right : 10px;
padding-right : 36px;
}
#index_footer li {
position : relative;
display : block;
float : left;
color : #647638;
line-height : 22px;
}
#index_footer li a {
padding : 0 0 0 36px;
}
.page_heading h2 {
color : #243350;
font-size : 1.5em;
text-transform : uppercase;
padding-top : 20px;
padding-bottom : 20px;
}
.page_heading strong {
position : relative;
display : block;
width : 93px;
background : #fff;
color : #647638;
font-size : 10px;
font-weight : bold;
padding : 3px;
text-align : center;
}
.page_heading h3 {
	margin-top : 20px;
	padding-top : 10px;
	color : #666;
	text-transform : lowercase;
	font-size : 1.4em;
	font-weight: bold;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #666;
	margin-bottom: 10px;
}

#home {
position : absolute;
display : block;
width : 220px;
height : 155px;
top : 320px;
left : 9590px;
z-index : 10;
}
#home a {
position : relative;
display : block;
width : 220px;
height : 155px;
text-indent : -10000px;
}
#flashcontent {
height : 100%;
}
a.jScrollArrowUp {
background : url(../images/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
background-position : 0 -15px;
}
a.jScrollArrowDown {
background : url(../images/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
background-position : 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
background-position : 0 -30px;
}

.scroll-pane {
width : 380px;
height : 260px;
overflow : auto;
}
#pane2 {
height : 260px;
}
.jScrollPaneContainer {
outline : none;
}
.jScrollPaneContainer {
position : relative;
overflow : hidden;
z-index : 1;
}
.jScrollPaneTrack {
position : absolute;
cursor : pointer;
right : 0;
top : 0;
height : 100%;
background : #b1c530;
}
.jScrollPaneDrag {
position : absolute;
background : #647638;
cursor : pointer;
overflow : hidden;
}
.jScrollPaneDragTop {
position : absolute;
top : 0;
left : 0;
overflow : hidden;
}
.jScrollPaneDragBottom {
position : absolute;
bottom : 0;
left : 0;
overflow : hidden;
}
a.jScrollArrowUp {
display : block;
position : absolute;
z-index : 1;
top : 0;
right : 0;
text-indent : -2000px;
overflow : hidden;
height : 9px;
}
a.jScrollArrowDown {
display : block;
position : absolute;
z-index : 1;
bottom : 0;
right : 0;
text-indent : -2000px;
overflow : hidden;
height : 9px;
}
/*galeries*/
.thumb{
	padding: 2px;
	border: 1px solid #CCC;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
div.quote {
	color: #069;
	font-family:Georgia;
	font-size:1.8em;
	font-style:italic;
	font-variant:normal;
	font-weight:normal;
	line-height:25px;
	padding:0pt;
	text-align:left;
	padding-top: 20px;
}