/* generated by csscreator.com */
html, body{
	margin: 0;
	padding: 0;
	color: #000000;
	background-color: #eee;
	line-height: 130%;
	font-family: arial, helvetica, verdana, tahoma, sans-serif;
	text-align: center;
}

h2 {
	color: #F10000;
	padding-bottom: 3px;
	border-bottom: 1px solid #840000;
	font-size: 150%;
	letter-spacing: -1px;
}

a:link, a:visited {
	color: 	#000080;
	/* text-decoration: none; */
}

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

p { margin-left: 1em; }

/* *****************************************
		Header
   ***************************************** */
#bloc-header {background: #000000; }

#header {
	background: #F10000 url('images/header.jpg') left no-repeat;
	width: 85%;
	min-width: 800px;
	height: 125px;
	line-height: 126px;
	margin: 0 auto;
	border-left: 1px solid #707070;
	border-right: 1px solid #707070;
	border-bottom: 5px solid #000000;
	text-align: left;
	position: relative;
}

/* *****************************************
		Titre : asso RN
   ***************************************** */
#bloc-asso_titre {
	background: #FFFFFF;
	border-bottom: 5px solid #000000;
	width: 100%;
	min-width: 800px;
}

#asso_titre {
	background: #FFFFFF url('images/asso_titre.jpg') top center no-repeat;
	width: 100%;
	min-width: 800px;
	line-height: 41px;
	margin: 0 auto;
	text-align: center;
}

/* *****************************************
		Menu de navigation
   ***************************************** */
#bloc-menu {
	background: #EE0000 url('images/menu-background.png') top left repeat;
	float: left;
	width: 100%;
	min-width : 800px;
}

#menu {
	width: 85%;
	min-width : 800px;
	margin: 0 auto;
	font-size: 95%;
	white-space: nowrap; /* stops half a menu link dropping to next line. Instead, the whole link will drop. This only happens if you have a lot of menu links, and large text size */
	padding-right: 2px;	/* The menu far left, and far right borders are not quite lining up in non IE browsers for some reason. This makes it less noticable */
}

* html #menu { padding-right: 0; } /* See above comment. This re-adjusts IE to the above padding */

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	border-left: 1px solid #BF0000;
	border-right: 1px solid #BF0000;
	width: 100%;
}

#menu li { display: inline; }

#menu a:link, #menu a:visited {
	padding: 0.25em 1em;
	background: transparent;
	color: #fff;
	text-decoration: none;
	float: left;
	border-right: 1px solid #BF0000;
}

#menu a:hover {
	background: #D30000 url('images/menu-hover.png') repeat-x;
	color: #808080;
	/* font-size : 85%; */
	font-weight: bold;
}

/* *****************************************
		Partie contenu
   ***************************************** */
#content{
	width : 85%; /* because it has 1% padding on each side, which brings it to 75% wide */
	min-width : 800px;
	margin : 0 auto;
	padding : 4em 0 0px 0;
	border-left : 1px solid #bbb;
	border-right : 1px solid #bbb;
	background : white;
	font-size : 90%;
	text-align : left;
	margin-left : auto;
	margin-right : auto;
}

#content table {
	padding : 0;
}

.tab2cols td.leftcol {
	display : none;
}


/* ++++++++++++++++++++++++++++++++++++++
	Colonne centrale
   ++++++++++++++++++++++++++++++++++++++ */
#maincol {
	background-color: #FFFFFF;
	width: 100%;
	padding-left : 15px;
	padding-right : 15px;
	margin-top : 15px;
	padding-bottom : 45px;
	vertical-align : top;
}

/* ===== Annonce ======= */
#annonce {
	font-family: Trebuchet MS, Verdana, Arial, sans-serif;
	margin-top : 25px;
	margin-bottom : 35px;
	text-align : center;
	font-weight : bold;
	color: #999999;
	font-size : 180%;
	vertical-align: middle;
	line-height : 1em;
}

#annonce .subtitle {
	font-size : 10pt;
	font-weight : normal;
}

.scaps {
	font-variant : small-caps;
}

/* ===== Signature ====== */
.signature {
	margin-left : 10em;
	font-style : italic;	
}

/* ===== Bandeau de photo ====== */
#bandeau-bas {
	height : 150px;
	margin-top : 10%;
}

#picturelist {
	text-align : center;
	list-style-type : none;
	margin-left : 5px;
}

#picturelist li {
	float : left;
	margin-right : 15px;
	margin-bottom : 10px;
	font-weight : bold;
	color : #777777;
}

#picturelist img {
	display : block;
	/*border : 1px solid #CE3095;*/
}

#bandeau-bas img {
	padding : 4px;
	border-top : 1px solid #F10000;
	border-right : 1px solid #F10000;
	border-bottom : 1px solid black;
	border-left : 1px solid black;
}

#picturelist img:hover {
	border : 1px solid #F4C0DA;
}

#picturelist a {
	color : #777777;
	text-decoration : none;
}

#picturelist a:hover {
	color : #999999;
}


/* ++++++++++++++++++++++++++++++++++++++
	Colonne de droite
   ++++++++++++++++++++++++++++++++++++++ */
#rightcol {
	/* width: 160px;  */
	vertical-align : top;
	padding-bottom : 15px;
	padding-right : 15px;
}

#actus {
	width: 160px;
	border : 1px dotted #F00000;
	padding-left : 0.5em;
	padding-right : 0.5em;
	text-align : left;
	margin-bottom : 0.5em;
}

#notes {
	margin-top : 10px;
	border : 1px dotted #F00000;
	padding-left : 0.5em;
	padding-right : 0.5em;
}

#notes span {
	font-weight : bold;
	text-align : center;
}

#notes a {
	text-decoration : none;
}

#sponsors {
	margin-top : 10px;
	padding-left : 0.5em;
	padding-right : 0.5em;
	border : 1px solid #808080;
}

.sponsor {
	/* font-family: Comic Sans MS; */
	font-size: 90%;
	font-weight: bold;
	text-align : center;
	line-height : 100%;
	color : #96816A;
}

#rightcol h1 {
	color : #808080;
	font-size : 120%;
}


/* ++++++++++++++++++++++++++++++++++++++
	Colonne de gauche : sous-menu
   ++++++++++++++++++++++++++++++++++++++ */
td#leftcol {
	vertical-align : top;
	text-align : right;
}

/* div.leftcol {
	background : white url(images/submenu.gif) top right repeat-y;
	text-align : right;
	margin-bottom : 20px;
} */

#submenu {
	margin-bottom : 20px;
}

#submenu a {
	display : block;
	/* width:160px;  */
	padding : 5px 18px 5px 10px;
	color : #606060;
	background: #FFA1A1 url(images/submenu.gif) top right repeat-y;
	font-size: 1.5em;
	font-weight: normal;
	text-decoration: none;
	letter-spacing: -2px;
}

#submenu a:hover {
	color: #303030;
	background: #f0f0f0 url(images/submenu.gif) top right repeat-y;
}

#submenu a.active {
	padding: 5px 18px 5px 0;
	background: #fafafa;
	border-top: 2px solid #c0c0c0;
	border-bottom: 2px solid #c0c0c0;
}

#submenu a.active:hover {
	color: #505050;
	background: #fafafa;
}

/* *****************************************
		Pied de page
   ***************************************** */
#copyright {
	text-align : center;
	color : #808080;
	font-size : 85%;
}

#footer {
	margin: 0 auto;
	padding: 2px 1%;
	width: 83%;
	min-width : 784px;
	text-align: right;
	color: white;
	letter-spacing: 0.15em;
	background: #EE0000;
	border: 1px solid #BF0000;
	font-size: 80%;
	height: 35px;
	clear: both;
}

#footer img{
	display : inline;
	float : left;
}

#footer .right{
	float : right;
}

#footer a:link {
	color: #840000;
	text-decoration: none;
}

/* *****************************************
		Page spécifique
   ***************************************** */
img.img-para {
	float : left;
	position : relative;
	margin-right : 2em;
	margin-bottom : 10px;
}

h3 {
	background-color : #C0C0C0;
	color : #F10000;
	padding-left : 5px;
}

/* ======= Bureau ======== */
#bureau img {
	margin-top : 5px;
}

#president, #secretaire, #tresorier, #webmestre, #assistant, #coordination, #honneur {
	color: #808080;
	font-family: Verdana;
	position: relative;
}

#president {
   	font-size: 1.7em;
	top: 10px;
	left: 0;
}

#secretaire {
	font-size: 1.4em;
	top: 30px;
	left: 3%;
}

#tresorier {
	font-size: 1.5em;
	top: 50px;
	left: 0;
}

#webmestre {
	font-size: 1.3em;
	top: 20px;
	left: 25%;
}

#coordination {
	font-size: 1.3em;
	top: 10px;
	left: 9%;
}

#assistant {
	font-size: 1.3em;
	top: 20px;
	/* left: -45%; */
}

#honneur {
	font-size: 1.5em;
	top: 30px;
	left: 0;
}

#president a span {
	top: -1px;
	left: 15px;
}

#secretaire a span {
	top: -1px;
	left: 15px;
}

#tresorier a span {
	top: -1px;
	left: 15px;
}

#webmestre a span {
	top: -1px;
	left: 15px;
}

#assistant a span {
	top: -1px;
	left: 15px;
}

div#bureau a {
	background: none;
}

/* div#bureau a span {display: none;} */

/* div#bureau a:visited span {display:none;} */

div#bureau a {
	text-decoration: none;
	color: #808080;
}

div#bureau a span {
	display : block;
	position : relative;
	color : #F10000;
	background : none;
	font-size : 11px;
}

/* ======= Historique ======== */
div#item-histo {
	clear : both;
}

/* ======= Partenariat ======== */
ul.offre {
	list-style-type : none;

}

ul.offre li {
	background-color : #C0C0C0;
	padding-left : 10px;
}

ul.demande, ul.go-list {
	list-style-type	: circle;
}

div#contact {
	margin-top : 35px;
	text-align : center;
	border : 1px dotted #F00000;
	padding-left : 1em;
	padding-right : 1em;
}

/* ======= Nos partenaires ======== */
table.sponsors {
	text-align : center;
}

table.sponsors td {
	/* text-align : center; */
	vertical-align : top;
}

div.sponsor {
	margin-top : 0.5em;
	margin-bottom : 0.5em;
}

/* ======= Livre d'or ======== */
#container {
	width: 100%;
	font-size: 1.25em;
	font-style: italic;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#container p.citation {
	font-size : 70%;
	font-style : normal;
	line-height : 100%;
	margin-top : -15px;
}

#col1 {
	width: 47%;
	padding: 20px;
	padding-right: 40px;
	/* padding-top : 0px;
	padding-left: 20px;
	padding-right: 30px; */
	float: left;
	text-align: center;
	color: #808080;
}

#col1 p.citation {
	color : #F10000;
}

.col2 {
	padding: 20px;
	padding-right: 10px;
	/* padding-top : 0px;
	padding-left: 40px;
	padding-right: 20px;  */
	text-align: center;
	color : #F10000;
}

.col2 p.citation {
	color : #808080;
}

/* ======= RN10 page ======== */
#rn10-page {
	font-style : italic;
	font-family : Georgia, serif;
	font-size : 120%;
	color : #BB0000;
}
/* ======= RN13 page ======== */
.rn13-invit {
	padding-left : 2em;
	color : #FF9900;
	font-weight : bold;
}
.theme {
	text-align : center;
	font-weight : bold;
}

.texte-fin {
	text-align : center;
	font-weight : bold;
	clear : both;
	padding-top : 30px;
}

/* ======= Invitation ======== */
#rallye_invit p {
	line-height : 2em;
	margin-top : 30px;
}

.centre {
	text-align : center;
}

.field {
	color : #BB0000;
	font-weight : bold;
}

.value {
	padding-left : 10px;
}

.align-right {
	float : right;
}
.align-left {
	float : left;
}

img.margin-right {
	margin-right : 20px;
}

img.clerc {
}
img.plat {
	margin-left : 15px;
}

ul.go-list{
	margin-left : 180px;
}
ul.requis {
	list-style-type : square;
}

ul.margin-list-left li {
	margin-left : 20px;
}

/* ======= RN10 page ======== */
.margin-left {
	margin-left : 20px;
}

/* ======= RN11 page ======== */
#rn-page {
	text-align : center;
}

/* ======= Rallyes ======== */
div#rallyes-liste {
	margin-left : 25%;
}

div#rallyes-liste ul {
	list-style-type : circle;
}

.ligne-rallyes a {
	margin :0;
}

/* **************************************
	mosaique de photos : RN10
   ************************************** */
#mosaique {
	height : 150px;
	clear : both;
	margin-top : 5em;
	margin-bottom : 5em;
}

#mosaique img {
	padding : 4px;
	border-top : 1px solid #F10000;
	border-right : 1px solid #F10000;
	border-bottom : 1px solid black;
	border-left : 1px solid black;
}

.block {
	display : block;
	clear : left;
}

/* ***************************************
	Albums photos
****************************************** */
table.albums-list {
	float : left;
}

table.albums-list tr.legende {
	height : 44px;
}
table.albums-list tr.legende td {
	vertical-align : top;
}

.album-der {
	margin-top : 20px;
}


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

   ***************************************** */
/*printer styles*/
@media print{
	/*hide the left column when printing*/
	#leftcol{display:none;}

	/*hide the right column when printing*/
	#rightcol{display:none;}
	#maincol{width:100%; float:none;}
}