/* RESET CSSS */
/* ---------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {line-height: 1;}

ol, ul {list-style: none;}

blockquote, q {quotes: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}

del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* CSS DE BASE */
/* ----------- */
/*
Mise en page
============
*/

body
{
	width:100%;
	height:100%;
}

#page_root
{
	width:100%;
	height:100%;
	background-color: white;
	font-family: Verdana;
	font-size: 12px;
	line-height: 20px;
	color: #5f5f5f;
	background-repeat: repeat-x;
	background-image: url(		'../images/layout/bg_header.jpg' );
}

#footer_root
{
	clear: both;
	color: #ffffff;
	text-align: center;
	background-color: #818181;
	background-repeat: repeat-x;
	background-image: url(		'../images/layout/bg_footer.jpg' );
	padding: 20px 0px 20px 0px;
}

#header, #main, #footer
{
	width: 950px;
	background-color:transparent;
	text-align: center;
	margin: 0 auto;
	padding:0px;
}

#menu
{
	text-align: right;
	float: left;
	width: 20%;
}

#menu_content
{
	font-size: 16px;
	margin: 0 auto;
	padding: 0px;
	margin-top:25px;
	padding-bottom:25px;
}

#menu_content li a
{
	display: block;
	color: #5f5f5f;
	text-decoration: none;
	background-image: url('../images/layout/bg_menu_hover.png' ); /* Preload en CSS */
	background-image: url('../images/layout/bg_menu.png' );
	padding: 8px;
	padding-right: 23px;
}

#menu_content li a:hover
{
	color: #FFFFFF;
	background-image: url('../images/layout/bg_menu_hover.png' );
	background-repeat: no-repeat;
}

#corps
{
	text-align: justify;
	float: left;
	width: 60%;
}



#corps_content
{
	padding: 25px;
}

#corps a
{
	font-weight:bold;
	color:#FB9817;
	text-decoration:none;
}

#corps a:hover
{
	color:#FD8316;
	text-decoration:underline;
}

#corps ul{
	list-style-type:square;
	padding-left:15px;
	margin-bottom:10px;
}

#liens
{
	float: right;
	width: 20%;
}


#liens_content_header
{
	margin-top:50px;
	height:30px;
	background-image: url('../images/layout/feuille_header.png' );
	background-repeat:no-repeat;
}

#liens_content
{
	background-image: url('../images/layout/feuille.jpg' );
	background-repeat:repeat-y;
	padding: 10px; /* corrige bug affichage image de fond sur ie6 et 7 */
	height:1%;
}

#liens_content_footer
{
	margin-bottom:50px;
	height:81px;
	background-image: url('../images/layout/feuille_footer.jpg' );
	background-repeat:no-repeat;
}

#liens_content h3
{
	margin-top:10px;
	line-height:20px;
}

#liens_content img
{
	padding:5px;
}

#liens_content a
{
	text-decoration:none;
	color:#5f5f5f;
}

#liens_content a:hover
{
	text-decoration:underline;
}

#logo
{
	padding-left:45px;
	text-align:left;
	padding-top:37px;
}

#logo img
{
	vertical-align:top;
	margin-left : 15px;
	margin-right : 15px;
}

#dewslider
{
	background-color: transparent;
	background-image: url('../images/layout/bg_dewslider.png' );
	background-repeat: no-repeat;
	width: 600px;
	margin: 0 auto;
	text-align: center;
	margin-top:20px;
}

#dewslider td /* tableau pour pouvoir centrer les photos verticalement */
{
	width: 600px;
	height: 312px;
	text-align: center;
	vertical-align: middle;
}

#footer_content
{
	font-family: Arial, verdana;
	font-size: 12px;
	color:#d0d0d0;
	margin: 0 auto;
	padding: 0px;
	padding-left:10px;
	padding-right:10px;
}

#footer_content a
{
	text-decoration:none;
	color:#e0e0e0;
}

#footer_content a:hover
{
	text-decoration:underline;
	color:#ffffff;
}

#footer_content p {
	cursor:default;
}

#footer_haut_page
{
	font-size:10px;
	color:#ffffff;
	margin-bottom:25px;
	text-align:right;
	padding-right:15px;
}

#footer_haut_page a
{
	color:#ffffff;
}

#footer_haut_page a:hover {
	text-decoration:underline overline;
}

#footer_col_gauche
{
	width:340px;
	float:left;
	text-align:right;
	margin-bottom:15px;
}

#footer_col_centre
{
	margin:auto;
	width:204px;
	border-left:dashed 1px #909090;
	border-right:dashed 1px #909090;
	margin-bottom:15px;
}

#footer_col_centre img {
	width:70px;
	height:70px;
	margin:4px;
	padding:2px;
	border:solid 1px #c0c0c0;
}

#footer_col_droite
{
	width:340px;
	float:right;
	text-align:left;
	margin-bottom:15px;
}

.vcard
{
	padding-bottom:8px;
}

.drapeau {
	margin-left:8px;
}

.copyright {
	clear:both;
	padding-top:10px;
	border-top:solid 1px #909090;
}

h1
{
	font-family: "Lucida Sans" , "Lucida Grande" , geneva, verdana, sans-serif;
	font-size: 24px;
	font-weight: normal;
	line-height: normal;
	color: #0c9be5;
	border-bottom: solid 1px #dddddd;
	margin-bottom: 25px;
}

h2{
	font-family: "Lucida Sans" , "Lucida Grande" , geneva, verdana, sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height:normal;
	color:#0c9be5;
	border-bottom:solid 1px #dddddd;
	margin-top:25px;
	margin-bottom:8px;
}

p
{
	margin-bottom:8px;
}

.img_texte
{
	float:left;
}

.img_texte_marge
{
	float:left;
	margin-right:15px;
	margin-bottom:15px;
}

.marge_top_40
{
	margin-top:40px;
}

.img_marge_10
{
	margin:10px;
}

.gras
{
	font-weight:bold;
}

.clair
{
	color: #9f9f9f;
}

.signature
{
	font-family: Comic sans MS, Arial, sans-serif;
	font-size: 14px;
	text-align: right;
	padding: 25px;
}

.center
{
	text-align:center;
}

.left
{
	text-align: left;
}

.right
{
	text-align: right;
}

#table_contact {
	width:100%;
	text-align:left;
	margin-top:15px;
	margin-bottom:15px;
	border:none;
}

#table_contact td {
	padding:8px;
}

#accueil *
{
	margin:0px;
	padding:0px;
}

#accueil h2
{
	font-family: Verdana;
	font-size: 14px;
	border-bottom:dashed 1px #dddddd;;
	margin-bottom:8px;
}

#accueil h2 a
{
	font-family: Verdana;
	font-size: 14px;
	color: #0c9be5;
	font-weight:normal;
}

#accueil h2 a:hover
{
	font-family: Verdana;
	font-size: 14px;
	color: #0c9be5;
	font-weight:normal;
	text-decoration:none;
}


#accueil .accueil_left
{
	clear:both;
	display:block;
	float:left;
	width:47%;
}

#accueil .accueil_right
{
	display:block;
	float:right;
	width:47%;
}

#accueil .rubrique
{
	margin-bottom:20px;
}

#accueil .link
{
	margin-top:5px;
	text-align:right;
}

#accueil .link_clear
{
	margin-top:5px;
	text-align:right;
	clear:both;
}

#accueil .rubrique_club,
#accueil .rubrique_recrute,
#accueil .rubrique_photos,
#accueil .rubrique_presse,
#accueil .rubrique_agenda,
#accueil .rubrique_actualites,
#accueil .rubrique_site,
#accueil .rubrique_ecole,
#accueil .rubrique_regles
{
	clear:both;
	margin-bottom:20px;
	padding-left:60px;
	background-image: url('../images/layout/mises_a_jour.png');
	background-repeat:no-repeat;
	height:1%;	/* Pour contourner bug de ie7 */
}

#accueil .rubrique_club    {background-image: url('../images/layout/ballon-rugby.png');}
#accueil .rubrique_recrute {background-image: url('../images/layout/joueur_rugby.png');}
#accueil .rubrique_photos {background-image: url('../images/layout/photos.png');}
#accueil .rubrique_presse {background-image: url('../images/layout/presse.png');}
#accueil .rubrique_agenda {background-image: url('../images/layout/calendrier1.png');}
#accueil .rubrique_actualites {background-image: url('../images/layout/actualites.png');}
#accueil .rubrique_ecole {background-image: url('../images/layout/sac_ecole.png');}
#accueil .rubrique_regles {background-image: url('../images/layout/regles.jpg');}

.big {
	font-size:20px;
	text-align:center;
	margin:30px;
}


#plan_acces
{
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
}

#agenda *
{
	margin:0px;
	padding:0px;
}

#agenda h2 {font-size:16px;}

#agenda .evt
{
	display:block;
	clear:both;
}

#agenda .date
{
	margin-bottom:20px;
	display:block;
	float:left;
	width:50px;
	height:50px;
	background-image: url('../images/layout/calendrier.png' );
	text-align:center;
}

#agenda .mois
{
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	margin-top:-4px;
}

#agenda .jour
{
	font-size:25px;
	font-weight:bold;
	color:black;
	margin-top:3px;
}

#agenda h2
{
	font-size:16px;
	margin-bottom:10px;
}

#agenda .texte
{
	margin-bottom:20px;
	display:block;
	float:right;
	width:455px;
}

#presse .article
{
	margin-bottom:50px;
}

.source
{
	font-style:italic;
	text-align:right;
}

.pagination
{
	text-align:center;
}

.video
{
	text-align:center;
	margin-top:30px;
	margin-bottom:25px;
}


#galleries *
{
	margin:0;
	padding:0;
}

#ariane_galleries, #ariane_annuaire
{
	margin-bottom:20px;
}

#galleries .presentation_gallerie, .presentation_premiere_gallerie
{
	padding-top:15px;
/*	padding-bottom:15px;*/
	border-top:dashed 1px #cccccc;
	float:left;
	width:100%;
	clear:both;
}

#galleries .presentation_premiere_gallerie
{
	margin-top:0px;
	padding-top:0px;
	border-top:none;
}

#galleries .lien_gallerie
{
	margin-top:15px;
	margin-bottom:15px;
	text-align:right;
}

#galleries .texte_gallerie
{
	margin-top:15px;
}

.marge_cadre_tableau {
	/* ie7 ne supporte pas les margin-bottom sur les floats => div supplementaire avec margin */
	float:left;
	padding-top:20px;
	padding-bottom:20px;
	width:100%;
	clear:both;
}

.cadre_tableau {
	float:left;
	border:solid 1px #cccccc;
	padding:1px;
	width:100%;
	clear:both;
}

.tableau_liege {
	float:left;
	margin: auto;
	padding: 0;
	padding-bottom:20px;
	background: url('../images/layout/liege.png');
	list-style: none;
	width:100%;
}

.photos {
	margin: 0;
	padding: 0;
}

#tableau_liege ul {
	list-style: none;
}

.photos li {
	width: 186px;
	height: 163px;
	margin: 35px 10px 5px 35px;
	float: left;
	position: relative;
}

.photos .bg {
	background: url('../images/layout/polaroid.png');
	background-repeat:no-repeat;
	width: 186px;
	height: 163px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.scotch, .scotch2, .punaise {
	display: block;
	position: absolute;
	z-index: 4;
}

.scotch {
	width: 77px;
	height: 27px;
	left: 54px;
	top: -12px;
	background: url('../images/layout/scotch.png');
	background-repeat:no-repeat;
}

.scotch2 {
	width: 115px;
	height: 32px;
	left: 38px;
	top: -12px;
	background: url('../images/layout/scotch2.png');
	background-repeat:no-repeat;
}

.punaise {
	width: 28px;
	height: 21px;
	left: 90px;
	top: -10px;
	background: url('../images/layout/punaise.png');
	background-repeat:no-repeat;
}

.photos img {
	position: absolute;
	top: 8px;
	left: 8px;
	z-index: 2;
}

.photos em {
	display: block;
	padding: 4px 0 0;
	text-align: center;
	font: italic 100% Georgia, "Times New Roman", Times, serif;
	color: #333;
	width: 186px;
	position: absolute;
	bottom: 8px;
	right: 0;
	z-index: 3;
}

#actualites {
	margin-bottom:40px;
}

#actualites .item_flux {
	padding-top:10px;
	clear:left;
}

#accueil .item_flux {
/*	padding-top:8px;*/
	clear:right;
	margin-bottom:5px;
}


#actualites .flux_rugbyrama .item_flux img, #accueil .item_flux img {
	float:left;
	margin:10px;
	margin-left:0px;
	margin-top:5px;
	padding : 2px;
	border: solid 1px #cccccc;
	height : 80px;
	width : 150px;
}

#accueil .item_flux img
{
	margin-left : 10px;
	margin-right : 5px;
	float:right;
	height : 50px;
	width : 100px;
}

.liste_circle li
{
	list-style: disc;
	margin-left:20px;
}

li
{
	list-style:none;
}

#sommaire_revue_presse li
{
	list-style: disc;
	margin-left:20px;
}

#sommaire_revue_presse ul.liste_circle
{
	margin-bottom:20px;
}

#accueil .scoop
{
	margin-top:20px;
	margin-bottom:40px;
	padding : 20px;
	background-color:#f5f5f5;
	border:solid 1px #fd8316;
}

#accueil .scoop ul
{
	margin-left:120px;
}

#accueil .scoop h2
{
	color: #0c9be5;
	font-weight:bold;
	border-bottom:none;
}

#accueil h2+p
{
	margin-bottom:20px;
}

#logos_clubs_seniors {text-align:center; padding-top:20px; padding-bottom:20px;}
#logos_clubs_seniors img {margin:5px;}

.bleu {color:#0c9be5;}
.orange {color:#FB9817;}
.blanc {color:#ffffff;}


/* Pour le moteur de recherche google */
#recherche_google
{
	padding-bottom:5px;
}

#liens input
{	/* on adapte le formulaire de saisie au menu de droite */
	margin-top:5px;
	color:#5f5f5f;
	font-family: Verdana;
	font-size: 10px;
}


/* Pour la page de résultats google */
#corps_resultats_google
{
	text-align: justify;
	padding:25px;
	margin-bottom:25px;
}

#corps_resultats_google a
{
	font-weight:bold;
	color:#FB9817;
	text-decoration:none;
}

#corps_resultats_google a:hover
{
	color:#FD8316;
	text-decoration:underline;
}

#resultats_google .lien_accueil
{
	float:right;
}

#resultats_google input
{
	margin-top:5px;
	color: black;
	font-family: Verdana;
	font-size: 12px;
}

#village h2
{
	padding-top:15px;
	clear:both;
}

#village table
{
	margin:auto;
	width:100%;
}

#village table caption
{
	margin:12px;
	font-weight:bold;
}

#village table td
{
	text-align:center;
}

/* ANNUAIRE JOUEURS */
/* ---------------- */
.annuaire
{
	text-align:center;
	float:left;
	width:100%;
	clear:left;
	padding-bottom:20px;
}

.dirigeant
{
	text-align:left;
	float:left;
	display:block;
	width:450px;
	height:1%;
	margin:5px;
	margin-left:30px;
	padding:5px;
	background-color:#cccccc;
}

.dirigeant img
{
	float:left;
	border:solid 1px #808080;
	margin:5px;
	margin-right:10px;
}

.joueur
{
	float:left;
	display:block;
	width:110px;
	height:145px;
	margin:5px;
	padding:5px;
	background-color:#cccccc;
}

.joueur img
{
	border:solid 1px #808080;
	margin:5px;
	margin-top:10px;
}

.post-facebook, .post-tweeter, .post-google-plus {margin:5px;}