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

*{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

body{
background-color:#FFFFFF;
font-family:Georgia, "Times New Roman", Times, serif;
padding: 0px;
margin:0px;
color:#1da3d8;
height:1108px;
}

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

a:hover{
color:#e2ecfc;
background-color:#e9609b;
}

a img{
border:none;
}

#all-first{
background-image:url(bgOrykeene.jpg);
display:block;
height:1032px;
}

#all{
display:block;
height:1108px;
background:url(footer.jpg) no-repeat bottom center;
overflow:hidden;
}

#ciel{
background-image:url(ciel.jpg);
width:100%;
height:334px;
position:relative;
background-position:center;
background-repeat:no-repeat;
}

#header{
width:1000px;
margin-left:auto;
margin-right:auto;
height:146px;
position:relative;
top:-260px;
padding-left:30px;
}

a#logo{
display:block;
width:222px;
height:142px;
}

a#logo:hover{
background:none;
cursor:pointer;
}

#menu{
display:block;
height:37px;
width:500px;
position:relative;
top:-73px;
left:266px;
}

#main{
margin-left:auto;
margin-right:auto;
position:relative;
top:-146px;
width:1000px;
}

#sidebar{
display:block;
width:432px;
height:609px;
margin-left:-151px;
background:url(montgolfieres.jpg) no-repeat;
position:relative;
top:-100px;
}

#content{
width:719px;
position:relative;
left:282px;
top:-717px;
}

.Droite{
float:right;
width:187px;
margin-top:-17px;
}

.Droite2{
float:right;
width:187px;
margin-top:-17px;
text-align:center;
}


.Gauche{
float:left;
width:500px;
}

#footer{
position:absolute;
text-align:right;
top:794px;
right:0px;
}


/*  TEXTE  */
#footer p{
line-height:24px;
}

#footer a:hover{
color:#FFFFFF;
}


p{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
color:#1da3d8;
line-height:27px;
}

.blabla{
font-size:15px;
line-height:23px;
}

.blablaWork{
font-size:14px;
line-height:22px;
}
 
.bold{
font-weight:bold;
}

.italic{
font-style:italic;
}

.sixteen{
font-size:16px;
}

.thirteen{
font-size:13px;
}

.stroke{
text-decoration:line-through;
}

p#hello{
display:block;
width:292px;
height:45px;
background:url(hello.jpg) no-repeat 0px 0px;
margin-bottom:4px;
}

p#details{
display:block;
width:176px;
height:39px;
background:url(details.jpg) no-repeat 0px 0px;
margin-bottom:4px;
}

p#check{
display:block;
width:187px;
height:39px;
background:url(checkOut.jpg) no-repeat 0px 0px;
margin-bottom:4px;
}

h3.contact{
font-size:22px;
font-style:italic;
font-weight:normal;
}

h3.work{
font-size:30px;
font-style:italic;
font-weight:normal;
margin-top:10px;
margin-bottom:10px;
}

.alert{
font-size:16px;
}

.green{
color:#4dd81d;
font-style:italic;
background-color:#f3f5ff;
padding:2px;
}

.red{
color:#FF0033;
font-style:italic;
background-color:#f3f5ff;
padding:2px;
}

/*  FORMULAIRE  */

form#contact{
}
form#contact h3.contact{
display:block;
width:99px;
margin-bottom:6px;
margin-top:5px;
}

#bgTextarea{
display:block;
background:url(bgForm.jpg) no-repeat;
border:none;
width:473px;
height:140px;
top:-17px;
padding-top:50px;
padding-left:13px;
padding-right:13px;
padding-bottom:13px;
position:relative;
}

form#contact textarea{
height:136px;
width:476px;
background:none;
border:none;
overflow:hidden;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#1da3d8;
font-style:italic;
}

form#contact input{
background:none;
border:#f8fafe 1px solid;
width:235px;
height:24px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#1da3d8;
padding-left:3px;
padding-right:3px;
}

form#contact input.submit{
width:117px;
height:37px;
background:url(Send_btn.jpg) no-repeat 0px -37px;
border:none;
color:none;
text-indent:-300px;
cursor:pointer;
}
form#contact input.submit:hover{
background:url(Send_btn.jpg) no-repeat 0px 0px;
}

/*  BOUTONS  */
a#home{
display:block;
width:110px;
height:37px;
background:url(Home_btn.jpg) no-repeat 0px 0px;
margin-right:19px;
float:left;
}

a#home:hover{
cursor:pointer;
background-position:0px -37px;
}

h2#home_active{
display:block;
width:110px;
height:37px;
background:url(Home_btn.jpg) no-repeat 0px -74px;
margin-right:19px;
float:left;
}

a#about{
display:block;
width:110px;
height:37px;
background:url(About_btn.jpg) no-repeat 0px 0px;
margin-right:19px;
float:left;
cursor:pointer;
}

a#about:hover{
background-position:0px -37px;
}

a#about_active{
display:block;
width:110px;
height:37px;
background:url(About_btn.jpg) no-repeat 0px -74px;
margin-right:19px;
float:left;
}

a#work{
display:block;
width:110px;
height:37px;
background:url(Work_btn.jpg) no-repeat 0px 0px;
margin-right:19px;
float:left;
}

a#work:hover{
cursor:pointer;
background-position:0px -37px;
}

a#work_active{
display:block;
width:110px;
height:37px;
background:url(Work_btn.jpg) no-repeat 0px -74px;
float:left;
margin-right:19px;
}

a#contact{
display:block;
width:110px;
height:37px;
background:url(Contact_btn.jpg) no-repeat 0px 0px;
float:left;
}

a#contact:hover{
cursor:pointer;
background-position:0px -37px;
}

h2#contact_active{
display:block;
width:110px;
height:37px;
background:url(Contact_btn.jpg) no-repeat 0px -74px;
float:left;
}

a#hire{
display:block;
width:110px;
height:37px;
background:url(Hire_btn.jpg) no-repeat 0px 0px;
float:left;
margin-left:27px;
margin-top:20px;
}

a#hire:hover{
cursor:pointer;
background-position:0px -37px;
}

a#myWorks{
display:block;
width:116px;
height:37px;
background:url(myWorks_btn.jpg) no-repeat 0px 0px;
float:left;
margin-left:27px;
margin-top:20px;
}

a#myWorks:hover{
cursor:pointer;
background-position:0px -37px;
}

a#myBlog{
display:block;
width:110px;
height:37px;
background:url(myBlog_btn.jpg) no-repeat 0px 0px;
float:left;
margin-left:27px;
margin-top:20px;
}

a#myBlog:hover{
cursor:pointer;
background-position:0px -37px;
}

/*  SPECIAL HOME  */
.colL{
float:left;
width:236px;
margin-top:26px;
margin-right:30px;
}
.colR{
float:left;
width:236px;
margin-top:26px;
}

/*  PICTURES  */
#bg_about{
display:block;
width:480px;
height:230px;
background:url(bg_about.jpg) no-repeat;
top:-22px;
padding-top:54px;
padding-left:10px;
padding-bottom:10px;
padding-right:10px;
position:relative;
margin-bottom:-5px;

}

.bg_work{
display:block;
width:499px;
height:350px;
background:url(bg_work.jpg) no-repeat;
top:-25px;
padding-top:58px;
padding-left:10px;
position:relative;
margin-bottom:-25px;
}

.hidden{
display:none;
}

p#nav_carousel{
text-align:center;
}

p.nav_work{
line-height:normal;
}

span.spacer{
display:block;
height:8px;
}


.rose{
background:url(btn_slide.jpg) no-repeat;
cursor:pointer;
font-size:18px;
color:#e9609b;
padding-bottom:4px;
padding-right:8px;
padding-left:6px;
}

.rose_bg{
background:none;
background-color:#e9609b;
color:#FFFFFF;
}

img.carousel{
cursor:pointer;
}

ul#work_list{
height:531px;
overflow:hidden;
}

ul#work_list li{
list-style:none;
display:block;
height:177px;
position:relative;
}

ul#menu li{
list-style:none;
display:inline;
}

p.go{
	height:24px;
	width:22px;
	cursor:pointer;
	float:left;
	margin-left:3px;
	margin-top:10px;
}

p.ungo{
	height:24px;
	width:22px;
	float:left;
	margin-left:3px;
	margin-top:10px;
}

p#workDown{
	background:url(goDown.jpg) no-repeat 0px 0px;
	margin-left:75px;
}
p#workUp{
	background:url(goUp.jpg) no-repeat 0px 0px;
}

p#workDown:hover, p#workDown.ungo, p#workUp:hover, p#workUp.ungo {
	background-position:0 -24px;
}