/*div, td {border:1px solid #ccc;}*/
table, td, tr {border-collapse:collapse;}
body {margin:0px;font-family:Trebuchet, Arial, Helvetica, sans-serif;font-size:12px;}
a:hover{color:#f46813;}
u {text-decoration:none;}
/*barre du haut contenant le logo*/
#header {padding-top:94px;background:url(img/top.png) no-repeat;height:25px;}

/*barre du haut par dessus le logo*/
#barre {background:#eee;width:780px;height:26px;/*filter:alpha(opacity=70);-moz-opacity:0,70;opacity:0,70;*/}
#barre a {background:#eee;display:block;float:right;text-decoration:none;padding:5px 10px;color:#333;font-size:14px;font-weight:bold;border-left:1px solid #666;height:15px;}
#barre a:hover{background:#ccc;}

/*Table générale*/
#centre {width:780px;}
#centre td {vertical-align:top;}

.centre{text-align:center;}

/*Class de la colonne du milieu dan les catégories*/
.contenucat {width:490px;margin:auto;font-size:13px;}
.contenucat a {color:#666;text-decoration:none;font-size:11px;}
.contenucat a:hover{color:#f46813;}

/*Class de contenu dans la page index*/
#contenu {width:490px;text-align:left;color:#666;}
#contenu p {width:470px;margin:auto;margin-top:5px;}
#contenu a {color:#666;text-decoration:underline;}
#contenu a:hover {color:#f46813;}

/*Div générale*/
#conteneur{ width:780px;margin:auto;}
#conteneur hr {height:1px;color:#ccc;width:780px;margin:auto;}

/*Text dans le footer*/
#footer {margin-top:10px;text-align:center;font-size:11px;color:#999;}
#footer p {font-size:11px;}
#footer a {text-decoration:none;color:#999;font-size:11px;}
#footer a:hover {color:#f46813;}


.spacer{height:1px;}

/*Menu de gauche, liste des catégories*/
.menu {background:url(img/femme.jpg) no-repeat center 20px;padding-top:275px;width:140px;}
.menu ul, .menu li {padding-top:15px;/*filter:alpha(opacity=80);-moz-opacity:0,80;opacity:0,80;*/background:#fdfdfd;list-style:none;margin:0px;padding:0px;font-size:12px;}
.menu ul {margin-bottom:20px;}
.menu li a {margin:auto;width:140px;padding:2px;text-align:right;text-decoration:none;display:block;border-left:1px solid #f7f7f7;border-bottom:1px solid #f7f7f7;color:#3f3f3f;border-right:1px solid #f7f7f7; padding-right:7px;}
.menu li a:hover{color:#f46813;}
.menu span {border:0;font-size:12px;width:142px;background:url('img/menu-span.gif') no-repeat left top;padding:2px;text-align:right;display:block;color:#303030;padding-right:7px;text-transform:uppercase;}
.menu span a {border:0;text-decoration:none;color:#3f3f3f;}
.menu span a:hover{color:#f46813;}

/*Div pour la recherche*/
#recherche{margin:auto;width:440px;height:40px;background:url(img/rech.png) no-repeat;font-size:12px;text-align:center;padding-top:12px;}
#recherche input {float:right;margin-right:7px;padding:3px;font-size:10px;}

/*Id des catégories*/
#categories {width:470px;margin-top:5px;text-align:left;margin:auto;background:#f7f7f7 url(img/categorie-haut-index.gif) no-repeat;margin-bottom:15px;}
#categories td {width:240px;padding-left:7px;padding-top:5px;text-align:left;}
#categories ul {margin-top:0px;}
#categories td li {list-style-type:none;margin-top:5px;}
#categories td li span {padding-left:15px;font-size:11px;font-weight:normal;color:#aaa;}
#categories td li a {background:url(img/arrow1.gif) no-repeat left;color:#666;font-size:12px;text-decoration:none;padding-left:15px;}
#categories td li a:hover{color:#f46813;}
#categories p {font-size:14px;color:#f46813;font-weight:bold;}
#categories img {border:0px;}
#categories .bas {background:url(img/categorie-bas-index.gif) no-repeat center bottom;}

/*Menu de droite : Ajouter un site, Recommander, Favoris*/
.droite {width:140px;font-size:12px;vertical-align:top;}
.liensdroite {width:119px;margin:auto;margin-top:20px;margin-bottom:10px;background:url(img/mailing-list.gif) no-repeat center 0px #fdfdfd;padding:3px;color:#666;}
.liensdroite p {border:0;text-align:center;text-transform:uppercase;margin:0px auto;}
.liensdroite a {color:#666;padding-left:5px;line-height:20px;text-decoration:none;}
.liensdroite a:hover {color:#f46813;}
/*.liensdroite .bas {background:url(img/mailing-list-bas.gif) no-repeat center bottom;}*/

/*div liens utiles*/
#utile {/*filter:alpha(opacity=80);-moz-opacity:0,80;opacity:0,80;*/padding-top:5px;width:150px;background:url(img/utile-haut.gif) no-repeat #f6f6f6;height:150px;margin-left:10px;margin-top:13px;margin-right:10px;}
#utile p {font-size:12px;margin-bottom:0px;padding:0px;border:1px solid #000;}
#utile span {text-align:left;font-size:14px;margin-left:10px;font-weight:bold;color:#f46813;margin-top:10px;}
#utile a {background:#f6f6f6;padding-left:5px;display:block;text-decoration:none;color:#666;}
#utile a:hover {color:#f46813;}
#utile .bas {background:#f6f6f6 url(img/utile-bas.gif) no-repeat center bottom;}

/*Promotion*/
#promo {border:2px dashed #ededed;width:290px;height:170px;padding:5px;margin:auto;margin-top:13px;overflow:auto;}
#promo span {font-size:14px;padding-left:10px;font-weight:bold;color:#f46813;}
#promo p {font-size:12px;margin-top:12px;margin-bottom:5px;padding-left:20px;/*border:1px solid #333;width:200px;margin;auto;*/}
#promo a {background:#fff;display:block;color:#666;text-decoration:none;}
#promo a:hover {color:#f46813;}

/*Liens promotionnels dans les catégories
#lienpromo {margin:auto;width:440px;padding:5px;}
#lienpromo li {background:#f7f7f7;list-style-type:none;padding:3px;width:400px;margin:0px;}
#lienpromo p {color:#999;font-size:10px;text-align:right;padding:5px;padding-top:0px;margin-top:0px;}
#lienpromo li a{font-size:14px;color:#f46813;text-decoration:none;}
#lienpromo li span{border:0px;margin-left:0px;padding-left:5px;font-size:12px;width:400px;}
#lienpromo li span a {font-size:10px;text-decoration:none;color:#35844D;}*/
#lienpromo li {padding:3px;list-style-type:none;margin:0px;width:400px;margin-top:10px;background:#f8f8f8;}
#lienpromo li a{background:url(../img/bullet-listesite.gif) no-repeat left;padding-left:12px;font-size:14px;color:#666;text-decoration:none;font-weight:bold;}
#lienpromo li span{color:#818181;border:0px;margin-left:0px;padding-left:5px;font-size:12px;width:400px;}
#lienpromo ul {margin-bottom:25px;}

/*Lien normal*/
#listesite {margin-top:10px;}
#listesite li {text-align:justify;list-style-type:none;margin:0px;width:420px;margin-top:10px;overflow:hidden;}
#listesite li a {background:url(../img/bullet-listesite.gif) no-repeat left;padding-left:12px;font-size:12px;color:#666;text-decoration:none;font-weight:normal;}
#listesite li span {color:#818181;border:0px;margin-left:0px;font-size:12px;width:400px;}
#listesite li span a {background:#fff;padding:0;text-decoration:underline;}
/*bouton validation formulaire*/
.chok {background:#f46813;color:#fff;font-size:10px;font-weight:bold;padding:1px 5px;}
.chokdroite {background:#f6f6f6;color:#3f3f3f;font-size:10px;padding:1px 5px;border:1px solid #bcbcbc;border-bottom:1px solid #3f3f3f;border-right:1px solid #3f3f3f;}
.chokrech {background:#f6f6f6;color:#3f3f3f;font-size:10px;padding:1px 5px;border:1px solid #bcbcbc;border-bottom:1px solid #3f3f3f;border-right:1px solid #3f3f3f;}

/*div mailing list*/
#mailinglist {margin-top:10px;background:url(img/mailing-list.gif) no-repeat center top #fdfdfd;padding:0px;margin:auto;width:125px;font-size:12px;}
#mailinglist p {padding:3px;padding-left:5px;margin:0px;color:#3f3f3f;}
#mailinglist p span {text-transform:uppercase;padding:0px;text-align:center;color:#3f3f3f;display:block;width:60px;margin:0 auto;}
#mailinglist input {display:block;width:115px;margin:auto;margin-top:3px;padding:0px;}
#mailinglist a {margin-top:5px;line-height:20px;padding-left:5px;color:#3f3f3f;font-size:12px;text-decoration:none;}

/*ID de la page d'inscription mailing list*/
#mailing {padding:0px;font-size:12px;width:440px;margin:auto;background:#eee;border:1px solid #AAB5BF;}
#mailing .tab {width:420px;margin:auto;text-align:left;}
#mailing .tab2 {width:200px;}
#mailing td {margin:0px;padding-left:3px;padding-bottom:5px;}
#mailing p {width:250px;font-size:15px;margin:15px;text-align:left;border-left:5px solid #f46813;padding-left:15px}
#mailing .submit {width:50px;margin:auto;}

/*Formulaire de contact*/
#contact {font-size:12px;width:440px;margin:auto;background:#eee;border:1px solid #AAB5BF;}
#contact table {width:420px;margin:auto;text-align:left;}
#contact input, textarea {margin-bottom:10px;}
#contact td {vertical-align:top;}
#contact p {width:250px;font-size:15px;margin:15px;text-align:left;border-left:5px solid #f46813;padding-left:15px}
#contact .submit {padding-left:20px;padding-top:20px;}

.tdgauche {text-align:left;}

.tddroite {text-align:right;padding-right:3px;width:33%;}

.sky {text-align:center;}

.intro {width:100%;font-size:12px;color:#666;margin:0px auto;text-align:center;}

.partenaires {width:440px;margin:auto;}
.partenaires span {font-weight:bold;color:#8794AB;}
.partenaires p a {color:#818181;}

#news {width:440px;margin:auto;}
#news p a {border-left:5px solid #f46813;padding-left:5px;font-size:13px;color:#666;font-weight:bold;}
#news p a:hover{color:#f46813;}
#news p {margin-bottom:20px;font-size:11px;color:#666;}

#lienactu p {margin-left:75px;width:275px;margin:auto;text-align:center;}
#lienactu a{display:block;float:left;margin-right:5px;color:#666;}
#lienactu a:hover {color:#f46813;}

#confirm {width:440px;margin:auto;color:#666;}
#confirm p span {font-weight:bold;font-size:14px;text-align:center;}
#confirm img {float:left;display:block;margin-right:5px;}
#confirm a {color:#f46813;}
#ref {width:440px;}
#ref p {margin:20px 0px;}
.refrapide {width:295px;height:110px;background:url(img/refrapide.jpg) no-repeat 15px center;padding-left:163px;}
.degriffe {height:110px;background:url(img/degriffe.jpg) no-repeat 15px center;padding-left:163px;}
.servgrat {height:110px;background:url(img/services-gratuits.png) no-repeat 15px center;padding-left:163px;}
.cduson {padding-left:163px;height:110px;width:295px;background:url(img/cduson.JPG) no-repeat 15px center;}

h3 {font-weight:normal;}

.ajouter {background:#f7f7f7;text-align:center;border:1px dotted #999;font-size:12px;color:#333;width:350px;margin:auto;padding-top:5px;padding-bottom:5px;}
.ajouter a {text-decoration:underline;color:#f46813;font-size:12px;}
.ajouter a:hover {text-decoration:none;}

#navigation {font-size:12px;width:430px;margin:auto;margin-top:30px;display:block;padding:0;color:#333;padding-left:25px;}
#navigation p {margin:0;padding:0;}
#navigation strong {font-weight:normal;}
#navigation a {color:#818181;text-decoration:none;font-size:12px;}
#navigation a:hover {color:#f46813;}

#resultats {width:440px;margin:auto;}
#resultats a {text-decoration:none;}
#resultats img {border:0px;}
#resultats p {margin-bottom:10px;margin-top:0px;padding:0px;}
#resultats .sites {color:#333;}
#resultats .sites b {font-weight:normal;}
#resultats .titre {background:url('img/arrow2.gif') no-repeat left;padding-left:15px;color:#d65b11;font-weight:bold;}
#resultats .titre b {font-weight:bold;}
#resultats .urlaff {color:#999;font-size:11px;}

#actualites {width:300px;margin:30px auto;}
#actualites select{margin-top:10px;}

#radios p {display:block;margin:0px;padding:3px;background:#f7f7f7;border-bottom:1px dotted #ccc;}
#radios a {padding:3px;color:#666;text-decoration:none;}
#radios a:hover {color:#f46813;}

#lienoblige {width:430px;margin:auto;margin-bottom:30px;color:#666;font-size:13px;background:#eee;border:1px solid #AAB5BF;padding:5px;}
#lienoblige textarea {margin:auto;margin-bottom:15px;}
#lienoblige p {width:400px;margin:10px;}
#lienoblige span {margin-bottom:25px;border-left:5px solid #f46813;padding-left:15px;font-size:14px;font-weight:bold;}

#adsense {width:468px;margin:auto;margin-top:20px;margin-bottom:20px;}
.clicacc {margin:10px auto;text-align:center;}

h2 {font-size:16px;color:#666;margin-left:30px;margin-top:10px;margin-bottom:10px;text-align:left;padding-left:15px;clear:both;font-weight:normal;}

#siterel {margin-left:40px;color:#818181;}
#siterel .titrerel {color:#666;margin-bottom:0;font-weight:bold;}
#siterel ul {margin-top:0;}
#siterel li {margin-top:0;}
#siterel a {color:#818181;font-size:12px;text-decoration:underline;}
#siterel a:hover {color:#333;}

#lien ul {margin:10px;padding:0px;}
#lien li {list-style-type:none;margin:20px 0px;text-align:center;}
#lien li p {margin-bottom:8px;}

/*blog*/
.post h2 {font-size:14px;border:0px;color:#f46813;padding:0;margin-left:10px;background:url(http://www.monsurf.com/img/arrow2.gif) no-repeat left 5px;padding-left:20px;}
.post-title {color:#f46813;margin-bottom:5px;}
.post-content img {float:left;margin-right:5px;}
.post-info {font-size:10px;margin-left:40px;}
.introb h2 {border:0px;}
#comment-form {width:300px;margin:10px auto;}
#comment-form p {width:255px;}
#comment-form fieldset {width:200px;}
#comment-form .field {width:200px;}
#comments h3 {margin-left:10px;}
.post-info-co {text-align:right;}
.post-info-co a {background:url(http://www.monsurf.com/b/photos/comment.gif) no-repeat;padding-left:20px;font-size:10px;}
.submit, .preview {background:#f46813;color:#fff;font-size:10px;font-weight:bold;padding:1px 5px;}