body {/*cnantibes* bleu sombre: color:#036;*/
margin:0;
padding:0;
font: 80% Verdana, Arial, Helvetica, sans-serif;
color:#036;
}
.cls{clear:both;}
.google-bs{float:left;
width:978px;
margin:0 25px 0 10px;
background:#e1e1e1;}
img {
	border:none;
}
.bg-bleu{background:url(/ig/bg-bleu.png) no-repeat;}
ol {list-style-type: decimal-leading-zero;}

form { margin:0; padding:0;}
input, select {font:10px Verdana; margin:2px 0;}
hr{
border:1px;

}
.inputsearch {
	height:13px;
	border:1px solid #000;
	padding-left:8px;
	margin:0;
	background:#FFF ;
	color:#000;
	}
.fond-fixe{
width:1040px;
float:left;
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;
}
#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%;
display:table;
background-color: #FFF;
}
.topsection h1{
margin: 0;
padding-top: 15px;
}
#contentwrapper{
float:left;
width: 490px;
display:table;
}
#leftcolumn{
float: left;
width: 310px; 
background-color:#F0F1F1;
display:table;
}

#leftcolumn p,.tub-right p {

}
#leftcolumn .dossbloc,.tub-right .dossbloc{
	width:130px; margin:0 0 0 10px;
}
#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:#036;}
#leftcolumn h3 a:hover,.tub-right h3 a:hover { text-decoration:underline}

#rightcolumn{
float: right;
width: 179px;
display:table;
/margin-right:8px;
background-color:#FFF;
text-align:left;
}

.title-pr{
display:none;}
.bdy-bottom-pr {
display:none;
}
#pied-de-page-impression,#txt-footer-impression {/*pas utilise pour l'instant*/
  display:none;
  }
.header{
float:left;
background:url(/ig/cnantibes.jpg) no-repeat;
width:978px;
height:202px;
}
.logo{
float:left;
margin:0;
width:200px;
height:200px;

}
.langues{
float:right;
width:200px;
height:50px;
margin:0;
}
.langues img{
float:right;

}

/*----------------------------------------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{

width:190px;
}
.submit{

} -*/
/*-------------------------------------------------------------zone agenda col centrale----------------------------------------------------------------------------------------*/
.event-ht{
float:left;
background:url(../ig/cs-evenement-ht.png) repeat-y;
width:300px;
display:table;
padding:10px 0 0 0;
}
.event-ht h1{
margin:0 0 10px 10px;
}
.event-ht h2{
margin:0 3px -10px 10px;
line-height:1.7em;
}
.event-ht h3{
font-weight:normal;
margin:0 5px;
}
.event-ht ul{}
.event-ht li{
margin:5px 2px;
}
.event-bs{
float:left;
background:url(../ig/cs-evenement-bs.png) repeat-y;
width:300px;
height:20px;
margin:0 0 10px 0;
}
/*-------------------------------------------------------------zone agenda dans simplecol----------------------------------------------------------------------------------------*/
.event-seul{
float:left;
width:300px;
display:table;
padding:10px 0 0 30px;
margin:0 0 0 20px;
}
.event-seul h1{
margin:0 0 10px 10px;
}
.event-seul h2{
margin:0 0 -10px 10px;
}
.event-seul h3{
font-weight:normal;
}	

/*-------------------------------------------------------------Modele de page avec  2 colonnes  grande moyenne----------------------------------------------------------------------------------------*/

#cheminconsultation {
	margin: 5px 0 10px 0;
}

.tub-middle,.tub-milieu,.colonne-themes{
float:left;
width:590px;
padding:0 55px 0 45px;
	}
.tub-middle p,.tub-milieu p{

text-align:justify;
font-size:1.1em;
line-height:1.5em;
}
.tub-middle h2{
font-size:1.1em;
font-weight:normal;
}
.tub-middle h3{
margin:15px 0 0 0;
font-size:1.5em;
font-weight:bold;
color:#036;
text-transform:none;
}
.tub-middle ull{
margin:0 0 0 0px;
}
.tub-middle li{
margin:0 0 0 20px;
font-size:1.1em;
line-height:1.5em;
}
.tub-middle a,.tub-middle li a{

color:#0048e6;
}
.tub-middle a:hover,.tub-middle li a:hover{

color:#0048e6;
background:#ffc;
}
.tub-middle a:visited,.tub-middle li a:visited{

color:#900;
}
.tub-middle img,.tub-middle-gd img{
float:left;
vertical-align:middle;
width:auto;
padding:5px 15px 5px 5px;
}
.tub-middle-right img,.tub-middle-right-gd img{
float:right;
vertical-align:middle;
width:auto;
padding:5px 15px 5px 15px;
}
.tub-right{
float:right;
width: 310px;/* 164px + 15px de marges innertube*/
margin-left: -169px; /*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:760px;
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{
padding: 8px 10px 5px 10px;
}
#contentcolumn .innertube {
width:475px;
margin: 0 5px 10px 10px;
}
#leftcolumn .innertube{
margin: 3px 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 google-----------------------------------------------------------------------------------*/
.pub{
	width:728px;
	height:90px;
	margin:0 0 10px 250px;
}

.affpub {
	margin:0 0 8px 0;
border-top:1px solid #e1e1e1;
}
.rightpub{
margin-top:5px;
float:right;
}
/*-------------------------------------------------------------zone pictos----------------------------------------------------------------------------------------*/
.pictos{
float:right;
margin:20px 0 0 0px;
}
.pictos img{
margin:0 10px 0 0;
}
/*--------------------------------------------------------------------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%;
display:table;
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 a,.premiere a,.doublecolA a, .doublecolB a,.untiers a,.deuxtiers a{
text-decoration:none;
}
.simplecol img,.simplecol img a,.premiere img,.premiere img a{
float:left;
border:0;
margin:0 5px 10px 5px;
max-width:210px;
*width:expression(document.body.clientWidth < 210 ? "210px" : "auto");
*width:expression(document.body.clientWidth > 210 ? "210px" : "auto");
}

.tub-milieu .simplecol{
margin:0;
}
/*--------------------------------------------------------------------articles mise en forme colonne double ------------------------------------------------------------------------------------*/

.doublecolA, .doublecolB {
float:left;
width:220px;
margin: 0 10px 0 0;
display:table;
padding:0 5px 10px 0;
text-align:justify;
border-right:1px solid #CCC;
}
.doublecolA img, .doublecolB img{
float:left;
border:0;
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:151px;
display:table;
padding-right:10px;
border-right:1px solid #CCC;
text-align:justify;
}
.deuxtiers {float:right;
margin:2px 0 0 0;
width:289px;
display:table;
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-bottom:8px;
	font-size:0.9em;
	background-color:white;
	width:288px;
}
.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;
line-height:2em;
font-weight:bold;
padding:0 0 6px 0;
border-bottom:1px solid #e1e1e1;
vertical-align:middle;
}
.lastnews h3{
 border:none;
font-size:1.1em;
font-weight:bold;
text-transform:capitalize;
padding:0 0 4px 0;
vertical-align:middle;
}
.lastnews img{
margin:5px;

}
/*----------------------------zone des listes themes-------*/

.cna-menu{
float:left;
width:570px;
display:table;
margin:0px 0px 0 0px;
padding:100px 0 10px 20px;
font-size:0.9em;
text-decoration:none;
background:transparent;
}
.disciplines{

background:url(/ig/disciplines.jpg) no-repeat;
}
.mini-club{
background:url(/ig/mini-club.jpg) no-repeat;
}
.sport-etude{
background:url(/ig/sport-etude.jpg) no-repeat;
}
.cna-menu ul{
float:left;
width:540px;
padding:0 0 10px 0;
}

.cna-menu li{
list-style: disc;
line-height:23px;
white-space:nowrap;
float:left;
padding:0 25px 0 0;
margin:0;
font-weight:bold;
}
.cna-menu li a{
margin:0 0 0 -5px;
padding:0;
font-weight:bold;
text-decoration:none;
}
.cna-menu li a:hover,.cna-menu li a:visited,.pere a:visited{
text-decoration:none;
}
.pere{
margin:2px 0 0 0;
padding:3px;
font-weight:bold;
color:#fff;
background:#036;
border:1px solid #f1f1f1;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
.pere a{color:#fff;}
.pere a:hover{color:#e0ffff;}
.cna{
float:left;
width:100%;
display:table;}

/*-------------------------------------------------------------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 recherche google--------------------------------------------------------------------------*/
.rechgoogle{
margin:10px 0;
padding:20px 0 20px 15px;
border:2px solid #036;
background:#fff;
}
/*------------------------------------------------------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/cannes-newsletter.png) no-repeat; 
	height:118px; 
	width:170px;
margin:0 0 0 2px;
padding:5px 0 0 0;
	
 }
.buggybox{
	padding:50px 0 0 3px;

	}
.buggybox input{
margin:0 0 0 5px;
}
.buggybox-ok{
float:right;
	padding:0 5px 50px 0;
	}
.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 */
/*------------------partenaires----------------*/
.part{
float:left;
}
.part img{
margin:10px 0;
}
/*-------------------cnfiche----------------*/
.cnfiche img{
max-width:600px;
*width:expression(document.body.clientWidth < 600 ? "600px" : "auto");
*width:expression(document.body.clientWidth > 600 ? "600px" : "auto");
}
/*-----------------------galerie-----*/
.tub-unique {
float: left;
width: 970px;
padding:0 20px 20px 20px;

}
/*-------------------------------------------------------------------------rss----------------------------------------------------------------------------------*/
.rss p{
font-size:1em; 
font-weight:bold;
color:#036;
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;

}
.footer{float:left;
width: 980px;
height:202px;
background:url(/ig/cnantibes-footer.jpg) no-repeat;
color: #666;
padding: 2px 0;
margin:0 0 0 10px;
}
.footer-news{
float:left;
width:32%;
max-height:202px;
margin:0 0 0 10px;

}
.footer-news h1{
font-size:1em;
font-weight:bold;
}
.footer-news p{
font-size:0.7em;

}