/* CSS Document */

/*----------------------------------- class global ----------------------------*/

body { 
background-color : #dedede; 
padding : 0; 
margin : 0; 
} 

p {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #000000;
	padding : 0; 
	margin : 0; 
} 
img { 
border : none; 
} 
.imagegauche { 
float : left; 
background-color : #ffffff; 
} 
.imagedroite { 
float : right; 
background-color : #ffffff; 
}
.stopfloat { 
clear : both; 
} 
.bordureimage {
border:1px solid #000;
}
.lienexterne{
font-weight:bold;
color: #8BAB00; 
}
.version{
margin-top:15px;}

/*------------------------------- structure global --------------------------------*/
#boxgraph a img { 
border : 1px solid #000000; 
} 
#boxgraph a img:hover { 
border : 1px solid #a6c902; 
}
#boxgraph{
background-color:#FFFFFF;
margin:0 15px;
}
.bg-blanc{
background-color:#FFFFFF;
}


/*------------------------- menu service contact profil ---------------------*/
#menucontact{
background-image:url(../image/backmenucontact.jpg);
background-repeat:repeat-y;
background-position:right;
background-attachment:fixed;
background-color:#262626;
height:22px;
text-align:right;
}
#menucontact a{
margin:0;
padding:0;
}

/*----------------------------- flag language -----------------------------*/

#flag {
display:block;
position:absolute;
left:0;
top:0;
margin:0;
padding:0;
list-style-type:none;

}
#flag li, #flag li a{
display:block;
float:left;
background-repeat:no-repeat;
background-color:transparent;
width:33px;
height:22px;

}


#flag_uk a {
background-image:url(../image/flag_uk.jpg);
background-position:0px 0px;
}
#flag_uk a:hover {
background-position:0px -22px;
}
#flag_korea a {
background-image:url(../image/flag_korea.jpg);
background-position:0px 0px;
}
#flag_korea a:hover {
background-position:0px -22px;
cursor:default;
}
#flag_fr a {
background-image:url(../image/flag_fr.jpg);
background-position:0px 0px;
}
#flag_fr a:hover {
background-position:0px -22px;
}


#boxglobal { 
width : 530px; 
margin : auto; 
}


/*---------------------------- entete avec logo  -----------------------------*/

#boxlogo { 
background-image : url("../image/logospido213.jpg"); 
background-repeat : no-repeat; 
width : 500px; 
height : 220px; 
margin-left : 15px;
}

/*----------------------------- menu principale ------------------------------*/ 


.boxmenubouton { 
background-image : url("../image/menu1.jpg"); 
background-repeat : no-repeat; 
width : 489px; 
height : 25px; 
margin-left : 15px;
}
#boxmenubouton1, #boxmenubouton2, #boxmenubouton3, #boxmenubouton4, #boxmenubouton5, #boxmenubouton6 { 
background-repeat : no-repeat;
background-color:#373737;
width : 489px; 
height : 18px; 
margin : 0 0 0 15px; 
padding : 3px 0 4px 11px; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 12px; 
color : #ffffff;
} 
#boxmenubouton1 {
background-image : url(../image/menu1.jpg);
} 
#boxmenubouton2 { 
background-image : url(../image/menu2.jpg);
} 
#boxmenubouton3 { 
 background-image : url(../image/menu3.jpg);
} 
#boxmenubouton4 { 
background-image : url(../image/menu4.jpg);
} 
#boxmenubouton5 { 
background-image : url(../image/menu5.jpg); 
} 
#boxmenubouton6 { 
background-image : url(../image/menu6.jpg);
}
#more{
margin-left:45px;
}

/*------------------------------ submenu galerie -------------------------------*/ 

#boxgaleriegraph, #boxgaleriegrapharchive {
	background-image : url("../image/backombremenu.jpg");
	background-repeat : no-repeat;
	background-position:left bottom;
	width : 500px;
	height : 63px;
	padding : 0 15px;
}
#boxgaleriegrapharchive{
height:252px;
}
p.textmenu { 
padding : 6px 0 0 11px; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 12px; 
color : #ffffff; 
}
a.lienmenu { 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 12px; 
color : #ffffff; 
text-decoration : none;
} 
a.lienmenu:hover { 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 12px; 
color : #a6c902;
text-decoration : none; 
}
.boxmenubottom, .topdutop {
	background-image : url("../image/backmenugreen.jpg");
	background-color:#A4C600;
	background-repeat : repeat-y;
	width : 500px;
	height : 15px;
	margin-left : 0px;
 
}
.boxmenubottommain{
margin-left:15px;}
.version { 
margin-bottom : 0; 
}
.topdutop{
height:5px; 
} 
/*div for alpha effect*/ 
div.transoff {
width: 100%; 
background-color:#ffffff;
border:1px solid black; 
}
div.transon  {
width: 100%; 
background-color:#ffffff;
opacity:.60;
filter: alpha(opacity=60);
-moz-opacity: 0.6;
border:1px solid black; 
}
#backombremenu { 
width : 530px; 
margin : auto;
background-image : url("../image/backmenugray.jpg"); 
background-repeat : no-repeat; 
background-position : bottom; 
} 
#backombre { 
width : 530px; 
margin : auto;
background-image : url("../image/backombre.jpg"); 
background-repeat : repeat-y; 
}
.boutontopcurve {
background-color : #ffffff; 
width : 500px; 
height : 23px;
margin: 0 0 0 15px;
text-align: right; 
}


/*---------------------------- GRAPHISM -----------------------------------*/ 

#newyearcard {
	padding : 15px;
} 
#newyeartext { 
margin : 5px 5px 0 0; 
width : 200px; 
float : left; 
} 
#newyearversion { 
margin-right : 0; 
} 
#danfacev2 { 
text-align : center; 
} 
#doeunhanbok {
	margin : 0;
	padding : 15px 0 0 15px;
}
#textdoeunhanbok{
	margin: 15px 10px 10px 0;
}
#korealove {
	margin : 0;
	padding : 15px 0 15px 15px;
	width : 485px;
	height : 875px;
	background-position : bottom;
	background-color : #ffffff;
	background-image : url("../image/backhanlove.jpg");
	background-repeat : no-repeat;
} 
#hanloveversion { 
width : 250px; 
padding-left : 200px; 
} 
#hanlovev1234 { 
text-align : center; 
} 
#mijungstyle {
	margin : 0;
	padding : 15px 0 15px 15px;
	width : 485px;
	height : 485px;
	background-position : bottom;
	background-color : #ffffff;
	background-image : url("../image/backmijung.jpg");
	background-repeat : no-repeat;
} 
#textmijung { 
width : 170px; 
margin-left : 300px;
margin-top: 15px; 
} 
#aishodo {
	margin : 0;
	padding : 15px 0 0 15px;
	width : 485px;
	height : 438px;
	background-position : bottom;
	background-color : #ffffff;
	background-image : url("../image/backaishodo.jpg");
	background-repeat : no-repeat;
} 
#textaishodo { 
width : 220px; 
margin-left : 250px; 
} 
#cybergeisha {
	margin : 0;
	padding : 15px 0 0 15px;
	width : 485px;
	height : 550px;
	background-position : top;
	background-color : #ffffff;
	background-image : url("../image/backgeisha3.jpg");
	background-repeat : no-repeat;
} 
#textgeisha { 
width : 220px; 
margin-left : 0; 
} 
#spproject {
	padding : 15px;
} 
#spproject p{
margin-top:15px;}
#cronos {
	padding : 15px;
} 
#cronostext {
	width : 125px;
	margin : 0 10px 0 0;
	float : left;
	padding-top: 0px;
} 
#space {
	padding : 15px;
} 
#photocrayon {
	padding : 15px;
}
#photocrayon p, #space p {
	padding-bottom : 15px;
}

/* -------------------------  CHARACTER ----------------------------------*/

#character12zi {
	margin : 0;
	padding : 15px 0 15px 15px;
	width : 485px;
	height: 355px;
	background-position : bottom left;
	background-color : #ffffff;
	background-image : url("../image/back12zicharacter2.jpg");
	background-repeat : no-repeat;
} 
#character12zi p{
width:160px;
margin-left:315px;
margin-top:150px;
}
 
#hancolor {
	margin : 0;
	padding : 15px 0 0 15px;
} 
#texthancolor {
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 0;
} 
#evil {
	margin : 15px;
} 

#evilimage {
float : left;
margin: 0px 15px 0px 0px;
} 
#kiyowa {
	margin : 15px;
} 
#kiyowaimage {
float : left;
margin: 0px 10px 0px 0px;
}
#kiyowatext p{
margin-top: 0;

}
#kiyowagal { 
text-align : center; 
clear : both; 
} 
#blackcat {
	margin : 0;
	padding : 15px 0 0 15px;
	width : 485px;
	height : 800px;
	background-position : bottom;
	background-color : #ffffff;
	background-image : url("../image/backblackcat.jpg");
	background-repeat : no-repeat;
} 
#textblackcat { 
padding : 606px 0 0 250px; 
width : 220px; 
} 
#textblackcat p { 
color : #ffffff; 
} 
#rollerman {
	padding : 15px;
	height:430px;
} 
#rollermanimage{
	margin: 0;

}
#rollertext{
	width:180px;
}
#wedding {
	margin : 0;
	padding : 15px 0 0 15px;
} 
#textwedding {
margin : 15px 15px 0 10px; 
} 
#jok {
	margin : 0;
	padding : 15px 0 0 15px;
	width : 485px;
	height : 400px;
	background-position : bottom;
	background-color : #ffffff;
	background-image : url("../image/backjok.jpg");
	background-repeat : no-repeat;
} 
#textjok { 
padding : 0 0 0 280px; 
width : 190px; 
} 
#surfer {
	margin : 0;
	padding : 15px 0 15px 15px;
	width : 485px;
	height : 660px;
	background-position : bottom;
	background-color : #ffffff;
	background-image : url("../image/surfeur2.jpg");
	background-repeat : no-repeat;
} 
#textsurfer { 
width : 190px; 
margin : 10px 0 0 280px; 
} 
#school {
	margin : 0;
	padding : 15px 0 0 15px;
	width : 485px;
	height : 380px;
	background-position : bottom;
	background-color : #ffffff;
	background-image : url("../image/backschool.jpg");
	background-repeat : no-repeat;
} 
#textschool { 
padding : 95px 0 0 250px; 
width : 220px; 
} 
#dpmag {
	margin : 0;
	padding : 15px 0 0 15px;
	width : 485px;
	height : 700px;
	background-position : bottom;
	background-color : #ffffff;
	background-image : url("../image/backdpmag.jpg");
	background-repeat : no-repeat;
} 
#dpmagpage { 
text-align : center; 
} 
#dpmagtext { 
width : 170px; 
margin : 0 13px 0 0; 
float : left; 
} 

/*--------------------------------- ANIMATION -------------------------------------*/

#image-maraton{
clear:both;
text-align:center;
}
#image-maraton img {
margin:5px;
border: #333333 solid 1px;
}
#textmaraton{
	margin:15px 10px 0 365px;
}
#hiver { 
margin : 0 0 15px 15px; 
padding : 15px 0 0 15px; 
} 
#texthiver {
margin : 15px 10px 0 0;
width:250px;
} 
#yahoobot { 
margin : 0 15px 0 15px; 
padding : 15px 0 0 15px; 
background-color : #666666; 
} 
#textyahoobot p {
margin : 15px 15px 0 0; 
} 
#marin { 
margin : 0 15px 15px 15px; 
padding : 15px 0 0 15px; 
} 
#textmarin p {
margin : 15px 15px 0 0; 
 }
#typomove { 
margin : 0 15px 15px 15px; 
padding : 15px 0 0 15px; 
}
#texttypomove p {
margin : 15px 15px 0 0; 
 }  
#papier { 
margin : 0 15px 0 15px; 
padding : 0 0 0 15px; 
background-color : #333333; 
height : 340px; 
} 
#papier2 { 
margin : 0 15px 0 15px; 
padding : 15px 0 0 15px; 
background-color : #ffffff; 
} 
#papier3 { 
margin : 0 15px 0 15px; 
padding : 15px 0 0 15px; 
background-color : #333333; 
} 
#textpapier { 
float : left; 
} 
#textpapier p { 
width : 220px; 
margin : 0; 
} 
#sai { 
margin : 0 15px 15px 15px; 
padding : 15px 0 0 15px;
} 
#textpsy p { 
margin : 15px 15px 0 0; 
}

/*---------------------------------- WEBDESIGN ----------------------------------*/

#icon {
	margin : 15px;
} 
#iconimage {
	float: left;
	margin:0px 10px 15px 0px;
}
#smiley {
	margin : 0;
	padding : 15px 0 0 15px;
	width : 485px;
	background-position : top;
	background-color : #7d7864;
	background-image : url("../image/back-mascotte.gif");
	background-repeat : no-repeat;
} 
#smileycontenu { 
padding : 0 0 0 230px; 
width : 242px; 
} 
#listesmiley { 
text-align : center; 
} 
#gastro {
	margin : 0 0 15px 0;
	padding : 15px 0 0 15px;
} 
#textgastro {
	margin:18px 15px 0 0;
}
#textwidget{
margin-top:5px;
}
#clipsearch a img {
border : 1px solid #fff;
}
#amw, #wowfanart, #zi12{
	margin : 0;
	padding : 10px;
	background-color:#FFFFFF;
} 
.daehancapital{
	margin : 0;
	padding : 10px 10px 0px 15px;
} 
.daehancapital p{
margin:0 0 10px 0;
}
#zi12 p, #wowfanart p{
margin:0 0 10px 0;
}

#imagedroite12zi{
margin-left:238px;
margin-bottom:25px;
}
#image-main-12zi img{
margin-bottom:15px;
}
#image-main-12zi img, #imagewall12zi img, #imagedroite12zi img{
border:solid #666666 1px;
}
#imagedroite12zi p img{
border:none;
}
#amwimage { 
float : left; 
border : none; 
} 
#amwright {
margin : 0 0 0 10px; 
}
#amwright p { 
margin: 0 0 10px 0; 
}



/* -------------------------------  PRINT -------------------------------- */

#sng {
	margin : 0;
	padding : 15px 0 15px 15px;
	width : 485px;
	background-position : top;
	background-color : #ffffff;
	background-image : url("../image/backsng2.jpg");
	background-repeat : no-repeat;
}
#textsng { 
margin : 310px 0 10px 0; 
}
#textsng p{
margin:10px 0;
}
#sport { 
	margin : 0;
	padding : 0 0 15px 15px;
}
#sportimage{
margin-top:15px;}
#textsport{
	padding : 0px 30px 15px 0;
}
#dpmagazine {
	margin : 0;
	padding : 0 0 10px 15px;
} 
#textdpmagazine {
	padding : 15px 10px 0 0;
}
#imagedp1{
margin-top:15px;} 
#dpmagazineimagecentre { 
margin : 0px 30px 15px 30px;
} 

#dpmagazineimage {
margin: 0px 15px 0px 0px;
text-align: center;
}
 
#flyer {
	margin : 0;
	padding : 15px 0 15px 15px;
	width : 485px;
	height: 610px;
	background-position : bottom;
	background-color : #ffffff;
	background-image : url("../image/backflyer.jpg");
	background-repeat : no-repeat;
} 
#flyer p{
margin-left:10px;}

/* ----------------------------- WALLPAPER ------------------------------ */

.wall{
	padding : 15px;
}
.wall p{
margin: 0;
text-align:center;
font-weight:bolder;
}
.wall img{
border: 1px solid #666666
}
#walltitre{
padding : 0px 30px 0px 30px;
}

.det { 
background:#333333; 
padding:3px; 
margin-top:10px; 
display:block; 
}
a.det{
color:#fff;
}


/*----------------------------- SERVICES --------------------------------*/


#service_box {
margin:0 15px;
padding:0 15px;
background-color:#FFFFFF;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
}
#service_box p{
margin:10px 0;
}
#service_box h1{
color:#85a301;
font-size:24px;
font-weight:bold;
margin-bottom:0;
padding-bottom:0;
}
#service_box h3{
color:#666;
font-size:18px;
font-weight:bold;
margin:0;
padding:0 0 5px 0;
}
#service_box hr{
margin:0;
padding:0;
}

#service_box li {
list-style:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
#service_box ul {
margin:0;
padding:0 0 20px 5px;
}


/*-------------------------- PROFIL -------------------------------*/

#profil { 
padding : 15px 30px 15px 30px; 
}
#profil img{
margin:0;
padding:0; }
#profil p{
margin-bottom:10px;} 
#profilphoto { 
height : 210px; 
width : 190px; 
border : 1px solid #000000; 
margin-right : 15px;
margin-top: 10px; 
float : left; 
} 
#profil_texte{
margin-left: 200px;
}
 
#profilprofession { 
font-size : 24px; 
color : #8bab00; 
} 


/*--------------------------- CONTACT -------------------------------*/
#contact_form {
	margin :0;
	padding : 15px 0;
	width : 500px;
	background-image : url("../image/backcourrier2.jpg");
	background-position : top;
	background-repeat : no-repeat;
	background-color : #ffffff;
} 
#contact-send {
	margin : 0;
	padding : 15px 0 15px 15px;
	width : 485px;
	height : 260px;
	background-image : url("../image/backcourrier2.jpg");
	background-position : top;
	background-repeat : no-repeat;
	background-color : #ffffff;
} 
#text_ok_contact, #text_alert_contact { 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 24px; 
} 
#text_ok_contact { 
color : #333; 
}
#text_alert_contact { 
color : #990000;
}
#commentform label.error{
font-size: 11px;
background: #fbfcda url("../images/cancel.gif") no-repeat left;
border:1px solid #dbdbd3;
width:259px;
padding: 4px 4px 0px 20px;
margin-left:4px;
}
#boutontop { 
background-color : #ffffff; 
width : 500px; 
height : 32px; 
margin: 0 0 0 15px;
text-align : center; 
} 
#boutontop a img, #boutontop a img:hover { 
border : none; 
} 

/*-------------------------- FOOTER -----------------------------------*/

#footer { 
background-image : url("../image/footer.jpg"); 
background-repeat : no-repeat;
background-position:top;
width : 530px; 
height : 600px; 
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
color:#cfcfcf; 
font-weight:bold; 
} 
#footer p {
color:#cfcfcf;
margin-top:0;
padding-top:0;
font-size:14px;
}
#bouton_float{
float:left;
width:280px;
padding-right:20px;
margin-right:20px;
margin-left:15px;
margin-top: 15px;
padding-left:15px;
border-right:solid #999999 1px;
background:none;
font-size:14px;
}
#bouton_float p{
text-align:right;
}
#f_bouton{
text-align:center;
margin-top:10px;
}
#f_bouton img{
margin:0 3px;
}
#bottom_menu ul{
margin-left:340px;
font-size:18px;
margin-top:0;
padding-top:20px;
margin-left:0;
padding-left:0;
}
#bottom_menu li{
list-style:none;
}
#bottom_menu li a{
color:#cfcfcf;
text-decoration:none;
}
#bottom_menu li a:hover{
color:#fff;
text-decoration:none;
}
#copyright{
clear:both;
padding-top:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
font-weight:normal;
}
#w3c{
text-align:center;
margin-top:0;
padding-top:0;
}