/*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;}
strong {font-weight:normal;}

/*barre du haut contenant le logo*/
#header {padding-top:94px;background:url(img/bando.jpg) 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 dans les catégories*/
.contenucat {width:490px;margin:auto;font-size:13px;}
.contenucat h4 {text-align:center;font-size:15px;}
.contenucat a {color:#666;text-decoration:none;font-size:11px;}
.contenucat a:hover {color:#E5197A;}

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

/*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:#0171b3;font-size:11px;}
#footer a:hover {color:#E5197A;}

/*Spacer servant  mettre en valeur le texte contenu dans #centre.*/
.spacer{height:1px;}

/*Menu de gauche, liste des catégories*/
.menu {width:140px;}
.menu ul, .menu li {margin:0px;padding-top:15px;background:#fff;list-style:none;padding:0px;font-size:12px;color:#0171b3;}
.menu ul {margin-bottom:20px;padding:0;}
.menu li {margin:0;padding:0;border-bottom:1px solid #0171b3;border-right:1px solid #0171b3;border-left:1px solid #0171b3;}
.menu li img {margin:auto;margin-left:5px;padding:0;}
.menu li a {margin:auto;width:140px;padding:2px;text-align:right;text-decoration:none;display:block;color:#0171b3;padding-right:7px;}
.menu li a:hover{border:1px solid #E5197A;color:#E5197A;text-decoration:underline;padding-right:5px;}
.menu span {margin-top:20px;font-size:12px;width:142px;background:url('img/menu-span.jpg') no-repeat left top;padding:2px;text-align:right;display:block;border-bottom:1px solid #0171b3;color:#fff;padding-right:7px;font-weight:bold;}
.menu span a {text-decoration:none;color:#fff;}
.menu span a:hover{color:#C9A655;text-decoration:underline;}
.menu img {border:0px;}

/*Div pour la recherche*/
#recherche{margin:0px auto;display:block;width:140px;font-size:12px;text-align:right;}
#recherche input {font-size:9px;}

/*Id des catégories*/
#categories {width:250px;margin-top:5px;text-align:left;margin:auto;}
#categories td {padding-left:7px;padding-top:5px;text-align:left;}
#categories ul {margin:0px;padding: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 {color:#0171b3;font-size:12px;text-decoration:none;padding-left:15px;}
#categories td li a:hover{color:#E5197A;}
#categories p {font-size:14px;color:#E5197A;font-weight:bold;}
#categories img {border:0px;}


/*Menu de droite : Ajouter un site, Recommander, Favoris*/
.droite {width:140px;font-size:12px;padding-top:12px;}
.liensdroite {margin:10px auto;margin-bottom:20px;width:130px;background:url(img/mailing-list.jpg) no-repeat center 0px #fff;color:#0171b3;}
.liensdroite h2 {font-size:12px;font-weight:bold;text-align:center;text-transform:uppercase;margin:0px auto;color:#fff;}
.liensdroite ul, li {margin:0px;padding:0px;list-style-type:none;}
.liensdroite li {line-height:20px;border-right:1px solid #0171b3;border-left:1px solid #0171b3;border-bottom:1px solid #0171b3;padding:3px;}
.liensdroite li span {line-height:15px;}
.liensdroite a {display:block;color:#0171b3;}
.liensdroite a:hover {color:#E5197A;}
/*.liensdroite .bas {background:url(img/mailing-list-bas.gif) no-repeat center bottom;}*/

/*div liens utiles*/
#txtintro {padding-top:5px;width:290px;margin-top:13px;margin-right:10px;}
#txtintro p {font-size:12px;margin:auto;padding:0px;width:290px;text-align:justify;padding-left:10px;}


/*Promotion*/
#promo {border:2px dashed #CDAA58;width:207px;padding:0px;margin:auto;margin-top:18px;overflow:auto;height:157px;margin-left:0px;}
#promo img {border:0px;;}


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

/*Lien normal*/
#site {margin-top:10px;}
#site li {list-style-type:none;margin:0px;width:420px;margin-top:10px;}
#site li a {background:url(../img/bullet-listesite.gif) no-repeat left;padding-left:12px;font-size:14px;color:#808080;text-decoration:none;font-weight:bold;}
#site li span{color:#818181;border:0px;margin-left:0px;font-size:12px;width:400px;}

/*bouton validation formulaire*/
.chok{background:#0171B3;color:#fff;font-size:8px;margin:0;font-weight:bold;height:22px;padding:0;width:25px;}
.vchok{background:#0171B3;color:#fff;font-size:10px;margin:0;font-weight:bold;height:22px;padding:0;width:200px;}


/*div mailing list*/
#mailinglist {background:url(img/mailing-list.gif) no-repeat center top #fafafa;padding:0px;margin:auto;width:125px;font-size:11px;}
#mailinglist p {padding:3px;margin:0px;font-weight:bold;color:#666;}
#mailinglist p span {text-align:center;color:#f46813;display:block;width:60px;margin: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:#0171b3;font-size:12px;}

/*ID de la page d'inscription mailing list*/
#mailing {padding:0px;font-size:12px;width:440px;margin:auto;}
#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;padding-left:15px}
#mailing .submit {width:50px;margin:auto;}

/*Formulaire de contact*/
#contact {font-size:12px;width:440px;margin:auto;}
#contact table {width:420px;margin:auto;text-align:left;}
#contact input, textarea {margin-bottom:10px;}
#contact td {vertical-align:top;}
#contact p {width:180px;font-size:15px;margin:15px;text-align:left;color:#0171b3;padding-left:15px;font-weight:bold;}
#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 {margin-bottom:5px;width:400px;;font-size:12px;color:#666;margin:auto;margin-top:10px;text-align:center;}
.intro h2 {font-size:14px;font-weight:normal;margin-bottom:40px;}

.partenaires {width:440px;margin:auto;}
.partenaires .titrepart {font-weight:bold;font-size:14px;color:#0171b3;margin-top:40px;}
.partenaires span {font-weight:bold;color:#8794AB;}
.partenaires p a {color:#0171b3;}

#news {width:440px;margin:auto;}
#news p a {border-left:5px solid #f46813;padding-left:5px;font-size:13px;color:#0171b3;font-weight:bold;}
#news p a:hover{color:#E5197A;}
#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:#fff;}
#lienactu a:hover {color:#E5197A;}

#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:#0171b3;}
#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;}
.cduson {padding-left:163px;height:110px;width:295px;background:url(img/cduson.JPG) no-repeat 15px center;}

h3 {font-weight:normal;}

.ajouter {background:#fff;text-align:center;font-size:12px;color:#333;width:350px;margin:auto;padding-top:5px;padding-bottom:5px;}
.ajouter a {text-decoration:underline;color:#0171b3;font-size:12px;}
.ajouter a:hover {text-decoration:none;color:#E5197A;}

#navigation {width:430px;margin:auto;display:block;margin-bottom:5px;padding:5px;padding-bottom:10px;}
#navigation a {color:#0171b3;text-decoration:underline;font-size:12px;}
#navigation a:hover {color:#E5197A;}

#resultats {width:440px;margin:20px auto;}
#resultats a {text-decoration:none;}
#resultats img {border:0px;}
#resultats p {width:430px;margin-bottom:10px;margin-top:0px;padding:0px;text-align:justify;}
#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: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:#0171b3;text-decoration:none;}
#radios a:hover {color:#E5197A;}

#lienoblige {width:430px;margin:auto;margin-bottom:30px;color:#666;font-size:13px;padding:5px;}
#lienoblige textarea {margin:auto;}
#lienoblige p {width:400px;margin:10px;}
#lienoblige span {margin-bottom:25px;color:#0171b3;padding-left:15px;font-size:14px;font-weight:bold;}

#lastsub {width:290px;margin:auto;padding-left:10px;}
#lastsub span {font-size:14px;color:#E5197A;font-weight:bold;border-bottom:1px solid #E5197A;}
#lastsub p {width:290px;}

.title {font-size:14px;color:#E5197A;font-weight:bold;}

#adsense {width:468px;margin:auto;margin-top:20px;margin-bottom:20px;}
#adsense h2 {color:#818181;font-size:14px;margin-bottom:28px;}

h4 {font-size:12px;color:#f46813;}
h2 {font-size:12px;color:#f46813;}

#deviscredit {width:350px;margin:20px auto;color:#0171B3;font-weight:bold;}
#deviscredit fielset {border:1px solid #0171B3;}
#deviscredit legend {color:E5197A;}
#deviscredit .validform {background:#0171b3;border:1px solid #333;color:#fff;font-weight:bold;}