body			{background:#8e0e0d url(/_itn/img/fond1.jpg);color:#000;font:12px Arial;margin:10px auto;padding:0}
img 			{border:none;}
.clear 			{clear:both;}
form 			{margin:0;padding:0}


/* STRUCTURE */
#Bandeau	{width:1004px;height:149px;display:block;background:  url(/_itn/img/FondBandeau.png) top left;margin:0 auto}
#All		{width:1004px;display:block;background: url(/_itn/img/FondAll.png) top left repeat-y;margin:0 auto}
#Prehome	{width:898px;display:block;margin:100px auto 0 auto}
#Data			{padding:20px 0 9px 20px;line-height : 18px;background: url(/_itn/img/deco.gif) bottom left no-repeat;}
/*#Col1			{float:left;width:198px;display:block;}*/
#Col1            {float:left;width:198px;display:block;padding:0 0 120px 0}
#Col2			{float:left;width:568px;display:block;}
#Col3			{float:left;width:200px;display:block;}
#Col4			{float:left;width:766px;display:block;}
#Footer			{width:1004px;height:20px;display:block;background: url(/_itn/img/FondFooter.png) top left;margin:0 auto}


/* BANDEAU */
#Bandeau #Fond						{padding:9px 0 0 9px}
#Bandeau #Fond #Accueil		{width:986px;height:140px;display:block;background:  url(/_itn/bandeau/bandeau-accueil.jpg) top left;}
#Bandeau #Fond #Pres			{width:986px;height:140px;display:block;background:  url(/_itn/bandeau/bandeau-presentation.jpg) top left;}
#Bandeau #Fond #Bapt			{width:986px;height:140px;display:block;background:  url(/_itn/bandeau/bandeau-baptemes.jpg) top left;}
#Bandeau #Fond #Prog			{width:986px;height:140px;display:block;background:  url(/_itn/bandeau/bandeau-programmes.jpg) top left;}
#Bandeau #Fond #Croi			{width:986px;height:140px;display:block;background:  url(/_itn/bandeau/bandeau-croisieres.jpg) top left;}
#Bandeau #Fond #Loin			{width:986px;height:140px;display:block;background:  url(/_itn/bandeau/bandeau-lointaines.jpg) top left;}
#Bandeau #Fond #Skip			{width:986px;height:140px;display:block;background:  url(/_itn/bandeau/bandeau-skippers.jpg) top left;}
#Bandeau #Fond #Enca			{width:986px;height:140px;display:block;background:  url(/_itn/bandeau/bandeau-encadrement.jpg) top left;}
#Bandeau #Fond #Cont			{width:986px;height:140px;display:block;background:  url(/_itn/bandeau/bandeau-contact.jpg) top left;}
#Bandeau #Fond #Litto			{width:986px;height:140px;display:block;background:  url(/_itn/bandeau/bandeau-lointaines.jpg) top left;}




/* MENU */
/*#Col1 ul		{width:167px;display:block;list-style: none;margin:0;padding:0 0 90px 0 }*/
#Col1 ul        {width:167px;display:block;list-style: none;margin:0;padding:0 0 20px 0 }

#Col1 li		{width:167px;padding:0  0 10px 0;line-height : 26px; display:block}
#Col1 li a		{background: url(/_itn/img/menu-off.png) top left no-repeat;height:27px;display:block;
/*color:#999;*/
color: #888888;
text-decoration:none;padding:0 0 0 14px;}
#Col1 li a:hover{width:100%;background:  url(/_itn/img/menu-on.png) top left no-repeat;color:#FFF;text-decoration:none;}
#Col1 li a#on	{width:100%;background:  url(/_itn/img/menu-on.png) top left no-repeat;color:#FFF;text-decoration:none}
#Col1 .tel{
	font-size: 140%;
	font-weight: bold;
	color:red;
	}
#Col1 img{
	padding-top: 10px;
	/*padding-left: 30px;*/
}

/* DATA */
h1		{font:  20px Arial;text-decoration:none;margin:0;padding:0 0 3px 0;color:#0099ff}
h2		{font: 17px Arial;text-decoration:none;margin:0;padding:0 0 3px 0;color:#0099ff}
h3		{font: bold 13px Arial;margin:0;padding:2px 0 3px 0;color:#0099ff;width:244px;display:block;}
h4		{font: 13px Arial;text-decoration:none;margin:0;padding:0 0 3px 0;color:#ff9933}
#Col2 p	{margin:0;padding:0 10px 10px 0;}
#Col2 a			{color:#FF0000;text-decoration:underline}
#Col2 a:hover	{color:#FF0000;text-decoration:none}



.ongletLeftRight			{float:left;margin:0 0 10px 0}

.ongletLeft					{float:left;width:289px;}
.ongletLeftData				{width:264px;background:#f1f1f1;display:block; }
.ongletLeftData div			{padding:5px;}


.ongletRight				{float:left;width:269px;}
.ongletRightData			{width:264px;background:#ff9933;display:block; }
.ongletRightData div		{padding:5px;}
.ongletLeftRight a			{text-decoration:none!important;color:#000!important}
.ongletLeftRight a:hover	{text-decoration:underline!important;color:#000!important}




/* PROGRAMME */
.prog					{
	float: left;
	width: 250px;
	
	display: block; /*height: 250px;*/
	border: 3px hidden;
}

.img_pays{
	float: left;
	margin-right : 5px;
	
}
.prog1
{
	float: left;
	width: 250px;
	display: block;
	height: 230px;
	border: 3px hidden ;
}
.prog2					
{
	float: left;
	width: 250px;
	display: block;
	height: 230px;
	border: 3px hidden ;

}
.prog3					
{float:left;
width:250px;
display:block;
height : 230px;
	border: 3px hidden ;

}


.progData				{
width:250px;
display:block;
line-height :14px;color:#333
}
.Date					{
float:left;
color:#333;
padding:2px 0 0 0;
color:#000}
.Prix					{
float:right;
font: bold 14px Arial;color:#FF0000;
margin:0;
padding:0;
margin-right: 5px;
}
.progData a				{text-decoration:none;color:#333}
.progData a:hover		{text-decoration:underline;color:#333}


/* FOOTER */
#association		{margin:0 auto;color:#FFF;padding:0 auto;text-align:center}




#HomeFlash		{width:200px;height:132px;display:block;background:  url(/_itn/img/FondFlash.jpg) top left no-repeat}
#myContent		{margin:9px 0 0 10px}

.hidden{
	display: none;
	width: 1px;
}
.blocdr45{
	float: left;
	margin-top: 3px;
	margin-right: 3px;
	padding: 5px 0 5px 5px;
	width: 45%;
	
	border: 1px solid #00A2FF;
	
	color: Navy;
}

/* Infobulles */
a.info_bulle span
{								   
    position : absolute;
	 top            :  -2000em;
    left           :  -2000em;
    width          :  1px;
    height         :  1px;
    overflow       :  hidden; 
    background     :  #DDEEFF;   /* Définition du fond, sinon on a le même que notre lien */
    border         :  1px solid #6699FF; /* Définition des bordures */
padding: 2px;
}    
a.info_bulle:hover span, a.info_bulle:focus span, a.info_bulle:active span 
{
    top        :  auto;
    left       :  auto;
    width      :  150px;
    height     :  auto;
    overflow   :  visible;
	
}    
a.info_bulle:hover 
{
  border : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
}   
.floatright{
	float: right;
}
.floatleft{
	float: left;
}
.clearboth{
	clear: both;
}
.titre_select{
clear: both;	
float: left;
padding-left:5px;
width: 100px;
}
.rouge{
	color: Red;
}
.ligne {
	clear: both;
	display: block;
	
	margin-bottom: 3px;
	
}
.text_barre{
	text-decoration: line-through;
	color :blue;
}