body			{margin: 0 auto;padding:0;font:11px Trebuchet,Verdana;color: #000;text-align:center;background-color:#FFF;/*width:1000px;*/}

* { outline: none; }

#tout { width: 1000px; margin: 0 auto; } 

/* TOP */
#top			{ width:1000px;height:97px; margin: 0 auto;}


/* STRUCTURE */
#DATA		{ float: left; width:1000px; display: block; background: url(/_itn/img/data-fd.png);}
#LEFT		{ float: left; width: 200px; display: block; background: url(/_itn/img/orange.gif) no-repeat; text-align: left;}
#CENTER		{ float: left; width: 600px; display: block; text-align: left;}
#RIGHT		{ float: right; width: 200px; display: block; background: url(/_itn/img/orange.gif) no-repeat; text-align: left;}
#FOOTER		{ float: left;width: 1000px;font: 10px Trebuchet,Verdana;background-color:#838383;color: #FFFFFF;text-align:center;padding: 4px 0 5px 0}
.clear		{ clear: both; }
img			{ border: 0; }

.maillage		{ margin:0 0 8px 0}
.maillageTop 	{ width:185px;height:6px; display: block; background: url(/_itn/img/maillage-top.gif) no-repeat; }
.maillageBot 	{ width:185px;height:8px; display: block; background: url(/_itn/img/maillage-bot.gif) no-repeat; }
.maillageFond 	{ width:185px;background:#d8dbc1 url(/_itn/img/maillage-fd.gif) 0 0 no-repeat; padding:0 0 2px 0}
.maillage ul	{ margin:0 0 8px 8px;list-style-type:none;padding:0}
.maillage ul li	{ background:url(/_itn/img/maillage-li.png) no-repeat; background-position: 0 3px;margin:10px 0 0 0;padding:0 4px 0 20px}
.maillage a			{ text-decoration:none;color:#3e4618;font-weight:bold}
.maillage a:hover	{ text-decoration:underline;color:#3e4618;}

#DATAEASY	{ float: left; width:1000px; display: block;}


/* LEFT */
#LEFT .data		{ padding: 20px 0 0 0; }
#LEFT .dataFaq	{ padding: 20px 6px 10px 22px; }

/* NAV */
.nav01 			{padding: 6px 0 0 12px;}
.nav01 a		{text-decoration:none;color: #434342; }
.nav01 a:hover	{text-decoration:none;color: #f28238;font: 11px Trebuchet,Verdana;}
.nav02			{padding: 3px 0 0 24px; }
.nav02 a		{text-decoration:none;color: #434342; }
.nav02 a:hover	{text-decoration:none;color: #f28238;font: 11px Trebuchet,Verdana;}

.navTitre		{ font: bold 11px Trebuchet,Verdana;color: #004c99; text-transform: uppercase;margin: 14px 0 0 0}
.navTitre		{ font: bold 11px Trebuchet,Verdana;color: #004c99; text-transform: uppercase;margin: 14px 0 0 0}



/* MASTIC ESAY */
#CENTER #EASY			{color: #000000;font: 11px Trebuchet,Verdana;padding:12px;background: url(/_itn/img/intro-fd.jpg) repeat-x; }
#CENTER #EASY h1		{font: bold 20px Arial,Trebuchet,Verdana;color: #8ecbaa; padding: 0;margin:0 0  12px 0}
#CENTER #EASY p			{padding: 0;margin:0;color:#666666}

#CENTER #EASY a			{text-decoration:underline;}
#CENTER #EASY a:hover	{text-decoration:none;}	

#CENTER #EASY .bleu a 	{color:#6699cc;font-weight:bold}
#CENTER #EASY .orange a 	{color:#ff6600;font-weight:bold}
#CENTER #EASY .gris  a	{color:#666666;font-weight:bold}
#CENTER #EASY .rouge a 	{color:#ff3300;font-weight:bold}



/* CENTER */
.txt			{ font: 11px Verdana, sans-serif; color: #000;}
#train			{ float: left; width:600px; height:14px;display: block;background-color:#b83016;color: #FFF;font: 10px Trebuchet,Verdana;}
#train div		{ padding: 0 0 0 10px;}
#train a		{ text-decoration:none;color: #FFF;}
#train a:hover	{ text-decoration:underline;color: #FFF;}
.para			{ padding: 0 10px 0 10px;}





#CENTER .introEASY		{ float: left;width:600px;color: #000000;font: 11px Trebuchet,Verdana;padding:6px 0 0 0 }

#CENTER .intro		{ float: left;width:600px;background: url(/_itn/img/intro-fd.jpg) repeat-x;background-color:#fdeee5;color: #000000;font: 11px Trebuchet,Verdana;padding:6px 0 0 0 }
#CENTER .intro		{ float: left;width:600px;background: url(/_itn/img/intro-fd.jpg) repeat-x;background-color:#fdeee5;color: #000000;font: 11px Trebuchet,Verdana;padding:6px 0 0 0 }
#CENTER .data_actu	{ float: left;background: url(/_itn/img/centre-data.jpg) repeat-x;background-color:#f7ebe4;color: #000000;width:600px;min-height:500px;height:auto !important;height:500px;padding: 0 0 6px 0}
#CENTER .data		{ float: left;background: url(/_itn/img/centre-data.jpg) repeat-x;background-color:#f7ebe4;color: #000000;width:600px;padding: 0 0 6px 0}

.CENTERdecal 	{ padding:0 7px 7px 7px}
.introdecal		{ padding:0 0 0 16px;}
.introdecal	.txt{ font: bold 11px Trebuchet,Verdana;}
H1				{ font: bold 20px Arial,Trebuchet,Verdana;color: #e2001a; padding: 0 0 0 10px}
H2				{ font: bold 20px Arial,Trebuchet,Verdana;color: #e2001a; padding: 0 0 0 10px}
H3				{ font: bold 11px Trebuchet,Verdana;color: #FFFFFF;	background-color: #f28238; padding: 3px 6px; text-transform: uppercase;}
H4				{ font: bold 11px Trebuchet,Verdana;color: #FFFFFF;	background: url(/_itn/img/h4.jpg) no-repeat; padding: 2px 6px ; text-transform: uppercase;height:18px;margin:0 0 6px 0 }
H5				{ font: bold 11px Trebuchet,Verdana;color: #FFFFFF;	background: url(/_itn/img/h5.jpg) no-repeat; padding: 2px 6px ; text-transform: uppercase;height:18px;margin:0 0 6px 0 }

.titre			{ font: bold 11px Trebuchet,Verdana;color: #FFFFFF;	background-color: #f28238; padding: 3px 6px; text-transform: uppercase;width:340px;margin: 0 0 4px 7px}

.onglet			{ margin: 0 0 0 40px}
.ongletCadre	{ float: left;margin: 0 22px 0 0;width:111px}
.ongletTitre	{ font: bold 11px Arial;color: #FFFFFF;	background-color: #838383;text-align:center;padding: 2px 0 2px 0;}
.titreOrange	{ font: bold 11px Trebuchet,Verdana;color: #f28238;	margin:10px 0 2px 29px; text-transform: uppercase;}
.ongletTxt		{ font: 11px Trebuchet,Verdana;color: #000;margin:0 0 0 29px;padding: 0 7px 0 0}

.coloris		{ margin: 0 0 0 40px}
.colorisImg		{ float: left;padding: 4px 4px 4px 7px;}

.produits		{ padding: 0 0 0 7px;background-color: #f7d8c6;width:593px}

.produitsCadre	{ float: left;padding: 0 0 5px 0;width:197px}
.produitsImg	{ float: left;text-align:center; margin: 0 3px 0 0;width:75px}
.produitsTitre	{ float: left;font: bold 10px Trebuchet,Verdana;color: #504f4f;text-align:left;width:118px}

.produitsTitre a		{ font: bold 10px Trebuchet,Verdana;color: #c33;text-decoration:none}
.produitsTitre a:hover	{ font: bold 10px Trebuchet,Verdana;color: #c33;text-decoration:underline}


hr				{ border: #838383 1px solid;width:80%;text-align:center}
.base			{ color: #838383;font:  10px Trebuchet,Verdana;text-align:center}

.what			{ font: 11px Trebuchet,Verdana;background-color: #FFFFFF;width:198px}
.whatTitre		{ font: bold 11px Trebuchet,Verdana;color: #004c99;}
.whatTxt		{ font:  11px Trebuchet,Verdana;color: #004c99;padding: 4px 4px 0 4px}

#CENTER ul				{ padding:0px ; margin:0 0 0 16px }
#CENTER li 				{ padding:0 0 4px 14px ; background:url(/_itn/img/li.png) no-repeat; list-style-type:none;background-position: 0 2px;} 

#CENTER ul.orange  li	{ padding:0 0 4px 14px ; background:url(/_itn/img/li-o.gif) no-repeat; list-style-type:none;background-position: 0 2px;} 


/* RIGHT */
#RIGHT .data	{ padding: 22px 7px 10px 8px; }

img.fermer		{ cursor: pointer; vertical-align: middle; }


/* FOOTER */
#FOOTER	a		{ font: 10px Trebuchet,Verdana;color: #FFFFFF;margin: 0 10px 0 10px;text-decoration:none;}
#FOOTER	a:hover	{ font: 10px Trebuchet,Verdana;color: #f28238;margin: 0 10px 0 10px;text-decoration:none;}


#link	a		{ font: 10px Trebuchet,Verdana;color: #838383;text-decoration:none;}
#link	a:hover	{ font: 10px Trebuchet,Verdana;color: #f28238;text-decoration:none;}


.docPdf { color: #c33;text-decoration:none;}
		  
		  
.video		{ margin : 0 0 0 30px}

.video-max	{ float:left; background:url(/_itn/img/video-max-fd.gif) repeat-x; width:1000px;height:196px} 
.max431		{ float:left; width:431px;height:196px} 
.slogan		{ float:left; width:569px;height:156px;text-align:center;font: bold 18px Trebuchet,Verdana;color: #ff6600;padding:40px 0 0 0} 

.img-dia	{ border: #7ab8f9 1px solid;}



/* Institution */
#institu		{ padding : 30px 10px 10px 10px;font: 11px Trebuchet,Verdana;}
#institu .Titre { font: bold 11px Trebuchet,Verdana;color: #FFFFFF;background-color:#f28238;padding: 3px 6px;text-transform: uppercase;width:360px;margin: 0 0 10px 0}
#institu .Chapo { font: bold 11px Trebuchet,Verdana;color: #f28238;text-transform: uppercase;margin: 10px 0 10px 0}
#institu ul		{ padding:0 ; margin:0 0 14px 14px}
#institu li 	{ padding:0 0 4px 14px ; background:url(/_itn/img/li.png) no-repeat; list-style-type:none;background-position: 0 2px;} 



#institu .imgleft	{ float:left;padding:0 14px 0 0 ; width:115px;}
#institu .txtleft	{ float:right;padding:0 10px 0 0 ;width:350px;}
#institu .pdf		{ background:url(/_itn/img/icones/pdf.gif) no-repeat;padding: 4px 0 2px 20px} 
#institu a			{ color: #c33;text-decoration:none;}
#institu a:hover	{ color: #c33;text-decoration:underline;}
#institu a.lightwindow:hover { text-decoration: none !important; }


.fermer			{ font-size: 11px !important; display: block; text-align: right; font-style: italic; }

.rouge {color:#b83016;}

.colleDroite { float: right; }
.colleGauche { float: left; }
.contentTitre{ width:100%; height:auto; float:left; clear:both; margin-bottom:10px; }
.titreDegats{ width:35%; float:left; }
.formDegats{ width:65%; float:left; text-align:right; color:#F28238; margin: 10px 0 10px 0; }
.formDegats a { color:#B83016 !important; font-weight:bold; }
.formDegats a:hover { text-decoration:underline !important; }
.zoom { margin-top:5px; color:#666666; }
span.zoom { display: inline-block; }
.escamotable { margin:0 0 20px 0; }
#droite01 {margin:0 0 10px 0;}
#droite02 {width:185px;height:228px;background:url(/_itn/img/droite-actualite.jpg) no-repeat;text-align:left;margin:0 0 10px 0;}
#droite03 {width:185px;margin:0 0 10px 0;}
.topspace2 { height:44px; }
.topspace3{ height:170px; }
.info { margin:0 9px 10px; border-bottom-color:#000000; border-bottom-style:dashed; border-bottom-width:1px; }
.dateInfo { color:#FFFFFF; font-weight:bold; }
.formPDV{ text-align:center; }

/*Page accueil produits*/

.ongletproduits		{float:left;margin:10px 0 0 0; }
.produits-fd-rev	{background: url(/_itn/img/prod-fd-rev.jpg) repeat-y;}
.produits-fd-mast	{background: url(/_itn/img/prod-fd-mast.jpg) repeat-y;}
.produits-fd-abs	{background: url(/_itn/img/prod-fd-abs.jpg) repeat-y;}
.produits-fd-accs	{background: url(/_itn/img/prod-fd-accs.jpg) repeat-y;}
.produits-data		{padding:12px 10px 0 10px ;}
.produits-zoom		{float:left; border: #b83016 1px solid; margin:0 29px 0 0}
.produits-txt		{background:#0095da;text-align:center;text-transform: uppercase;width:126px; font: bold 10px Trebuchet,Verdana;color: #FFFFFF;}

/*--*/

.presProduits		{height:auto;}
.presProduitsImg	{float:left;width:100px}
.presProduitsTxt	{float:left;padding: 5px 0 5px 5px;width:150px}

.produitsGauche		{float:left;width:280px;padding:0 0 0 14px}
.produitsDroite		{float:left;width:280px;margin:0 0 0 10px}

/* bandeau depliant ----------------- */

#max-cale{
position:absolute;
left:auto !important;
top:60px;
width:1000px;
height:5px;
z-index:2;
right:auto !important;
}



#max-cale-test{width:1000px;margin:0 auto;/*left:auto;right:auto;*/z-index:2; min-height: 50px; _height: 50px; _margin-left: -500px;#height: 50px; #margin-left: -500px; }

#max-deploy {width:1000px;height:210px;z-index:2;margin:0 0 0 0px}


/*max deploy original
#max-deploy {
	float:right;
	width:800px;
	height:210px;
	z-index:2;
}*/
.photo  		{width:1000px;  padding:0px;  border:0px;  cursor: pointer;}
/*
.photo_cacher  	{position:absolute;  padding:0px;  visibility:hidden;  cursor: pointer;    margin:-50px 0 0 -500px}
.comm_cacher  	{visibility:hidden;position:absolute;background-color:#90D8F0;  margin:0 0 0 30px}
*/
#ouvert { position: absolute; /*visibility: hidden;*/ }
#ferme { position: absolute; height: 50px; }


.imgActuleft	{ float:left;padding:0 14px 0 0 ;}

#ajaxticker1{
width: 250px;
border: none;
padding: 5px;
background-color: #FE9309;
height:200px;
overflow:scroll;
}

#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
background-color: #FE9309;
}

.someclass{ //class to apply to your scroller(s) if desired
}
.txtform { font: bold 11px Trebuchet,Verdana;}

.astuces 		{ float:left;margin:0 0 12px 0 }
.astuces .img	{ float:left;margin:0 20px 0 0;width:100px }
.astuces .txt	{ float:left;font: 11px Trebuchet,Verdana;width:450px}

.meteofrance			{padding:  0 10px 10px 10px;background-color: #306a8f;text-align:center}
.meteofrance a			{font: bold 11px Trebuchet,Verdana;text-decoration:none;color: #FFF;text-align:center}
.meteofrance a:hover	{text-decoration:none;color: #FFF;text-align:center}

.quantitepro			{height:50px;padding:  0 10px 10px 10px;background-color: #fbe0a9;text-align:center}
.quantitepro a			{font: bold 11px Trebuchet,Verdana;text-decoration:none;color: #cc6600;text-align:center}
.quantitepro a:hover	{text-decoration:none;color: #cc6600;text-align:center}

.consulterG				{padding:  0 10px 10px 10px;background-color: #fbe0a9;text-align:center}
.consulterG a			{font: bold 11px Trebuchet,Verdana;text-decoration:none;color: #336699;text-align:center}
.consulterG a:hover		{text-decoration:underline;color: #336699;text-align:center}

#siteMapFooter { background: #eee; border-top: solid 1px #999; font: 11px/18px "lucida grande", "Tahoma", sans-serif; color: #666; text-align: left; margin: 1em 0; float: left; width: 100%; clear: left; }
#siteMapFooter table { border-top: solid 1px #ccc; }
#siteMapFooter td { padding: 1em 0 1em 1em; }
#siteMapFooter a { text-decoration: none; color: #999; }
#siteMapFooter a:hover,
#siteMapFooter strong a { color: #555; }
#siteMapFooter strong a:hover { color: #333; }
#siteMapFooter ul { list-style-type: none; margin: 0; padding: 0; }

/* fevrier 2011 - cartouches 'DOSSIERS' */

.list						{ width: 260px; margin: 0 0 0 15px; overflow: hidden; }

.projet.top, .projet h2		{ background-image: url(/_itn/img/cartouche-projet-top.png); background-repeat: no-repeat; }
.projet.mid, .projet.midInt	{ background-image: url(/_itn/img/cartouche-projet-mid.png); background-repeat: repeat-y; }
.projet.bot, .projet .botInt{ background-image: url(/_itn/img/cartouche-projet-bot.png); background-repeat: np-repeat; }

.sante.top, .sante h2		{ background-image: url(/_itn/img/cartouche-sante-top.png); background-repeat: no-repeat; }
.sante.mid, .sante.midInt	{ background-image: url(/_itn/img/cartouche-sante-mid.png); background-repeat: repeat-y; }
.sante.bot, .sante .botInt	{ background-image: url(/_itn/img/cartouche-sante-bot.png); background-repeat: np-repeat; }

.femme.top, .femme h2		{ background-image: url(/_itn/img/cartouche-femme-top.png); background-repeat: no-repeat; }
.femme.mid, .femme.midInt	{ background-image: url(/_itn/img/cartouche-femme-mid.png); background-repeat: repeat-y; }
.femme.bot, .femme .botInt	{ background-image: url(/_itn/img/cartouche-femme-bot.png); background-repeat: np-repeat; }
.top						{ padding: 0 32px 0 0; background-position: 100% 0; }
h2.topInt					{ padding: 0 6px 0 32px; background-position: 0 0; margin: 0; font: bold 16px/32px 'Trebuchet MS', sans-serif; color: #fff; min-height: 32px; _height: 32px; text-transform: uppercase; text-align: center; }
.mid						{ background-position: 100% 0; padding: 0 6px 0 0; }
.midInt						{ background-position: 0 0; }
.bot						{ background-position: 100% 0; padding: 0 32px 0 0; }
.botInt						{ background-position: 0 0; padding: 0 0 0 32px; height: 30px; overflow: hidden; }
.botInt hr					{ display: none; }

.dossiers					{ margin: 10px 10px 10px 16px; }
.dossiers p					{ margin: 0 0 1em; }
.dossiers ul				{ margin: 0 0 1em; }

/* Nouveaux blocs AdmiSite */
.imgG						{ float: left; padding: 0 1em 1em 0; text-align: center; }
.imgG img					{ padding: 0 1em 0 0; }
.imgD						{ float: right; margin: 0 0 1em 1em; text-align: center; }
.imgD img					{ margin: 0 0 0 1em; }
.imgC						{ padding: 0 0 1em; text-align: center; }
.imgC img					{ padding: 0 1em; }

.dossiers p					{ position: relative; }
.dossiers h3				{ background: none; padding: 0; /*overflow: auto;*/ font: bold 13px/1.6em 'Trebuchet MS', sans-serif; position: relative; }

.dossiers hr				{ border-top: 0px none transparent; border-bottom: 1px solid #fff; width: 100%; height: 1px; background: none; margin: 1em 0 2em; }

.txtC						{ text-align: center; }

.dm							{ clear: both; margin: 0 0 1em; }