/* css : sylvain  @ digitpixhippies / KDCom  - - - Dernière mise a jour : 15 01 07
Version printemps-été 2007 */

/* GLOBAL ***************************************************** */

.cache img {position: absolute; left: 0; top: -5000px; }

body {
background-image: url('img/bg1.gif');
background-repeat: repeat-x;
font-family: Arial,sans-serif;
font-size: 12px;
line-height: 140%;
text-align: justify;
margin: 0;
}

body h1 {font-size: 22px; color: #c00; margin-bottom: 20;}
body h3 {font-size: 14px; color: #ccc; margin-bottom: 15;}
body p, ul {margin-bottom: 20;}
body a:link {color: #c00;}
body a:visited {color: #c00;}
body a:hover {text-decoration: none; color: #ccc; background-color: #c00;}
body li { list-style:<none; }


.fr {color: #999;}
.en {color: #999;}

#conteneur {
position: absolute;
width: 770px;
left: 50%;
margin-top: 0px;
margin-left: -385px;
background-color: #ffffff;
padding: 0;
}

/* HEADER  ***************************************************** */

#header {
width: 770px;
height: 135px; 
background-image: url('img/logo.gif');
background-repeat: no-repeat;
}

#header a:hover {
text-decoration: none;
background-color: transparent;
}

#home_link {
display: block;
float: right;
margin-top: 20;
width: 410;
height: 45;
}
/* FOOTER  ***************************************************** */

#footer {
background-image:url('img/color_1.gif');
margin-top: 20;
margin-left: 295;
width: 473px;
padding: 0;
}

#footer ul {
width: 433;
margin: 0 20 0 20;
padding: 30 0 30 0;
border: 0;
font-size: 12px;
color: #ccc;
}

/* MENU NAVIGATION ********************************************** */

#navigation {
position:relative;
left: 0;
top: 0;
}

#navigation ul, li {
list-style-type: none;
margin: 0;
padding: 0;
}

#navigation  ul{
position: absolute;
left: 50;
top: 25;
background: transparent url('img/menu_global.gif') top left no-repeat;
height: 150px;
widht: 200px;
text-align: center;
margin: 0;
}

#navigation li {
display: inline;
}

#navigation li a,span  {
display: block;
height: 25px;
width: 200px;
line-height: 25px;
}

#navigation li a:hover {
background: transparent url('img/menu_global.gif') top left no-repeat;
}

#navigation li a#lien1:hover {background-position: 0% -150px;}
#navigation li a#lien2:hover {background-position: 0% -175px;}
#navigation li a#lien3:hover {background-position: 0% -200px;}
#navigation li a#lien4:hover {background-position: 0% -225px;}
#navigation li a#lien5:hover {background-position: 0% -250px;}
#navigation li a#lien6:hover {background-position: 0% -275px;}

#navigation li span {background: transparent url('img/menu_global.gif') top left no-repeat;}

#navigation li span#actif_1 { background-position: 0% -300px; height: 25px; width: 200px;}
#navigation li span#actif_2 { background-position: 0% -325px; height: 25px; width: 200px;}
#navigation li span#actif_3 { background-position: 0% -350px; height: 25px; width: 200px;}
#navigation li span#actif_4 { background-position: 0% -375px; height: 25px; width: 200px;}
#navigation li span#actif_5 { background-position: 0% -400px; height: 25px; width: 200px;}
#navigation li span#actif_6 { background-position: 0% -425px; height: 25px; width: 200px;}


/* HOMEPAGE ***************************************************** */

.home_fr {color: #333;}
.home_en {color: #333;}

#home_gbl {
margin: 0;
padding: 0;
background-image: url('img/bg4.gif');
background-repeat: repeat-x;
}

#home_texte {
width: 280px;
margin: 30 0 0 395;
}

#home_texte p {
color: #666;
height: auto;
line-height: 120%;
font-size: 11px;
margin: 0 0 10 0 ;
}

#cover {
width: 310;
height: 315;
background-image: url('img/cover.jpg');
background-repeat: no-repeat;
margin: 0 0 10 0;
}

#credits_home {
position: relative;
top: 50;
left: 0;
height: auto;
padding: 0;
}

#credits_home p{
padding: 0;
margin: -5 0 0 35 ;
color: #999;
font-size: 10px;
text-indent: 0;
}

#home_logo {
width: 328;
height: 50;
background-image: url('img/logo_home.gif');
background-repeat: no-repeat;
margin: -215 0 0 380;
}

#home_footer {
position: relative;
left: 50%;
top: 590;
bottom: 10;
width: 770px;
background-image: transparent;
text-align: center;
font-size: 10;
color: #999;
margin: 0 0 0 -385;
padding: 0;
}

/* MENU */
#navigation_home {
position: absolute;
top: 5;
left: 380;
width: 200px;
height: 150px;
margin-bottom: 30;
}

#navigation_home ul, li {
list-style-type: none;
margin: 0;
padding: 0;
}

#navigation_home  ul{
position: absolute;
left: 0%;
top: 360px;
background: transparent url('img/menu_home.gif') top left no-repeat;
height: 150px;
widht: 200px;
text-align: center;
}

#navigation_home li {
display: inline;
}

#navigation_home li a {
display: block;
height: 25px;
width: 200px;
line-height: 25px;
}

#navigation_home li a:hover {
background: transparent url('img/menu_home.gif') top left no-repeat;
}

#navigation_home li a#lien1:hover {background-position: 0% -150px;}
#navigation_home li a#lien2:hover {background-position: 0% -175px;}
#navigation_home li a#lien3:hover {background-position: 0% -200px;}
#navigation_home li a#lien4:hover {background-position: 0% -225px;}
#navigation_home li a#lien5:hover {background-position: 0% -250px;}
#navigation_home li a#lien6:hover {background-position: 0% -275px;}

/* AGENCE  ********************************************************* */

.comment2 {
color: #ccc;
font-size: 10px;
margin-bottom: 25;
}

#agence {
background-image: url('img/color_1.gif');
margin: 25 0 0 295;
padding: 80 20 30 20;
}

#agence img {
margin: 0 0 0 0;
}

#agence li{
list-style-type: square;
}

#agence a:link {color: #fff; text-decoration: none;}
#agence a:visited {color: #fff; text-decoration: none;}
#agence a:hover {text-decoration: none; color: #372F2F; background-color: #fff;}

span.relief {
line-height: 140%;
font-weight: bold;
color: #ccc;
display: inline;
color: #fff;
width: auto;
height: auto;
}

/* CREATEURS  ****************************************************** */

#crea_start {
font-size: 24px;
color: #c00;
margin: 0 0 20 0;
}

#createurs h1{
font-size: 22px;
color: #c00; 
margin-bottom: 20;
}

#illstr {
background-image: url('img/color_1.gif');
width: 433px;
margin: 25 0 20 295;
padding: 80 20 30 20;
}

#crea_jumps {
background-image:url('img/color_2.gif');
width: 433;
margin: 20 0 10 0;
}

#menu_mode select{
margin: 20 0 0 20;
width: 190px;
}

#menu_deco select{
margin: 0 0 20 20;
width: 190px;
}

#illstr img{
margin: 0;
padding: 0;
}

#illstr p{
color: #ccc;
font-size: 10px;
text-indent: 0;
margin: 10 0 -15 0;
}

.logo_crea img{
background-color:#fff;
width: 433px;
height: 60px;
margin: 0;
padding: 0;
}
.logo_crea_2 img{
background-color: #fff;
width: 433px;
height: 100px;
margin: 0;
padding: 0;
}

#bio {
background-image: url('img/color_1.gif');
margin: 0 0 0 295;
padding: 45 20 65 20;
}

/* LOOKBOOK ****************************************************************** */

#lookbook {
background-image:url('img/color_1.gif');
margin: 25 0 0 295;
padding: 80 20 60 20;
}

#lookbook img {
margin-bottom: 15;
texte-align: center;
}

/* NEWS ********************************************************* */

#news {
background-image: url('img/color_1.gif');
margin: 25 0 0 295;
padding: 80 20 30 20;
}

#news h1 {
margin-bottom: 25;
}

/* blog */
#blog_block {
margin-bottom: 52;
}

#blog {
background-image:url('img/color_2.gif');
background-repeat:repeat;
padding: 0;
}

#blog p {
line-height: 150%;
margin: 0 15 0 15;
}

#blog p#date {
text-align: right;
color: #c00;
}

#title {
color: #c00;
font-size: 18px;
}

#content {
display-type: block;
color: #ccc;
}

/* formulaire contact */

#mailform {
color: #ccc;
background-image: url('img/color_1.gif');
width: 400px;
margin: 0;
padding: 0 20 30 20;
}

#mailform input{
display: block;
width: 300;
height: 20;
border: 0;
}

#mailform input#hidden{
display: block;
width: 0;
height: 0;
border: 0;
margin: 0;
padding: 0;
}

#mailform textarea{
display: block;
width: 300;
height: 300;
border: 0;
margin-bottom:15px;
}

#mailform input#clear{
display: block;
width: 300;
height: 20;
border: 0;
margin: 0 0 15 0;
padding:0;
}

#mailform input#valid{
display: block;
width: 300;
height: 20;
border: 0;
margin: 0 0 15 0;
padding:0;
}

#mail_message {
color: #ccc;
width: 433px;
margin-bottom: 50;
}

/* CONTACT **************************************************** */

#contact {
background-image:url('img/color_1.gif');
margin: 25 0 0 295;
padding: 80 20 30 20;
}

#contact li{
margin-left: -20;
text-indent: 0;
}
 
/* PUBLICATION ******************************************************* */

#publication {
background-image: url('img/color_1.gif');
color: #ccc;
margin: 25 0 0 295;
padding: 80 18 30 20;
border: 0;
}

#publication h1{ padding: 0; margin: 0 0 10 0; }
#publication h1#titre_publi  a  {display: inline; font-size: 22px; text-decoration: none; }
#publication h1#titre_publi  a:hover {display: inline; font-size: 22px; color: #fff;}

#publication img { margin-bottom: 30;}

#credits { margin-bottom: 20;}

/* fleches navigation */

#publication a  { text-decoration: none; font-size: 50px; font-weight: bolder;}
#publication a:hover { color: #fff; font-size: 50px; font-weight: bolder;}