body {
margin : 0;
padding : 0;
text-align : center;
color : #ffffff;
font : 12px Arial,sans-serif, Helvetica,  Verdana;
background-color : #5980a0;
}
a {
color : #000000;
text-decoration : underline;
}
a:hover {
text-decoration : none;
}
#header h1,#header p {
margin : 0 0 0 0;
padding : 0 5px 0 5px;
font-size : 40px;
line-height : normal;
font-family : Arial, sans-serif, Helvetica,  Verdana;
color : #000000;
text-align : center;
display : block;
}
#contenant #contenu h2,#contenant #contenu h1{
margin : 0 0 20px 0;
padding : 3px;
background-color : #5980a0;
text-align : center;
font-size : 14px;
color : #ffffff;
font-weight : bold;
background-image : url(http://www.e-monsite.com/);
background-repeat : no-repeat;
background-position : center center;
border : 2px solid #ffffff;
line-height : normal;
}
#contenant #contenu h2 a,#contenant #contenu h1 a {
color : #ffffff;
text-decoration : none;
}
#contenant #contenu h2 a:hover {
text-decoration : underline;
}
#contenant #contenu h3 {
margin : 20px 0 0 0;
padding : 0 0 0 0;
text-align : left;
font-size : 14px;
font-weight : bold;
clear : both;
}
#contenant #contenu h3 a {
text-decoration : none;
}
#contenant #contenu h4 {
margin : 0 0 0 0;
padding : 0 0 0 20px;
font-size : 14px;
background : url(http://www.e-monsite.com/rep/im/script.png) no-repeat left;
}
#contenant #contenu h5 {
margin : 0 0 0 0;
padding : 0 0 0 0;
font-size : 13px;
}
#contenant #contenu hr {
border : 0 none;
border-top : 1px solid #ffffff;
width : 100%;
height : 1px;
}
ul.formulaire {
list-style-position : outside;
list-style-type : none;
margin : 0;
}
input {
padding : 2px;
}
textarea {
padding : 2px;
}
#hautvpro {
width : 100%;
text-align : center;
font : 14px Arial",sans-serif, Helvetica,  Verdana;
color : #ffffff;
}
#hautvpro a {
color : #ffffff;
text-decoration : none;
margin : 0;
padding : 0;
}
#hautvpro a:hover {
color : #ffffff;
text-decoration : underline;
}
#pubpro {
text-align : center;
margin : 5px;
}
#headerlogo {
text-align : center;
}
#header {
height : 0;
padding : 0 0 0 0;
width : 960px;
color : #000000;
text-align : center;
border : 1px solid #000000;
font-weight : normal;
}
#header a {
color : #000000;
text-decoration : none;
}
#header div.sstitre {
font-size : 16px;
padding : 0 5px 0 5px;
margin : 0;
line-height : normal;
display : block;
}
#headermenu {
width : 980px;
text-align : center;
margin : auto;
}
#contenant {
font-family : Verdana;
width : 980px;
text-align : left;
margin-top : 0;
overflow : hidden;
padding : 0 0 0 0;
}
#contenant #contenu {
color : #ffffff;
/* modifier 739/520 */
width : 739px;
line-height : 150%;
/* modifier 2px 8px 0 203px*** */
margin : 2px 205px 0 205px;
}
#contenant > #contenu {
width : auto;
margin : 2px 3px 0 0;
}
#contenu div, #contenu span {
margin : 0;
padding : 0;
}
#contenant #contenu li.formulaire {
list-style-type : none;
}
#menub {
font-size : 12px;
background-color : #000000;
text-align : center;
color : #ffffff;
font-size : 12px;
height : 18px;
overflow : hidden;
}
#menub a {
color : #ffffff;
font-size : 12px;
font-weight : bold;
text-decoration : none;
height : 18px;
line-height : 18px;
padding : 0 10px;
position : relative;
z-index : 100;
}
#menub a:hover {
color : #5980a0;
text-decoration : underline;
}
#menub ul {
margin : 0 auto;
}
#menug .categorieg {
padding : 0;
margin : 0 0 20px 0;
}
#menug {
font-size : 12px;
margin : 2px 5px 20px 3px;
border : 2px solid #000000;
background-color : #5980a0;
width : 190px;
color : #ffffff;
}
#menug ul {
list-style : none;
margin : 0;
padding : 0 0 0 0;
border : none;
z-index : 100;
}
#menug ul li {
margin : 0;
padding : 0 0 0 0;
}
#menug ul li a {
display : block;
border-bottom : 1px solid #ffffff;
padding : 5px 0 5px 3px;
text-decoration : none;
color : #ffffff;
}
#menug ul li a:hover, #menug ul li a:focus {
color : #5980a0;
background-color : #000000;
}
#menug span {
text-align : left;
display : block;
padding : 2px 2px 2px 2px;
}
#menug ul.formulaire {
list-style-position : outside;
list-style-type : none;
margin : 0;
font-size : 11px;
}
#menug hr {
border : 0 none;
border-top : 1px solid #ffffff;
width : 100%;
height : 1px;
}
#menug h3 {
display : block;

border : 1px solid #000000;
background-color : #000000;
font-weight : bold;
height : 25px;
line-height : 25px;
text-align : left;
font-size : 12px;
color : #ffffff;
padding : 0 3px 0 3px;
margin : 0;
overflow : hidden;
}
#menug h3 a {
color : #ffffff;
text-decoration : none;
}
#menug h3 a:hover {
color : #ffffff;
text-decoration : underline;
}
#menug a {
color : #ffffff;
text-decoration : none;
}
#menug a:hover {
color : #5980a0;
text-decoration : underline;
}
#menud .categoried {
padding : 0;
margin : 0 0 20px 0;
}
#menud {
font-size : 12px;
margin : 2px 0 20px 0;
border : 2px solid #ffffff;
background-color : #5980a0;
width : 190px;
color : #ffffff;
}
#menud ul {
list-style : none;
margin : 0;
padding : 0 0 0 0;
border : none;
z-index : 100;
}
#menud ul li {
margin : 0;
padding : 0 0 0 0;
}
#menud ul li a {
display : block;
border-bottom : 1px solid #ffffff;
padding : 5px 0 5px 3px;
text-decoration : none;
color : #ffffff;
}
#menud ul li a:hover, #menug ul li a:focus {
color : #5980a0;
background-color : #000000;
}
#menud span {
display : block;
margin : 2px 2px 2px 2px;
}
#menud ul.formulaire {
list-style-position : outside;
list-style-type : none;
margin : 0;
font-size : 11px;
}
#menud hr {
border : 0 none;
border-top : 1px solid #ffffff;
width : 100%;
height : 1px;
}
#menud h3 {
display : block;
border : 1px solid #000000;
background-color : #000000;
font-weight : bold;
height : 25px;
line-height : 25px;
text-align : left;
font-size : 12px;
color : #ffffff;
padding : 0 3px 0 3px;
margin : 0;
overflow : hidden;
}
#menud h3 a {
text-decoration : none;
color : #ffffff;
}
#menud h3 a:hover {
text-decoration : underline;
color : #ffffff;
}
#menud a {
color : #ffffff;
text-decoration : none;
}
#menud a:hover {
color : #5980a0;
text-decoration : underline;
}
#bas {
text-align : center;
color : #ffffff;
}
#bas a {
color : #ffffff;
text-decoration : none;
}
#bas a:hover {
color : #ffffff;
text-decoration : underline;
}
#lien-emonsite {
color : #ffffff;
}
#lien-emonsite a {
color : #ffffff;
text-decoration : none;
}
#lien-emonsite a:hover {
color : #ffffff;
text-decoration : underline;
}
#contenu .visiteurs {
margin-top : 20px;
background-color : #5980a0;
text-align : center;
font-size : 12px;
font-weight : bold;
color : #ffffff;
background-image : url(http://www.e-monsite.com/);
background-repeat : no-repeat;
background-position : center center;
border : 2px solid #ffffff;
clear : both;
}
#contenu .commentaires {
margin-top : 20px;
padding : 3px;
background-color : #5980a0;
text-align : center;
font-size : 14px;
font-weight : bold;
color : #ffffff;
background-image : url(http://www.e-monsite.com/);
background-repeat : no-repeat;
background-position : center center;
border : 2px solid #ffffff;
clear : both;
}
#contenu table.forum {
margin : 0 auto;
width : 99%;
border-collapse : collapse;
}
#contenu table.forum td {
border : 1px solid #ffffff;
height : 50px;
padding : 3px;
}
#contenu table.forum tr:hover {
background-color : #000000;
color : #ffffff;
}
#contenu table.forum tr:hover a {
color : #ffffff;
}
#contenu td.sujet {
width : 290px;
text-align : left;
}
#contenu div.citationforum {
width : 99%;
text-align : left;
padding : 2px;
display : block;
border : 1px solid #000000;
}
#contenu a.liencat {
text-decoration : none;
padding-left : 20px;
background : url('http://www.e-monsite.com/rep/im/folder.png') no-repeat left;
}
#contenu a.liencat:hover {
text-decoration : underline;
padding-left : 20px;
background : url('http://www.e-monsite.com/rep/im/folder2.png') no-repeat left;
}
#contenu a.liensujet {
text-decoration : none;
padding-left : 20px;
background : url('http://www.e-monsite.com/rep/im/script.png') no-repeat left;
}
#contenu a.liensujet:hover {
text-decoration : underline;
padding-left : 20px;
background : url('http://www.e-monsite.com/rep/im/script2.png') no-repeat left;
}
#contenu a.liensujet:visited {
text-decoration : none;
padding-left : 20px;
background : url('http://www.e-monsite.com/rep/im/script3.png') no-repeat left;
}
#contenu td.rep {
width : 35px;
text-align : center;
}
#contenu td.derniermessage {
text-align : left;
}
#contenu .auteur {
font-size : 10px;
}
#contenu table.forum-lire {
margin : 0 auto;
width : 99%;
border-collapse : collapse;
}
#contenu table.forum-lire td {
border : 1px solid #ffffff;
padding : 5px;
}
#contenu td.titresujet {
background-color : #000000;
color : #ffffff;
}
#contenu a.titresujet {
color : #ffffff;
}
#contenu td.internaute {
text-align : center;
width : 18%;
padding : 3px;
}
#contenu .datesujet {
padding-left : 20px;
}
#contenu #monForm {
width : 100%;
}
#contenu #monForm p {
margin : 5px 0;
}
#contenu #monForm fieldset {
margin-bottom : 20px;
border : 1px solid #ffffff;
}
#contenu #monForm fieldset:hover {
background-color : #000000;
color : #ffffff;
}
#contenu #monForm fieldset legend {
padding : 0 5px;
font-size : 15px;
color : #ffffff;
}
#contenu #monForm input, #monForm select, #contenu #monForm textarea {
margin-left : 1%;
width : 60%;
border : 1px solid #ccc;
}
#contenu #monForm input[type="checkbox"] {
width : 15px;
height : 15px;
}
#contenu #monForm input[type="submit"] {
width : 220px;
float : right;
border : 1px solid #ffffff;
clear : both;
}
#contenu #monForm p {
clear : both;
}
#contenu .message-livredor {
line-height : 20px;
text-align : justify;
}
#contenu .titre-livredor {
font-weight : bold;
}
#contenu .img-livredor {
text-align : right;
margin-top : -30px;
margin-bottom : 10px;
}
#contenu .message-liens {
line-height : 20px;
text-align : justify;
}
#contenu .titre-liens {
font-weight : bold;
}
#contenu a.annuaire {
text-decoration : none;
padding-left : 20px;
font-size : 16px;
background : url(http://www.e-monsite.com/rep/im/folder.png) no-repeat center left;
}
#contenu a.annuaire:hover {
text-decoration : underline;
padding-left : 20px;
background : url(http://www.e-monsite.com/rep/im/folder2.png) no-repeat center left;
}
#contenu table.tannuaire td {
width : 50%;
text-align : justify;
}
#contenu .img-annuaire {
border : 1px solid #596473;
margin : 5px 10px 25px 0;
vertical-align : middle;
}
#contenu div.description-annuaire {
text-align : justify;
margin-bottom : 25px;
}
#contenu div.description-annuaire p {
margin : 0;
padding : 0;
}
#contenu .sondage {
background : #000;
margin-bottom : 1em;
overflow : hidden;
width : 100%;
height : 16px;
color : #ffffff;
padding-right : 3px;
padding-top : 2px;
font-weight : bold;
font-size : 12px;
font-family : Arial, Helvetica, sans-serif;
text-align : right;
}
#contenu .photo {
margin : 2px;
border : 0;
}
#contenu .colonnephoto {
width : 33%;
float : left;
text-align : center;
}
#contenu #pageNav {
padding : 20px 0;
text-align : center;
font-weight : bold;
clear : both;
}
#contenu #pageNav span {
padding : 2px 6px 3px 6px;
border : 1px solid #000000;
margin-bottom : 20px;
background-color : #ffffff;
color : #000000;
}
#contenu #pageNav a {
background : #000000;
color : #ffffff;
text-decoration : none;
padding : 2px 6px 3px 6px;
border : 1px solid #ffffff;
}
#contenu #pageNav a:hover {
border-color : #000000;
}
#contenu ul.liste_cat_photo {
width : 100%;
list-style-position : outside;
list-style-type : none;
margin : 0;
padding : 0;
}
#contenu ul.liste_cat_photo li {
clear : both;
padding : 0 0 15px 0;
margin : 0;
}
#contenu ul.liste_cat_photo img {
border : 0;
float : left;
padding : 0 5px 15px 0;
}
#contenu ul.liste_cat_photo span {
font-weight : bold;
}
#contenu ul.affichage_photos, ul.affichage_amis, ul.affichage_cartes {
width : 100%;
list-style-position : outside;
list-style-type : none;
margin : 0;
padding : 0;
}
#contenu ul.affichage_photos p {
font-weight : bold;
margin : 0;
padding : 0;
}
#contenu ul.affichage_photos div.commentaires_photo {
clear : both;
padding-top : 5px;
}
#contenu ul.affichage_photos li.liste_photos_1, ul.affichage_amis li.liste_amis, ul.affichage_cartes li.liste_cartes {
width : 33%;
height : 210px;
float : left;
padding-top : 15px;
text-align : center;
overflow : hidden;
}
#contenu ul.affichage_photos li.liste_photos_2 {
width : 100%;
padding-top : 15px;
text-align : left;
overflow : hidden;
}
#contenu ul.affichage_photos img.type2 {
border : 0;
padding : 5px;
float : left;
}
#contenu ul.affichage_photos li.liste_photos_3 {
width : 100%;
padding-top : 15px;
text-align : center;
}
#contenu ul.affichage_photos img.type3 {
border : 0;
padding : 5px;
}
#contenu a.voircom {
background : url(http://www.e-monsite.com/rep/im/comment.png) no-repeat left;
padding : 3px 3px 3px 20px;
font-size : 11px;
margin-left : 10px;
}
#contenu a.addcom {
background : url(http://www.e-monsite.com/rep/im/comments_add.png) no-repeat left;
padding : 3px 3px 3px 20px;
margin-left : 10px;
font-size : 11px;
}
#contenu a.categorieblog {
background : url(http://www.e-monsite.com/rep/im/folder.png) no-repeat left;
padding : 3px 3px 3px 20px;
margin-left : 10px;
font-size : 11px;
}
#contenu ul.affichage_blog, ul.affichage_agenda {
width : 100%;
list-style-position : outside;
list-style-type : none;
margin : 0;
padding : 0;
}
#contenu ul.affichage_blog li, ul.affichage_agenda li {
clear : both;
padding : 0 0 0 0;
margin : 0;
}
#contenu ul.affichage_blog a.billetblog, ul.affichage_blog a.description_agenda {
font-weight : bold;
clear : both;
}
#contenu span.datebilletblog {
background : url(http://www.e-monsite.com/rep/im/clock.png) no-repeat left;
padding : 3px 0 3px 20px;
font-size : 11px;
}
#contenu ul.affichage_agenda span, #contenu p.dateagenda {
background : url(http://www.e-monsite.com/rep/im/agenda.png) no-repeat left;
padding : 3px 0 3px 20px;
font-weight : bold;
}
#contenu p.lieuagenda {
background : url(http://www.e-monsite.com/rep/im/map.png) no-repeat left;
padding : 3px 0 3px 20px;
}
#contenu p.tarifagenda {
background : url(http://www.e-monsite.com/rep/im/money.png) no-repeat left;
padding : 3px 0 3px 20px;
}
#contenu p.dureeagenda {
background : url(http://www.e-monsite.com/rep/im/time.png) no-repeat left;
padding : 3px 0 3px 20px;
}
#contenu a.categorieagenda {
background : url(http://www.e-monsite.com/rep/im/folder.png) no-repeat left;
padding : 3px 0 3px 20px;
}
#contenu a.archives_agenda {
background : url(http://www.e-monsite.com/rep/im/time.png) no-repeat left;
padding : 3px 0 3px 20px;
}
a.abo_rss {
background : url(http://www.e-monsite.com/rep/im/feed.png) no-repeat left;
padding : 3px 0 3px 20px;
}
div.photoswidget {
float : left;
width : 60px;
height : 60px;
margin : 1px;
}
input.moteurderecherche {
border : 1px solid #000;
color : #000;
background : #fff;
width : 100%;
}
input.moteurderecherche_valid {
border : 1px solid #fff;
color : #fff;
background : #000;
}
ul.agenda {
padding : 0 0 0 0;
margin : 0;
}
ul.agenda li {
list-style : none;
padding : 5px 2px 5px 2px;
}
ul.agenda li span {
font-weight : bold;
}
#contenu p.zmdroit {
background : url(http://www.e-monsite.com/rep/im/vcard.png) no-repeat left;
padding : 3px 0 3px 20px;
}
#contenu p.zmmaj {
background : url(http://www.e-monsite.com/rep/im/clock.png) no-repeat left;
padding : 3px 0 3px 20px;
}
#contenu p.zmemail {
background : url(http://www.e-monsite.com/rep/im/email.png) no-repeat left;
padding : 3px 0 3px 20px;
}
#contenu p.zmurl {
background : url(http://www.e-monsite.com/rep/im/world.png) no-repeat left;
padding : 3px 0 3px 20px;
}
#contenu p.zmstatut {
background : url(http://www.e-monsite.com/rep/im/user_comment.png) no-repeat left;
padding : 3px 0 3px 20px;
font-style : italic;
}
#contenu p.connecte {
padding : 0;
margin : 0;
text-align : right;
}
#contenu p.message {
background : url(http://www.e-monsite.com/rep/im/bullet_error.png) no-repeat left;
padding : 3px 0 3px 20px;
font-weight : bold;
border : 1px solid #000;
}
#contenu a.supprimer {
background : url(http://www.e-monsite.com/rep/im/delete.png) no-repeat left;
padding : 3px 0 3px 20px;
}
#contenu a.editer {
background : url(http://www.e-monsite.com/rep/im/overlays.png) no-repeat left;
padding : 3px 0 3px 20px;
}
div#chatbox {
margin : 0 auto;
padding-bottom : 10px;
background : #fff;
}
div#chatbox iframe {
width : 100%;
height : 450px;
margin : 0;
}
div#chatbox form {
width : 100%;
margin : 0;
}
div#chatbox form p {
margin : 10px;
}
div#chatbox form p input {
width : 344px;
padding : 3px;
}
div#chatbox form p input.btnChat {
width : 130px;
height : 25px;
margin-right : 20px;
text-align : center;
border : 1px solid #ccc;
background : #f7f7f7 url(http://www.e-monsite.com/rep/im/comment_add.png) no-repeat 15px 50%;
cursor : pointer;
}
div#chatbox form p input.btnChat:hover {
border : 1px solid #000;
}