body {/*cache tribune*/
margin:0;
padding:0;
font: 80% Verdana, Arial, Helvetica, sans-serif;
color:#036;
}
p {
	padding: 0;
	margin: 10px 0;
}
.cls{clear:both;}
img {
	border:none;
	margin:0;
}

ol {list-style-type: decimal-leading-zero;}

form { margin:0; padding:0;}
input, select {font:10px Verdana; margin:2px 0;}
.inputsearch {
	height:13px;
	border:1px solid #000;
	padding-left:8px;
	margin:0;
	background:#FFF ;
	color:#000;
	}
.fond-fixe{
width:1040px;
margin-left:auto;
margin-right:auto;
padding:0 0 0 34px;
display:table;
background:url(../ig/fond-page.jpg) no-repeat;
}
.conteneur{
width: 1155px;
margin-left:auto;
margin-right:auto;
display:table;
text-align:justify;
}
#maincontainer{
width: 1000px;
float:left;
margin: 0 auto;
background-color:#FFF;
/*border:1px solid #000;*/
}
.rightpub{
margin-top:5px;
float:right;

}

.topsection{
float:left;
width:100%;
background:#fff;
}
.topsection h1{
margin: 0;
padding-top: 15px;
}
#contentwrapper{
float:left;
width: 490px;
display:table;
}
#leftcolumn{
float: left;
width: 310px; /* 300px + 10px de marges innertube*/
/*margin-left: -489px; /*Valeur égale à -(LeftColumnWidth + RightColumnWidth)*/
/*background: #C8FC98;*/
background-color:#F0F1F1;
display:table;
}

#leftcolumn p,.tub-right p {
line-height:1.2em; margin:0 0.6em 0.5em 0.6em; padding:0;
}
#leftcolumn .dossbloc,.tub-right .dossbloc{
	width:130px; margin:0 0 0 10px;
}
#leftcolumn h1{
}
#leftcolumn h3.restau,.tub-right h3 .restau {color:#820000; padding-top:5px; border-top:5px solid #820000;}
#leftcolumn h3, #leftcolumn h3 a,.tub-right h3,.tub-righth3 a {color:#333;}
#leftcolumn h3 a:hover,.tub-right h3 a:hover { text-decoration:underline}

#rightcolumn{
float: right;
width: 179px;/* 164px + 15px de marges innertube*/
display:table;
/*margin-left: -179px; /*Valeur égale à -RightColumnWidth*/
/*background: #FDE95E;*/
background-color:#FFF;
}


/*----------------------------------------zone de recherche google et news letter dans le top-----------------------------------*/
.googrech-news{
float:left;
width:975px;
height:33px;
background:url(../ig/fd_rech.jpg) repeat-y;
background-position:0 -3px;
padding:4px 0 0 4px;
}

#googrech{
float:left;
width:315px;
height:27px;
background:url(../ig/bg_google.gif) no-repeat;

}
#input-googrech{
float:left;
width:200px;
margin:5px 0 0 67px;

}
#ig-googrech{
margin:2px 0  0 5px;

}
#newstop{
float:left;
width: 278px;
height: 27px;
background:url(../ig/bg_newsletter.gif) no-repeat;
margin:0 0 0 5px;
}
#input-news{
float:left;
margin:5px 0 0 62px;

}
#ig-news{
margin:2px 0  0 3px;

}
/*----------------------------------------zone de recherche google dans le contenu----------------------------------*/
.rech{
width:300px;
height:50px;
padding:8px 0 0 10px;
background:url(../ig/rech.png) no-repeat;
}
.rech input{
height:18px;
width:190px;
}
.submit{

}
/*-----------------------------------zone agenda/présentation--------------------------------*/
.event-ht{
float:left;
background:url(../ig/cs-evenement-ht.png) repeat-y;
width:300px;
display:table;
padding:10px 0 0 0;
margin:5px 0 0 0;
}
.event-ht h1{
margin:0 0 10px 10px;
}
.event-ht h2{
margin:0 5px 10px 10px;
}
.event-ht p{
margin:0 0 0px 10px;
}
.event-ht h3{
font-weight:normal;
padding:0 10px 0 0;
}
.event-ht ul{}
.event-ht li{
margin:5px 0;
}
.event-bs{
float:left;
background:url(../ig/cs-evenement-bs.png) repeat-y;
width:300px;
height:20px;
margin:0 0 5px 0;
}
.event-ht img{
float:left;
margin:3px;
}
/*----------------------------------------horaires judo----------------------------------*/
.horaires{
float:left;
width:630px;
height:700px;
}

/*---------------------Modele de page avec  2 colonnes  grande moyenne--------------------------------------*/

#cheminconsultation {
	margin: 5px 0 10px 0;
}

.tub-middle{
float:left;
width:640px;
padding:0 0 0 20px;
	}
.tub-middle p{
padding:0 5px 0 3px;
text-align:justify;
}

.tub-middle img,.tub-middle-gd img{
float:left;
vertical-align:middle;
width:auto;
margin:5px 25px 5px 5px;
}
.tub-middle-right img,.tub-middle-right-gd img{
float:right;
vertical-align:middle;
width:auto;
padding:5px 15px 5px 15px;
}
.tub-middle h2 {
font-size: 1.1em;
font-weight: normal;
}
.tub-middle ul{
margin:0 0 0 0px;
}
.tub-middle li{
margin:0 0 0 20px;
}

.tub-middle a,.tub-middle li a{
text-decoration:underline;
color:#0048e6;
}
.tub-middle a:hover,.tub-middle li a:hover{
text-decoration:underline;
color:#0048e6;
background:#ffc;
}
.tub-middle a:visited,.tub-middle li a:visited{
text-decoration:underline;
color:#900;
}
.tub-right{
float:right;
width: 310px;/* 164px + 15px de marges innertube*/
margin-left: -179px; /*Valeur égale à -RightColumnWidth*/
/*background: #FDE95E;*/
background-color:#F0F1F1;
}
.theme{
background: #efefef;
width:640px;
}
.theme ul,.theme li{
list-style:circle;
}
/*-------articles mise en forme colonne double  dans page-avec  2 colonnes  moyenne petite--------------*/

.doublecolB-gd {
float:left;
width:310px;
margin: 0 10px 0 0;
border-bottom:1px solid #CCC;
padding:0 0 10px 0;
text-align:justify;
}

/*------------------------------Modele de page avec  2 colonnes  grande petite----------------------------*/	
.tub-middle-gd{
float:left;
width:780px;
padding:0 20px 0 20px;
	}
.tub-middle-gd p{
padding:0 5px 0 5px;
}
.tub-right-pt{
float:left;
width: 179px;/* 164px + 15px de marges innertube*/

/*background: #FDE95E;*/
background-color:#FFF;

}
/*-------articles mise en forme colonne double  dans page-avec  2 colonnes  grande petite--------------*/

.doublecolA-gd {
float:left;
width:380px;
margin: 0 10px 0 0;
border-bottom:1px solid #CCC;
padding:0 0 10px 0;
text-align:justify;
}
/*---------------------------------------------innertube-----------*/
.topsection .innertube{
margin:0 0 5px 0;
padding: 8px 10px 5px 10px;
background:url(/ig/cachetribune.png) top left no-repeat;
width:980px;
}
.topsection-bs{
padding: 8px 10px 5px 5px;
margin:0 0 5px 6px;

}
#contentcolumn .innertube {
width:475px;
margin: 0 5px 10px 10px;
}
#leftcolumn .innertube{
margin: 0 5px 10px 5px;
}
#rightcolumn .innertube{
margin: 0 10px 10px 5px;
}
#footer .innertube{
margin: 10px 10px 0 10px;
border:1px solid #CCC;
padding:10px 10px 10px 10px;
}
.tub-right .innertube,.tub-right-pt .innertube{
margin:5px;
}
/*-------------------------------------------------pub------------------------------------*/
.pub{
	width:728px;
	height:90px;
	margin:0 0 10px 250px;
}

.affpub {
	margin:0 0 8px 0;

}
.rightpub{
margin-top:5px;
float:right;
}
/*--------------------------------------------pictos-------------------------------------------*/
/*.pictos{
width:728px;
	height:90px;
	margin:20px 0 0px 350px;
}
.pictos img{
border:none;
margin:0 0 0 10px;
}*/
.pictos{
float:right;
margin:3px 0 0 0px;
}
.pictos img{
margin:0 10px 0 0;
}
.langues{
float:right;
margin:3px 0 0 0px;
width:73px;
height:73px;
}
.langues img{
margin:5px
}
/*--------------------------------------------------------------------mise en forme simple------------------------------*/
.left {float:left;}
.right {float:right;}
.clear { clear: both; }
.clearright { clear: right;}
.clearleft { clear: left;}
.clear, .clearright, .clearleft {line-height: 0; font-size:0;}
/*-----------------------------articles mise en forme simple colonne ------------------------------------------------*/
.simplecol{
float:left;
width:100%;
border-bottom:1px solid #CCC;
margin:10px 0;
padding:10px 5px 0 0;
clear:both;
text-align:justify;
}
.premiere{
float:left;
width:100%;
display:table;
border-bottom:1px solid #CCC;
margin:-15px 0 0 0;
padding:10px 5px 0 0;
clear:both;
text-align:justify;
}
.simplecol h1,.premiere h1,.doublecolA h1, .doublecolB h1,.untiers h1,.deuxtiers h1 {
font-size:22px;
line-height:25px;
text-align:left;
}
.simplecol img,.simplecol img a,.premiere img,.premiere img a{
float:left;
margin:0 10px 0 0;
border:0;
padding-right:5px;
padding-bottom:2px;
max-width:200px;
*width:expression(document.body.clientWidth < 200 ? "200px" : "auto");
*width:expression(document.body.clientWidth > 200 ? "200px" : "auto");
}
/*-------------------------articles mise en forme colonne double --------------------------*/

.doublecolA, .doublecolB {
float:left;
width:220px;
margin: 0 10px 0 0;

padding:0 5px 10px 0;
text-align:justify;
border-right:1px solid #CCC;
}
.doublecolA img, .doublecolB img{
float:left;
border:0;
padding-right:5px;
padding-bottom:2px;
max-width:210px;
*width:expression(document.body.clientWidth < 210 ? "210px" : "auto");
*width:expression(document.body.clientWidth > 210 ? "210px" : "auto");
}
/*--------------------articles mise en forme colonne un tiers/deux tiers---------------------------------*/
.untiers {
float:left;
width:152px;
padding-right:10px;
border-right:1px solid #CCC;
text-align:justify;
}
.deuxtiers {float:right;
/*margin-left:175px;*/
width:290px;
padding:0 10px 10px 10px;
border-bottom:1px solid #CCC;
text-align:justify;
}
.untiers img{
float:left;
border:0;
padding:5px;
max-width:145px;
*width:expression(document.body.clientWidth < 145 ? "145px" : "auto");
*width:expression(document.body.clientWidth > 145 ? "145px" : "auto");
}
.deuxtiers img{
float:right;
border:0;
padding:5px;
max-width:145px;
*width:expression(document.body.clientWidth < 145 ? "145px" : "auto");
*width:expression(document.body.clientWidth > 145 ? "145px" : "auto");
}
/*---------------------lastnews---CADRE DES DERNIERES news--------------------------------------*/
.lastnews {
	border:1px solid #e1e1e1;
	padding:5px;
	margin-top:5px;
	margin-bottom:5px;
	font-size:0.9em;
	background-color:#ffffff;
	width:288px;
	display:table;
}
.lastnews p{
border-bottom:1px solid #e1e1e1;
padding:5px 2px;
font-size:1em;
}	
.lastnews p span{
font-style:italic;
font-weight:bold;
font-size:0.95em;
}
.lastnews ul {
	margin:0;
	padding:0;
}
.lastnews li {
	list-style-type: none;
	padding-bottom:4px;
}

.lastnews h2{
 border:none;
font-size:1.1em;
font-weight:bold;
text-transform:uppercase;
padding:0 0 4px 0;
border-bottom:1px solid #e1e1e1;
}

/*-------------------------------------------box recherche-------------------*/
.recherche{
background:url(../ig/recherche-ht.jpg); 
display:block;
width:162px; 
height:100px;
margin:0 0 0 4px;
}
.recherche button{
	width:22px;
	height:22px;
	font-size:1em;
	text-align:center;
	}
	

/*------------------------------------------------------box ig-du-jour------------------------*/
.ig-du-jour{
width: 162px;
display:table;
margin:5px 0 0 3px;
text-align:center;
}

/*------------------------------------------------------box de la newsletter----------------------*/
.buggy{
background:url(../ig/newsletter.jpg) no-repeat; 
	height:150px; 
	width:162px;
margin:0 0 0 4px;
	
 }
.buggybox{
	padding:53px 0 0 3px;

	}
.buggybox input{
margin:0 0 0 10px;
}
.buggybox ul{
	padding:0px;
	}
.buggybox li{
	list-style-type:circle;
	list-style-position:inside;
	padding:0 0 0 10px;
	color:white;
	font-size:0.9em;
	}
.buggybox li a{
color:white;
}
* html .buggybox {height: 1%;} /* for IE/Win Coorige bug IE6 disparition de DIV*/
*>html .buggybox {he\ight: auto;} /* for IE5/Mac */
/*-------------------rss------------------------------------------------*/
.rss p{
font-size:1em; 
font-weight:bold;
color:#84082c;
text-align:justify;
padding:0 5px 0 5px;
}
/*----------------footer-----------------------------------*/
#footer{
clear: left;
width: 100%;
background: #FFF;
color: #666;
padding: 2px 0;
}

	#footer .mentions{
		margin:0 10px 20px 10px;
		background-color:#666;
		color:#fff;
		padding:5px;
		text-align:center;
	}
		#footer .mentions a {
			color:#fff;
			text-decoration:none;
		}
		#footer .mentions a:hover{
			color:#fff;
			text-decoration:underline;
		}

#footer a{
color: #666;
}
#footer a:hover{
color: #333;
}
#footer ul{
	margin:0; padding:0;
}
#footer li {
	list-style-type: none;
	padding-bottom:4px;
}
#footer .links {
	width:150px;
	float:left;
	margin:0 15px 0 15px;
	padding:0;
	border-right:1px solid #CCC;
}
#footer .links2 {
	float:left;
	margin:0;
	padding:0;

}
