@charset "UTF-8";

/* HTML elements  */		

	h1, h2, h3, h4, h5, h6{
		font-weight:normal;
		margin:0;
		line-height:1em;
		}	
	h1{font-size:2em;margin-bottom:.5em;}
	.aide h1, .fiche h1{color:#006666; font-size:15px; font-weight:bold;}
	h2{font-size:1.75em;margin-bottom:.5142em;padding-top:.2em;}
	h2{color:#006666;}	
	h3{font-size:1.5em;margin-bottom:.7em;padding-top:.3em; color:#006666; font-size:16px; font-weight:bold;}
	h4{font-size:1.25em;margin:1.6em 0 0.6em 0;}
	h5,h6{font-size:1.1em;margin-bottom:.5em;font-weight:bold;}
	
	p, blockquote, ul, ol, dl, form, table, pre{line-height:inherit;margin:0 0 1.5em 0;}
	ul, ol, dl{padding:0;}
	ul ul, ul ol, ol ol, ol ul, dd{margin:0;}
	li{margin:0 0 0 2em;padding:0;display:list-item;list-style-position:outside;outline: none;}	
	blockquote, dd{padding:0 0 0 2em;}
	pre, code, samp, kbd, var{font:100% mono-space,monospace;}
	pre{overflow:auto;}
	abbr, acronym{
		text-transform:uppercase;
		border-bottom:1px dotted #000;
		letter-spacing:1px;
		}
	abbr[title], acronym[title]{cursor:help;}
	small{font-size:.9em;}
	sup, sub{font-size:.8em;}
	em, cite, q{font-style:italic;}
	img{border:none;}
	img.alignee{vertical-align:middle; padding:0.3em 0;}			
	table{width:100%;}
	th,caption{text-align:left;}
	form div{margin:.5em 0;clear:both;}
	label{display:block;}
	fieldset
        {
            margin: 0;
            padding: 0;
            border: none
        }
        fieldset.une_ligne label /* Label + Input sur la même ligne */
        {
            float: left
        }
        fieldset.une_ligne + input,
        fieldset.une_ligne + select,
        fieldset.une_ligne + span,
        fieldset.une_ligne + textarea
        {
            clear: left
        }
	legend{font-weight:bold;}
	input[type="radio"],input[type="checkbox"], .radio, .checkbox{margin:0 .25em 0 0;}
	div, input{outline: none;}

/* //  HTML elements */	

/* commun */		
	
	.left{float:left;margin-right:1em;}
	.right{float:right;margin-left:1em;}
	.center{text-align:center;}
        .justify{text-align:justify;}
        .margedroite{margin-right:10px;}
	
	.clear{clear:both;}
	.first{margin-left:0 !important;}
	.last{margin-right:0 !important;}
	.top{margin-top:0 !important;}
	.bottom{margin-bottom:0 !important;}	
	.hidden, .print{display:none;}
	.graphic{
		margin:0;
		padding:0;
		display:block;
		overflow:hidden;
		text-indent:-8000px;
		}
		
	.autor{
		display:block;
		font-size:11px;
		font-weight:normal;
		color:#777;
		border-bottom:#ccc dotted 1px;
		}
	.invisible{
			display:none;
		}
	.red{
		color:red;
	}
	.vert{
		color:green;
	}

	.commentaire{
		font-size:11px;
		font-weight:normal;
		color:#777;
		font-style:italic;
		line-height:normal;
		}
        .nobr {white-space: nowrap}

/* // commun */			

/* base */
	
	body, table, input, textarea, select, li, button{
		font:1em Arial, Helvetica, Sans-Serif;
		line-height:1.5em;
		color:#333;
		}		
	body{
		font-size:13px;
		margin:0;
		padding:0;
		text-align:center;
		}	
		
	body.aide, body.fiche{
		padding:20px;
		text-align:left;
		}
		
	a, a:visited{
		text-decoration:none;
		color:#cc1144;
		outline: none;
		}
	a:hover{color:#999;}
	a.close{float:right; font-weight:bold;}
	ins{text-decoration:none;color:#900;font-style:italic;}
	code{color:#555;}
	pre{
		margin-left:2em;
		padding-left:2em;
		border-left:1px solid #ccc;
		}
	blockquote{
		margin-left:2em;
		border-left:1px solid #ccc;
		font-style:italic;
		}	
	dt{font-weight:bold;}
	
	/* Tables */
	table{
		border-spacing:0;
		border:0;
		}
		
	.main table a{
		color:#006666;
		font-weight:bold;
		}	
		
	.main table a:hover{
		text-decoration:underline;
		}
		
	th, td{padding:.5em 1em;line-height:1.5em; font-weight:normal; font-size:12px;}		
	th form{
		margin:0;
		padding:10px;
		}
	td{border:0; border-bottom:1px solid #eee; border-left:#eee 1px solid; background:#FFF; font-size:12px;}
	td.first{
		border-left-color:#DDD;
		}
		
	td.last{
		border-right:1px solid #DDD;
		}
		
	thead.top_680_gris th{
		background:#FFF url(../images/interface/top_bottom_680_gris.png) no-repeat center top;
		border:none;
		border-bottom:#ddd 1px solid;
		}
		
	thead.top_680_gris th.first{
		background-position:top left;
		}
		
	thead.top_680_gris th.last{
		background-position:top right;
		}
		
	tfoot.bottom_680_gris td{
		min-height:50px;
		background:url(../images/interface/top_bottom_680_gris.png) no-repeat center bottom;
		border:none;
		}
		
	tfoot.bottom_680_gris td.first{
		background:url(../images/interface/top_bottom_680_gris.png) no-repeat left bottom;
		}
		
	tfoot.bottom_680_gris td.last{
		background:url(../images/interface/top_bottom_680_gris.png) no-repeat right bottom;
		}
		
	tr.sub_head td{
		background:#cfe7e7;
		font-weight:bold;
		font-size:11px;
		}
		
	tr.gris td{
		background:#eeeeee;
		}
	tr.nom_head td{
		border-left:1px solid #DDD;
		border-right:1px solid #DDD;
		font-weight:bold;
		color:#de8325;
		font-size:1.2em;
		padding:2em 1em 0.5em 1em;
		}
	tr.nom_head_seul td{
		border:none;
		padding:0;
			}
	tr.nom_head td a, tr.nom_head_seul td a{
		color:#de8325;
		font-size:1.2em;
				}
	/* //Tables */
	
	caption{font-style:italic;color:#777;margin:.5em 0;}	
	fieldset{
		border:1px solid #ccc;
		padding:1em 2em;
		margin:0 0 1.5em 0;
		}
	legend{padding:2px 5px;}	
	form div.col{clear:none;}form div.first{clear:both;}
	form div{overflow:hidden;}
	
	input[type="text"], input[type="password"], input[type="email"], input[type="url"],
        select, textarea, .area, .field
        {
            border:1px solid #aaa;
            padding:5px;
            background:#fff;
            width:300px;
            line-height:1em;
            margin:0;
        }
	select{width:312px;}
	textarea, .area{overflow:auto; height:150px; width:400px;}
	input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus,
        textarea:focus, select:focus, .focus
        {
            background: #f5f5f5;
            outline: none;
        }
	.submit{}
	button{
		border:none;
		background:#555;
		color:#fff;
		padding:0 2.5em;
		height:2em;
		line-height:2em;
		cursor:pointer;
		}
		
	.note, .success, .error{display:block;}
	.error{color:#900;}
	p.error{
		background:#FFEEEE none repeat scroll 0 0;
		border:2px solid #884444;
                color: #FF0000;
		margin-bottom:1em;
		padding:10px;
		}
	.success{color:#060;}
	p.success{
		background:#EEFFEE none repeat scroll 0 0;
		border:2px solid #448844;
		color:#004400;
		margin-bottom:1em;
		padding:10px;
		}
	.note{font-weight:bold;}
	.notvalid{border:1px solid #900 !important;}
	.warning{
		display:block;
		background:#FFEEEE none repeat scroll 0 0;
		border:2px solid #884444;
		color:#440000;
		margin-bottom:1em;
		padding:10px;
		}
		
		/* LISTE*/
		
		.list_3col{
			-moz-column-count: 3;
			-moz-column-gap: 20px;
			-webkit-column-count: 3;
			-webkit-column-gap: 20px;
			column-count: 3;
			column-gap: 20px;
			list-style: none;
			}
		.list_2col{
			-moz-column-count: 2;
			-moz-column-gap: 5px;
			-webkit-column-count: 2;
			-webkit-column-gap: 5px;
			column-count: 2;
			column-gap: 5px;
			list-style: none;
			width:350px;
			/*float:left;*/
			}
		#col_2left{
			float:left;
			width:420px;
		}
		.col_right{
			border:1px solid #DDD;
			float:right;
			margin:0;
			padding:1em;
			width:220px;
			font-size:0.9em;
		}
		.col_right ul, .col_right ul li{
			 list-style:none;
			 margin:0;
			 padding:0.1em 0;
		 }
		 .sans_puce{
			 list-style:none;
		 }
		 
		 .excel, .powerpoint, .word, .retrait, .mode_cb, .mode_virement{
			  min-height:62px;
			  margin: 5px;
			  padding: 5px 5px 5px 59px!important;
			  float:left;
			  width:89%;
		  }
		.excel {background:url(../images/picto/picto_excel.png) 0 0 no-repeat;}
		.powerpoint{ background:url(../images/picto/picto_pwpt.png) 0 0 no-repeat;}
		.word{background:url(../images/picto/picto_word.png) 0 0 no-repeat;}
		

/* base */

/* layout */

	#container{	
		margin:0 auto;
		width:990px;
		text-align:left;
		position:relative;
		}
	.inner{
		position:relative;
		}
	#header{
		position:relative;
		background:url(../images/interface/header.png) no-repeat center bottom;
		height:220px;
		}
		
	#footer{
		position:relative;
		clear:both;
		background:url(../images/interface/footer.png) no-repeat center top;
		}	
		
	.content{
		clear:both;
		padding:20px;
		padding-top:0;
		padding-bottom:0;
		background:url(../images/interface/content.png) repeat-y top left;
		}
                
        .content .main940
        {
            background-color: white
        }
		
	div#home, div#large{
		background-position:top right;
		}
		
	body.aide div.content, body.fiche div.content{
		background:#FFF;
		padding:10px;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		box-shadow:1px 1px 5px #555;
		-moz-box-shadow:1px 1px 5px #555;
		-webkit-box-shadow:1px 1px 5px #555;
		}
	body.fiche div.content{
		margin:48px 0 0 0;
		}
		
	.main, .secondary, .tertiary, .quaternary{
		float:left;
		display:inline;
		}
	.main{width:680px;margin-left:10px;}
	.main940 {width: 940px; margin-left: 10px;}
	.secondary{width:260px; background:url(../images/interface/secondary.png) no-repeat top right; min-height:546px;}
	
	/* HOME */
	
	#home .main {
		width:630px;
		margin:0;
		}
		
	#home .secondary{
		width:310px;
		background:none;
		margin-left:10px;
		}
		
	#home h5{
		font-weight:normal;
		font-size:11px;
		color:#AAA;
		}
		
	.top_630_vert{
		background:url(../images/interface/top_630_vert.png) no-repeat 0 0;
		color:#006666;
		font-size:20px;
		height:55px;
		line-height:55px;
		padding-left:15px;
		font-weight:bold;
		border-bottom:#DDD 1px solid;
		margin:0;
		width:615px;
		}
		
	ul.actus{
		list-style:none;
		padding:0;
		margin:0;
		margin-bottom:10px;
		width:630px;
		}
		
	ul.actus li{
		margin:0;
		padding:0;
		border:#DDD 1px solid;
		border-top:0;
		overflow:hidden;
		}
	ul.actus li ul{
		margin:5px 0 0 0;
		}
	ul.actus li ul li{
		margin:0;
		padding:0 0 0 12px;
		background:url(../images/interface/sous_menu.png) 0 5px no-repeat;
		border:none;
		border-top:0;
		overflow:hidden;
		}
		
	ul.actus li img{
		float:left;
		max-width:200px;
		margin-left:5px;
		margin-right:5px;
		margin-bottom:5px;
		}
		
	ul.actus li div{
		padding:5px;
		font-size:12px;
		}
		
	ul.actus li span.cat{
		color:#646464;
		font-weight:bold;
		font-size:12px;
		}
		
	ul.actus li h3{
		margin:0;
		padding:0;
		}
	
	ul.actus li h3 a{
		font-size:14px;
		font-weight:bold;
		text-decoration:none;
		}
		
	ul.actus li a.suite{
		display:block;
		text-align:right;
		margin:0;
		padding:0;
		margin-right:10px;
		}
		
	ul.actus li p{
		margin-top:5px;
		margin-bottom:0;
		}
		
	ul.actus li.bottom{
		border:0;
		background:url(../images/interface/bottom_630.png) no-repeat center bottom;
		height:50px;
		line-height:50px;
		}
		
	ul.actus li.bottom a{
		display:inline-block;
		margin-left:15px;
		background:url(../images/interface/picto_fleche_vert.png) no-repeat;
		padding-left:20px;
		height:16px;
		line-height:16px;
		font-size:12px;
		}
		
	h3.top_310_vert{
		background:url(../images/interface/top_310_vert.png) no-repeat center top;
		color:#FFF;
		height:56px;
		line-height:56px;
		font-size:20px;
		font-weight:bold;
		margin:0;
		padding:0;
		padding-left:10px;
		}
		
	ul.vert_310{
		list-style:none;
		margin:0;
		padding:0;
		margin-bottom:10px;
		}
		
	ul.vert_310 li{
		margin:0;
		padding:0;
                background-color: #B2DEDE;
		/*
  Code CSS original de Piment Rouge :
                background:url(../images/interface/li_310_vert.png) no-repeat center bottom;
  Problème si le texte est trop long, l'image de fond n'est pas répétée ...'
                */
		padding:5px;
		padding-left:10px;
		font-size:12px;
		}
		
	ul.vert_310 li.bottom{
		background:url(../images/interface/bottom_310_vert.png) no-repeat center bottom;
		}
		
	ul.vert_310 li strong{
		font-size:14px;
		display:block;
		}
		
	ul.vert_310 li a, #home ul.vert_310 li a{
		display:block;
		background:url(../images/interface/picto_fleche_orange.png) no-repeat top left;
		color:#000;
		cursor:pointer;
		padding-left:20px;
		}
		
	ul.vert_310 li a:hover, #home ul.vert_310 li a:hover{
		color:#777;
		}
		
	ul.partenaires{
		list-style:none;
		}
	
	ul.partenaires li.ligne{
		margin:0;
		padding:0;
		text-align:center;
		width:310px;
		margin-bottom:10px;
		}

	ul.partenaires li.droite{
		margin:0;
		padding:0;
		text-align:center;
		float:right;
		width:150px;
		margin-bottom:10px;
		}
			
	ul.partenaires li.gauche{
		margin:0;
		padding:0;
		text-align:center;
                float: left;
		width:150px;
		margin-bottom:10px;
		}
			
	/* //HOME */
	
	.tertiary{}
	.quaternary{}
	
	/* percentage based grid */
		
		.cols{} /* main column container class */
		.col{
			float:left;
			display:inline;
			width:48%;margin-left:4%; /* 2 equal width columns layout - default */
			}	
		.cols3 .col{width:30%;margin-left:5%;} /* 3 equal width columns layout */
		.cols4 .col{width:22%;margin-left:4%;} /* 4 equal width columns layout */
		.cols5 .col{width:16%;margin-left:5%;} /* 5 equal width columns layout */
		
	/* percentage based grid */

/* // layout */

/* navigation */
	
		#nav, #nav ul, #nav li{
			margin:0;
			list-style:none;
			}
			
		#nav {
			position:absolute;
			margin-top:150px;
			width:990px;
		}
				
		#nav ul{}
		#nav li{
			float:left;
			display:inline;
			position:relative;
			line-height:44px;
			height:44px;
			background:url(../images/interface/nav.png) no-repeat center top;
			font-size:14px;
			}
			
		#nav li:hover{
			background-position:center bottom;
			}
			
		#nav li.first {
			background-position:top left;
			}
			
		#nav li.first:hover {
			background-position:bottom left;
			}
			
		#nav li.last {
			background-position:top right;
			}
			
		#nav li.last:hover {
			background-position:bottom right;
			}
				
		#nav a{
			display:block;
			height:44px;
			line-height:44px;
			color:white;
			background:url(../images/interface/nav_divider.png) no-repeat center right;
			padding-left:14.0px;
			padding-right:14.0px;
			text-align:center;
			font-weight:bold;
			}
			
		#nav li.last a {
			background:none;
		}
		
		/* second level */
		#nav ul{
			position:absolute;
			left:0;
			top:32px;
			padding:5px 10px;
			width:200px;	
			background:#fff;
			display:none;
			z-index:1000;
			}
		#nav ul li{
			float:none;
			display:block;
			}
			
		/* menu secondary */
		
		ul.menu_secondary, ul.menu_secondary ul{
			list-style:none;
			margin:0;
			padding:0;
			}
		.marge_haut{
			margin-top:45px !important;}
			
		ul.menu_secondary li, ul.menu_secondary ul li{
			margin:0;
			}
			
		ul.menu_secondary li a, ul.menu_secondary ul li a{
			color:#006666;
			display:block;
			font-weight:bold;
			font-size:12px;
			padding:3px;
			background:url(../images/interface/divider_horizontal.png) repeat-x bottom;
			cursor:pointer;
			}
			
		ul.menu_secondary li a:hover, ul.menu_secondary ul li a:hover{
			color:#CC1144;
			}
			
		ul.menu_secondary ul li{
			background:url(../images/interface/sous_menu.png) no-repeat 10px 8px;
			}
			
		ul.menu_secondary ul li a{
			font-weight:normal;
			padding-left:20px;
			font-size:11px;
			}
			
		ul.menu_secondary span.date{
			display:inline-block;
			float:right;
			width:34px;
			height:17px;
			line-height:15px;
			text-align:center;
			margin-right:10px;
			font-size:10px;
			color:#FFF;
			font-weight:normal;
			padding:1px;
			background:url(../images/interface/menu_date.png) no-repeat;
			}
		ul.menu_secondary span.detail{
			display:inline-block;
			float:right;
			width:56px;
			height:17px;
			line-height:15px;
			text-align:center;
			margin-right:10px;
			font-size:10px;
			color:#FFF;
			font-weight:normal;
			padding:1px;
			background:url(../images/interface/menu_detail.png) no-repeat;
			}
		/* menu liste fiche */
		
		ul.menu_fiche, ul.menu_fiche ul{
			list-style:none;
			margin:0;
			padding:0;
			float:left;
			font-size:0.9em;
			}
			
		ul.menu_fiche li{
			margin:0 0 10px 0;
			float:left;
			background:url(../images/interface/divider_horizontal.png) repeat-x bottom;
			padding:0 0 6px 0;
			width:245px;
			}
		ul.menu_fiche li img{
			margin: 0 6px 0 0;	
		}
		ul.menu_fiche ul li{
			margin:0;
			float:none;
			background:none;
			padding:0;
			width:138px;
		}
		ul.menu_fiche li a{
			float:left;
			}	
		ul.menu_fiche ul li a{
			color:#006666;
			font-weight:bold;
			font-size:12px;
			padding:0;
			float:left;
			cursor:pointer;
			}
		ul.menu_fiche ul li a:hover{
			text-decoration:underline;
			}
			ul.menu_fiche ul li a{
			float:none;
			}
				
		/* Accordeon */
		
		ul.accordeon{
			list-style:none;
			margin:0;
			padding:0;
			}
		.subMenu{
			margin:0 0 15px 0;
			padding:0;
			list-style:none;
			}
		.subMenu li{
			margin:0 0 0 5px;
			}
		.deplier{
			border: 1px solid #DDDDDD;
			color: black;
			line-height: normal;
			margin: 0 0 28px 0;
			padding: 1em;
			}
		.accordeon a.toggleSubMenu span.fleche{
			width:11px;
			margin:4px 0 0 0px;
			padding:0;
			height:11px;
			background:url(../images/picto/fleche_orange_OFF.png) 0 0 no-repeat;
			display:block;
			line-height:normal;
			vertical-align:middle;
			float:left;
			}
		.accordeon a.toggleSubMenu:hover span.fleche, .accordeon a.toggleSubMenu span.active{
			background:url(../images/picto/fleche_orange_ON.png) 0 0 no-repeat;
			margin:4px 0 0 0px;
			}
		/* Table navigation */
		
		.table_nav{
			font-weight:normal;
			height:26px;
			line-height:26px;
			text-align:center;
			}
			
		/* Pagination */
		
		ol.pagination{
			margin:1em 0;
			padding:0;
			}	
		ol.pagination li{
			margin:0 .5em 0 0;
			padding:0;
			float:left;
			list-style:none;
			}
		ol.pagination li a, ol.pagination li span{
			float:left;
			border:1px solid #ccc;
			line-height:1.5em;
			padding:0 .5em;
			background:#fff;
			}
		ol.pagination li a:hover{background:#f1f1f1;}
		ol.pagination li span{background:#ccc;color:#fff;}
		
/* //navigation */

/* header */

	#header h1{
		line-height:3em;
		height:3em;
		margin:0;
		}
	#header h1 a{		
		}
		
		#header h1{
		position:absolute;
		top:5px;
		}
		
	#header h1 a {
		display:block;
		width:290px;
		height:132px;
		padding:0;
		cursor:pointer;
		font-size:15px;
		}
		
	#header a#site_grand_public
        {
            display:block;
            position:absolute;
            width:420px;
            height:65px;
            cursor:pointer;
            top:10px;
            margin-left:550px;
        }
		
	#header a#scrabblerama
        {
            display: block;
            position: absolute;
            width: 420px;
            height: 65px;
            cursor: pointer;
            top: 80px;
            margin-left: 550px;
        }
	#header p#contact_header
        {
            position:absolute;
            padding-left:5px;
            top:30px;
            margin-left:310px;
        }	
	#header div#connected_users{
		position:absolute;
		color:#646464;
		font-size:10px;
		background:url(../images/interface/picto_visiteurs.png) no-repeat;
		padding-left:40px;
		top:125px;
		margin-left:310px;
		}
		
	#header div#connected_users strong{
		font-size:13px;
	}
		
	#header form#search{
		position:absolute;
		top:90px;
		margin-left:310px;
		}
		
	#header form#search p{
		float:left;
    	margin-right:5px;
		}
		
	input.saisie{
		width:130px;
		}
		
	#header input.saisie{
		width:145px;
		background:url(../images/interface/input_search.png) no-repeat center left;
		padding-left:25px;
		vertical-align:middle;
		border-radius:7px;
		-moz-border-radius:7px;
		-webkit-border-radius:7px;
		}
		
	#header input.bt_vert{
		border:0;
		width:28px;
		height:24px;
		line-height:24px;
		cursor:pointer;
		color:white;
		font-weight:bold;
		text-transform:uppercase;
		font-size:12px;
		background:url(../images/interface/bt_vert_small.png) no-repeat center top;
		padding:0;
		margin:0;
		}
		
	#header input.bt_vert:hover{
		background-position:center bottom;
		}

/* // header */
	
/* content */

	/*  Colonne GAUCHE */
	h2.top_260_vert{
		width:250px;
		min-height:25px;
		background:url(../images/interface/top_260_vert.png) no-repeat center top;
		padding-top:10px;
		padding-left:10px;
		color:#FFF;
		font-weight:bold;
		font-size:15px;
		}
	h2.top_260_vert a{
	color:white;}
	h2.top_260_gris{
		background:url(../images/interface/top_260_gris.png) no-repeat center top;
		color:#006666;
		text-transform:uppercase;
		}
	
        .dates{
                text-align:center;
                font-size:12px;
                color:#FFF;
                font-weight:normal;
                padding:0.5em;
                margin:0 0.5em 0.3em 0;
                background-color:#536c6c;
                color:white;
                display: inline-block;
                    -moz-border-radius: 10px; 
                -webkit-border-radius: 10px; 
                -khtml-border-radius: 10px; 
                border-radius: 10px; 			
                line-height:0.6em;
                }
	/* // Colonne GAUCHE */	
	
	/*  Colonne centrale */
		.edito{
		background-color:#EEE;
		padding:1em 0.5em;
		color:black;
		line-height:normal;
		margin: 0 0 1em 0;
		overflow:hidden;
		}
		.encadre{
		padding:1em;
		margin:5px 5px 10px 5px;
		color:black;
		border:1px solid #DDD;
		line-height:normal;
		display:block;
		float:left;
		width:640px;
		}
		.restreint /* données à accès restreint */
                {
                    color: blueviolet;
                    font-weight: bold;
		}
		
		.form_ficheClub textarea{
			height:90px;
			width:85%;
			}
	/* // Colonne centrale */
	

	
/* // content */

/* footer */

#footer{
    color:white;
    padding-top:30px;
    text-align:center;
    margin-bottom:20px;
}

#footer a, #footer a:visited{
    text-decoration:none;
    color:white;
}

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

#footer #footer_menu{
    margin-left:223px;
}

#footer ul{
    list-style:none;
    height:25px;
    margin:0;
}

#footer #footer_menu2{
    margin-left:48px;
}

#footer li{
    float:left;
    color:#888;
    margin:0 0 0 5px;
    padding:0;
    }

#footer #footer_menu2 li{
    font-size:10px;
}

#footer .xiti
{
    float: right;
    margin-right: 50px;
    margin-top: 20px;
}

#footer .logo_xhtml
{
    float: right;
    margin-right: 0px;
    margin-top: 20px;
}

/* // footer */

/* clearfix */

.inner:after, .content:after, .cols:after, .grid:after, .fixed:after{
        content:"."; 
        display:block; 
        height:0; 
        clear:both; 
        visibility:hidden;
        }
.inner, .content, .cols, .grid .fixed{display:block;min-height:1%;}
* html .inner, * html .content, * html .cols, * html .grid, * html .fixed{height:1%;}

/* // clearfix */

/* Boutons */

	.bt_orange_long, a.bt_orange_long, .bt_orange_court, a.bt_orange_court, .bt_orange_court_small, a.bt_orange_court_small, .bt_gris_court, a.bt_gris_court, .bt_logout, a.bt_logout{
		display:inline-block;
		background:url(../images/interface/bt_orange_long.png) no-repeat center top;
		width:220px;
		height:35px;
		line-height:35px;
		color:#FFF;
		font-weight:bold;
		text-align:center;
		text-decoration:none;
		margin:0;
		padding:0;
		border:0;
		cursor:pointer;
		font-size:15px;
		}
	.bt_gris_court{
		width:170px !important;
		background: url(../images/interface/bt_gris_court.png) no-repeat center top!important;
		margin:3px 5px 10px 0!important;
		}
	.bt_gris_court:hover{
		background-position:center bottom!important;
		}
		
	.bt_logout{
		width:170px !important;
		background: url(../images/interface/bt_logout.png) no-repeat center top!important;
		margin:3px 5px 10px 0!important;
		}
	.bt_logout:hover{
		background-position:center bottom!important;
		}
		
	.bt_orange_court, a.bt_orange_court{
		width:130px;
		background:url(../images/interface/bt_orange_court.png) no-repeat center top;
		}
		
	.bt_orange_court_small, a.bt_orange_court_small{
		background:url(../images/interface/bt_orange_small_court.png);
		width:85px;
		height:26px;
		line-height:26px;
		font-size:13px;
	}
	
	.bt_orange_xsmall{
		border:0;
		width:28px;
		height:26px;
		line-height:26px;
		cursor:pointer;
		color:white;
		font-weight:bold;
		text-transform:uppercase;
		font-size:12px;
		background:url(../images/interface/bt_orange_small.png) no-repeat center top;
		padding:0;
		margin:0;
		}
		
	.bt_orange_xsmall:hover{
		background-position:center bottom;
		}
		
	.bt_orange_long:hover, .bt_orange_court:hover, .bt_orange_court_small:hover{
		background-position:center bottom;
		}
		
	.bt_long_haut{
		background:url(../images/interface/fd_bt.png) 0 -3px no-repeat;
		width:242px;
		height:44px;
		line-height:20px;
		color:#FFF;
		font-weight:bold;
		text-align:center;
		text-decoration:none;
		margin:1em 0 0 0;
		padding:0;
		border:0;
		vertical-align:middle;
		cursor:pointer;
		font-size:14px;
		display:block;}	
	
		
	.bt_aide{
		display:inline-block;
		background:url(../images/interface/bt_aide.png) no-repeat center top;
		width:16px;
		height:16px;
		text-indent:-9999px;
		text-align:left;
		}
		
	.bt_aide:hover{
		background-position:center bottom;
		}
		
	.arrow_left, .arrow_right{
		display:inline-block;
		width:26px;
		height:26px;
		background:url(../images/interface/nav_carousel.png) no-repeat top left;
		vertical-align:middle;
		}
		
	.arrow_right{
		background-position:center top;
		}
		
	.arrow_left:hover{
		background-position:bottom left;
		}
		
	.arrow_right:hover{
		background-position:center bottom;
		}
		
	.bt_csv{
		display:inline-block;
		height:30px;
		line-height:30px;
		padding-left:35px;
		font-size:10px;
		vertical-align:middle;
		background:url(../images/interface/picto_csv.png) no-repeat;
		}
	.retour_cal{
		background:url(../images/picto/picto_cal.png) 0 0 no-repeat;
		height:44px;
		padding:0 0 0 47px;
		line-height:3.9em;
		display:block;
		}
	.retour_liste{
		background: url(../images/picto/picto_liste.png) 0 0 no-repeat;
		height:38px;
		padding:0 0 0 47px;
		line-height:3.9em;
		display:block;
		}
		
	.bt_pdf, .bt_excel, .bt_doc, .bt_pwpt{
		padding-left:54px;
		line-height:30px;
		display:inline-block;
		height:60px;
		/*font-size:10px;*/
		vertical-align:middle;
		}
	.bt_pdf{
		background: url(../images/picto/picto_pdf2.png) 0 0 no-repeat;
		}
	.bt_excel{
		background: url(../images/picto/picto_excel.png) 0 0 no-repeat;
		}
	.bt_doc{
		background: url(../images/picto/picto_document.png) 0 0 no-repeat;
		}
	.bt_pwpt{
		background: url(../images/picto/picto_pwpt.png) 0 0 no-repeat;
		}
		
	.bt_pdf_small, .bt_excel_small, .bt_doc_small, .bt_pwpt_small{
		padding-left:20px;
		line-height:30px;
		display:inline-block;
		height:25px;
		font-size:10px;
		vertical-align:middle;
		}
	.bt_pdf_small{
		background: url(../images/picto/picto_pdf_small.png) 0 0 no-repeat;
		}
	.bt_excel_small{
		background: url(../images/picto/picto_excl_small.png) 0 0 no-repeat;
		}
	.bt_doc_small{
		background: url(../images/picto/picto_doc_small.png) 0 0 no-repeat;
		}
	.bt_pwpt_small{
		background: url(../images/picto/picto_pwpt_small.png) 0 0 no-repeat;
		}

	.picto_fleche_vert{
		display:block;
		background:url(../images/interface/picto_fleche_vert.png) no-repeat top left;
		padding-left:20px;
		}

	.picto_fleche_orange{
		display:block;
		background:url(../images/interface/picto_fleche_orange.png) no-repeat top left;
		padding-left:20px;
		}
                
/* //Boutons */

/* easy elements */

	#easy_tooltip{
		border:1px solid #e1e1e1;
		padding:2px 10px;
		background:#f5f5f5;
		}
	#easy_tooltip span{} /* extra element */
	
	#easy_popup{ /* popup overlay */
		background:#000;
		}
	#easy_popup_preloader{ /* popup preloader */
		padding:10px;
		background:#fff;
		color:#333;
		}
	#easy_popup_content{ /* popup window */
		padding:10px;
		background:#fff;
		color:#333;
		}
	#easy_popup_content .caption{padding-top:10px;}	
	#easy_popup_close{ /* popup close button */
		position:absolute;
		float:left;
		left:0;
		top:-24px;
		color:#fff;
		cursor:pointer;
		}	
	#easy_popup_gallery{ /* popup gallery navigation */
		position:absolute;
		float:left;
		left:0;
		bottom:-24px;
		color:#fff;
		cursor:pointer;
		}	
	#easy_popup_prev{margin-right:5px;}
	#easy_popup_next{}
	#easy_popup_counter{ /* popup gallery counter */
		position:absolute;
		float:left;
		right:0;
		bottom:-24px;
		color:#fff;
		cursor:pointer;
		}
	
/* // easy elements */

/* Fonctionnalités */
	#top_310_vert2{
		background:url(../images/interface/top_310_gris.png) no-repeat center top;
		color:#FFF;
		height:56px;
		width:310px;
		font-weight:bold;
		margin:0;
		padding:0;
		position:absolute;
		right:28px;
		top:205px;
		}
	.titreNext{
		margin-top:43px;
		}
	a.imprimer{
		background: url(../images/picto/picto_imprim.png) 0 0 no-repeat;
		height:51px;
		width:44px;
		padding:0;
		margin:2px 3px 0;
		display:block;
		float:right;
	}
	a.imprimer:hover{
		background: url(../images/picto/picto_imprim.png) -44px 0 no-repeat;
	}
	a.tel_doc{
		background: url(../images/picto/picto_doc.png) 0 0 no-repeat;
		height:51px;
		width:44px;
		padding:0;
		margin:2px 3px 0;
		display:block;
		float:right;
	}
	a.tel_doc:hover{
		background: url(../images/picto/picto_doc.png) -44px 0 no-repeat;
	}
	a.tel_pdf{
		background: url(../images/picto/picto_pdf.png) 0 0 no-repeat;
		height:51px;
		width:44px;
		padding:0;
		margin:2px 3px 0;
		display:block;
		float:right;
	}
	a.tel_pdf:hover{
		background: url(../images/picto/picto_pdf.png) -44px 0 no-repeat;
	}
	a.tel_csv{
		background: url(../images/picto/picto_csv.png) 0 0 no-repeat;
		height:51px;
		width:44px;
		padding:0;
		margin:2px 3px 0;
		display:block;
		float:right;
	}
	a.tel_csv:hover{
		background: url(../images/picto/picto_csv.png) -44px 0 no-repeat;
	}
		a.tel_excel{
		background: url(../images/picto/picto_excl.png) 0 0 no-repeat;
		height:51px;
		width:44px;
		padding:0;
		margin:2px 3px 0;
		display:block;
		float:right;
	}
	a.tel_excel:hover{
		background: url(../images/picto/picto_excl.png) -44px 0 no-repeat;
	}
/* // Fonctionnalités */

/* Infos Site */
h3.info_site img.icone_type_info_site
{
    width: 16px;
    height: 16px;
    vertical-align: center;
}

h3.info_site span.date_info_site
{
    float: right;
    font-size: 0.8em;
}

div.detail_info_site
{
    padding-left: 2em;
}

div.detail_info_site p
{
    margin: 0;
    margin-bottom: 1em;
    line-height: 1;
}

div.souligne_info_site
{
    border: dotted black 1px;
    background-color: #FFFFC0;
    padding-top: 1em;
    padding-bottom: 1em;
    margin-bottom: 1em;
}

/* Duplitop5 */
ul.module_description li {
	margin: 0 0 0 230px;
	
	}
ul.module_description{
	list-style-type:none;
	}	
	p.module_description {
	margin: 0 0 0 230px;
	}
ul.liste_modules{
	margin:0;
	padding:0;
	list-style:none;
}
ul.liste_modules li{
	margin:0;
	padding:0;	
	float:left;
}
	
		ul.liste_modules li a.module1{
			margin:0;
			padding:0;
			height:101px;
			width:96px;
			display:block;
			background:url(../images/duplitop/modules.png) 0 0 no-repeat;	
		}
		ul.liste_modules li a.module1:hover{
			background:url(../images/duplitop/modules.png) 0 -101px no-repeat;	
		}
		ul.liste_modules li a.module2{
			margin:0;
			padding:0;
			height:101px;
			width:96px;
			display:block;
			background:url(../images/duplitop/modules.png) -97px 0 no-repeat;	
		}
		ul.liste_modules li a.module2:hover{
			background:url(../images/duplitop/modules.png) -97px -101px no-repeat;	
		}
		ul.liste_modules li a.module3{
			margin:0;
			padding:0;
			height:101px;
			width:96px;
			display:block;
			background:url(../images/duplitop/modules.png) -194px 0 no-repeat;	
		}
		ul.liste_modules li a.module3:hover{
			background:url(../images/duplitop/modules.png) -194px -101px no-repeat;	
		}
		ul.liste_modules li a.module4{
			margin:0;
			padding:0;
			height:101px;
			width:96px;
			display:block;
			background:url(../images/duplitop/modules.png) -289px 0 no-repeat;	
		}
		ul.liste_modules li a.module4:hover{
			background:url(../images/duplitop/modules.png) -289px -101px no-repeat;	
		}
		ul.liste_modules li a.module5{
			margin:0;
			padding:0;
			height:101px;
			width:96px;
			display:block;
			background:url(../images/duplitop/modules.png) -385px 0 no-repeat;	
		}
		ul.liste_modules li a.module5:hover{
			background:url(../images/duplitop/modules.png) -385px -101px no-repeat;	
		}

ul.avantages{
	width:460px;
	float:left;
	list-style:none;
	margin: 1em 0 0 0;
	}
	
	ul.avantages li{	
		 margin: 0;
		 padding: 0 0 1em 4em;
		 line-height:normal;
		 }
		 ul.avantages li.nouveautes{
			background:url(../images/picto/puce_etoile.gif) 0 0 no-repeat;
		 }
		 ul.avantages li.usb{
			background: url(../images/picto/puce_usb.gif) 0 0 no-repeat;
		 }
		 ul.avantages li.maj{
			background: url(../images/picto/puce_maj.gif) 0 0 no-repeat;
		 }
		  ul.avantages li.achat{
			background: url(../images/picto/puce_achat.gif) 0 0 no-repeat;
		 }
		 ul.avantages li.faq{
			background: url(../images/picto/puce_faq.gif) 0 0 no-repeat;
		 }

	ul.avantages li a{
		font-weight:bold;
		display:block;
		}
		
#captures{
	margin:0;
	padding:0;
	background:url(../images/interface/fond_captures.png) 0 0 no-repeat;
	min-height:167px;
	float:left;
	width:679px;
	}
	
	#captures ul{
		list-style:none;	
		margin:0;
		padding:0.6em 0.5em 0 1em;
		}
	#captures ul li{
		display:inline;
		margin:0;
		padding:0;
		float:left;
	}
	#captures ul li span{
		display:block;
		width:109px;}
	#captures ul li a{
		font-size:0.9em;
		color:#CC1144;
		text-align:center;
		line-height:normal;}
	#captures ul li a:hover span{
		text-decoration:underline;
	}

#question_duplitop{
	float:left;
	margin:0;
	padding:0;
	}
#question_duplitop p{
	float:left;
	width:390px;
	}
#question_duplitop h2{
	float:left;
	}
.telephone{
	color: #006666;
    font-size: 20px;
    font-weight: bold;
	}
	
.liste_capture{
	width:100%;
	float:left;
	height:auto;
	margin:5px 0;
	padding:0;
	border-bottom:1px solid #DDD;
	}
.liste_capture img{
	margin:5px 25px 5px 5px;
	float:left;
	padding:0;
	-moz-box-shadow: 8px 8px 12px #aaa;  
	-webkit-box-shadow: 8px 8px 12px #aaa;  
	box-shadow: 8px 8px 12px #555;
	}
.liste_capture img.nouveau{
		margin:0;
		padding:0;
		-moz-box-shadow:none;  
		-webkit-box-shadow:0;  
		box-shadow: 0;
		float: none;
		 height:31px;
		 width:67px;
	}
	/*.liste_capture p{
	margin:0;
	float:left;
	padding:0;
	}
	 .liste_capture h3, .liste_capture ul{
	margin:0;
	float:left;
	padding:0;
	}*/
/* // Duplitop5 */

/* View Album */
h4.titreAlbum{	
	background:url(../images/interface/fond_titre.gif) 0 0 repeat-x;
	height:20px;
	padding:0 0 0 1em;
	color:white;
	font-size: 1.1em;
	line-height:1.6em;
	margin:0 0 0.3em 0;
}

h4.titreAlbum span{
	float:right;
	font-weight:normal;
	font-size: 0.8em;
	margin:0.2em 0.5em 0 0;
		}
/* // View Album */

/* View FILE Album */

.file_album{
	padding:0;
	margin:0 0 0.5em 0;
	float:left;
	}
	.file_album ul.liste_photos{
		list-style:none;
		margin:0;
		padding:0;
		float:left;
	}
	.file_album ul.liste_photos li{
		display:inline;
		margin:0 1px 3px 0;
		padding:0;
		float:left;
	}
    .file_album ul.liste_photos li div
    {
        background-repeat: no-repeat;
        background-color: black;
        width: 225px;
        height: 169px;
    }	
	.file_album h4.titreAlbum span{
		float:none;
		margin:0 0 0 1em;
		}
	
	.file_album a.voir_album{
		float:right;
		height:20px;
		background:url(../images/view_album/fd_btn_voirttes.png) 0 0 no-repeat;
		width:142px;
		color:white;	
		padding:0 0 0 21px;
		font-size: 0.9em;
		}


/* // View FILE Album */

/* Contact */
ul.detail_contact{
	list-style:none;
	margin:2em 0;
	padding:0;
	float:left;
	
}
ul.detail_contact_suite{
	background-color:#f2f2f2;
	margin:0 0 0 15px !important;
	padding:8px;
	
}
ul.detail_contact_suite li{
	border-left:1px solid white;
	border-right:none !important;
	width:190px !important;
	
}
	ul.detail_contact li h4{
		color:#00666a;
		}
	ul.detail_contact li h4 img{
		float:left;
		padding: 0 0.5em 0 0;
	}
	ul.detail_contact li{
		border-right:1px solid grey;
		margin:0;
		padding:0 0.8em;
		display: inline;
		float:left;	
		width:200px;
		line-height:normal;
		min-height:166px;
		list-style:none;
	}
	ul.detail_contact li.end{
		border:none;
		}
	ul.detail_contact select{
		width:200px;
		}
		ul.detail_contact ul{
			margin:0;
			padding:0;
			}
		ul.detail_contact ul li{
			margin:0;
			padding:0;
			height:auto;
			float:none;
			border:none;
			display:block;
			min-height:21px;
			}

		
	/*Les commissions*/
	.commission{
		background:url(../images/interface/divider_horizontal.png) repeat-x bottom;
		padding:0 0 15px 0;
		float:left;
	}

/* // Contact */

/* 10 inscription */

p.contact_description {
	margin: 0 0 0 140px;
	
	}

ul.contact_description li{
	margin: 0 0 0 140px;
	}

#infos{
	margin:1em;
	padding:0;
	line-height:normal;
	}

#heure{
	width:177px;
	height:15px;
	padding:17px 20px 20px 46px;
	color:black;
	background:url(../images/inscription/fond_heure.gif) 0 0 no-repeat;
	}
#heure span{
	font-weight:bold;
	font-size:1.3em;
	}



/* // 10 inscription */

/*  11 inscription */
.table_inscr{
	width:680px;
	
}
	.table_inscr tr{
		padding-bottom:10px;
	}
	.table_inscr td{
		line-height:normal;vertical-align:top;
		}
	tr.inscript_tournois{
		height:50px;
		line-height:normal;
		}
	
	tr.inscript_tournois img{
		position:absolute;
		}
		tr.inscript_tournois strong{
		margin:0 0 0 2.1em;
		font-size:0.9em;
		}
	.attente{
		background:url(../images/picto/car_or.png) -4px 0 no-repeat;
		padding:8px 0 0 30px;
		min-height:31px;
		}
	.dispo{
		background:url(../images/picto/car_vrt.png) -4px 0 no-repeat;
		padding:8px 0 0 30px;
		min-height:20px;
	}
	.complet{
		background:url(../images/picto/car_rg.png) -4px 0 no-repeat;
		padding:8px 0 0 30px;
		min-height:20px;
	}
	
	.table_inscr ul{
		list-style:none;
		margin:0;
		padding:0;
	}
	.table_inscr ul li{
		list-style:none;
		line-height:normal;
	}
	.attenteList{
		background:url(../images/picto/car_or_small.png) 0 0 no-repeat;
		padding:3px 0 0 23px;
		min-height:17px;
		margin:0;
		}
	.dispoList{
		background:url(../images/picto/car_vrt_small.png) 0 0 no-repeat;
		padding:3px 0 0 23px;
		min-height:17px;
		margin:0;
	}
	.completList{
		background:url(../images/picto/car_rg_small.png) 0 0 no-repeat;
		padding:3px 0 0 23px;
		min-height:17px;
		margin:0;
	}
	/* Progress bar */
	
		.progress_bar_green{
			width:213px;
			height:30px;
			padding-left:7px;
			}
			
		.progress_bar_green{
			background: url(../images/inscription/progress_bar/green.png) top left no-repeat;
			}
			
		.progress_bar_green span{
			display:block;
			position:absolute;
			width:220px;
			height:30px;
			line-height:30px;
			text-align:center;
			color:white;
			}
			
		.progress_bar_green .percent{
			height:30px;
			background:url(../images/inscription/progress_bar/green_percent.png) no-repeat top right;
			}
			
	/* // Progress bar */

/* // 11 inscription */

/*  14 inscription FAQ */
.question{
	background:url(../images/picto/puce_faq.png) 0 0 no-repeat;
	padding:4px 0 0 28px;
	min-height:25px;
	margin:0;
	}
/* // 14 inscription FAQ */

/*  18 classement */
.edito ul{
	list-style:none;
	margin:0;
	}
/* // 18 classement */

/*  30 fiche */
	.portrait{
		border:5px solid white;
		-moz-box-shadow: 8px 8px 12px #aaa;  
		-webkit-box-shadow: 8px 8px 12px #aaa;  
		box-shadow: 8px 8px 12px #555; 
		margin:0 10px 10px 0;
	}
	#onglets{
		width:635px;
		height:33px;
		border:none;
		position:relative;
		top:-43px;
	}
	#onglets ul{
		margin:0;
		padding:0;
		list-style:none;
		}
	#onglets ul li{
		margin:0;
		padding:0;
		display:inline;
		float:left;
		}
	#onglets ul li a{
		display:block;
		width:127px;
		margin:0;
		padding:0;
		height:33px;
		}
	#onglets ul li a.ongl_infos:hover, #onglets ul li a.ongl_infos_selected{
		background:url(../images/mafiche/onglets.png) 0 0 no-repeat;
		}
		#onglets ul li a.ongl_infos{
		background:url(../images/mafiche/onglets.png) 0 -33px no-repeat;
		}
	#onglets ul li a.ongl_classement:hover, #onglets ul li a.ongl_classement_selected{
		background:url(../images/mafiche/onglets.png) -127px 0 no-repeat;
		}
		#onglets ul li a.ongl_classement{
		background:url(../images/mafiche/onglets.png) -127px -33px no-repeat;
		}
	#onglets ul li a.ongl_result:hover,#onglets ul li a.ongl_result_selected{
		background:url(../images/mafiche/onglets.png) -254px 0 no-repeat;
		}
		#onglets ul li a.ongl_result{
		background:url(../images/mafiche/onglets.png) -254px -33px no-repeat;
		}
	#onglets ul li a.ongl_palmares:hover, #onglets ul li a.ongl_palmares_selected{
		background:url(../images/mafiche/onglets.png) -381px 0 no-repeat;
		}
		#onglets ul li a.ongl_palmares{
		background:url(../images/mafiche/onglets.png) -381px -33px no-repeat;
		}
	#onglets ul li a.ongl_fonction:hover,#onglets ul li a.ongl_fonction_selected{
		background:url(../images/mafiche/onglets.png) -508px 0 no-repeat;
		}
		#onglets ul li a.ongl_fonction{
		background:url(../images/mafiche/onglets.png) -508px -33px no-repeat;
		}
/*  // 30 fiche */

/*  39 calendrier */
#legende
{
    margin:0;
    padding:10px;
}
#legende p
{
    margin:0;
}
#legende p img
{
    margin-right:8px;
    position:relative;
    top:8px;
}
.date_annulee
{
    text-decoration:line-through;
    color:#534c4c !important;
}
.date_complete
{
    color:#b81212 !important;
}
.cal_detail_complet
{
    color:#B81212;
    background:url(../images/picto/picto_danger.jpg) 0 0 no-repeat;
    padding:5px 0 0 27px;
    min-height:17px;
    margin:0;
}
.cal_detail_annule
{
    color:#534c4c;
    background:url(../images/picto/picto_annule.jpg) 0 0 no-repeat;
    padding:5px 0 0 27px;
    min-height:17px;
    margin:0;
}
/*  // 39 calendrier */

/* Carte clubs */

	a.bt_simultanes{
		display:block;
		width:228px;
		height:200px;
		background:url(../images/interface/bt_simultanes.png) no-repeat top left;
		text-indent:-9999px;
		float:right;
		}
		
	a.bt_simultanes:hover{
		background-position:top right;
		}

	#carte_clubs{
		background:url(../images/interface/carte_clubs.png) no-repeat;
		}

/* // carte clubs */
/*  classique  	*/
ul.liste_classique li{

		display:block;
		background:url(../images/interface/picto_fleche_orange.png) no-repeat top left;
		padding-left:20px;
}
ul.classique_description li {
	margin: 0 0 0 230px;
	display:block;
		background:url(../images/interface/picto_fleche_orange.png) no-repeat top left;
		cursor:pointer;
		padding-left:20px;
	}
img.classique_align{float: left; margin: 0px 6px 20px 0px;}
p.classique_align{margin:35px 0px 0px 0px;}
/* // classique */


/* //lien */

img.lien_marge{float:left; margin-right:20px;}

/* //lien en vert plan du site*/

a.lien_externe{color: green;}

/* //lien en bleu plan du site*/
a.redirection{color: blue;}

/* //épaissir tracé tableau */

table.epaisseur td{border: 1px solid; border-color: #000000; font-size:large;}

/* //fond de page plan du site */

div.fond_de_plan{background-color: white;}

/*// Puce orange a coté d'un paragraphe*/
p.liste_classique {
                display:block;
		background:url(../images/interface/picto_fleche_orange.png) no-repeat top left;
		padding-left:20px;
}
table.jeux{
    border: 1px solid black;
    
}
td.jeux{
    border: 1px solid black;
    
}
p.image_gauche > img, p.image_gauche > a img
{
    float:left;
    border:5px solid white;
    -moz-box-shadow: 8px 8px 12px #aaa;  
    -webkit-box-shadow: 8px 8px 12px #aaa;  
    box-shadow: 8px 8px 12px #555; 
    margin:0px 20px 20px 0px;
}

p.image_droite > img, p.image_droite > a img
{
    float:right;
    border:5px solid white;
    -moz-box-shadow: 8px 8px 12px #aaa;  
    -webkit-box-shadow: 8px 8px 12px #aaa;  
    box-shadow: 8px 8px 12px #555; 
    margin:0px 0px 20px 20px;
}
p.image_centre > img, p.image_centre > a img
{
    float:none;
    border:5px solid white;
    -moz-box-shadow: 8px 8px 12px #aaa;  
    -webkit-box-shadow: 8px 8px 12px #aaa;  
    box-shadow: 8px 8px 12px #555; 
    margin:0px 0px 20px 0px;
}

p.image_clear
{
    clear: both;
}

dl.gallery
{
width: 170px;
text-align: center;
padding: 10px;
float: left;
margin-right: 1em;
}
.gallery dt { font-weight: bold; }
.gallery dd
{
margin: 0;
padding: 0;
}
/*Commentaires*/
.commentaire_texte{
    font-size:13px;
    width:600px;
    word-wrap: break-word; /* Gestion du depassement de contenu*/ 
}
.commentaire img{
    vertical-align:middle;
}
.rouge tr{
 background-color:#FF0000;   
}
/* utiliser pour masqué des lignes du formulaire carrousel
tr.bouton1_details
{
    visibility:collapse;
}
tr.bouton2_details
{
    visibility:collapse;
}
*/
table.tableauSansBordure td
{
 border:none;
 border-collapse: collapse;
}