body {
font-family:Arial, Helvetica, sans-serif;
font-size:80%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:400;
line-height:1em;
margin:0;
padding:0;
background:url(../image/php_bg.jpg) repeat-y 50% 0 #e1e1e1;
}

   a:link{ font-size:14px; color:#FF0008; text-decoration:underline; }
   a:visited{ font-size:14px; color:#E60000; text-decoration:underline; }
   a:hover{ text-decoration: underline; color:#ff0000;}

img { border:0 }

img a {
border:none;
}

#top_6 {padding-top:6px;}
#top_8 {padding-top:8px;}

#container {
width:986px;
clear:both;
display:block;
margin:0 auto;

}
/* superfishover */

#over_menu {background:url(../image/navigation_hover.jpg) repeat-x 0px 0px;}

/* header part css */
#header {
margin:auto auto 2px;
padding:8px 0 0;
}

#right_box {
float:right;
width:120px;
margin:4px 24px 0 0;
padding:0;
}



#right_box img {
margin-left:10px;
border:none;
}

#logo_ads img {
margin-left:13px;
margin-right:35px;
border:none;
}

#navigation {
width:986px;
height:43px;
display:block;
background:url(../image/navigation.jpg) no-repeat #900;
}





#search-bar {
display:block;
margin:0;
padding:0;
}

#search-bar form {
margin:0;
padding:4px 15px 0 0;
}

#search-bar form .form-container {
height:31px;
margin:2px 2em auto auto;
padding:0;
}



#search-bar form .search-input {
border:0 none;
color:#404040;
font-size:14px;
vertical-align:middle;
width:265px;
height:31px;
text-indent:4px;
margin:0 auto;
padding:5px 0 0;
background:url(../image/search-input.png) no-repeat Transparent;
}



#search-bar form .submit {
border:none;
height:31px;
width:30px;
cursor:pointer;
position:absolute;
top:auto;
right:auto;
margin:0 auto;
padding:0;
background:url(../image/submit_icon.png) no-repeat;
}


/* this css written crumbs */
.crumbs {
color:#333;
font-size:1em;
font-weight:700;
margin:15px 0;
padding:0 0 0 14px;
}

/* this css written content */
#content {
clear:both;
padding-bottom:20px;
display:block;
margin:15px 11px 0 10px;
font-weight:normal;
}

#content h2 {
font-size:16px;
color:#106FF1;
text-align:left;
margin:0;
padding:0 0 10px 12px;
}
/* H1 */
#content h1 {
color:#FF7813;
font-size:18px;
vertical-align:middle;
line-height:22px;
margin:0;
padding:10px 0 10px 40px;

}
/* titre */
#titre_script, #titre_snippet, #titre_forum, #titre_article, #titre_emploi, #titre_librairie, #titre_pic, #titre_article, #titre_tuto, #titre_search, #titre_search_php, #titre_search_gg {
color:#FF7813;
font-size:18px;
vertical-align:middle;
line-height:22px;
margin:0;
padding:10px 0 10px 40px;
background:url(../image/e_script_2.gif) no-repeat 8px 10px;
}

#titre_snippet, #titre_snippet_code {
background:url(../image/e_snip_1.gif) no-repeat 8px 10px;
}
#titre_forum {
background:url(../image/e_forum.jpg) no-repeat 8px 10px;
}
#titre_emploi {
background:url(../image/e_emploi.jpg) no-repeat 8px 10px;
}
#titre_librairie {
background:url(../image/e_librairie.jpg) no-repeat 8px 10px;
}
#titre_pic {
background:url(../image/pic.jpg) no-repeat 8px 10px;
}
#titre_article {
background:url(../image/e_actua.gif) no-repeat 8px 10px;
}
#titre_tuto {
background:url(../image/e_tuto_1.gif) no-repeat 8px 8px;
}
#titre_search {
background:url(../image/search.jpg) no-repeat 8px 8px;
}
#titre_fonction {
background:url(../image/e_fonctions.jpg) no-repeat 8px 8px;
}
#titre_search_php {
background:url(../image/logo_mini.jpg) no-repeat 8px 10px;
}
#titre_search_gg {
background:url(../image/Logo_gg.gif) no-repeat 8px 12px;
}
/* lien box */
#img_clock  {

vertical-align: middle; margin-right:6px;
background:url(../images/bullets/time_c.jpg) no-repeat;
}

#img_box  {

vertical-align: middle; margin-right:6px;
background:url(../image/doc.gif) no-repeat;
}

#img_box_rss {
vertical-align:middle;
margin-right:6px;
background:url(../image/rss-icon.gif) no-repeat 0px 0px;
}

  a#link_box  { color: #706A6A; font-weight: none; text-decoration: none; font-size: 14px}
  a#link_box:hover  { color: #706A6A; text-decoration:underline;!important}
  a#link_box:visited  { color: #706A6A;  }


#marg_1 {float:right; padding-top:8px;}
#marg_2 {margin-left:18px;font-size:12px}
#marg_3 {float:left; padding-top:8px;}
#marg_4 {padding-left:27px;}
#marg_5 {padding:5px 10px 10px 24px;}


#content h6{
    color:#E04C0B;
    font-size:14px;
    vertical-align:middle;
    line-height:22px;
    margin:0;
    padding:10px 0 10px 40px;
    background-image: url(../image/libarary.jpg);
    background-repeat: no-repeat;
    background-position: 8px 10px;
}

#content h3 {
font-size:14px;
color:#FFF;
text-indent:6px;
margin:0;
padding:6px 0 0 12px;
}

#content .txt-lst {
font-size:14px;
line-height:20px;
margin:0 15px;
}

#content .txt-lst img {
padding-right:10px;
}

#content .menu-lst {
font-size:14px;
line-height:18px;
list-style:none;
margin:0;
padding:0 8px 8px 0;
}

#content .menu-lst li{
    padding-left:11px;
    padding-bottom:0.6em;
    padding-top: 0px;
    padding-right: 0px;
}

#content .menu-lst li a{
color:#FF0008;
text-decoration:none;
padding-left:18px;
font-weight:bold;
background:url(../image/arrow_btn_hover.jpg) no-repeat 0 0;
}

#content .menu-lst li a:hover {
color:#E60000;
text-decoration:none;
padding-left:18px;
background:url(../image/arrow_btn.jpg) no-repeat 0 0;
}

#content .menu-lst li a:visited {
color:#999999;
text-decoration:none;
padding-left:18px;
background:url(../image/arrow_btn.jpg) no-repeat 0 0;
}

#tuto_sommaire {
font-size:14px;
line-height:12px;
list-style:none;
margin:0;
padding:0 8px 8px 0;
}

#tuto_sommaire li{
    padding-left:11px;
    padding-bottom:0.6em;
    padding-top: 0px;
    padding-right: 0px;
}

#tuto_sommaire li a{
color:#1065A0;
text-decoration:none;
padding-left:18px;
font-weight:bold;
background:url(../image/arrow_btn.jpg) no-repeat 0 0;
}

#tuto_sommaire li a:hover {
color:#1065A0;
text-decoration:none;
padding-left:18px;
background:url(../image/arrow_btn_hover.jpg) no-repeat 0 0;
}




.content-footer {
list-style:none;
font-size:14px;
font-weight:none;
margin:0 auto;
padding:0;
}

.content-footer li {
display:inline;
padding:0 10px;
}

.content-footer li a {
color:#706a6a;
text-decoration:none;
}

.content-footer li a:hover {
text-decoration:underline;
color:#666;
}

#back-img {
float:left;
width:681px;
font-weight:normal;
clear:none;
display:block;
}

#back-img h5 {
font-size:14px;
color:#FFF;
text-indent:.6em;
margin:0;
padding:6px 0 0;
}

.content-top-img, .content-top-img-librairie {
height:9px;
width:681px;
float:left;
clear:none;
background:url(../image/content-top-img.jpg) no-repeat 0 0;
}
.content-top-img-librairie {background:url(../image/content-top-img.jpg) no-repeat 0 2px; }

.content-center-img {
width:681px;
background:url(../image/content-center-img.jpg) repeat-y 0 0;
}

.content-bottom-img {
width:681px;
height:29px;
background:url(../image/content-footer.jpg) no-repeat 0 0;
}

#others-lst {
width:272px;
float:right;
display:block;
font-weight:normal;
}

#others-lst .othr-top-img {
height:28px;
width:272px;
display:block;
background:url(../image/navi_01.jpg) no-repeat;
}

#others-lst .othr-mid-img {
height:20px;
width:272px;
display:block;
background:url(../image/navi_02.jpg) no-repeat;
}

#others-lst .othr-center-img {
width:272px;
background:url(../image/navi_03.jpg) repeat-y;
}

#others-lst .othr-bottom-img {
width:272px;
height:19px;
margin-bottom:15px;
background:url(../image/navi_04.jpg) no-repeat;
}

#others-lst ul {
list-style:none;
font-size:12px;
font-weight:700;
margin:0;
padding:0;
}

#others-lst ul li {
line-height:25px;
text-indent:1.8em;
}

#others-lst ul li a {
color:#2A4871;
text-decoration:none;
padding:10px 10px 10px 20px;
background:url(../image/arrow_btn_hover.jpg) no-repeat 0 10px;
}

#others-lst ul li a:hover {
text-decoration:none;
color:red;
padding:10px 10px 10px 20px;
background:url(../image/arrow_btn.jpg) no-repeat 0 10px;
}

#others-lst .expla-top-img {
height:30px;
width:272px;
background:url(../image/explation_01.jpg) no-repeat;
}

#others-lst .expla-midd-img {
height:18px;
width:272px;
background:url(../image/explation_02.jpg) no-repeat;
}

#others-lst .expla-center-img {
width:272px;
background:url(../image/explation_03.jpg) repeat-y;
}

#others-lst .expla-bottom-img {
height:19px;
width:272px;
margin-bottom:15px;
background:url(../image/explation_04.jpg) no-repeat;
}

#others-lst .google-anal-img {
width:272px;
height:37px;
background:url(../image/google_an_01.html) no-repeat;
}

#others-lst .googleanal-top-img {
width:272px;
height:37px;
background:url(../image/google_an_01.jpg) no-repeat;
}

#others-lst .googleanal-top-img h5 {
color:#fff;
font-size:12px;
margin:0;
padding:1em 0 0 6.8em;
}

#others-lst .googleanal-center-img {
width:272px;
background:url(../image/google_an_02.jpg) repeat-y;
}

#others-lst .googleanal-center-img h4 {
font-size:16px;
color:#fb0700;
margin:0;
padding:10px 0 5px 9px;
}

#others-lst .googleanal-bottom-img {
width:272px;
height:16px;
margin-bottom:15px;
background:url(../image/google_an_03.jpg) no-repeat;
}

#others-lst .resources-top-img {
height:30px;
width:272px;
background:url(../image/resources_01.jpg) no-repeat;
}

#others-lst .resources-middle-img {
height:18px;
width:272px;
background:url(../image/resources_02.jpg) no-repeat;
}

#others-lst .resources-center-img {
width:272px;
background:url(../image/resources_03.jpg) repeat-y;
}

#others-lst .resources-bottom-img {
width:272px;
height:19px;
background:url(../image/resources_04.jpg) no-repeat;
margin-bottom:15px;
}

/* library books */
.sample-lst {
width:681px;
}
.sample-lst table{
width:681px;
margin:0px;
padding:0px;
}
.sample-lst table td{
text-align:center
}
.sample-lst table div{
float:left;
}
.sample-lst table div img{
    padding: 2px;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    border:#999999 solid 1px;
}
#lbl-books{
    width:675px;
    margin:0px;
    padding-top: 2px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 4px;
}
#lbl-books .lbl-lst{
height:150px;
}
.lbl-lst {
    background-image: url(../image/libarary-img.jpg);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    height: 137px;
    width: 96px;
    margin:auto 8px;
padding:0px;
}
.lbl-lst p{
    line-height:18px;
    padding:0px;
    margin-top: 4px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
.lbl-lst  a{
text-decoration:none;
color:#f87b04;
}
.lbl-lst  a:hover{
text-decoration:underline;
}

/* green navigation css */

#others-lst .green-top-img  {
    height:19px;
    width:272px;
    background-image: url(../image/green-navigation_01.jpg);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

#others-lst .green-center-img {
    width:272px;
    background-image: url(../image/green-navigation_02.jpg);
    background-repeat: repeat-y;
}

#others-lst .green-bottom-img {
    height:20px;
    width:272px;
    margin-bottom:15px;
    background-image: url(../image/green-navigation_03.jpg);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
.green-data {
    width:250px;
    padding-left:20px;
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
.green-data div {
float:left;
padding:5px 0 0px 0;
}
.green-data div img {
padding: 0 10px 0 0;
}

/* footer css */
#footer {
height:110px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:none;
color:#fff;
clear:both;
width:986px;
position:relative;
top:15px;
margin:15px auto 0;
padding:0;
background: transparent url(../image/footer.jpg) repeat-x 0 0; 

}


#footer .footer-menu {
float:left;
padding:12px 5px 5px;
font-weight: none;
}

#footer .footer-menu a {
color:#fff;
text-decoration:none;
font-weight: none;
}

#footer .footer-menu a:hover {
color:#000;
}

#footer div.other-site {
float:right;
margin:0;
padding:5px 5px 0 0;
}

#footer div.other-site ul {
list-style:none;
margin:0;
padding:5px 0 0;
}

#footer div.other-site ul li {
display:inline;
}

#footer div.footer-phplogo {
width:118px;
height:100px;
float:left;
position:relative;
left:9.5em;
top:4px;
}

#footer div.copy-right {
float:left;
position:relative;
right:32.5em;
top:5.5em;
}

#footer div.siteholder-name {
clear:right;
float:right;
position:relative;
right:.5em;
top:2em;
line-height:20px;
width:300px;
}

#footer div.siteholder-name span {
color:#000;
}


/* sample boxes css */
.back-imge {
margin:0 0 10px;
}

.solid-top-img {
background:url(../image/content_01.jpg) no-repeat;
clear:both;
height:7px;
width:681px;
}

*html .solid-top-img {
background:url(../image/content_01.jpg) no-repeat 0 8px;
}



.title-top-img {
background:url(../image/content_up.jpg) no-repeat;
height:28px;
width:681px;
}

.example-top-img {
background:url(../image/example_01.jpg) no-repeat;
height:7px;
width:274px;
}

*html .example-top-img {
background:url(../image/example_01.jpg) no-repeat 0 8px;
}

.example-bottom-img {
background:url(../image/example_03.jpg) no-repeat;
height:28px;
width:274px;
}

.exam-top-img {
background:url(../image/exam_01.jpg) no-repeat;
height:28px;
width:274px;
}

.exam-bottom-img {
background:url(../image/exam_03.jpg) no-repeat;
height:8px;
width:274px;
}
/* top */
.small-top-img {
background:url(../image/small_01.jpg) no-repeat;
height:7px;
width:274px;
}

.small-top-img-offer {
background:url(../image/small_01_offer.jpg) no-repeat;
height:7px;
width:311px;
}

*html .small-top-img {
background:url(../image/small_01.jpg) no-repeat 0 8px;
}

*html .small-top-img-offer {
background:url(../image/small_01_offer.jpg) no-repeat 0 8px;
}
/* bottom */
.small-bottom-img {
background:url(../image/small_03.jpg) no-repeat;
height:7px;
width:274px;
}

.small-bottom-img-offer {
background:url(../image/small_03_offer.jpg) no-repeat;
height:7px;
width:311px;
}

.solid-center-img,.title-center-img {
background:url(../image/content_02.jpg) repeat-y;
width:681px;
}

.solid-bottom-img,.title-bottom-img {
background:url(../image/content_03.jpg) no-repeat;
height:8px;
width:681px;
}
/* center */
.example-center-img,.exam-center-img,.small-center-img {
background:url(../image/example_02.jpg) repeat-y;
width:274px;
}
.small-center-img-offer {
background:url(../image/example_02_offer.jpg) repeat-y;
width:311px;
}
/* box double
-------------------------------------------------------------------------- */


/* top */
.small-top-img-double {
background:url(../image/small_double_01.jpg) no-repeat;
height:7px;
width:399px;
}

*html .small-top-img-double {
background:url(../image/small_double_01.jpg) no-repeat 0 8px;
}
/* bottom */
.small-bottom-img-double {
background:url(../image/small_double_03.jpg) no-repeat;
height:7px;
width:399px;
}

/* center */
.small-center-img-double {
background:url(../image/example_double_02.jpg) repeat-y;
width:399px;
}


/* bullet 
-------------------------------------------------------------------------- */ 


.bullet_print,.bullet_site,.bullet_time,.bullet_identite,.bullet_record,.bullet_version,.bullet_rss,.bullet_navigation,
.bullet_doc1,.bullet_doc2,.bullet_fleche2
{ clear:left; padding-right:23px;text-indent: 25px; padding-top:5px;}

.bullet_print{ background: transparent url(../images/bullets/print.png) no-repeat 0 50%; }
.bullet_site{ background: transparent url(../images/bullets/web.png) no-repeat 0 50%; }
.bullet_time{ background: transparent url(../images/bullets/time.png) no-repeat 0 50%; }
.bullet_identite{ background: transparent url(../images/bullets/identite.png) no-repeat 0 50%; }
.bullet_record{ background: transparent url(../images/bullets/record.png) no-repeat 0 50%; }
.bullet_version{ background: transparent url(../images/bullets/version.png) no-repeat 0 50%; }
.bullet_fleche2{ background: transparent url(../images/bullets/fleche_right.png) no-repeat 0 50%;height:20px; }
.bullet_doc1{ background: transparent url(../images/bullets/doc3.png) no-repeat 0 50%;}
.bullet_doc2{ background: transparent url(../images/bullets/doc4.png) no-repeat 0 50%;}

.list_bullet{ margin-left:15px; }
.list_bullet div{ margin-top:5px; padding-top:5px;height:20px;text-bottom:-10px;}
.bullet_trombone,.bullet_symbole1,.bullet_symbole2,.bullet_search,.bullet_livres,.bullet_forums,.bullet_zip,
.bullet_pic,.bullet_best,.bullet_source,.bullet_categorie,.bullet_auteur,.bullet_evenements,.bullet_download,.bullet_ecrire,
.bullet_news,.bullet_informations,.bullet_fleche,.bullet_liste,.bullet_top,.bullet_forum,.bullet_fonctions,.bullet_web,.bullet_interrogation,
.bullet_didactitiel,.bullet_euro,.bullet_camion,.bullet_caddy,.bullet_fonctions,.bullet_commentaires{ padding-left:23px;clear:left;padding-top:5px; }

.bullet_zip{ background: transparent url(../images/bullets/zip.png) no-repeat 0 50%;}
.bullet_forums{ background: transparent url(../images/bullets/forums.png) no-repeat 0 50%;height:20px;}
.bullet_search{ background: transparent url(../images/bullets/searchplus.png) no-repeat 0 50%;height:20px;}
.bullet_symbole2{ background: transparent url(../images/bullets/site1.png) no-repeat 0 50%;height:20px;}
.bullet_symbole1{ background: transparent url(../images/bullets/symbole1.png) no-repeat 0 50%;height:20px;}
.bullet_trombone{ background: transparent url(../images/bullets/trombone.png) no-repeat 0 50%;height:20px;}
.bullet_web{ background: transparent url(../images/bullets/web.png) no-repeat 0 50%;height:20px;}
.bullet_fonctions{ background: transparent url(../images/bullets/fonctions.png) no-repeat 0 50%;height:20px;}
.bullet_forum{ background: transparent url(../images/bullets/forum.png) no-repeat 0 50%;height:20px;}
.bullet_top{ background: transparent url(../images/bullets/diplome.png) no-repeat 0 50%;height:20px;}
.bullet_fonctions{ background: transparent url(../images/bullets/fonctions.png) no-repeat 0 50%;height:20px;}
.bullet_commentaires{ background: transparent url(../images/bullets/commentaires.png) no-repeat 0 50%;height:20px;}
.bullet_source{ background: transparent url(../images/bullets/code1.png) no-repeat 0 50%;height:20px;}
.bullet_informations{ background: transparent url(../images/bullets/exclamation.png) no-repeat 0 50%;height:20px;}
.bullet_interrogation{ background: transparent url(../images/bullets/interrogation.png) no-repeat 0 50%;height:20px;}

.bullet_pic{ background: transparent url(../images/bullets/pic.png) no-repeat 0 50%;height:20px;}
.bullet_best{ background: transparent url(../images/bullets/diplome.png) no-repeat 0 50%;height:20px;}
.bullet_livres{ background: transparent url(../images/bullets/librairie2.png) no-repeat 0 50%;height:20px;}

.bullet_categorie{ background: transparent url(../images/bullets/fleche_right.png) no-repeat 0 50%;height:20px;}
.bullet_euro{ background: transparent url(../images/bullets/euro.png) no-repeat 0 50%;height:20px;}
.bullet_caddy{ background: transparent url(../images/bullets/caddie.png) no-repeat 0 50%;height:20px;}
.bullet_camion{ background: transparent url(../images/bullets/camion.png) no-repeat 0 50%;height:20px;}
.bullet_auteur{ background: transparent url(../images/bullets/profil2.png) no-repeat 0 50%;height:20px;}
.bullet_ecrire{ background: transparent url(../images/bullets/profil1.png) no-repeat 0 50%;height:20px;}
.bullet_fleche{ background: transparent url(../images/bullets/fleche_right.png) no-repeat 0 50%;height:20px;}

.bullet_evenements{ background: transparent url(../images/bullets/evenements.gif) no-repeat 0 50%;height:20px;}
.bullet_download{ background: transparent url(../images/bullets/download.gif) no-repeat 0 50%;height:20px;}
.bullet_news{ background: transparent url(../images/bullets/news.gif) no-repeat 0 50%; height:20px;}

.bullet_liste{ background: transparent url(../images/bullets/liste.gif) no-repeat 0 50%;height:20px;}
.bullet_rss{ background: transparent url(../images/bullets/rss.gif) no-repeat 0 50%;height:20px;}
.bullet_navigation{ background: transparent url(../images/bullets/navigation.gif) no-repeat 0 50%;height:20px;}

/*             tutos                */

#box_tuto { margin: 3px 30px 3px 3px; }
  #tuto_bouton_aide, #tuto_bouton_info, #tuto_bouton_titre, #tuto_bouton_plus, #tuto_bouton_moins, #tuto_bouton_sourire, #tuto_bouton_colere { 
  font-size : 18px;
   text-indent: 15pt; margin: 0 0 0 0; padding: 0 10px 0 5px;
  background: transparent url(../images/boutons/bouton_aide_moyen.jpg) no-repeat 0 0  ; 
  font-weight : bold; color:#333; width:95%; } 
 
  #tuto_bouton_aide { background: transparent url(../images/bullets/interrogation.png) no-repeat 0 0  ;height:20px;}
  #tuto_bouton_info { background: transparent url(../images/bullets/exclamation.png) no-repeat 0 0  ;height:20px;}
  #tuto_bouton_titre { background: transparent url(../images/bullets/fleche_right2.png) no-repeat 0 0  ;height:20px; }
  #tuto_bouton_plus { background: transparent url(../images/bullets/plus.png) no-repeat 0 0  ;height:20px; }
  #tuto_bouton_moins { background: transparent url(../images/bullets/moins.png) no-repeat 0 0  ;height:20px; }
  #tuto_bouton_sourire { background: transparent url(../images/bullets/smiley_smile.png) no-repeat 0 0  ;height:20px; }
  #tuto_bouton_colere { background: transparent url(../images/bullets/smiley_surprised.png) no-repeat 0 0  ;height:20px; }


/*             styles pour les votes                */
.rating {
    margin: 0px;
    padding:0px;
    margin-top: 10px;
}
.star-rating{
    list-style:none;
    margin: 0px;
    padding:0px;
    height: 20px;
    position: relative;
    background: url(../images/star_rating.gif) top left repeat-x;       
}
.star-rating li{
    text-indent: -90000px;
    padding:0px;
    margin:0px;
    /*\*/
    float: left;
    /* */
}
.star-rating li a{
    outline: none;
    display:block;
    width:20px;
    height: 20px;
    text-decoration: none;
    text-indent: -9000px;
    z-index: 20;
    position: absolute;
    padding: 0px;
}
.star-rating li a:hover{
    background: url(../images/star_rating.gif) left center;
    z-index: 2;
    left: 0px;
}
.star-rating a.one-star{left: 0px;}
.star-rating a.one-star:hover{width:20px;}
.star-rating a.two-stars{left:20px;}
.star-rating a.two-stars:hover{width: 40px;}
.star-rating a.three-stars{left: 40px;}
.star-rating a.three-stars:hover{width: 60px;}
.star-rating a.four-stars{left: 60px;}  
.star-rating a.four-stars:hover{width: 80px;}
.star-rating a.five-stars{left: 80px;}
.star-rating a.five-stars:hover{width: 100px;}
.star-rating a.six-stars{left: 100px;}
.star-rating a.six-stars:hover{width: 120px;}
.star-rating a.seven-stars{left: 120px;}
.star-rating a.seven-stars:hover{width: 140px;}
.star-rating a.height-stars{left: 140px;}
.star-rating a.height-stars:hover{width: 160px;}
.star-rating a.nine-stars{left: 160px;}
.star-rating a.nine-stars:hover{width: 180px;}
.star-rating a.ten-stars{left: 180px;}
.star-rating a.ten-stars:hover{width:200px;}
.star-rating li.current-rating {
    background: url(../images/star_rating.gif) left bottom;
    position: absolute;
    height: 20px;
    display: block;
    text-indent: -9000px;
    z-index: 1;
}


 #reseaux_sociaux1 { float:left;padding:0;margin-left:0px;margin-top:0px;  list-style: none;}
  #reseaux_sociaux2 { float:left;padding:0;margin-left:5px; text-indent: 1pt;margin-top:0px;  list-style: none;}
  #reseaux_sociaux3 { margin-top:10px:float:left;list-style: none; }


  #liens_gris_mini  { color: #ff0000; font-weight: none; text-decoration: none; font-size: 14px}
  #liens_gris_mini:hover  { color: #4AA862; text-decoration: none; font-weight: none; font-size: 14px }

.small_all  { color: #000; font-weight: none; font-size: 12px}
 #red {color:#ff0000;}
 #green {color:#50B265}
 #lien_colorblack  { color: #000; font-weight: none; text-decoration: none; font-size: 14px} 
  #lien_colorblack:hover  { color: #000; text-decoration: underline; font-weight: none; font-size: 14px } 


/*  background:url(../image/arrow_btn.jpg) no-repeat 0 10px;  background:url(../image/arrow_btn_hover.jpg) no-repeat 0 10px;
*/

.liste2 {float:left; text-decoration:none; text-align:left; text-indent: 15pt;
         background: url(../image/arrow_btn_hover.jpg) no-repeat 0 3px;
         margin:0; padding: 0; }
.liste2 :visited{ text-align:left;
         margin:0; padding: 0;}
.liste2 :hover { display:block; text-decoration:none;
         background: url(../image/arrow_btn.jpg) no-repeat 0 3px;
         margin:0; padding:0; }


/* classique */


/* long pour les listes*/
.liste3 { display:block; text-align:left; text-indent: 15pt;
          background: url(../image/arrow_btn_hover.jpg) no-repeat 0 3px;
          margin:0; padding: 0 0 1px 0;}
.liste3 :visited{ text-align:left;
          margin:0; padding: 0 0 0 0;}
.liste3 :hover { text-align:left;  display:block; text-decoration:none;
                 background: url(../image/arrow_btn.jpg) no-repeat  0 -179px;
                 margin:0; padding:0 0 0 0; }

#lineoff { text-decoration: none; }

#reseaux_sociaux1 { float:left;padding:0;margin:0px; }
#reseaux_sociaux2 { float:left;padding:0;margin-left:5px; text-indent: 1pt;margin-top:0px;  }
#reseaux_sociaux3 { float:left; }

#titre_gras {font-size:28px;text-decoration:none;color:#FF7813;}
#cadre_avatar {background-color:#cccccc; border: 1px solid #333333;padding:2px;}

.code_source_article{padding:7px;border: 1px solid #d4d4d4; margin-left:10px;background-color: #F9f9f9; width:600px;
                         margin-bottom:12px; }

#code_source_tuto, #code_source_faq{ border: 1px solid #F0F0F0;border-left:10px solid #5BBD74;
                     margin:10px 0 10px 15px;background-color: #FFF;
                         padding:3px 0 3px 0;
                         width:90% }

.title {color:#00000;
        font-size:14px;
        }
/* fonction */
#lettre  { color: #ff0000; font-weight: none; font-size: 22px; padding:15px 0 15px 0}
#info_liens_func { font-size:16px;  font-weight: bold; padding:1px; margin: 5px 3px 5px 0 }
/* la faq */
.titre  {color : #FF7813; font-size : 20px; font-weight : bold;}
#code_source_faq {padding-left:7px;}
/* pages natives */
#presentation  {padding-left:40px;padding-bottom:25px}