/**************************
Keyven Ferland
http://www.keyvenferland.com
Default Stylesheet
**************************/

/* =General-----------------------------------------------------------------------------*/

html{height: 100.1%}
p{margin: 0;padding: 0;}
table{border: none;}
td{margin: 0;padding: 0;}
ul{margin: 0;padding: 0;list-style: none;}
.clear{ /* Class for clearing floats */clear:both;}
img{ /* Remove border around linked images */border: 0;}
hr{ border: none;  border-top: 1px solid #222;  width: 750px;  height: 1px;  margin: 8px 0; text-align: left; font-size: 1px; line-height: 1px;}


/* =Typography-----------------------------------------------------------------------------*/

body {background: #000 url('../img/bg-yufashion.jpg') no-repeat top center; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color:#eee;}

/* =Headings-----------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {font-family: Arial, Helvetica, sans-serif; padding: 0;}
h1{ font-size: 175%; color: #fff; margin: 10px 0 45px 0; letter-spacing: -1px; font-weight: bold; text-align: left; text-transform: uppercase; line-height: 24px;}
h1 strong{ color: #ED1E79;}
h1 em{ color: #ED1E79;}
h2{ font-size: 150%; color: #fff; border-bottom: 1px solid #222; margin: 20px 0; letter-spacing: -1px; font-weight: bold; text-align: left;}
h3{font-size: 125%; color: #fff; font-weight: bold; text-align: left; padding: 0; margin: 0; line-height: normal;}
h4{ font-size: 160%; color: #fff; margin: 10px 0 20px 0; padding: 0; letter-spacing: -1px; font-weight: bold; text-align: left; line-height: 16px;}
h4 em{ color: #ED1E79;}
h5{font-size: 100%;}

/* =Links-----------------------------------------------------------------------------*/

a{text-decoration: underline;color: #ED1E79;}
a:hover{ text-decoration: none;color: #ED1E79;}

#langue a{text-decoration: none;color: #ED1E79; font-weight: bold; letter-spacing: -1px;}
#langue a:hover{text-decoration: underline;color: #ED1E79;}

#content a{text-decoration: none;color: #ED1E79;}
#content a:hover{text-decoration: underline;color: #ED1E79;}

#contentInterieur a{text-decoration: none;color: #ED1E79;}
#contentInterieur a:hover{text-decoration: underline;color: #ED1E79;}

#colonneDroite a{text-decoration: none;color: #fff; font-weight: bold; letter-spacing: -1px;}
#colonneDroite a:hover{text-decoration: none;color: #ED1E79;}

#contentInterieurM a img{background-color: #000000;border: solid #3A3A3A 1px;padding: 1px;margin: 1px;}
#contentInterieurM a:hover img{background-color: #000000;border: solid #831943 1px;}
#contentInterieurM a:visited img{background-color: #000000;border: solid #535353 1px;}

#footerNav a{color: #666;text-decoration:none;}
#footerNav a:hover{text-decoration:underline;color: #f1f1f1;}

/* =Lists-----------------------------------------------------------------------------*/

#colonneInterieur ul{ list-style: none; margin: 0; padding: 10px 0 10px 25px; font-size: 100%; line-height: 16px; }
#colonneInterieur ul li{ list-style-image: url(../img/img_puce.gif);}

/* =Class-----------------------------------------------------------------------------*/

.modelPadding{padding: 2px 10px 10px 15px;vertical-align: top;}
.thumbStroke img{background-color: #000000;border: solid #3A3A3A 1px;padding: 1px;margin: 1px;}
.modelText {color: #888;text-align: left;}
.model1{ margin-bottom:10px;width: 600px;}
.model2{margin-bottom:10px;width: 240px;}
.model3{ margin-right:30px;text-align: center;float: left;}
.btImage{ background-color: #000000;border: solid #000 0px;padding: 0;margin: 0;text-align: left;}

/* =Branding-----------------------------------------------------------------------------*/

#topLangue {background: url(../img/bglangue.jpg) no-repeat; height: 20px;width: 774px;}
#langue {float: right; vertical-align: middle;margin: 0 10px 0 0;}
#flash {background: url(../img/imswf.jpg) no-repeat top center;height: 196px; width: 774px; margin: 0 0 20px 0;}

/* =Main Nav-----------------------------------------------------------------------------*/

#menu{ margin: 0 auto 20px auto; padding: 0; width: 774px; height: 28px; text-align: center; /*overflow: hidden;*/ list-style: none; font-family: Arial, Helvetica, sans-serif;}

#menu ul{ list-style: none; margin: 0 0 0 20px; padding: 0; }
#menu ul li{ float: left; position: relative; }
#menu ul li a{ display: block; padding: 7px .6em; padding-left: 8px; padding-right: 8px; line-height: 14px; text-align: center; letter-spacing: -1px; }
#menu ul li a:link, #menu ul li a:visited, #menu ul li a:active, #menu ul li a:hover{font-size: 175%; color: #fff; font-weight: 500;text-decoration: none; }
#menu ul li a:hover{ color: #ED1E79; background: transparent url(../img/bgmenu_over.gif) repeat-x top left; }

/*#menu a{ height: 28px; margin: 0 3px 0 0; text-indent: -10000px; display: block-inline; float: left;}
#menu a:hover{ border-bottom: 2px solid #fff; }*/

/*#menu #accueil { margin: 5px 3px 0 10px; width: 40px; background: url(../img/bt_accueil_fr.gif) center no-repeat;}
#menu #corpo { margin: 5px 3px; width: 100px; background: url(../img/bt_corpo_fr.gif) center no-repeat;}
#menu #real { margin: 5px 3px;width: 80px;background: url(../img/bt_real_fr.gif) center no-repeat;}
#menu #event { margin: 5px 3px; width: 75px;	background: url(../img/bt_event_fr.gif) center no-repeat;}
#menu #model { margin: 5px 3px; width: 80px;	background: url(../img/bt_model_fr.gif) center no-repeat;}
#menu #link { margin: 5px 3px; width: 75px;	background: url(../img/bt_links_fr.gif) center no-repeat;}
#menu #join { margin: 5px 3px; width: 80px;	background: url(../img/bt_join_fr.gif) center no-repeat;}*/

/* =Main Content-----------------------------------------------------------------------------*/

#content {background: transparent url(../img/bgtitle.jpg) repeat-x top;width: 774px;margin-left: 6px;vertical-align:top;}

#colonneGauche {float: left;padding: 10px 5px 20px 11px;width: 253px;text-align:left;line-height: 18pt;}
#colonneCentre {float: left;padding: 10px 5px 20px 11px;width: 253px;text-align:left;line-height: 18pt;}
#colonneDroite {float: right;background: url(../img/bg_soon.jpg) no-repeat top;padding: 20px 10px 10px 10px;width: 210px;height: 420px;text-align:left;line-height: 18pt;}

#contentInterieur {background: transparent url(../img/bgtitle.jpg) repeat-x top; width: 774px;margin-left: 6px;vertical-align:top;}

#colonneInterieur{float: left; padding: 5px 5px 20px 15px;width: 519px;text-align:left;line-height: 16pt;}
#colonneInterieur p{ padding: 15px 10px;}
#colonneInterieur td{padding: 10px; vertical-align: top;}
#colonneInterieur table{border-bottom: 1px solid #333; }
#colonneInterieur span{color: #ED1E79; }

#colonneBackG{float: right;padding:0;width: 225px;text-align:left;line-height: 18pt;}

#contentInterieurM {width: 774px;margin-left: 6px;vertical-align:top;}
#contentInterieurM img{background-color: #000000;border: solid #3A3A3A 1px;padding: 1px;margin: 1px;}

#recherche{background: transparent url(../img/bgtitle.jpg) repeat-x top; padding: 5px 0 5px 5px;text-align: left;vertical-align: bottom;}
#recherche img{padding: 0 15px 5px 0;}

#colonneGaucheM {float: left;padding:0; margin:0;width: 387px;text-align:left;line-height: 18pt;}
#colonneGaucheM .tableM{background-image: url(../img/bg_model_H.gif);background-position: top;background-repeat: no-repeat;color: #DBDBD8;padding: 0 0 10px 0;width: 362px;line-height: 14pt;}
#colonneGaucheM .tableF{background-image: url(../img/bg_model_F.gif);background-position: top;background-repeat: no-repeat;color: #DBDBD8;padding: 0 0 10px 0;width: 362px;line-height: 14pt;}

#colonneDroiteM{float: right;padding:0; margin: 0;width: 387px;text-align:left;line-height: 18pt;}
#colonneDroiteM .tableF{background-image: url(../img/bg_model_F.gif);background-position: top;background-repeat: no-repeat;color: #DBDBD8;padding: 0 0 10px 0;width: 362px;line-height: 14pt;}
#colonneDroiteM .tableM{background-image: url(../img/bg_model_H.gif);background-position: top;background-repeat: no-repeat;color: #DBDBD8;padding: 0 0 10px 0;width: 362px;line-height: 14pt;}

/* =Footer-----------------------------------------------------------------------------*/

#footerNav{ padding:10px 0; margin:0 auto; width: 550px; text-align: center; font-size: 90%; line-height: 18px; background: url(../img/img_separate.gif) no-repeat top center;}
#footerNav ul{ display:inline; margin:0 0 0 10px;}
#footerNav ul li{ display:inline; margin:0 5px;}

#copyright{clear: both;background: url(../img/bg_copyright.jpg) no-repeat top;width: 774px;height: 25px;padding-top: 12px; font-size: 95%;color: #000;text-align: center;vertical-align:middle;}

/* =Forms-----------------------------------------------------------------------------*/

form{padding: 5px;margin: 0;font-size: 100%; border: 1px dotted #333;background-color:#000; font-family: Arial, Helvetica, sans-serif; width: 500px;}
input{font-size: 15px;border: 2px solid #333;background-color:#111;color:#fff; padding: 0; margin: 0;}
textarea{font-size: 15px;border: 2px solid #333;background-color:#111;color:#fff; padding: 0; margin: 0;}
select{font-size: 15px;border: 2px solid #333;background-color:#111;color:#fff; padding: 0; margin: 0;}
/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 1px solid #333; padding: 0; margin: 0;}

/* =Signature Cwkf-----------------------------------------------------------------------------*/

#wrapFooterCwkf{position: relative; padding: 0; margin:10px auto; width: 800px;}
#footerCwkf{ text-align: center; }
#footerCwkf img{ border: none; padding: 0 2px;}
#footerCwkf a{ color: #ccc; font-size:8pt; font-family: Arial, Helvetica, sans-serif; text-decoration: none;}
#footerCwkf a:hover{ color: #C0EDFB; text-decoration: none;}