@charset "UTF-8";
/*-----------------------------------GO !*/
body {
font-size:12px;
font-family:Arial, Verdana,sans-serif;
font-weight:normal;
text-align:justify;
background-attachment:fixed;
background-position:top center;
background-repeat:no-repeat;
background-color:#DEDBD8;
color:#555;
margin:0;
}
/*-----------------------------------General*/
img, img a, p, a {
margin:0;
border: none;
outline:none;
}
ul, li{
margin:0;
padding:0;
}
H5{
font-size:14px;
color:#FFF;
text-align:center;
font-weight:normal;
margin:0;
}
/*-----------------------------------Page*/
#page{
margin:auto;
width:950px;
height:100%;
}
/*-----------------------------------Header*/
#header{
margin:auto;
width:980px;
height:148px;
}
/*-----------------------------------Logo*/
#logo_ramdam{
float:left;
margin:19px 0 0 0;
width:237px;
height:129px;
cursor:pointer;
}
* html #logo_ramdam{
margin:9px 0 0 0;
}
/*-----------------------------------Magazine*/
#magazine{
float:left;
margin:19px 0 0 0;
width:556px;
height:129px;
}
* html #magazine{
margin:9px 0 0 0;
}
#téléchargez{
float:left;
margin:0 0 0 80px;
width:150px;
height:129px;
}
* html #téléchargez{
margin:0 0 0 40px;
}
#numero_magazine{
color:#FFF;
font-size:16px;
font-family:"Helvetica", Arial, sans-serif;
text-align:center;
text-transform:uppercase;
margin:12px 0 0 0;
width:150px;
height:37px;
}
* html #numero_magazine{
margin:6px 0 0 0;
}
#bt_telechargez{
background-image:url(../images/bg_telechargez.png);
background-repeat:no-repeat;
background-position:center bottom;
text-align:center;
margin:18px 0 0 0;
width:150px;
height:42px;
}
*html #bt_telechargez{
margin:9px 0 0 0;
}
#bt_telechargez a{
display:block;
padding:0;
}
#bt_telechargez a:hover{
display:block;
padding:2px 0 0 0;
}
#bt_telechargez a:active{
display:block;
padding:2px 0 0 0;
}
#couverture{
float:left;
background-image:url(../images/bg_couv.png);
background-repeat:no-repeat;
background-position:-5px 107px;
margin:0 0 0 20px;
width:80px;
height:129px;
}
#découvrez{
float:left;
margin:0 0 0 20px;
padding:7px 0 0 0;
width:120px;
height:100px;
}
.découvrez_titre{
height:40px;
}
#découvrez a{
display:block;
margin:5px 0 0 0;
filter : alpha(opacity=80);
-moz-opacity : 0.8;
opacity : 0.8; 
}
#découvrez a:hover{
display:block;
margin:5px 0 0 2px;
filter : alpha(opacity=100);
-moz-opacity : 1;
opacity : 1; 
}
/*-----------------------------------Espace membre*/
#espace_membre{
float:left;
margin:30px 0 0 0;
width:139px;
height:116px;
}
#espace_membre_loggued{
color:#FFFFFF;
float:left;
font-size:14px;
height:75px;
margin:35px 0;
width:139px;
}
.access_profil a{
background:url("../images/picto_mon_profil.png") no-repeat scroll 0 0 transparent;
padding:0 0 0 17px;
margin:10px 0 0 0;
color:#FFF;
font-size:12px;
display:block;
}
.deconnexion a{
background:url("../images/picto_deconnexion.png") no-repeat scroll 0 0 transparent;
padding:0 0 0 17px;
margin:10px 0 0 0;
color:#FFF;	
font-size:12px;
display:block;
}
.access_profil a:hover{
color:#FFF;
text-decoration:underline;
font-size:12px;
}
.deconnexion a:hover{
color:#FFF;
text-decoration:underline;
font-size:12px;
}
.validation {
font-size:14px;
color:#fff;
font-weight:normal;
text-decoration:none;
padding:2px 8px;
background-color:#555;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius:10px;
border:0;
}
a.validation {
color:#fff;
text-decoration:none;
}
a:hover.validation{
text-decoration:none;
background-color:#333;
color:#fff;
}
a.je_minscris {
background:url("../images/je_minscris.png") repeat scroll 0 0px transparent;
border:0 none;
margin:auto;
text-align:center;
display:block;
font-size:0;
height:31px;
outline:medium none;
padding:0;
width:96px;
cursor:pointer;
}
a:hover.je_minscris {
background:url("../images/je_minscris.png") repeat scroll 0 -31px transparent;
border:0 none;
margin:auto;
text-align:center;
display:block;
font-size:0;
height:31px;
outline:medium none;
padding:0;
width:96px;
cursor:pointer;
}

#mdp2{
float:left;
}
/*-----------------------------------votre pub sur ramdam*/
a.contactez_nous {
background:url("../images/contactez_nous.png") repeat scroll 0 0px transparent;
border:0 none;
margin:auto;
text-align:center;
display:block;
font-size:0;
height:31px;
outline:medium none;
padding:0;
width:96px;
cursor:pointer;
}
a:hover.contactez_nous {
background:url("../images/contactez_nous.png") repeat scroll 0 -31px transparent;
border:0 none;
margin:auto;
text-align:center;
display:block;
font-size:0;
height:31px;
outline:medium none;
padding:0;
width:96px;
cursor:pointer;
}

/*-----------------------------------Social Medias*/
#social_medias{
float:left;
height:70px;
margin:20px 0 0 18px;
width:22px;
}
/*-----------------------------------Menu*/
#mainmenu{
margin:auto;
width:950px;
height:71px;
}
/*-----------------------------------Center*/
#center{
padding:5px 0 0 0;
width:950px;
height:100%;
background-image:url(../images/bg_white_90.png);
background-repeat:repeat;
}
/*-----------------------------------Sidebar*/
#sidebar{
float:left;
margin-left:17px;
width:220px;
}
* html #sidebar{
margin-left:8px;
}
/*-----------------------------------Recherche*/
div#recherche{
width:220px;
height:32px;
font-size:12px;
}
#input_recherche{
background:url("../images/bg_recherche.png") no-repeat scroll 0 0 transparent;
border:0 none;
color:#fff;
float:left;
font-size:12px;
height:23px;
padding:1px 0 0 12px;
width:183px;
}
#submit_recherche{
background:url("../images/bt_recherche.png") repeat scroll 0 0 transparent;
border:0 none;
display:block;
float:left;
font-size:0;
height:23px;
outline:medium none;
padding:0;
width:23px;
}
#submit_recherche a{
background:url("../images/bt_recherche.png") repeat scroll 0 0px transparent;
border:0 none;
display:block;
float:left;
font-size:0;
height:23px;
outline:medium none;
padding:0;
width:23px;
cursor:pointer;
}
#submit_recherche a:hover{
background:url("../images/bt_recherche.png") repeat scroll 0 -23px transparent;
border:0 none;
display:block;
float:left;
font-size:0;
height:23px;
outline:medium none;
padding:0;
width:23px;
cursor:pointer;
}
.cat_recherche{
text-align:center;
display:block;
background-color:#fff;
width:541px;
height:20px;
font-size:14px;
font-weight:bold;
}
/*-----------------------------------Content*/
#content{
float:left;
margin-left:13px;
width:542px;
height:100%;
}
* html #content{
margin-left:6px;
}
#content h2 {
margin:0 0 20px;
padding:20px 0 0;
}
* html #content h2 {
margin:0 0 10px;
}
.next_events_blanc{
display:block;
height:150px;
background-color:#fff;
}
.next_events_gris{
display:block;
height:150px;
background-color:#f7f7f7;
}
#tableau_resultats{
background-color:#fff;
}
.resultats_blanc{
display:block;
height:135px;
background-color:#fff;
padding:0;
}
.resultats_gris{
display:block;
height:135px;
background-color:#f7f7f7;
padding:0;
}

a.en_savoir_plus {
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
background-color:#666666;
color:#FFFFFF;
font-size:10px;
padding:0 5px;
text-decoration:none;
}

a:hover.en_savoir_plus {
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
background-color:#999999;
color:#FFFFFF;
font-size:10px;
padding:0 5px;
text-decoration:none;
}

a.en_savoir_plus_2 {
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
background-color:#666666;
color:#FFFFFF;
font-size:15px;
padding:0 5px;
text-decoration:none;
}

a:hover.en_savoir_plus_2 {
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
background-color:#999999;
color:#FFFFFF;
font-size:15px;
padding:0 5px;
text-decoration:none;
}

/*-----------------------------------Prochains évènements*/
#top_next{
height:25px;
width:542px;
text-align:right;
padding:7px 0 0 0;
}
#top_next a{
width:30px;
height:10px;
text-decoration:none;
padding:0 10px 0 0;
}
#top_next a:hover{
width:30px;
height:10px;
text-decoration:underline;
padding:0 10px 0 0;
}
#next_events{
height:640px;
width:541px;
}
/*-----------------------------------Derniers ajouts*/
#latest_add{
height:216px;
width:541px;
margin: 20px 0 0 0;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius:10px;
background-color:#F3F3F3;
}
#top_latest{
background-image:url(../images/top_latest_add.png);
background-repeat:no-repeat;
height:23px;
width:541px;
}
.latest_add_blanc{
display:block;
height:33px;
background-color:#fff;
/*width:520px;*/
}
.latest_add_gris{
display:block;
height:33px;
background-color:#f7f7f7;
width:520px;
}
.latest_add_blanc_home{
display:block;
height:33px;
background-color:#fff;
}
.latest_add_gris_ome{
display:block;
height:33px;
background-color:#f7f7f7;
}
.txt_gris {
color:#666666;
text-align:left;
text-transform:none;
}
.txt_black_10{
font-size:10px;
color:#333;
}

.titre_event a, .titre_event a:hover{
font-size:14px;
}
/*-----------------------------------Résultats*/
#top_resultat{
background-image:url(../images/top_resultat.png);
background-repeat:no-repeat;
height:32px;
width:541px;
text-align:left;
text-transform:uppercase;
font-size:14px;
font-family:"Helvetica", Arial, sans-serif;
}
#titre_resultat{
float:left;
width:430px;
height:12px;
padding:11px 0 0 10px;
}
/*-----------------------------------Evenement*/
#titre_evenement{
float:left;
width:430px;
height:12px;
padding:11px 0 0 10px;
}
#ajouter_a_mon_ramdam{
float:left;
width:95px;
height:22px;
padding:6px 0 0 0;
}
.plus_mon_ramdam{
color:#fff;
text-transform:none;
font-size:11px;
width:95px;
height:22px;
padding:4px 0 0 7px;
}

.plus_mon_ramdam:hover{
color:#fff;
text-transform:none;
font-size:11px;
width:95px;
height:22px;
padding:4px 0 0 7px;
margin:1px 0 0 0;
}

.plus_mon_ramdam a{
color:#fff;
text-transform:none;
font-size:11px;
width:95px;
height:22px;
text-decoration:none;
}
.plus_mon_ramdam a:hover{
color:#fff;
text-transform:none;
font-size:11px;
width:95px;
height:22px;
display:block;
text-decoration:none;
}
.evenement{
width:541px;
min-height:300px;
padding:10px;
background-color:#fcfcfc;
}
.photo_evenement{
text-align:center;
width:150px;
height:150px;
vertical-align:top;
}
.txt_date_ac{
color:#333;
width:320px;
height:32px;
}
.txt_lieu{
color:#333;
width:320px;
height:20px;
}
.txt_signaler{
display:block;
width:75px;
height:32px;
text-align:left;
}
.txt_signaler a{

font-size:10px;
color:#999;
text-decoration:none;
}
.txt_signaler a:hover{
font-size:10px;
color:#333;
text-decoration:none;
}
.txt_intro{
color:#333;
}
.txt_suite{
width:541;
}
.txt_partager{
text-align:right;
width:150px;
height:12px;
font-size:10px;
color:#999;
}
/*-----------------------------------Comments*/
#comments{
width:541px;
background-image:url(../images/top_comments.png);
background-repeat:no-repeat;
min-height:0px;
margin:20px 0 20px 0;
padding:40px 0 0 0;
}
*html #comments{
margin:10px 0 10px 0;
}
#avatar{
float:left;
background-image:url(../images/bg_avatar.png);
background-repeat:no-repeat;
width:41px;
height:42px;
padding:5px;
}
#content_comment{
background-color:#FFFFFF;
float:left;
margin:0 0 20px 10px;
padding:10px;
width:460px;
}
#txt_nom_date{
height:25px;
width:456px;
}
#txt_commentaire{
min-height:50px;
width:456px;
}
/*-----------------------------------Post comment*/
#post{
width:541px;
background-image:url(../images/top_input_comments.png);
background-repeat:no-repeat;
padding:30px 0 0 0;
margin: 0 0 20px 0;
clear:both;
}
.input_comment{
background-image:url(../images/input_comment.jpg);
background-repeat:no-repeat;
width:519px;
height:124px;
border:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
padding:10px;
}

#send{
text-align:right;
height:100px;
}
.envoyer{
width:75px;
background-image:url(../images/bt_envoyer.png);
background-repeat:no-repeat;
height:19px;
border:none 0;
cursor:pointer;
}
/*-----------------------------------Abonnés*/

.titre_elements_suivis{
text-transform:uppercase;
font-size:12px;
margin:8px 0 0 0;
display:block;
}
.titre_elements_suivis img{
display:block;
float:left;
margin:-2px 5px 0 12px;
}
.titre_elements_suivis a{
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background-color:#666666;
color:#FFFFFF;
font-size:10px;
padding:0 5px;
text-decoration:none;
font-weight:normal;
text-transform:none;
}
.titre_elements_suivis a:hover{
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background-color:#999999;
color:#FFFFFF;
font-size:10px;
padding:0 5px;
text-decoration:none;
font-weight:normal;
}
.txt_date_inscription{
color:#333;
width:320px;
height:25px;
}
.txt_age_genre{
color:#333;
width:320px;
height:20px;
}
.contactez_moi{
float:left;
width:95px;
height:22px;
padding:2px 0 0 10px;
}
.contactez_moi a{
color:#fff;
text-transform:none;
font-size:11px;
width:95px;
height:22px;
text-decoration:none;
}
.contactez_moi a:hover{
color:#fff;
text-transform:none;
font-size:11px;
width:95px;
height:22px;
text-decoration:underline;
}
#derniers_ac_ajoutés{
margin: 0 0 20px 0;
}
.input_comment_2{
background-image:url(../images/input_comment2.jpg);
background-repeat:no-repeat;
width:500px;
height:124px;
border:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
padding:10px;
}

/*-----------------------------------AC
utilise les mêmes classes que les Abonnés*/

/*-----------------------------------Numéros magazine*/
.titre_sommaire{
display:block;
margin:0 0 0 20px;
text-transform:uppercase;
}
#sommaire{
height:250px;
margin:10px;
overflow:auto;
padding:10px;
width:260px;
}
.photo_magazine{
width:250px;}
.lire_ce_numero{
float:left;
width:85px;
height:22px;
padding:2px 0 0 14px;
margin:10px 0 0 0;
display:block;
}
.lire_ce_numero a{
color:#fff;
text-transform:none;
font-size:11px;
width:85px;
height:22px;
text-decoration:none;
}
.lire_ce_numero a:hover{
color:#fff;
text-transform:none;
font-size:11px;
width:95px;
height:22px;
text-decoration:underline;
}
.partager_magazine{
float:left;
width:100px;
display:block;
margin:11px 0 0 0;
}
.txt_magazine{
margin: 20px 0 0 0;
min-height:100px;
}
#post2{
width:541px;
background-image:url(../images/top_input_avis.png);
background-repeat:no-repeat;
padding:30px 0 0 0;
margin: 0 0 20px 0;
}
/*-----------------------------------Qui sommes-nous?*/
.qui_sommes_nous{
width:508px;
min-height:500px;
display:block;
}
/*-----------------------------------Liens*/
#titre_liens{
float:left;
width:200px;
height:12px;
padding:11px 0 0 10px;
}
#alphabet{
float:left;
width:300px;
height:12px;
padding:11px 0 0 0px;
}
/*-----------------------------------Liens*/
.tri_liste_diffusion{
display:block;
padding:20px 0;
height:90px;
background-color:#FFF;
}
.en_tete_liste{
background-color:#333;
color:#FFF;
font-size:14px;
}
/*---------------------------------Coups de coeurs Ramdam*/
#coups_de_coeur_index{
background-image:url("../images/top_coups_de_coeur.png");
background-repeat:no-repeat;
height:131px;
margin:40px 20px 20px 20px;
padding:25px 0 0;
text-align:center;
width:501px;
}
* html #coups_de_coeur_index{
margin:20px 10px 10px 10px;
}
.cdc_index{
background-color:#FFF;
display:block;
float:left;
/*margin:0 8px 0 0;*/
height:100px;
width:100px;
}
/*-----------------------------------Compte*/
.compte{
background-color:#FFF;
padding:0 10px 10px 10px;
display:block;
text-align:left;
}
#derniers_evenements_ajoutes,#derniers_pubs_ajoutes, #derniers_evenements_ajoutés, #derniers_ac_ajoutés, #derniers_jeux_ajoutes, #derniers_NL_ajoutes{
-moz-border-radius:10px;
-webkit-border-radius: 10px;
border-radius:10px;
/*padding:0 10px 10px 10px;*/
margin: 0 0 20px 0;
background-color:#F3F3F3;}

/*-----------------------------------Pubs*/
#pubs{
float:left;
margin-left:20px;
width:123px;
height:750px;
}
* html #pubs{
margin-left:10px;
}
#pub1{
width:120px;
height:350px;
}
#pub2{
margin:10px 0 0 0;
width:120px;
/*height:600px;*/
}
/*-----------------------------------Footer*/
#footer{
margin:auto;
width:950px;
height:190px;
color:#888;
font-size:10px;
clear:both;
}
#footer ul, #footer li{
list-style:none;
}
#footer a{
display:block;
color:#888;
text-decoration:none;
}
#footer a:hover{
display:block;
color:#444;
text-decoration:none;
}
#footer_evenements{
float:left;
padding: 45px 0 0 0;
margin:0 0 0 53px;
height:105px;
width:183px;
}
* html #footer_evenements{
margin:0 0 0 25px;
}
#footer_le_site{
float:left;
padding: 45px 0 0 0;
margin:0 0 0 18px;
height:105px;
width:247px;
}
* html #footer_le_site{
margin:0 0 0 9px;
}
#footer_le_magazine{
float:left;
padding: 45px 0 0 0;
margin:0 0 0 18px;
height:105px;
width:231px;
}
* html #footer_le_magazine{
margin:0 0 0 9px;
}
#footer_suivez{
float:left;
padding: 45px 0 0 0;
margin:0 0 0 18px;
height:105px;
width:150px;
}
#footer_suivez{
margin:0 0 0 9px;
}
.facebook{
background-image:url(../images/social_facebook.gif);
background-position:left center;
background-repeat:no-repeat;
}
.facebook a{
display:block;
margin:2px 0;
padding: 0 0 0 20px;
}
#footer_suivez .facebook a:hover{
background-image:url(../images/social_facebook.gif);
background-position:left center;
background-repeat:no-repeat;
display:block;
padding: 0 0 0 20px;
color:#444;
}
.twitter{
background-image:url(../images/social_twitter.gif);
background-position:left center;
background-repeat:no-repeat;
}
.twitter a{
display:block;
margin:2px 0;
padding: 0 0 0 20px;
}
#footer_suivez .twitter a:hover{
background-image:url(../images/social_twitter.gif);
background-position:left center;
background-repeat:no-repeat;
display:block;
padding: 0 0 0 20px;
color:#444;
}
.rss{
background-image:url(../images/social_rss.gif);
background-position:left center;
background-repeat:no-repeat;
}
.rss a{
display:block;
margin:2px 0;
padding: 0 0 0 20px;
}
#footer_suivez .rss a:hover{
background-image:url(../images/social_rss.gif);
background-position:left center;
background-repeat:no-repeat;
display:block;
padding: 0 0 0 20px;
color:#444;
}
/*-----------------------------------Sub_footer*/
#sub_footer{
background-color:#1c1c1c;
margin:auto;
width:950px;
height:27px;
}
#r{
float:left;
background:url("../images/r.png") no-repeat scroll 0 0 transparent;
border:0 none;
display:block;
float:left;
font-size:0;
height:27px;
outline:medium none;
padding:0;
width:70px;
cursor:pointer;
}
#r:hover{
float:left;
background:url("../images/r.png") no-repeat scroll 0 -27px transparent;
border:0 none;
display:block;
float:left;
font-size:0;
height:27px;
outline:medium none;
padding:0;
width:70px;
cursor:pointer;
}
#legal{
text-align:center;
padding:7px 0 0 0;
font-size:10px;
float:left;
width:810px;
height:20px;
color:#6d6d6d;
}
#legal a{
color:#6d6d6d;
text-decoration:none;
}
#legal a:hover{
color:#fff;
text-decoration:none;
}
#mooon{
float:left;
background:url("../images/mooon.png") repeat scroll 0 0 transparent;
border:0 none;
display:block;
float:left;
font-size:0;
height:27px;
outline:medium none;
padding:0;
width:27px;
cursor:pointer;
}
#mooon:hover{
float:left;
background:url("../images/mooon.png") repeat scroll 0 -27px transparent;
border:0 none;
display:block;
float:left;
font-size:0;
height:27px;
outline:medium none;
padding:0;
width:27px;
cursor:pointer;
}

#form1{
	background-color:#FFF
}