/*******************************************/
/********** DÉCOUPE CASCADA.FR V3 **********/
/********** BY WEBAZ.ORG *******************/
/*******************************************/

body {
text-align: center;
margin : auto;
padding : 0;
font-size: 11px;
color : #240121;
font-family: Arial, Helvetica, sans-serif;
background : #190117 url('/images/fond.png') repeat-x top;
}

hr {
color: #A0728E;
background: #FFFFFF;
margin: 12px 0 12px 0;
}

td {
font-size: 12px;
}

.message_erreur {
padding: 14px 20px 14px 50px;
margin-bottom: 14px;
border: 1px solid #3D2F25;
background: #FFFFFF;
color: #3D2F25;
font-weight: bold;
background :  #FFFFFF url('/images/message_erreur.png') no-repeat left top;
}

.message_ok {
padding: 10px 20px 10px 50px;
margin-bottom: 14px;
border: 1px solid #3D2F25;
background: #FFFFFF;
color: #3D2F25;
font-weight: bold;
background :  #FFFFFF url('/images/message_ok.png') no-repeat left top;
}

.gauche {
float: left;
margin: 0 8px 5px 0;
}

.droite {
float: right;
margin: 0 0px 5px 8px;
}

img {
border: 0;
}

form , h1 , h2 , h3 {
margin: 0;
padding: 0;
}

.no_border {
padding: 0px;
background: none;
border: none;
}

.clear {
clear: both;
}

input, textarea , select {
font-family : Verdana, Arial, Helvetica, sans-serif;
padding : 2px;
color: #6f536a;
font-size : 10px;
background : #efe8ed url('/images/input_fond.png') repeat-x top;
border : 1px solid #6f536a;
font-weight: bold;
}




/******************** LIENS ********************/ 

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

a:hover {
color : #240121;
font-weight: bold;
text-decoration: underline;
}

#header_bas .texte a {
color: #240121;
font-weight: bold;
text-decoration: none;
}

#header_bas .texte a:hover {
color: #240121;
font-weight: bold;
text-decoration: none;
}

#menu_haut ul { 
list-style-type : none;
margin: 0;
padding: 2px 60px 0 60px;
}

#menu_haut li { 
float : left;
}

#menu_haut li a {
padding: 9px 10px 9px 10px;
display : block;
color : #FFFFFF;
text-decoration: none;
font-weight:bold;
}

#menu_haut li a:hover { 
color : #FFFFFF;
background : url('/images/menu_haut_hover.png') repeat-x;
text-decoration: none;
}

#menu_haut li img {
position: relative;
top: 4px;
}

#sous_menu_haut ul { 
list-style-type : none;
margin: 0;
padding: 9px 80px 0 80px;
}

#sous_menu_haut li { 
float : left;
}

#sous_menu_haut li a {
padding: 0px 10px 0px 10px;
display : block;
color : #543a52;
text-decoration: none;
font-weight:bold;
}

#sous_menu_haut li a:hover { 
color : #990101;
text-decoration: underline;
}

#sous_menu_haut li img {
position: relative;
top: -5px;
}

#sous_menu_haut .titre {
margin-right: 20px;
}

#container_gauche h3 a {
color: #240121;
font-weight: bold;
text-decoration: none;
}

#container_gauche h3 a:hover { 
color: #240121;
font-weight: bold;
text-decoration: none;
}

.bloc_fond .liste_cote_a_cote { 
list-style-type: disc;
margin: 0;
}

.bloc_fond .liste_cote_a_cote li a {
font-weight: normal;
text-decoration: none;
}

.bloc_fond .liste_cote_a_cote li a:hover { 
font-weight: normal;
text-decoration: underline;
}

#container_droite a {
color: #510c37;
font-weight: normal;
text-decoration: none;
}

#container_droite a:hover { 
color: #510c37;
font-weight: normal;
text-decoration: underline;
}

#container_droite span a {
color: #510c37;
font-weight: bold;
text-decoration: underline;
}

#container_droite span a:hover { 
color: #510c37;
font-weight: bold;
text-decoration: underline;
}

#footer a {
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}

#footer a:hover { 
color: #FFFFFF;
font-weight: bold;
text-decoration: underline;
}

.tableh1 a {
color: #FFFFFF;
font-weight: bold;
text-decoration: underline;
}

.tableh1 a:hover { 
color: #FFFFFF;
font-weight: bold;
text-decoration: underline;
}

/******************** LIENS ********************/ 





/******************** DESIGN ********************/ 

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

	#header {
	height: 144px;
	margin: 0;
	}

	#header_bas {
	height: 65px;
	margin: 0;
	background : url('images/header_bas.png') no-repeat;
	position: relative;
	}

		#header_bas .texte {
		width: 300px;
		margin: 0;
		color: #240121;
		font-size: 11px;
		position: absolute;
		left: 124px;
		top: 2px;
		}

		#header_bas .radio {
		width: 217px;
		height: 39px;
		margin: 0;
		position: absolute;
		right: 117px;
		}

	#menu_haut {
	height: 36px;
	background : url('/images/menu_haut.png') no-repeat;
	font-size: 12px;
	}

	#sous_menu_haut {
	height: 35px;
	background : url('/images/sous_menu_haut.png') no-repeat;
	color: #543a52;
	font-size: 11px;
	font-weight: bold;
	}

	#container_haut {
	height: 16px;
	background : url('images/container_haut.png') no-repeat;
	}

	#container_fond {
	background : url('/images/container_fond.png') repeat-y;
	padding: 0px 51px 0px 36px;
	}

		#container_gauche {
		float: left;
		width: 619px;
		padding: 14px 0 10px 0;
		}

		#container_gauche td {
		font-size: 10px;
		font-family: Verdana, Geneva, sans-serif;
		}

			#container_gauche p {
			font-family: Verdana, Geneva, sans-serif;
			}

				#container_gauche h1 {
				color: #240121;
				border-bottom: 1px solid #240121;
				border-left: 3px solid #240121;
				font-weight: bold;
				margin: 0 0 10px 0;
				font-variant: small-caps;
				font-size: 15px;
				padding: 0 25px 0 25px;
				}

				#container_gauche h3 {
				color: #240121;
				border-top: 1px dashed #A1919F;
				border-bottom: 1px dashed #A1919F;
				font-weight: bold;
				font-size: 11px;
				padding: 2px 25px 1px 25px;
				text-align: left;
				margin: 0 0 0 0;
				background: #CFBCC8;
				}

				#container_gauche .livre_or {
				margin: 0 0 16px 0;
				padding: 4px 40px 0 40px;
				font-size: 10px;
				}

			.bloc_haut {
			height: 34px;
			background : url('/images/bloc_haut.jpg') no-repeat;
			position: relative;
			}

				.bloc_haut h2 {
				color: #FFFFFF;
				font-weight: bold;
				padding: 9px 30px 0 30px;
				margin: 0;
				font-variant: small-caps;
				font-size: 15px;
				}

				.bloc_haut .date {
				margin: 0;
				color: #CFBDC8;
				font-weight: bold;
				margin: 0;
				font-size: 10px;
				position: absolute;
				right: 28px;
				top: 14px;
				}

			.bloc_fond {
			background : url('/images/bloc_fond.png') repeat-y;
			color: #240121;
			font-family: Verdana, Geneva, sans-serif;
			font-size: 11px;
			}

				.bloc_fond_contenu {
				padding: 14px 24px 1px 24px;
				}

				.bloc_fond img {
				border: 1px solid #5A1942;
				}
				
				.bloc_fond img.no_border  {
				border: none;
				}

				.bloc_fond p {
				margin: 0;
				}

				.bloc_fond hr {
				color: #9d6e89;
				margin: 8px 0 8px 0;
				}
				
					.bloc_fond .separation {
					display: block;
					border-top: 1px solid #573D4C;
					margin: 6px 0 6px 0;
					}

					td .separation {
					display: block;
					border-top: 1px solid #573D4C;
					margin: 2px 0 2px 0;
					}

				.bloc_fond .drapeau {
				float: right;
				margin: 10px 20px 0 20px;
				width: 20px;
				height: 12px;
				}

				.bloc_droite_fond .drapeau {
				float: right;
				margin: 2px 0 0 8px;
				width: 20px;
				height: 12px;
				border: 1px solid #000;
				}

				.bloc_fond .liste_cote_a_cote {
				float: left;
				margin: 0 5px 26px 5px;
				padding-left:40px;
				}

					.bloc_fond .liste_cote_a_cote span {
					text-decoration: underline;
					font-weight: bold;
					display: block;
					margin-bottom: 2px;
					}

						.bloc_fond .liste_cote_a_cote ul {
						padding: 0;
						margin: 0;
						}
	
							.bloc_fond .liste_cote_a_cote li {
							font-size: 10px;
							}
	
					.disco {
					position: relative;
					height: 50px;
					padding-left: 10px;
					}
					
					.disco img {
					position: absolute;
					top: 0px;
					right: 10px;
					}
				
				.bloc_fond .equipe_photo {
				float: left;
				width: 120px;
				height: 150px;
				margin: 0 10px 18px 0;
				}

				.bloc_fond .equipe_texte {
				font-size: 10px;
				line-height: 13px;
				padding-top: 5px;
				}

			.bloc_bas {
			clear:both;
			height: 20px;
			background : url('/images/bloc_bas.png') no-repeat;
			margin-bottom: 14px;
			}

		#container_droite {
		float: right;
		width: 216px;
		}

			.bloc_droite_haut {
			height: 30px;
			background : url('/images/bloc_droite_haut.png') no-repeat;
			}

				.bloc_droite_haut p {
				color: #FFFFFF;
				font-weight: bold;
				padding: 11px 10px 0 10px;
				font-size: 13px;
				margin: 0;
				}

			.bloc_droite_fond {
			background : url('/images/bloc_droite_fond.png') repeat-y;
			padding: 8px 14px 2px 14px;
			color: #510c37;
			font-family: Verdana, Geneva, sans-serif;
			font-size: 10px;
			}

				.bloc_droite_fond p {
				margin: 0;
				}

				.bloc_droite_fond .newsletter {
				text-align: center;
				font-weight: bold;
				}

					.bloc_droite_fond .separation {
					display: block;
					border-top: 1px solid #573D4C;
					margin: 8px 0 8px 0;
					}

					.bloc_droite_fond .evenements .separation {
					display: block;
					border-top: 1px solid #573D4C;
					margin: 4px 0 4px 0;
					}

				.bloc_droite_fond hr {
				color: #9d6e89;
				margin: 5px 0 5px 0;
				}

				.bloc_droite_fond .sorties img {
				float: left;
				border: 1px solid #5a1942;
				margin: 0 10px 6px 0;
				}

			.bloc_droite_bas {
			height: 10px;
			background : url('/images/bloc_droite_bas.png') no-repeat;
			margin-bottom: 12px;
			}

	#footer {
	height: 152px;
	background : url('/images/footer.jpg') no-repeat;
	margin-bottom: 20px;
	font-size: 12px;
	}

		#footer p {
		margin: 0;
		color: #FFFFFF;
		padding: 99px 60px 0 60px;
		text-align: center;
		font-weight: bold;
		}

/******************** DESIGN ********************/ 



/*
        Coppermine Theme ported by Peter Near (http://www.thenears.com) based on...

        Kubrick v1.2.5  for  WordPress 1.2
         http://binarybonsai.com/kubrick/

        This theme was designed and built by Michael Heilemann,
        whose blog you will find at http://binarybonsai.com/

        The CSS, XHTML and design is released under GPL:
        http://www.opensource.org/licenses/gpl-license.php


        *** REGARDING IMAGES ***
        Have fun, and don't be afraid to contact me if you have questions.

        Updated from cpg1.3.x to cpg1.4.x by Joachim Mueller
*/



/* Begin Coppermine Styles */
.listbox_lang{
	font-size: 9px; 
	width: 100px; 
}



.pms_send_a {
	background-color: white;
	color: black;
}

.pms_send_b {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.onlinestats
{
	font-size: 11px;
	background-color: #f8f8f8;
	color: black;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin: 0;
	padding: 10px;
}

.pms_linecolor1
{
background-color: #3f7dfd;
font-size: 10px;
	color: black;
}
.pms_linecolor2
{
background-color: #6a9bff;
font-size: 10px;
	color: black;
}
.pms_linecolor3
{
background-color: #bdd3ff;
font-size: 10px;
	color: black;
}
.pms_linecolor4
{
background-color: #f8f8f8;
font-size: 10px;
}
.pms_linecolor5
{
background-color: #95b8ff;
font-size: 10px;
}
.pms_legend
{
        margin: 20px;
}


.panel
{
	background: #f8f8f8;
	color: #000000;
	padding: 10px;
	border: 1px outset;
}
.panelsurround
{
	background: white;
	color: black;
}
td.thead, div.thead { padding: 4px; }
.smallfont
{
	font: 11px verdana, arial, helvetica, sans-serif;
	padding-left: 28px;
	color: black;
}
.alt1, .alt1Active
{
	background-color: white;
	font-family: verdana, arial, helvetica, sans-serif;
}
.alt2, .alt2Active
{
	background-color: #f8f8f8;
	font-family: verdana, arial, helvetica, sans-serif;
}
.alt3
{
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.maintable {
		border: 1px solid #743E60;
        margin-top: 1px;
        margin-bottom: 1px;
}

#container_gauche .tableh1 {
        background : #672651 ;
        color : #FFFFFF;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
}

#container_gauche .tableh1_compact {
        background : #672651 ;
        color : #FFFFFF;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
}

#container_gauche .tableh2 {
        background: #DFCFD8 ;
        color : #000000;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

#container_gauche .tableh2_compact {
        background: #EBE9EB;
        color : #000000;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
}

.tableb {
        background: #EBE9EB;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}


.tableb_compact {
        background: #EFEFEF ;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}

.tablef {
        background: #d4bfcb;
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
}

.catrow_noalb {
        background: #d4bfcb;
        color : #000000;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.catrow {
        background: #EFEFEF ;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}














.album_stat {
        font-size : .85em;
        margin: 5px 0px;
}

.thumb_title {
        font-size: 0.8em;
        padding: 2px;
        display : block;
}

.thumb_caption {
        font-size: .85em;
        padding-bottom: 10px;
        display : block;
}

.thumb_num_comments {
        font-weight: normal;
        font-size: .85em;
        padding: 2px;
        font-style : normal;
        display : block;
}

.user_thumb_infobox {
        margin-top: 1px;
        margin-bottom: 1px;
}

.user_thumb_infobox th {
        font-weight : bold;
        font-size: 1em;
        margin-top: 1px;
        margin-bottom: 1px;
        text-align : center;
}

.user_thumb_infobox td {
        font-size: .9em;
        margin-top: 1px;
        margin-bottom: 1px;
        text-align : center;
}

.sortorder_cell {
        color : #FFFFFF;
        padding: 2px;
        margin: 0px;
        font-size:0.7em;
}

.sortorder_cell a {
	text-decoration: none;
}

.sortorder_cell a:hover {
	text-decoration: none;
}

.sortorder_options {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        background : #672651;
        color : #FFFFFF;
        padding: 0px;
        margin: 0px;
        font-weight: normal;
        white-space: nowrap;
}


.footer {
        font-size: 9px;
        color: #000000;
		display: none;
}

.footer a {
        text-decoration: none;
        color: #949494;
}

.footer a:hover {
        color: #000000;
        text-decoration: none;
}

.catlink {
        display: block;
        margin-bottom: 2px;
}

.navmenu {
        border-style: none;
}

.navmenu img {
        margin-top: 1px;
        margin-right: 5px;
        margin-bottom: 1px;
        margin-left: 5px;
}

.navmenu a {
        position: relative;
        display: block;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
        text-decoration: none;
}

.navmenu a:hover {
        background : #EFEFEF ;
        text-decoration: none;
        color:         #000000;
}

/* End Coppermine Styles */

/* Begin Lists

        Special stylized non-IE bullets
        Do not work in Internet Explorer, which merely default to normal bullets. */


ul.sidebar_menu, ul.sidebar_item, ul.sidebar {
        margin: 0;
        padding: 0;
        text-align:left;
        }

ul.sidebar_item, li.sidebar_item {
        list-style-type: none;
        list-style-image: none;
        margin-bottom: 15px;
        }
ul.sidebar_menu, li.sidebar_menu {
        list-style-type: square;
        list-style-image: none;
        margin-bottom: 0px;
        margin-left:0px;
        padding-left:0px;
        text-indent:-5px;
        list-style-position:outside;
        }
ul.sidebar_menu, ul.sidebar_item {
        margin: 0px;
        padding: 0px;
        }

/* End Entry Lists */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
        cursor: help;
        }

acronym, abbr {
        border-bottom: 1px dashed #999;
        }

blockquote {
        margin: 15px 30px 0 10px;
        padding-left: 20px;
        border-left: 5px solid #ddd;
        }

blockquote cite {
        margin: 5px 0 0;
        display: block;
        }

hr {
        color: gray
        }

a img {
        border: none;
        }

.navigation {
        display: block;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 60px;
        }
/* End Various Tags & Classes*/


/* Begin Images */
p img {
        padding: 0;
        max-width: 100%;
        }

/*        Using 'class="alignright"' on an image will (who would've
        thought?!) align the image to the right. And using 'class="centered',
        will of course center the image. This is much better than using
        align="center", being much more futureproof (and valid) */

img.centered {
        display: block;
        margin-left: auto;
        margin-right: auto;
        }

img.alignright {
        padding: 4px;
        margin: 0 0 2px 7px;
        display: inline;
        }

img.alignleft {
        padding: 4px;
        margin: 0 7px 2px 0;
        display: inline;
        }

.alignright {
        float: right;
        }

.alignleft {
        float: left
        }
/* End Images */



/*        Begin Headers */

h3 {
        padding: 0;
        margin: 20px 0 0;
        }

h4 {
        padding: 0;
        margin: 20px 0 0;
        }
/* End Headers */


/* Begin Typography & Colors */


#content {
        font-size: 1.2em
        }




.sortorder_cell        {
        margin: 0px;
        padding: 0px;
        }

.sortorder_options {
        padding: 0px;
        margin: 0px
        }


small {
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 0.9em;
        line-height: 1.5em;
        }

h3 {
        font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
        font-weight: bold;
        }

.description {
        font-size: 1.2em;
        text-align: center;
        }


h3 {
        font-size: 1.3em;
        }

code {
        font: 1.1em 'Courier New', Courier, Fixed;
        }

acronym, abbr, span.caps
{
        font-size: 0.9em;
        letter-spacing: .07em;
        }


/* End Typography & Colors */