/*
**  @author :  Jonathan Rycx
* A. Librairies (CSS reset...)
* B. Styles generaux (declarations défaut des Hx, strong)
* C. Styles helpers (margins, paddings, txtX)
* D. Structure principal (#header, #haut, #conteneur, #centre...)
* E. Contenus (mea)
*/

body {margin: 0;padding: 0; background-color:#F5F1E6;height: 100%;}

/****
* A. Librairies (CSS reset...)
****/
a img,:link img,:visited img{border:0;}
strong {font-weight:bold;}
em{font-style:italic;}

/****
* B. Styles generaux (declarations defaut des Hx, strong, a (liens) )
****/
a:link {color: #FFFFFF;}
a:visited {color: #FFFFFF;}
a:hover {color: #FFFFFF; text-decoration:underline; cursor:pointer;}
a:active {color: #FFFFFF;}

.txt {font-family:Tahoma,Helvetica,sans-serif; font-size:11px; color:#FFFFFF;}

/****
* C. Styles helpers (margins, paddings, txtX)
****/

/* alignement (vertical-align, text-align )*/
.txtL{text-align:left !important;} 
.txtC{text-align:center !important;} 
.txtR{text-align:right !important;} 
.txtT{vertical-align:top !important;} 
.txtM{vertical-align:middle !important;} 
.txtB{vertical-align:bottom !important;} 
.foot{font-family:Tahoma,Helvetica,sans-serif; font-size:11px; color:#FFFFFF; text-align:right !important;}

/* margins pour les contenus */
.marginSm {margin:5px !important}
.margin{margin:10px !important}
.marginLg {margin:20px !important}
.VmarginSm, .TmarginSm {margin-top:5px !important} .VmarginSm, .BmarginSm {margin-bottom:5px !important} .HmarginSm, .LmarginSm {margin-left:5px !important} .HmarginSm, .RmarginSm {margin-right:5px !important}
.Vmargin, .Tmargin {margin-top:10px !important} .Vmargin, .Bmargin {margin-bottom:10px !important} .Hmargin, .Lmargin {margin-left:10px !important} .Hmargin, .Rmargin {margin-right:10px !important}
.VmarginLg, .TmarginLg {margin-top:20px !important} .VmarginLg, .BmarginLg {margin-bottom:20px !important} .HmarginLg, .LmarginLg {margin-left:20px !important} .HmarginLg, .RmarginLg {margin-right:20px !important}

/* paddings pour les contenus */
.paddingSm {padding:5px !important}
.padding{padding:10px !important}
.paddingLg {padding:20px !important}
.VpaddingSm, .TpaddingSm {padding-top:5px !important} .VpaddingSm, .BpaddingSm {padding-bottom:5px !important} .HpaddingSm, .LpaddingSm {padding-left:5px !important} .HpaddingSm, .RpaddingSm {padding-right:5px !important}
.Vpadding, .Tpadding {padding-top:10px !important} .Vpadding, .Bpadding {padding-bottom:10px !important} .Hpadding, .Lpadding {padding-left:10px !important} .Hpadding, .Rpadding {padding-right:10px !important}
.VpaddingLg, .TpaddingLg {padding-top:20px !important} .VpaddingLg, .BpaddingLg {padding-bottom:20px !important} .HpaddingLg, .LpaddingLg {padding-left:20px !important} .LpaddingL {padding-left:15px !important} .HpaddingLg, .RpaddingLg {padding-right:20px !important}


/***** 
D. Structure principal (#page, #main, #menu, #nav...)
****/
#header {height: 363px;}
#principal {position:relative;background: transparent url('/elements/img/img_TKblog/colleft.jpg') scroll repeat-y left top;}
#haut {font-family:Tahoma,Helvetica,sans-serif; font-size:13px; font-weight:normal; color:#FFFFFF;min-height: 30px;background-color:#000000;width:100%;}
#haut  a{text-decoration:none; font-family:Tahoma,Helvetica,sans-serif; font-size:13px; font-weight:normal; color:#FFFFFF; padding-left:20px !important}
#haut  a:hover{text-decoration:underline; font-family:Tahoma,Helvetica,sans-serif; font-size:13px; font-weight:normal; color:#FFFFFF; padding-left:20px !important}
#conteneur {width:982px;margin: 0 auto;}
#droite {padding-left:125px; margin:auto;width:857px;color:#FFFFFF;background: transparent url('/elements/img/img_TKblog/colright.jpg') scroll repeat-y right top;}
#centre {width:732px;background-color:#111111;}
#centregauche {width:549px;float:left;background-color:#000000;_position:relative;zoom:1.0;}
#int_droite {width:183px;float:left;text-align:center;background-color:#111111;}
#dessous {position:relative;min-height:400px;}
#pagination {text-align:center;}
#pagination a{padding:5px;font-size:15px;}
div{overflow:hidden;}

/****
* E. Contenus (listes ul.listPuce,  .mea, dataArray...)
****/

/* mea */
.mea, .mea .text, .meaRight, .meaRight .text, .meaWrap {overflow:hidden;color:white;}
.meaP{padding-right:10px !important; padding-bottom:10px !important}
.mea .media {float:left; margin-right:10px; }
.meaV{text-align: center;}
.meaRight .media {float:right; margin-left:10px;}

/* styles defauts */
h2{color:#FFFFFF; font-size:18px; font-weight:normal; border-bottom:1px; border-bottom-style:solid;padding-bottom:5px; margin-bottom:10px;}
h3{font-size:25px; color:#FFFFFF; font-weight:normal;}
.Hdate {display:block; font-size:10px; font-weight:normal;}