/* CSS COMMUN A TOUS LES SITES */
/* ALBUM PHOTOS */

/* liste des catégories */

#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;
}

/* affichage de la liste des photos (+ cartes virtuelles + amis) */

#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;
}

/* modele 1 : en 3 colonnes / 3 lignes */
#contenu ul.affichage_photos li.liste_photos_1, ul.affichage_amis li.liste_amis, ul.affichage_cartes li.liste_cartes {
	width:33%;
    height:auto;
    float:left;
    padding-top:15px;
    text-align:center;
    overflow:hidden;
}

/* modele 2 : en 3 colonnes / 3 lignes */
#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;
}
 
/* modele 3 : affichage taille réelle */
#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;
}
/* FIN ALBUM PHOTOS */


/* liens commentaires BLOG et PHOTOS */

#contenu div.commentaires_photo{
	font-size:11px;
}

#contenu a.voircom {
	background:url(../im/comment.png) no-repeat left;
     padding:3px 3px 3px 20px;
     font-size:11px;
     margin-left:10px;
}
#contenu a.addcom {
	background:url(../im/comments_add.png) no-repeat left;
    padding:3px 3px 3px 20px;
    margin-left:10px;
    font-size:11px;
}

/* FIN liens commentaires BLOG et PHOTOS */


/* lien dossier/categorie */

#contenu a.categorieblog {
	background:url(../im/folder.png) no-repeat left;
    padding:3px 3px 3px 20px;
    margin-left:10px;
    font-size:11px;
}

/* fin dossier/catégorie */



/* MODULE BLOG / AGENDA */

#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(../im/clock.png) no-repeat left;
    padding:3px 0 3px 20px;
    font-size:11px;
}

#contenu ul.affichage_agenda span, #contenu p.dateagenda {
	background:url(../im/agenda.png) no-repeat left;
    padding:3px 0 3px 20px;
    font-weight:bold;
}


#contenu ul.affichage_blog div.blogtags, div.blogtags_billet, div.infosagenda {
	padding:2px 0 2px 0;
    margin:0 0 25px 0;
    border-right:0;
    border-left:0;
}
    
    
/* Affichage du détail d'un événement de l'agenda */

#contenu p.contactagenda {
	background:url(../im/email_go.png) no-repeat left;
    padding:3px 0 3px 20px;
}    

#contenu p.lieuagenda {
	background:url(../im/map.png) no-repeat left;
    padding:3px 0 3px 20px;
}  

#contenu p.tarifagenda {
	background:url(../im/money.png) no-repeat left;
    padding:3px 0 3px 20px;
} 

#contenu p.dureeagenda {
	background:url(../im/time.png) no-repeat left;
    padding:3px 0 3px 20px;
} 

#contenu a.categorieagenda {
	background:url(../im/folder.png) no-repeat left;
    padding:3px 0 3px 20px;
}  

/* Lien pour voir les archives de l'agenda */
#contenu a.archives_agenda {
	background:url(../im/time.png) no-repeat left;
    padding:3px 0 3px 20px;
}
 

/* Lien d'abonnement au fil d'information RSS */
#contenu a.abo_rss {
	background:url(../im/feed.png) no-repeat left;
    padding-left:20px;
}

#contenu p.center{
	text-align:center;
}

#contenu p.sondageBtn{
	text-align:center;
}


/* WIDGETS */

/*dernieres photos */
div.photoswidget {
float:left;
width:60px;
height:60px;
margin:1px;
}

/*moteur de recherche*/
input.moteurderecherche {
border:1px solid #000;
color:#000;
background:#FFF;
width:100%;
}
input.moteurderecherche_valid {
border:1px solid #FFF;
color:#FFF;
background:#000;
}

/* prochains événements de l'agenda */
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;
}

/* module zone membre */
#contenu p.zmdroit {
	background:url(../im/vcard.png) no-repeat left;
    padding:3px 0 3px 20px;
}
#contenu p.zmmaj {
	background:url(../im/clock.png) no-repeat left;
    padding:3px 0 3px 20px;
}
#contenu p.zmemail {
	background:url(../im/email.png) no-repeat left;
    padding:3px 0 3px 20px;
}
#contenu p.zmurl {
	background:url(../im/world.png) no-repeat left;
    padding:3px 0 3px 20px;
}
#contenu p.zmstatut {
	background:url(../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(../im/bullet_error.png) no-repeat left;
    padding:3px 0 3px 20px;
    font-weight:bold;
    border:1px solid #000;
}


/* lien supprimer */
#contenu a.supprimer {
	background:url(../im/delete.png) no-repeat left;
    padding:3px 0 3px 20px;
}
/* lien editer */
#contenu a.editer {
	background:url(../im/overlays.png) no-repeat left;
    padding:3px 0 3px 20px;
}
/*Chatbox*/
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(../im/comment_add.png) 15px 50% no-repeat;
    cursor: pointer;
}
div#chatbox form p input.btnChat:hover{
	border: 1px solid #000;
}
/* Fix */
#hautvpro p
{ margin-top: 0 ; }
#bas p,#lien-emonsite p
{ margin-bottom: 0 ; }

/*Formulaire > champs anti-spam*/
fieldset .securite_div{
	float:right;
}

fieldset .img_securite{
	vertical-align:middle;
	float:left;
}

fieldset input.input_codesecu{
	width:150px !important;
}

.attention{
	font-style:italic;
	font-size:smaller;
}

/* Tags */
.tag0{font-size: 75%;}
.tag10{font-size: 80%;}
.tag20{font-size: 90%;}
.tag30{font-size: 100%;}
.tag40{font-size: 110%;}
.tag50{font-size: 120%;}
.tag60{font-size: 140%;}
.tag70{font-size: 150%;}
.tag80{font-size: 160%;}
.tag90{font-size: 170%;}
.tag100{font-size: 180%;}

/* Sous pages */
#menud ul li.sspage,#menug ul li.sspage {
	padding-left: 15px;
}

/********
 * Ajouts pour la publicité
 ********/
#publicite_doomby_h{
	background:url(../im/pub_corner.png) no-repeat bottom right #ffffff;
	text-align:left;
	margin:auto;
	width:728px;
	height:90px;
}
#publicite_doomby_h .pub_client{
	float:left;
	width:240px;
	height:90px;
	font-family:"Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
}
#publicite_doomby_h .pub_client h3{
	margin:5px 0px 5px 0px;
}
#publicite_doomby_h .pub_client h3 a{
	font-size:12px;
	margin:0px;
	padding:2px;
	color:#060;
}
#publicite_doomby_h .pub_client p{
	margin:0;
	color:#000;
	padding:0;
	padding-left:2px;
	font-size:10px;
}
#publicite_doomby_h .pub_client a{
	color:#f60;
	margin:0;
	padding:0;
	font-size:9px;
	padding-left:2px;
}
.eco_info{
	padding:2px;
	font-size:10px;
}

ul.contact li{
	padding:0 0 0 3px;
}

p#showNextCommentsBtn{
	margin:15px 0px 10px 0px;
	text-align:center;
}

p#showNextCommentsBtn img{
	vertical-align:middle;
}


.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
	color:#000;
}

.ac_loading {
	background: white url('http://static.e-monsite.com/css/im/indicator.gif') right center no-repeat;
}

.ac_results li.ac_odd {
	background-color: #eee;
}

.ac_results li.ac_over {
	background-color: #0A246A;
	color: white;
}


/**********************************
 * 	M O D U L E   V I D E O 
 **********************************/
div#contenu div#modvideo{
	margin:0px;
	padding:0px;
}

div#contenu div#modvideo div.ariane{
	background:url('../im/house.png') no-repeat 0 0;
	padding-left:20px;
	font-size:11px;
	margin-bottom:20px;
}

div#contenu div#modvideo div.ariane a{
	text-decoration:none;
}

div#contenu div#modvideo div#menu_vid{
	padding-bottom:15px;
	border-bottom:1px solid #000;
}

div#contenu div#modvideo div#menu_vid p{
	padding-left:20px;
	background:url(../im/folder.png) no-repeat 0 0;
}

div#contenu div#modvideo div#menu_vid a.catparent{
	font-weight:bold;
}

div#contenu div#content_vid div.video h3{
	margin:5px 0px;
}
div#contenu div#content_vid div.video img.img_vid{
	float:left;
	border:none;
	margin-right:10px;
}
div#contenu div#content_vid div.video p.date{
	font-size:11px;
	font-style:italic;
}
div#contenu div#content_vid div.video p.desc{
	margin:10px 0px; 
}
div#contenu div#content_vid div.video div.extra ul{
	list-style-type:none;
	list-style-position:outside;
	padding:0;
	margin:0px;
	margin-top:5px;
}
div#contenu div#content_vid div.video div.extra ul li img{
	vertical-align:text-top;
}
div#contenu div#content_vid h3{
	margin-top:40px;
}

/* PARTIE SURCHARGEE */
div#contenu div#video_view div.extra{
	clear:left;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	line-height:130%;
}
div#contenu div#video_view div.extra ul{
	list-style-type:none;
	list-style-position:outside;
	padding:0;
	margin:0px;
	margin-top:5px;
}
div#contenu div#video_view div.extra ul li{
	float:left;
	border-right:1px solid #ccc;
	margin-right:5%;
	padding-right:5%;
}
div#contenu div#video_view div.extra ul li img{
	vertical-align:text-top;
}
div#contenu div#content_vid div.video{
	margin:5px;
	margin-bottom:10px;
	padding:5px;
	border:1px solid #ccc;
}
div#contenu div#content_vid div.video div.extra{
	clear:left;
	border-top:1px solid #ccc;
	line-height:130%;
}
div#contenu div#content_vid div.video div.extra ul li{
	float:left;
	border-right:1px solid #ccc;
	margin-right:5%;
	padding-right:5%;
}

/* WIDGETS VIDEO */
ul.cat li div.titre{
	font-weight:bold;
}

ul.sscat li{
	font-weight:normal;
	padding-left:15px !important;
}

ul.widget_vid li.entry{
	margin-bottom:25px !important;
}
ul.widget_vid li.entry h4{
	margin:0px;
}
ul.widget_vid li.entry p.date{
	font-size:11px;
	font-style:italic;
	margin:0px;
}
ul.widget_vid li.entry ul{
	height:20px;
	margin-bottom:5px !important;
}
ul.widget_vid li.entry ul li{
	float:left;
	margin-right:15px !important;
}
ul.widget_vid li.entry ul li img{
	vertical-align:text-top;
}

/* WIDGETS DES TAGS DES VIDEOS */
div.tags_video{
	text-align:justify;
	padding:5px;
}
div.tags_video a{
	text-decoration:none;
	border:none;
	background:none;
}
div.tags_video a:hover{
	text-decoration:underline;
}
div.tags_video a.t1.black{font-size:10px;color:#888 !important;}
div.tags_video a.t2.black{font-size:14px;color:#666 !important;}
div.tags_video a.t3.black{font-size:18px;color:#444 !important;}
div.tags_video a.t4.black{font-size:22px;color:#222 !important;}
div.tags_video a.t5.black{font-size:26px;color:#000 !important;}

div.tags_video a.t1.white{font-size:10px;color:#777 !important;}
div.tags_video a.t2.white{font-size:14px;color:#999 !important;}
div.tags_video a.t3.white{font-size:18px;color:#BBB !important;}
div.tags_video a.t4.white{font-size:22px;color:#DDD !important;}
div.tags_video a.t5.white{font-size:26px;color:#FFF !important;}

div.tags_video a.t1.blue{font-size:10px;color:#65C4FF !important;}
div.tags_video a.t2.blue{font-size:14px;color:#49B9FF !important;}
div.tags_video a.t3.blue{font-size:18px;color:#24ACFF !important;}
div.tags_video a.t4.blue{font-size:22px;color:#0093EC !important;}
div.tags_video a.t5.blue{font-size:26px;color:#0575BA !important;}

div.tags_video a.t1.red{font-size:10px;color:#FF4646 !important;}
div.tags_video a.t2.red{font-size:14px;color:#FF2D2D !important;}
div.tags_video a.t3.red{font-size:18px;color:#F20D0D !important;}
div.tags_video a.t4.red{font-size:22px;color:#CA0000 !important;}
div.tags_video a.t5.red{font-size:26px;color:#990000 !important;}

div.tags_video a.t1.green{font-size:10px;color:#36FD39 !important;}
div.tags_video a.t2.green{font-size:14px;color:#0EFC12 !important;}
div.tags_video a.t3.green{font-size:18px;color:#00CA04 !important;}
div.tags_video a.t4.green{font-size:22px;color:#00A303 !important;}
div.tags_video a.t5.green{font-size:26px;color:#008102 !important;}

#contenu ul.liste_cat_photo_2,#contenu ul.liste_cat_photo_3,#contenu ul.liste_cat_photo_4 {
	width:100%;
	list-style:none;
	list-style-position:inside;
	margin:0;
	padding:0;
}
#contenu ul.liste_cat_photo_2 li {
	width:33.3333%;
	text-align:center;
	float:left;
	margin-bottom:15px;
}
#contenu ul.liste_cat_photo_3 li {
	width:25%;
	text-align:center;
	float:left;
	margin-bottom:15px;
}
#contenu ul.liste_cat_photo_4 li {
	width:50%;
	text-align:center;
	float:left;
	margin-bottom:15px;
}
#contenu .first {
	clear:left;
}
#contenu ul.liste_cat_photo_2 li a, #contenu ul.liste_cat_photo_3 li a, #contenu ul.liste_cat_photo_4 li a {
	font-weight:bold;
}
#contenu ul.liste_cat_photo_2 li p, #contenu ul.liste_cat_photo_3 li p, #contenu ul.liste_cat_photo_4 li p {
	padding:5px;
	margin:0;
}
#contenu ul.liste_cat_photo_2 li img, #contenu ul.liste_cat_photo_3 li img, #contenu ul.liste_cat_photo_4 li img {
	display:block;
	margin:0 auto 2px auto;
}

/* Images */
img{
	border:0;
}
/* Images dans les paragraphes */
#contenant #contenu hr.clear{
	clear:both;
}


/* Diaporama photo -- modèle 5
 */
#contenant #contenu .panel-overlay h3, .panel-overlay p {
	margin:0.3em 0;
}
#contenant #contenu .panel-overlay h3{
	font-size:20px;
}
#contenant #contenu .panel-overlay p{
	font-size:13px;
}