BODY				{font-family: Arial; color: #000000;text-align: center;margin: 0 auto;background: #0024a1 url(/_itn/img/fd.jpg) center top repeat-x ;}
img					{border:0}
.clear				{clear:both;visibilty:hidden}
#data				{width:980px; background: #FFFFFF url(/_itn/img/data.jpg) top right no-repeat;margin: 0 auto;padding: 8px 10px 6px 10px;text-align: left;}

/* TOP */
#topDTN				{width:1000px;height:163px; background: #FFFFFF url(/_itn/img/top-fd-DTN.jpg) top left no-repeat;margin: 0 auto;}
#top				{width:1000px;height:163px; background: #FFFFFF url(/_itn/img/top-fd.jpg) top left no-repeat;margin: 0 auto;}

#topleft			{float:left;width:328px; padding: 40px 0 0 0 }
#topright			{float:left;width:672px;text-align:right;}

.toprightpad		{padding:70px 20px 0 0;}
form				{padding:0;margin:0}
input				{border: 1px solid #000;font: 12px Arial; color: #000;padding:0 0 0 5px}
select				{border: 1px solid #000;font: 12px Arial; color: #000;}
.search				{font: bold 11px Arial;color: #333333;text-align:right}
#topDTN .search		{font: bold 11px Arial;color: #FF0000;text-align:right}





/* HOME */
#actu				{float:left;}
#actuMauve			{background: #efeafc url(/_itn/img/actumauve.jpg) top left repeat-x;width:300px;padding:14px 0 0 0}
.actuTxt			{font: 12px Arial; color: #000;padding:0 8px 3px 8px;}
.actuTxt a			{color: #000;text-decoration:none}
.actuTxt a:hover	{color: #ff3333;text-decoration:none}

#videospo 			{padding:5px 0 0 0;width:300px;height:136px;display:block;margin:0 0 8px 0;background: #999;font: 12px Arial; color: #000;}
#videospo #spot		{float:left;margin: 0 2px 0 0; }
#videospo #txt		{padding: 0 4px 0 0; }

.infosBleu			{float:left;width:115px;margin:0 6px 0 0;background: #e8f2f8 url(/_itn/img/infos-bleu.jpg) top left repeat-x}
.infosCiel			{float:left;width:115px;margin:0 6px 0 0;background: #e8f2f8 url(/_itn/img/infos-ciel.jpg) top left repeat-x}
.infosTitre			{font: 12px Arial; color: #FFF;padding:1px 6px 1px 5px;margin: 0 0 5px 0}
.infosTxt			{font: 		12px Arial; color: #000;padding:5px;}
.infosTxt img		{text-align:center;margin: 5px auto;display:block}
.infosTxt a			{color: #000;text-decoration:none}
.infosTxt a:hover	{color: #ff3333;text-decoration:none}
.partenaires		{float:left;width:244px;background: #eceef9 url(/_itn/img/partenaires.jpg) top left repeat-x}
.partenairesTitre	{font: 12px Arial; color: #FFF;padding:1px 6px 1px 5px;margin: 0 0 5px 0}
.partenairesRight	{float:left;}
.partenaires img	{margin:2px 0 2px 1px}
.partenairesLeft	{float:left;}


/* SP */
#contenu			{padding: 0 20px 0 10px;font: 12px Arial; color: #000;}
#train				{padding: 0 10px 0 0;font: 11px Arial; color: #FF0000;margin:0 0 0 20px}
#train a			{color: #FF0000;text-decoration:none}
#train a:hover		{color: #FF0000;text-decoration:underline}
#contenu a			{font: 12px Arial;color: #e40133;text-decoration:none}
#contenu a:hover	{font: 12px Arial;color: #e40133;text-decoration:underline}

h1					{font: bold 14px Arial;color: #FFF;background-image : url(/_itn/img/h1.gif);background-repeat : no-repeat;padding: 12px 0 10px 10px;margin:0 0 10px 0}
h2					{font: bold 12px Arial;background-color: #2d4be1;padding:1px 0 1px 10px;margin: 10px 0 10px 0;color: #FFF;}
h4					{font: bold 16px Arial;color: #FF0000;}

.imgtxt 			{float:left;margin: 5px 0 0 0;width:950px}
.imgtxtleft			{float:left ;margin: 0 20px 0 0;}
.imgtxtleft img		{border: 1px solid #000;}
.imgtxtright 		{float:left ;}

.download			{ font: 12px Arial;COLOR: #000;margin : 2px 0 10px 0}
a.pdf 				{ background: url("/_itn/picto/pdf.gif") no-repeat;font: 12px Arial;COLOR: #ff3333;TEXT-DECORATION: none;padding: 2px 0 2px 20px;}
a.pdf:hover			{ COLOR: #ff3333;TEXT-DECORATION: none;}

a.doc 				{ background: url("/_itn/picto/doc.gif") no-repeat;font: 12px Arial;COLOR: #ff3333;TEXT-DECORATION: none;padding: 2px 0 2px 20px;}
a.doc:hover			{ COLOR: #ff3333;TEXT-DECORATION: none;}

a.xls 				{ background: url("/_itn/picto/xls.gif") bottom left no-repeat;font: 12px Arial;COLOR: #ff3333;TEXT-DECORATION: none;padding: 2px 0 2px 20px;}
a.xls:hover			{ COLOR: #ff3333;TEXT-DECORATION: none;}


.home #copyright	{font:  11px Arial;color: #999;margin: 8px 0 0 0;text-align:center;}
#copyright			{font:  11px Arial;color: #999;margin: 16px 0 0 0;text-align:center;}

#copyright a		{font:  11px Arial;color: #FF0000;margin: 16px 0 0 0;text-align:center;text-decoration:none}
#copyright a:hover	{font:  11px Arial;color: #999;margin: 16px 0 0 0;text-align:center;text-decoration:none}


/* MAGAZINE */
.mag				{float:right;width:91px;font:  11px Arial;display:block;text-align:right;margin:0 27px 10px 0}
.mag a				{COLOR: #ff3333;TEXT-DECORATION: none!important;}
.mag a:hover		{COLOR: #999999!important;TEXT-DECORATION: none!important;}

/* Phototheque */
.tromb				{float:right;width:120px;font:  11px Arial;display:block;text-align:right;margin:0 14px 10px 0}
.tromb a			{COLOR: #ff3333;TEXT-DECORATION: none!important;}
.tromb a:hover		{COLOR: #999999!important;TEXT-DECORATION: none!important;}

.img-float			{float:left;font: 11px Arial;text-align:center;margin:0 20px 10px 0}



.jaune				{font: 11px Arial;background-color : #FFCC66;padding:1px 0 1px 10px ; margin:  10px 0 10px 0}


/* ADMISITE */
.filet				{font: 11px Arial;border: 1px solid #999999;margin:0 0 12px 0}
.filet	h5			{font: bold 12px Arial;background-color: #2d4be1;padding:1px 0 1px 10px;color: #FFF;margin:0}
.filet	p			{padding:11px;margin:0}
.filet	p	        {padding:11px;margin:0}
.filetLeft			{float:left;margin: 8px}
.filetRight			{float:right;margin: 8px}
.filetciel		{background-color: #d2dcfd;}