/* CSS Document */
html,body,h1,h2,h3,h4,h5,form{
margin:0;
padding:0;
}

body{
background-color:#FFFFFF;
font-size:0.75em; /* 12px */
text-align:center;
font-family:Arial, Helvetica, sans-serif;
background-image:url(../medias/fond.jpg);
background-repeat:repeat-x;
background-color:#A39084;
}

.clear{clear:both;}
img{border:none;}

a:hover img{opacity:0.8; filter:alpha(opacity=80);}

h1 span{display:none;}
h1 a{display:block; height:100%; width:100%;}
h1{height:190px; margin:40px 40px 0 17px;}

#global{
width:760px;
margin-left:auto;
margin-right:auto;
text-align:left;
}

#header{
background-image:url(../medias/logo_roques.png);
background-repeat:no-repeat;
height:277px;
}

#header_g{
float:left;
width:500px;
height:274px;
overflow:auto;
}
#header_d{
float:left;
width:260px
}

#header_d ul{
list-style:none;
margin:75px 0 0 0;
padding:0 0 0 10px;
color:#D0B09E;
height:190px;
overflow:auto;
}
#header_d ul a{color:#FFFFFF;}
#header_d ul a:hover{color:#E44FC0;}
#header_d ul li{
margin-bottom:15px;
}
.titre_menu_h{
background:url(../medias/puce.gif) no-repeat left center;
padding:0 0 0 30px;
color:#E44FC0;
font-size:2em; /* 24px */
font-family:Georgia, "Times New Roman", Times, serif;
margin-left:-10px;
}

.sous_titre_menu_h{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.4em; /* 17px */
color:#FFFFFF;
margin-left:-10px;
}

#header h2{
font-size:2.5em; /* 30px */
font-family:Georgia, "Times New Roman", Times, serif;
color:#FFFFFF;
font-weight:normal;
margin:9px 0 0 310px;
}


#milieu{padding-left:18px;}

#menu{
float:left;
width:275px;
background-image:url(../medias/fond_menu.gif);
background-repeat:repeat-y;
}
#menu2{
background-image:url(../medias/bas_menu.jpg);
background-position:bottom;
background-repeat:no-repeat;
padding:0 0 80px 11px;
}
#menu ul{
margin:0;
padding:0;
list-style:none;
margin-left:-11px;
}
#menu ul li{
margin:-5px 0 10px 0;
height:1%; /* hack IE */
}
#menu ul a span{
color:#610013;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.75em; /* 21px */
}
#menu ul a:hover span{
color:#D68192;
}
#menu ul a{
text-decoration:none;
color:#A38977;
padding:0 10px 0 25px;
display:block;
}

#menu_selec{
background-image:url(../medias/fleche_menu.gif);
background-repeat:no-repeat;
}
#menu_selec span{
color:#C9175F !important;
}

#titre_actu{
font-weight:normal;
color:#FFFFFF;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.75em; /* 21px */
background-image:url(../medias/fond_actu.jpg);
background-repeat:no-repeat;
padding:32px 0 2px 15px;
background-color:#90B60B;
margin-right:12px;
}

#encart_actu{
margin-right:12px;
background-image:url(../medias/fond_encart.jpg);
background-repeat:repeat-x;
font-size:0.9em;
padding:8px 15px 0 15px;
background-color:#F2E9D8;
}

#encart_actu a{color:#5C7000; text-decoration:none;}
#encart_actu a:hover{text-decoration:underline;}

#lire_suite{margin:0; padding:20px 0 5px 0; text-align:right; height:1%; /* hack IE */}
#lire_suite a{
font-size:14px;
color:#FFFFFF;
background-color:#96BD0D;
padding:2px 7px 3px 7px;
text-decoration:underline;
}

#lire_suite a:hover{background-color:#6A8D00;}

.crochets{color:#992776; font-weight:bold;}

#contenu{
float:right;
color:#FFFFFF;
font-size:1em; /* 12px */
width:450px;
text-align:justify;
}
#contenu a{
color:#841261;
text-decoration:underline;
}
#contenu a:hover{
text-decoration:none;
}
#contenu p{margin:0 0 10px 0; padding:0; text-indent:10px;}

#contenu h3{
color:#ffffff;
font-size:1.2em; /* 14px */
background-image:url(../medias/fleche_titre.gif);
background-repeat:no-repeat;
background-position:left center;
padding-left:17px;
margin:0 0 4px 10px;
text-transform:uppercase;
}
#contenu h4{
color:#ffffff;
font-size:1em; /* 12px */
margin:0 0 4px 10px;
}
#contenu ul{
padding:0;
margin:0 0 15px 60px;
list-style:none;
color:#30251F;
}
#contenu li{
background-image:url(../medias/fleche_puce.gif);
background-repeat:no-repeat;
padding-left:15px;
background-position:left 0.3em;
}


#img_accueil img{
margin:-10px 0 10px -23px;
position:absolute;
}
#img_accueil{height:217px;}

#footer{
color:#E2DBCD;
font-size:0.9em; /* 11px */
padding:2px 0 20px 39px;
}
#footer a{color:#E2DBCD; text-decoration:none; padding:0 3px 0 3px}
#footer a:hover{text-decoration:underline;}


#actu, #archives{margin-top:40px;}
#archives{
background-color:#AD998C;
border:1px solid #9B8477;
padding:10px 7px 10px 7px;
}

#archives ul{
margin:7px 0 0 27px;
padding:0;
list-style:none;
}
#archives ul a{
color:#2A4C1B;
text-decoration:none;
text-transform:capitalize;
}
#archives ul a:hover{
color:#D4E49C;
text-decoration:underline;
}

#archives li{
background-image:url(../medias/fleche_verte_petit.gif);
background-repeat:no-repeat;
background-position:left center;
padding:0 0 0 15px;
}

#actu h3, #archives h3{
background-image:url(../medias/fleche_verte.gif);
text-transform:uppercase;
}

.img_actu, .img_actu2{
border:4px solid #FFFFFF;
margin:3px 0 3px 0;
}
.img_actu{
float:right;
margin-left:10px;
}
.img_actu2{
float:left;
margin-right:10px;
}


#sous_menu{
margin:0 !important;
padding:0;
list-style:none;
}

#sous_menu li{
float:left;
padding:0 3px 0 0;
background:none;
}


#sous_menu li a:hover, #sous_menu_selec{
color:#7f523d !important;
background-color:#ffe8cb !important;
background-image:url(../medias/fond_menu_over.gif) !important;
}

#sous_menu li a:hover span, #sous_menu_selec span{
background-image:url(../medias/coin_b_g_menu_over.gif) !important;
}
#sous_menu li a:hover span span, #sous_menu_selec span span{
background-image:url(../medias/coin_b_d_menu_over.gif) !important;
}

#sous_menu li a{
display:block;
text-decoration:none;
color:#ebdbd0;
font-size:14px;
background-image:url(../medias/fond_ss_menu.gif);
background-repeat:repeat-x;
background-color:#ac8c76;
}

#sous_menu li a span{
display:block;
background-image:url(../medias/coin_b_g_menu.gif);
background-repeat:no-repeat;
background-position:left bottom;
}

#sous_menu li a span span{
background-image:url(../medias/coin_b_d_menu.gif);
background-position:right bottom;
padding:5px 10px 6px 10px;
}

/********************************* form contact ****************************************/
#form_contact input:hover,#form_contact select:hover,#form_contact textarea:hover,#form_contact input:focus,#form_contact select:focus,#form_contact textarea:focus{
background-color:#FBF5E7;
}
#form_contact input,#form_contact select,#form_contact textarea{
	padding:0px 1px 0px 1px;
	width:97%;
	margin:2px;
	font-size:0.9em;
	font-family:Arial, Helvetica, sans-serif;
	color:#A38977;
	border:1px solid #A38977;
}
#form_contact select{
	width:100%; font-weight:normal;
}
#message_contact{
	width:99% !important;
}

.input_submit{
	width:auto !important;
	background-color:#992776;
	color:#FFFFFF !important;
	border:none !important;
	padding:2px !important;
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:1em !important;
}

.input_submit:hover, .input_submit:focus{
background-color:#992776 !important;
}

#form_contact .input_submit{float:right;}
#form_contact table{font-size:1em; margin:20px 60px 0 0;}
#form_contact table td{text-align:right;}
.etoile{font-family:Verdana, Arial, Helvetica, sans-serif; color:#992776;}

#msg_retour{margin-bottom:10px; font-size:0.95em; text-align:center;}
#msg_retour a{color:#C39A00 !important; text-decoration:none !important;}

#form_contact label{cursor:pointer; font-weight:normal;color:#CCCCCC;}
#form_contact label strong{color:#FFFFFF; font-weight:normal;}

#msg_retour{margin-top:10px; font-size:0.95em; text-align:center;}
#msg_retour a{color:#992776 !important; text-decoration:none !important;}
/***************************************************************************************/

/*************************************************/
#img_histo {
margin:2px 0px 10px 270px;
}
#lien{margin:0; padding:0; list-style:none;}

#lien li a{
color:#000000;
font-size:12px;
background-image:url(../medias/fleche_puce.gif);
background-repeat:no-repeat;
background-position:left ;
padding-left:12px;
padding-bottom:4px;
}

#lien li{
padding-left:20px;

}
#lien li a:hover{
color:#841261;
}
#lien1 a:hover{
color:#841261;
}
#lien1 a{
color:#000000;
}

/*********************************************/


.titre_rub_amis{
background-color:#FFFFFF;
margin:40px 0 0 0 !important;
color:#A60242 !important;
text-transform:uppercase;
background-image:url(../medias/fleche_rouge.gif) !important;
background-position:8px center !important;
padding:5px 10px 5px 26px !important;
}

.item_amis{
margin-top:12px;
}
.item_amis p{text-indent:10px; margin:0 !important;}
.item_amis h4{
font-size:1.2em !important /* 14px */;
text-transform:uppercase;
margin:0 0 2px 10px !important;
}

.item_amis h4 span{background-image:url(../medias/fleche_blanc.gif);
background-repeat:no-repeat;
background-position:left center;
padding-left:10px;
}

.item_amis img{float:left; border:3px solid #FFFFFF; margin:0 10px 0 0;}

.bas_amis{
background-color:#AD998C;
border:1px solid #9C8578;
margin:10px 0 25px 0;
padding:5px 10px 5px 10px;
}

.ville_amis{
text-transform:uppercase;
float:left;
color:#5E4C41;
}

.mail_amis{float:right;}
.mail_amis a{color:#5E4C41 !important; text-decoration:none !important; background-image:url(../medias/fleche_verte_petit.gif);
background-repeat:no-repeat; background-position:left center; padding-left:15px;}
.mail_amis a:hover{color:#FFFFFF !important;}
a.site_amis{
background:none !important;
padding:0 !important;
color:#D4E49C !important;
text-decoration:underline !important;
}

#boutons__js__pop__{
height:1px;
}
#contenu__js__pop__{
border:10px solid #FFFFFF;
border-radius : 10px; 
-moz-border-radius : 10px;
}
#fermer__js__pop__{
position:absolute;
z-index:1000;
top:0; right:0;
cursor:pointer;
display:block;
background-color:#FFFFFF;
padding:5px 5px 10px 10px;
-moz-border-radius :0 0 0 5px;
opacity:0.8;
filter:alpha(opacity=80);
color:#E44FC0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.3em;
}
#fermer__js__pop__:hover{
opacity:1;
filter:alpha(opacity=100);
}
#loading__pop__{
color:#E44FC0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.3em;
margin:10px;
display:block;
}

/*#global__js__pop__{
display:none;
}*/