*{margin:0;padding:0;}
.vide{font-size: 0; clear: both; padding: 0px; margin: 0px; height: 1px;}/* div permettant le fonctionnement du design dans certain cas */
.text-bold{font-weight:bold;}
.text-under{text-decoration:underline;}
.text-center{text-align:center;}
.text-strike{text-decoration:line-through;}
.text-left{text-align:center;}
.text-right{text-align:center;}
.text-justify{text-align:center;}

body{background-color:#DBDDDF;text-align:center;}
#global{margin:auto; width:1000px;}

/* ******************************* recherche et annoce : Bienvenue sur le nouveau site de benjarobin. ***********************************/
#pretete{background:transparent url('/inc/img/site/page-ombre-haut.gif') repeat-x;}
#pretete div{height:44px;}

#recherche{float:right;width:240px; font-family: Arial, Verdana, Helvetica, Sans-serif;}
#recherche form div.field{float:left;padding:16px 0 8px 0;}
#recherche form div.ok{float:right; padding:0;}
#recherche form input.field{width:176px; border:solid #C1D2DD 1px; background:#F1F2F3; color:#3E84C1; font-size:8pt; font-style: italic; font-weight:bold; padding:2px 4px 2px 2px;}
#recherche form input.ok{background: transparent url('/inc/img/site/page-coin-haut-rechercher.gif') no-repeat; border:0; width:52px; height:44px;}

#texte-accueil{margin-right:240px;}
#texte-accueil .gauche{background:transparent url('/inc/img/site/page-onglet-gauche.gif') left no-repeat;}
#texte-accueil .droite{height:44px;background:transparent url('/inc/img/site/page-onglet-droit.gif') right no-repeat;}
#texte-accueil .centre{background:transparent url('/inc/img/site/page-onglet-milieu.gif') repeat-x;}
#texte-accueil .contenu{text-align:left; margin-left: 20px; padding-top:22px; font-family:Arial, Tahoma, sans-serif; font-size:8pt; color:#0F1F40; font-weight: bold;}


/*page bordure a gauche et a droite*/
#global-g{background: transparent url('/inc/img/site/page-ombre-gauche.gif') repeat-y left; padding-left:12px;}
#global-d{background: transparent url('/inc/img/site/page-ombre-droite.gif') repeat-y right; padding-right:12px;}

/*banniere */
#logo{background: #06477F url('/inc/img/site/baniere-fond.jpg') no-repeat; height:116px;}

#menu{background: #196CA3 url('/inc/img/site/menu-fond.jpg') no-repeat; height:20px;padding:4px 0 4px 0;}
#menu ul{float:right; margin: 0;}
#menu ul li{display:inline; padding:0px 0px 0px 0px; font-size: 10pt; color:white; font-weight:bold; font-family: Arial, sans-serif;}
#menu ul li a{color:#DCEEF9; text-decoration: none;}
#menu ul li a:hover{color:white;}

/***************************************** page principale *******************************************************/
/***************************************** page principale *******************************************************/
#principal{background: #FFFFFF url('/inc/img/site/pointg-fond.gif') repeat-y; text-align:left;}

/***********************************partie gauche == colonne gauche **************************************************/
#pointg{width: 228px; float:left;}
#pointg div.item-pg{margin:5px 0 5px 0;}
#pointg div.item-pg h2{background: url('/inc/img/site/pointg-titre.jpg') no-repeat; height:27px; font-family:Tahoma, Verdana, Sans-serif; font-size: 10pt; font-weight: bold; font-variant: small-caps; padding:5px 0 6px 13px; margin-top:12px; margin-bottom:4px;}
#pointg div.item-pg h2 span{height:16px; padding-left:23px; display:block; background-repeat:no-repeat; background-position:left center;}
#pointg div.item-pg h2 a{color:#000000; text-decoration:none;}

/* menu de connection */
#pointg div.item-pg h2 span.menu-connecte-account{background-image:url('/inc/img/site/titre-compte.gif');}
#pointg div.connectmenu{margin-left:20px; margin-bottom:10px;font-family: Arial, Tahoma, Verdana, Sans-serif; color:#3B678E; font-size:8pt; font-weight:bold;}
#pointg div.connectmenu a{display:block; padding:2px 0px 2px 20px; font-family: Arial, Tahoma, Verdana, Sans-serif; color:#3B678E; font-size:8pt; font-weight:bold; text-decoration:none;}
#pointg div.connectmenu a:hover{color:#4596DE;}

#pointg div.connectmenu form input.account_login{width:180px; height:18px; line-height:20px; vertical-align:middle;}
#pointg div.connectmenu form input.account_mdp{width:135px; height:18px; line-height:20px; vertical-align:middle;}
#pointg div.connectmenu form input.account_submit{width:40px; height:22px!important; height:20px; line-height:20px; vertical-align:middle; font-size:11px;}
#pointg div.connectmenu a.sinscrire{background: url('/inc/img/site/sinscrire.gif') left no-repeat; margin-top:5px;}

#pointg div.connecter {padding-left:20px; margin-top:-3px; margin-bottom:10px; font-family: Arial, Tahoma, Verdana, Sans-serif; color:#3B678E; font-weight:bold;}
#pointg div.connecter div.identifiant{padding-left:20px; font-size:10pt;}
#pointg div.connecter div.compte{padding-top:8px}
#pointg div.connecter div.deconnecter{background: url('/inc/img/site/sedeconnecter.gif') left no-repeat; margin-top:7px;}
#pointg div.connecter a{display:block; padding:2px 0px 2px 20px; color:#3B678E; font-size:8pt; text-decoration:none;}
#pointg div.connecter a:hover{color:#4596DE;}


/* page connection */
div.connection {text-align:center; padding: 40px 0px 0px 0px;}
div.connection  div.connectmenu{margin-bottom:10px;font-family: Arial, Tahoma, Verdana, Sans-serif; color:#3B678E; font-size:10pt; font-weight:bold;}
div.connection div.connectmenu form input.account_login{width:180px; height:18px; line-height:20px; vertical-align:middle;}
div.connection div.connectmenu form input.account_mdp{width:135px; height:18px; line-height:20px; vertical-align:middle;}
div.connection div.connectmenu form input.account_submit{width:40px; height:22px!important; height:20px; line-height:20px; vertical-align:middle;}
div.connection div.erreur{color:red;}
div.connection div.erreur a{text-decoration:none; font-weight:bold; color:#3B678E;}
div.connection div.erreur a:hover{color:#4596DE;}

/* les meilleurs dossiers */
#pointg div.item-pg h2 span.tuto{background-image:url('/inc/img/site/tuto.gif');}
#pointg div.item-pg a.pa-grandlien{display:block; margin-bottom:12px; margin-left:-25px; text-align:center; font-family:Arial, sans-serif; text-decoration:none; font-weight:bold; font-size:8pt; color:#3B678E;}
#pointg div.item-pg a.pa-grandlien:hover{color:#4596DE;}
#pointg div.item-pg a.pa-grandlien img{display:block; border:1px solid #B6C0C8; margin:auto; margin-top:8px; width:110px; height:100px;}

/*les partenaires */
#pointg div.item-pg h2 span.part{background-image:url('/inc/img/site/site.gif');}
#partenaire{text-align:center;font-family: Arial, Tahoma, Verdana, Sans-serif; color:#3B678E; font-size:8pt; font-weight:bold;}
#partenaire a img{border:0; margin:2px;}
#partenaire a{color:#3B678E; text-decoration:none;}

/************************************************contenu page principale == centre ***************************************************/
#contenu{float:right; width:748px;}
/* l'intro */
/*---- accueil ----- */
#disclamer{background: #DBE4EB url('/inc/img/site/sous-menu-disclaimer.jpg') repeat-x; height: 190px;}
#disclamer div.disc-content{background: url('/inc/img/site/avatar.gif') bottom right no-repeat; height: 148px;}
#disclamer div.disc-bas{background: url('/inc/img/site/fond-menu-disclaimer45.png') bottom repeat-x; height:190px;}
#disclamer div.disc-text{height:166px; margin-right:245px; text-align:justify; font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif; color:#3B678E; padding:15px; padding-left:60px; font-size:10pt; height:101px;}
#disclamer div.disc-text h4 {color:#3B678E; font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif; font-weight:bold; font-size:14pt; font-variant:small-caps; margin-left:-30px; margin-bottom:5px;}

/*---------page classique--------------- */
#titre-detail-pg{background: #DBE4EB url('/inc/img/site/sous-menu-disclaimer.jpg') repeat-x; height: 115px;}
#titre-detail-pg div.menu-page ul{text-align:center; margin-top: 0px; margin-right: 10px;}
#titre-detail-pg div.menu-page ul li{display:inline; padding:0px 15px 0px 15px; font-size: 10pt; color:white; font-weight:bold; font-family: Arial, sans-serif;}
#titre-detail-pg div.menu-page ul li a{color:#3B678E; text-decoration: none;}
#titre-detail-pg div.menu-page ul li a:hover{color:white;}
#titre-detail-pg div.disc-bas{background: url('/inc/img/site/fond-menu-disclaimer45.png') bottom repeat-x; height:115px;}
#titre-detail-pg div.disc-text{text-align:center; padding:15px 25px 22px 25px; font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif; color:#3B678E; font-size:10pt;}
#titre-detail-pg div.disc-text h4{color:#3B678E; font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif; font-weight:bold; font-size:14pt; font-variant:small-caps; margin-left:-30px; margin-bottom:5px;}

#contenu .contenu-page{background:url('/inc/img/site/sous-disclaimer.gif') top repeat-x; padding-top:33px;}
/* les news */
div.bloc-news{width:690px; margin:10px 0px 10px 20px; float:left;}
div.titre{height:13px; background-position:20px 0px; background-repeat:no-repeat;}
div.stitre{height:13px; background-position:20px 0px; background-repeat:no-repeat;}
div.titre a.rss{height:13px; width:35px; background: url('/inc/img/site/bouton-rss.png') right top no-repeat; float:right; margin-right:18px;}
div.stitre a.rss{height:13px; width:35px; background: url('/inc/img/site/bouton-rss2.png') right top no-repeat; float:right; margin-right:18px;}

div.bloc-news div.titre{background-image:url('/inc/img/site/titre-fr-news.png');}
div.bloc-news div.stitre{background-image:url('/inc/img/site/titre-fr-news2.png');}

div.centre{background: url('/inc/img/site/fond-bloc-centre.png') top repeat-x;}
div.gauche{background: url('/inc/img/site/fond-bloc-gauche.png') left top no-repeat;}
div.droite{background: url('/inc/img/site/fond-bloc-droite.png') right top no-repeat;}

div.bloc-news div.list-one-news{font-size:13pt; font-family:Arial, Helvetica, Sans-serif; margin-left:1px;} /* titre */

.icone-news{background-image: url('/inc/img/site/news-icon.gif'); background-repeat:no-repeat; background-position: left top; padding-left:20px; margin:20px;} /* icone  */

div.bloc-news div.list-one-news div.list-one-news-titre{color:#08326F; font-weight:bold; padding-top:0px;}
div.bloc-news div.list-one-news div.list-one-news-titre a{color:#08326F;text-decoration:none;}
div.bloc-news div.list-one-news div.list-one-news-titre a:hover{color:#247CB9;}

div.bloc-news div.list-one-news div.list-one-news-stitre span.list-one-news-date{color:#8B0007; font-size:8pt;}
div.bloc-news div.list-one-news div.list-one-news-stitre{font-size:10pt;color:#758492; cursor:default;} /*  developpement */

/* lien suite des news */
#pa-lien-suitenews{margin-top:10px;}
a.lien-suite-bloc{background:url('/inc/img/site/puce-jaune.gif') left center no-repeat; display:block; float:right; padding-left:10px; margin-right:10px; margin-top:1px; font-variant:small-caps; text-decoration:none; font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif; color:#3B678E; font-size:9pt; font-weight:bold;}

/* les commentaires */
div.bloc-comment div.titre{background-image:url('/inc/img/site/commentaires.png');}
div.bloc-comment div.stitre{background-image:url('/inc/img/site/commentaires-inv.png');}

div.bloc-comment{width:720px; margin: 0px 0px 40px 12px; float:left;}
div.bloc-comment div.un-comment {padding:15px 20px 0px 20px;}
div.bloc-comment div.un-comment div.nom-date{color:#08326F; padding-left:6px; font-weight:bold; background-color:#eeeeee; 
border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC;}
div.bloc-comment div.un-comment div.nom-date span.la-date{color:#8B0007; font-size:10pt;}
div.bloc-comment div.un-comment div.nom-date span.modifier-com{float:right; font-weight:normal; font-size:13px; padding: 2px 5px 0px 0px;}
div.bloc-comment div.un-comment div.nom-date span.modifier-com a {text-decoration:none; color:#08326F; }
div.bloc-comment div.un-comment div.commentaire{font-size:11pt;color:#758492; cursor:default; padding:5px; border: 1px solid #CCCCCC;}

/* les modules */
div.bloc-modules{width:690px; margin: 0px 0px 10px 20px; float:left;}
div.bloc-modules div.un-module {padding:5px 20px 0px 20px; height:102px;}
div.bloc-modules div.titre-date{color:#08326F; font-weight:bold; font-size:13pt; font-family:Arial; }
div.bloc-modules div.titre-date a{color:#08326F;text-decoration:none;}
div.bloc-modules div.titre-date a:hover{color:#247CB9;}
div.bloc-modules div.titre-date span.la-date{color:#8B0007; font-size:10pt;}
div.bloc-modules div.description{font-size:11pt;color:#505672; cursor:default; padding-left:3px; }
div.bloc-modules div.description a{color:#08326F;}
div.bloc-modules div.description a:hover{color:#247CB9;}
div.bloc-modules div.image div.limage{width:112px; height:101px;float:left; margin-right:10px; padding-top:5px;}
div.bloc-modules div.image img.icone{width:110px; height:100px; }

/*dossiers */
div.bloc-dossiers div.titre{background-image:url('/inc/img/site/titre-dossiers.png');}
div.bloc-dossiers div.stitre{background-image:url('/inc/img/site/titre-dossiers-inv.png');}
div.bloc-dossiers{width:690px; margin: 0px 0px 10px 20px; float:left;}

/* ---dossier Position cadre article -- */
div.bloc-dossiers div.appli-php-un-article {padding:10px 20px 0px 20px;}
div.bloc-dossiers div.prog-c-un-article {padding:10px 20px 0px 20px;}
div.bloc-dossiers div.tuto-un-article {padding:10px 20px 0px 20px;}
div.bloc-dossiers div.famille-un-article {padding:10px 20px 0px 20px;}
div.bloc-dossiers div.autre-un-article {padding:10px 20px 0px 20px;}

/* dossier mise en forme d'un article */
div.bloc-dossiers div.titre-date{color:#08326F; font-weight:bold; font-size:13pt; font-family:Arial;}
div.bloc-dossiers div.titre-date a{color:#08326F;text-decoration:none;}
div.bloc-dossiers div.titre-date a:hover{color:#247CB9;}
div.bloc-dossiers div.titre-date span.la-date{color:#8B0007; font-size:10pt;}
div.bloc-dossiers div.article{font-size:11pt;color:#505672; cursor:default; padding-left:3px;}
div.bloc-dossiers div.article a{color:#08326F;}
div.bloc-dossiers div.article a:hover{color:#247CB9;}

/* article */
div.bloc-article div.titre{background-image:url('/inc/img/site/larticle.png');}
div.bloc-article div.stitre{background-image:url('/inc/img/site/larticle-inv.png');}
div.bloc-article{width:690px; margin: 0px 0px 10px 20px; float:left;}
div.bloc-article div.larticle {padding:10px 20px 0px 20px; color:#505672; font-size:12pt;}
div.bloc-article div.larticle a{font-size:11pt; color:#252D6D;font-weight:bold;}
div.bloc-article div.larticle a:hover{color:#247CB9;}
div.bloc-article div.larticle div.date-auteur {padding:9px 10px 40px 8px; font-weight:bold;}
div.bloc-article div.larticle div.img{text-align: center;}
div.bloc-article div.larticle div.img img{padding: 1px; margin: 8px 9px 0px 9px;}

/* poster-commentaire */
a.image {color:#252D6D;}
a.image:hover{color:#247CB9;}
div.bloc-comment a.image img{max-width:500px; max-height:160px; padding: 1px; margin: 8px 9px 0px 9px;}
div.bloc-article a.image img{max-width:500px; max-height:310px; padding: 1px; margin: 8px 9px 0px 9px;}

div.bloc-poster-commentaire div.titre{background-image:url('/inc/img/site/poster.png');}
div.bloc-poster-commentaire div.stitre{background-image:url('/inc/img/site/poster-inv2.png');}
div.bloc-poster-commentaire{width:690px; margin: -20px 0px 20px 20px; float:left;}

form { padding:0px; margin:0px;}
form.formulaire{ margin: auto;  width:690px; }
div.bloc-poster-commentaire div.poster{ padding: 10px 0px 0px 13px; }
form.formulaire #smiley{ height:320px; max-height:320px; overflow-y:scroll; border: 1px solid #CCCCCC; width: 190px; text-align: justify; }
form.formulaire #smiley img{ margin: 4px 7px 4px 7px; }
form.formulaire #smiley table{ border: 0px; border-collapse:collapse; margin:0;padding:0; }
form.formulaire #saisie_texte td.input{ padding-left:10px; font-size:12pt;color:#758492; }
form.formulaire #saisie_texte td.poster_enre{ text-align:center; color:#758492; font-weight:bold;} 
form.formulaire #saisie_texte td.bouton_mise_en_forme{ text-align:center; }
form.formulaire #saisie_texte td.bouton_mise_en_forme input{ 
margin: 0px 2px 0px 2px; padding: 0px 1px 0px 1px; font-size:11px; border : 1px Solid #cccccc; background:#eeeeee; }
form.formulaire #saisie_texte textarea{ margin: 0px 15px 1px 15px; border : 1px Solid #cccccc; background-color:#eeeeee; }

form.formulaire #saisie_news td.submit{ padding-left:15px; }
form.formulaire #saisie_news input{ font-size:13px; border : 1px Solid #cccccc; background:#eeeeee; }
form.formulaire #saisie_news td.saisietexte{ border: 1px solid #CCCCCC; }

div.citation{ width: 95%; padding: 2px 5px 2px 5px; border: 1px solid #CCCCCC; margin:4px auto 4px auto; background-color:#eeeeee; font-size:14px;}
div.citation div.quote{ font-weight: bold; padding-bottom:5px;}

/* pagination */
div.pagination { font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 3px; margin-top: 6px; text-align: center; }
div.pagination a { background-color: #fff; border: 1px solid #ccc; color: #000; margin: 1px; padding: 2px 5px; text-decoration: none; }
div.pagination a:hover,active { background-color: #dddddd; border: 1px solid #cccccc; color: #000000; margin: 1px; padding: 2px 5px; }
div.pagination span.courante { background-image:url('/inc/img/site/num_pg_courant.gif'); background-repeat:repeat; border: 1px solid #cccccc; color: #fff;
font-weight: bold; margin: 1px; padding: 2px 5px; }

/* design du tableau*/
div.tableau {width:600px; margin:10px 70px 10px 70px;}
div.tableau table { width:550px; margin-left: 25px; border-collapse:collapse;}
div.tableau table td{font-size:11pt; color:#758492; padding:5px; text-align:left;}
div.tableau table td.titre-tab{color:#08326F; padding:1px; text-align:center; font-weight:bold; font-size: 16px; background-color:#eeeeee; border: 1px solid #CCCCCC;}
div.tableau table td.texte-c{font-size:11pt; text-align:center; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC;}
div.tableau table td.texte{font-size:10pt; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC;}
div.tableau table a{color:#758492; text-decoration:none;}
div.tableau table a:hover{color:#247CB9;}
div.tableau table td.gauche{ border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; width:180px; }
div.tableau table td.milieu{ border-bottom: 1px solid #CCCCCC; }
div.tableau table td.droite{ border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; }
div.tableau table td input, div.tableau table td textarea {padding: 0px 1px 0px 1px; font-size:13px; border : 1px Solid #cccccc; background:#eeeeee; }
div.tableau table td option{margin-right:20px;}
div.tableau span.erreur{ color:red; font-size:12px; margin-left:3px;}

/*score des jeu ==counter */
#scorejeu {width:450px; margin:10px 0px 10px 120px; float:left;} 
#scorejeu .imagescorejeu{ margin-top:12px; }
#scorejeu a{color:#758492; }
#scorejeu a:hover{color:#247CB9;}
#scorejeu div.droite{ text-align:center; font-size:8pt; color:#758492; }


/*****************************************pied de page************************************************************ */
/*****************************************pied de page************************************************************ */
#pied{background-color:#05467E; height:40px;}
#pied p.copyright{color:white; font-size: 8pt; font-family: Verdana, Arial, Helvetica, Sans-serif; margin: 7px; float:left; text-align:left;}
#pied p.copyright span{font-weight:bold;}

#menu-2{float:right; text-align:right; margin:7px; color:#CCCCCC; font-size: 10pt; font-weight:bold; font-family: Arial, sans-serif;}
#menu-2 a{text-decoration:none; color:#CCCCCC;}
#menu-2 a:hover{color: white;}

#compteur{float:left; text-align:center; margin-top:15px; margin-left:40px;}