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:#003399; text-decoration:underline; }
   a:visited{ font-size:14px; color:#1065A0; 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:#E04C0B;
text-align:left;
margin:0;
padding:0 0 10px 12px;
}
/* H1 */
#content h1 {
color:#ff0000;
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:#ff0000;
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:#0464a0;
    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:#1065A0;
text-decoration:none;
padding-left:18px;
font-weight:bold;
background:url(../image/arrow_btn.jpg) no-repeat 0 1px;
}

#content .menu-lst li a:hover {
color:#1065A0;
text-decoration:none;
padding-left:18px;
background:url(../image/arrow_btn_hover.jpg) no-repeat 0 1px;
}

#content .menu-lst li a:visited {
color:#599EC8;
text-decoration:none;
padding-left:18px;
background:url(../image/arrow_btn_hover.jpg) no-repeat 0 1px;
}

#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 .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 {
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:#0464a0;
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 ul li a:visited {
text-decoration:none;
color:#599EC8;
padding:10px 10px 10px 20px;
background:url(../image/arrow_btn_hover.jpg) no-repeat 0 10px;
}

/* class spéciale menu script */
#box_full {width:260px;margin-left:10px}
#lien_full {background:url(../image/arrow_btn_hover.jpg) no-repeat 12px 6px;padding:6px 10px 6px 12px;line-height:15px;text-indent:1.7em;}
#lien_full a {color:#0464a0;}
#lien_full a:hover {color:red;}
#lien_full a:visited {color:#599EC8;}


#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;
text-decoration:none
}

#footer div.siteholder-name span {
color:#000;
}
#footer div.siteholder-name a {
font-size:12px; color:#000; text-decoration:underline;
}
#footer div.siteholder-name a:hover {
text-decoration:none;
}



/* 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_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_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, #lien_colorblack2  { color: #000; font-weight: none; text-decoration: none; font-size: 14px}
 #lien_colorblack2 {text-decoration: underline;}
 #lien_colorblack, #lien_colorblack2:hover  { color: #000; text-decoration: underline; font-weight: none; font-size: 14px }
 #lien_colorblack2:hover  { text-decoration: none;}


/*  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:#ff0000;}
#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 : #ff0000; font-size : 20px; font-weight : bold;}
#code_source_faq {padding-left:7px;}
/* pages natives */
#presentation  {padding-left:40px;padding-bottom:25px}


/* Forums */
.form-top-img {
height:30px;
width:681px;
background:url(../image/form-top.jpg) no-repeat;
}

.form-center-img {
width:681px;
background:url(../image/form-center.jpg) repeat-y;
}

.form-bottom-img {
width:681px;
height:28px;
background:url(../image/form-botton.jpg) no-repeat #fd5218;
}

#form-main, #form-main-accueil {
width:681px;
height:30px;
margin-bottom:15px;
font-size:13px;
font-weight:700;
text-align:center;
display:block;
}
#form-main-accueil { height:27px; margin-top:-10px;}


#form-main .posez-votre {
height:34px;
width:183px;
vertical-align:middle;
margin:0;
padding:8px 0 0;
background:url(../image/posez.jpg) no-repeat 0 -2px;
}

#form-main .repondre {
height:34px;
width:163px;
vertical-align:middle;
margin:0;
padding:8px 0 0;
background:url(../image/repondre.jpg) no-repeat 0 -2px;
}

#form-lst {
padding:5px 5px 10px;
}

#form-lst h5 {
padding-bottom:15px;
color:#121212;
padding-left:22px;
font-size:12px;
background:url(../image/form-recipe.jpg) no-repeat 7px 2px;
}

#form-lst strong {
font-size:12px;
color:#4a4a4a;
margin:0;
padding:0;
}

#form-lst a {
color:#1a95e5;
text-decoration:none;
}

#form-lst a:hover {
color:#1a95e5;
text-decoration:underline;
}

#form-lst .dark-orange {
width:510px;
padding:5px;
background:#fff;
}

#form-lst .dark-orange div {
line-height:18px;
padding-top:10px;
}

#form-lst .light-orange {
width:158px;
padding-top:15px;
padding-bottom:5px;
background:#eeeeee;
}

#form-lst .light-orange div {
line-height:18px;
margin:0;
padding:5px;
}

#form-lst .light-orange .web-icons img {
margin-left:12px;
margin-right:12px;
}

.form-footer {
list-style:none;
font-size:11px;
font-weight:700;
margin:0 auto;
padding:0;
}

.form-footer li {
display:inline;
padding:0 10px;
}

.form-footer li a {
color:#faf083;
text-decoration:none;
}

.form-footer li a:hover {
text-decoration:underline;
color:#FFF;
}

/* speudo */
#speudo_c  { color: #111; font-weight: bold; text-decoration: none; font-size: 12px}


/* Blocs code */ 
#code_big, #code_small {margin: 0px;padding: 6px; background-color: #E2E4EA; border: 1px inset;width: 450px;text-align: left;overflow: auto}

/* Blocs code */ 
  .code { font-size: 12px; color: #333;
          background-color: #FFF; border: #EEDCCD; border: 1px inset; padding: 10px; }
/* boutons */
 #question_rep  { color: #222; font-weight: bold; text-decoration: none; font-size: 13px;}
 #question_rep:hover  { text-decoration: underline;}

 #page_now
{
    font-size: 16px;
    color: #000;
    font-weight: bold;
}

#pages  {color:#ffffff; font-weight:bold; text-decoration:none; font-size:16px}
#pages:hover  { text-decoration: underline; }


/*                                                                            */

table.forums
{
    width: 100%;
}


td.forums
{
    background-color: #F5F5FF;
    
    border-bottom: 1px solid #426CBA;
    border-top: 1px solid #426CBA;
    border-left: 1px solid #426CBA;
    border-right: 1px solid #F2F2F2;
    
    padding: 1px 1px 1px 1px;
    
    width: 100%;
    
    color: #0000FF;
    font-size: 12px;
}




table.topics
{
    width: 100%;
}


td.topics_entete
{
    background-color: #FC8A29;
    padding: 10px 2px 10px 2px;
    color: #111111;
    font-size: 14px;
    font-weight: bold;
    margin:0;
}


td.topics_entete_droite
{
    background-color: #FC8A29;
    padding: 2px 2px 2px 2px;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
}


td.topics1
{
    background-color: #ffffe7;
    border-bottom: 1px solid #F0F0FF;
    border-left: 1px solid #F0F0FF;
    padding: 2px 2px 2px 2px;
    color: #111111;
    font-size: 12px;
}


td.topics1_droite
{
    background-color: #ffffe7;
    border-bottom: 1px solid #F0F0FF;
    border-left: 1px solid #F0F0FF;
    border-right: 1px solid #F0F0FF;
    padding: 2px 2px 2px 2px;
    color: #111111;
    font-size: 12px;
}


td.topics2
{
    background-color: #F0FFEE;
    padding: 2px 2px 2px 2px;
    color: #111111;
    font-size: 12px;
}


td.topics2_droite
{
    background-color: #F0FFEE;
    padding: 2px 2px 2px 2px;
    color: #111111;
    font-size: 12px;
}


table.topic
{
    width: 100%;
}


td.topic_entete
{
    background-color: #62A5FC;
    border-color: #E9E9E9;
    border-style: solid;
    border-width: 1px;
    padding: 1px 1px 1px 1px;
    color: #111111;
    font-size: 13px;
    font-weight: bold;
}



td.topic_bas
{
    background-color: #fff;
    border-style: solid;
    border-width: 0px;
    border-color: #C1D3E2;
    border-top-width: 1px;
    height:30px;


    
    color: #000000;
    font-size: 14px;
}


td.topic_date
{
    width: 80%;
    background-color: #FC8A29;
    border-style: solid;
    border-color: #C1D3E2;

    border-width: 1px;
    padding: 0;
    height:30px;
    color: #000000;
    font-size: 14px;
}



#padd_left_10 {padding-left:10px;}
#padd_left_20 {padding-left:20px;}
#marg_top_5 {margin-top:5px;}
#marg_left_20 {margin-left:20px;}
#marg_left_25 {margin-left:25px;}
#marg_left_30 {margin-left:30px;}
#style_1 { margin: 10px;margin-top: 20px;margin-left:35px;}
#style_2 { margin: 15px;margin-left:35px;}
#style_3 { border-right: 1px solid #C1D3E2;background-color: #fff;}
#style_4 { border-top: 1px solid #D6E0F1; border-bottom: 1px solid #D6E0F1;}
#style_5 { background-color: #FC8A29; border-top: 1px solid #C1D3E2; border-bottom: 1px solid #C1D3E2;}
#style_7 { padding-left:30px;padding-right:20px;}
#style_8 { float:right;padding-left:30px;padding-bottom:10px;padding-top:10px;padding-right:20px;background-color: #ffffe7;}
#style_9 { border-top: 1px solid #C1D3E2; border-bottom: 1px solid #C1D3E2;}
#style_10 { background-color: #f1f1f1; border-top: 1px solid #C1D3E2; border-bottom: 1px solid #C1D3E2;}
#style_11 {border-top: 1px solid #C1D3E2; border-bottom: 1px solid #C1D3E2;}
#style_12 {padding-left:7px;padding-right:7px;padding-top:6px}
#style_13 {padding-left:25px;margin:10px;margin-right:0px }
#style_14 { border: 1px solid #C1D3E2;background-color: #f1f1f1;}

#border_1 {border-right: 1px solid #C1D3E2;background-color: #fff;}
#border_2 {

       background-color: #FC8A29;
       }

/* pour la page viewforum */

#form-lst-view {
padding:5px 5px 10px;
}

#form-lst-view h5 {
padding-bottom:15px;
color:#121212;
padding-left:22px;
font-size:12px;
background:url(../image/form-recipe.jpg) no-repeat 7px 2px;
} 

#form-lst-view strong {
font-size:12px;
color:#4a4a4a;
margin:0;
padding:0;
}

#form-lst-view a {
color:#4A4A4A;
text-decoration:none;
}

#form-lst-view a:hover {
color:#ff0000;
text-decoration:none;
}

#form-lst-view .dark-orange {
width:510px;
padding:5px;
background:#fff;
}

#form-lst-view .dark-orange div {
line-height:18px;
padding-top:10px;
}

#form-lst-view .light-orange {
width:158px;
padding-top:15px;
padding-bottom:5px;
background:#eeeeee;
}

#form-lst-view .light-orange div {
line-height:18px;
margin:0;
padding:5px;
}

#form-lst-view .light-orange .web-icons img {
margin-left:12px;
margin-right:12px;
}
/*  img accueil */
.bord_img img
{ border: solid 1px #FE841F;padding:0;margin:0px;clear:both }

.bord_img img:hover
{ border: solid 1px #52B972; }



