/********* Global ********/
body, html {margin:0; padding:0; }
body { font-family:"Lucida Grande","Lucida Sans Unicode", Calibri, Verdana, "Trebuchet MS", Arial ,serif; font-size: 12px; color: #666666; background: #FFFFFF url(images/background-header.jpg) repeat-x top; }
.imgpreview { margin-bottom:5px; }
a { color:#323232; text-decoration:none; }
a:hover , a:active , a:focus { color:#323232; text-decoration:underline; }
img { border:none; }
.haut {display:block; text-align:center;}
.label { clear:left; float:left; margin-right:15px; text-align:right; width:180px; }
h3 { color:#4f81bd; font-size:14px;  }
h4 { color:#2d4f77; font-size:12px;  }
.center { text-align: center; }

/******** Tableaux ********/
table {border-collapse: collapse; }
td { border:1px dotted #717171; padding:5px; text-align:center; border-right:none; }
th { background-color:#717171; color:#FFFFFF; }
.impair td { background-color:#F2F2F2; }
.pair td { background-color:#E3E3E3; }
.couleur { border-right:none; cursor:default; }
.nom { border-left:none; text-align:left; }

/********* Divs globaux *********/
#page { text-align:left; margin: auto; }

#header { background: url(images/header.jpg) repeat-x; height: 208px; margin: 0; padding: 0; z-index:300; position:absolute; top:0px; left:0px; width:100%; }
#head_langues { position:absolute; left:10px; top:5px; }
#head_titre { position:absolute; left:100px; top:65px; font-weight:bold; color:#FFFFFF; font-size:24px;  }
#head_nbthemes { position:absolute; left:100px; top:101px; color:#FFFFFF; }
#head_liens { position:absolute; left:0px; top:171px;  height: 34px; }
#head_liens a { float: left; font-size:12px; height:27px; padding:7px 20px 0 20px; text-decoration: none; font-weight: bold; color: #FFFFFF; text-align:center; }
#head_paypal { position:absolute; top:5px; left:5px; display:none; }
#head_login { background:transparent url(images/user.png) no-repeat right top; color:#9DB2BF; min-height:19px; padding:6px 32px 0 0; position:absolute; right:50px; top:0; }
#head_login a, #head_login a:hover { color:#9DB2BF; }
#head_search { background:transparent url(images/search.png) no-repeat scroll 0 0; height:31px; padding:6px 0 0 13px; position:absolute; right:37px; top:27px; width:377px; }
#head_search  form { margin:0; padding:0; }
#head_search_q { width:198px; margin:0;  }
#head_search_dans { width:75px; margin:0;  }
#head_search_sub { width:80px; margin:0;  }

#page_ariane { background:url(images/page_ariane.png) no-repeat; height:65px; }
#page_ariane div { padding:26px 0 0 70px; }

#page_bas { height:30px; width:100%; margin:0; padding:0; background: url(images/page_bas.png) repeat-x; background-color: #EBEBEB; text-align:center; clear: both; position:relative; z-index:300; overflow:hidden; }
#page_bas p { padding-top: 8px; margin:0; }

#footer { height:33px; width:100%; margin:0; padding:0; background: url(images/background-footer.jpg) repeat-x bottom; background-color: #0196FC; text-align:center; clear: both; position:relative; z-index:300; }
#footer p { padding-top: 8px; margin:0 0 0 85px; color: #FFFFFF }
#footer a { color : #FFFFFF; }
#xiti { float:right; margin:5px 5px 0 0; }

/********* Accueil *********/
#home_themes, #home_news, #home_tutos { margin:1% 0 1% 1.5%; width:41%; float:left; border:1px solid #D5D5D5; border-bottom:0; }
#home_pub1 { float:right; margin:1% 1% 1% 0; width:120px; }
.home_head_cat { display:block; background:#C5C5C5 url(images/home_head_cat.png); }
.home_head_cat h3 { margin:0; padding:5px; color:#000000; font-variant:small-caps; text-align:center; border-bottom:1px solid #D5D5D5; }
.home_head_cat:hover, .home_head_cat:focus  { text-decoration:none; color:#000000; background:#B0B0B0 url(images/home_head_cat_h.png); }

.home_cat_content { display:block; background:#F7F7F7 url(images/home_cat_content.png) repeat-x; border-bottom:1px solid #D5D5D5; cursor:hand; min-height:60px; height:auto !important;  height:60px;  }
.home_cat_content:hover, .home_cat_content:focus{ text-decoration:none; background:#EBEBEB url(images/home_cat_content_h.png) repeat-x; }
.home_cat_content img { float:left; margin:4px; }
.home_cat_content h4 { margin:0; padding:0; }
.home_cat_content .home_sstitre { font-size:10px; border-bottom:1px dotted #D5D5D5; }
.home_cat_content .home_content { padding:4px 4px 4px 98px; }

/********* Themes *********/
#options_et_prev { float:right; height:99%; width:50%; position:fixed; top:5px; left:50%; z-index:100; overflow:auto; }

#options { margin-left:7px; margin-right: 7px; margin-bottom:10px; }
#image_prev { text-align:center; }
#prev_i  img{ margin:0; }
#prev_i  { text-align:left; margin-left:50px; }
#liste { width:49% !important; width:100%; min-height:550px; border-right:1px dotted #949494; padding-bottom:10px; }

/********* News & Tutos : general *********/
#news_liste { width:80%; margin: 20px auto 20px auto; }

/********* News & Tutos : liste *********/
.news_liste_news, .news_news { border:1px solid #D5D5D5; margin-bottom:20px; background:#F7F7F7; display:block; }
.news_liste_news img, .news_top img { float:left; margin:5px; }
.news_liste_news h3, .news_top h3 { margin:0; padding:5px; background:url(images/news_top_h3.png); color:#FFFFFF; text-indent:20px; font-variant:small-caps; }
.news_liste_content, .news_top_content { background:url(images/news_content.png) repeat-x; height:auto !important; height:98px; min-height:98px; }
.news_liste_txt, .news_top_desc { margin-left:154px; }
.news_liste_sstitre, .news_top_sstitre { font-size:10px; height:20px; }

/********* News & Tutos : show *********/
.news_news hr { border-style:dotted; border-width:0 0 1px 0; }
.news_content { padding:5px; }

/********* Tutos *********/
#tuto_prev { position:fixed; top:0px; right:0; z-index:400; overflow:auto; }
.tuto { text-align:justify;padding:30px; }
#vide { height:207px; }