/* styles globaux à l'ensemble du site PARANGO */

html					{ height:100% }
body					{ height:100%; margin:0px; padding:0px; color:#090605; font:11px Verdana, Arial, Helvetica, sans-serif }

@media print 			{ .noprint {display:none; visibility:hidden; }}		/* supprime l'élément sur les impressions */	
a:focus					{ outline:none;}
a img					{ border:0; text-decoration:none }
.li						{ padding:0 0 0 10px; margin:4px 0 0 10px; background:url(puce-li.gif) left 5px no-repeat }  	/* utilsié aussi par tiny MCE */
.violet					{ color:#92117E; font-weight:bold }
.uk						{ color:#000000; font-style:italic }
.logo-net-createurs		{ position:absolute; left:4px; top:517px; z-index:2 }

#content				{ position:relative;}
.copyright				{ position:absolute; left:0px; top:572px; width:692px; text-align:center; color:#92117E } 
.clickme				{ cursor:pointer }
#searchForm a			{ color:#fff; display:inline; padding:0; margin:0; text-decoration:none; background:none }
#searchForm a:hover		{ text-decoration:underline }

/* texte L1 des menus */
#menu-left				{ position:absolute; top:-4px; left:3px }
#menu-right				{ position:absolute; top:-4px; left:551px }
.navigation 			{ }
.navigation li			{ position:relative; height:100px }

.navigation a			{ color:#FFF; text-decoration:none; display:block; width:88px; padding:36px 0 0 0; margin-left:25px; line-height:15px }
.navigation a:hover		{ color:#d48bc9 }
.navigation a.right		{ text-align:right }
.navigation a.l1-actif	{ color:#d48bc9 }
.souligne				{ width:88px; height:0px; border-top:2px solid #bc66af; margin:1px 0 0 25px }
.bra					{ position:relative; top:-17px; left:0 }

/* formulaires */
.text-length			{ clear:both; font-size:9px; font-family:Arial,Helvetica,Sans-Serif; color:#999999 }
.req-field				{ color:#cc0000 }

/* blocs de menus */
.mask					{ position:absolute; overflow:hidden; top:0px; height:550px }
.menu-contenu h5		{ padding:6px 0 1px 6px; margin:0 0 0 0; font-size:10px; font-weight:bold; background:url(../img/global/puce1.gif) left 9px no-repeat; text-transform:uppercase }
.menu-puce				{ color:#da7e69; padding-right:3px }
.transparent			{ opacity:.88 }
.height1				{ min-height:101px }
#menu-left ul						{ list-style:none; padding:0; margin:0;}
#menu-right ul						{ list-style:none; padding:0; margin:0;}

/* --- menus de droite --- */
.mask-droite			{ left:666px; width:213px }

/* news */
.menu-bg				{ width:187px; border-top:1px solid #640247; background:url(../img/menus/fond-droite.gif) repeat-y }
.menu-rbtn				{ position:absolute; left:186px; top:0px; cursor:pointer}
.right-onglet			{ position:absolute; left:-187px }
.menu-contenu			{ color:#fff; font-size:10px; line-height:11px; padding:15px 0 5px 35px; width:145px }
.menu-contenu a			{ color:#FFBF00; text-decoration:none }
.menu-contenu a:hover	{ color:#FFBF00; text-decoration:underline }

/* autres tiroirs */
.menu-bg2				{ width:167px; border-top:1px solid #640247; background:url(../img/menus/fond-droite2.gif) repeat-y }
.menu-rbtn2				{ position:absolute; left:166px; top:0px; cursor:pointer}
.right-onglet2			{ position:absolute; left:-167px }
.menu-contenu2			{ color:#fff; font-size:10px; padding:27px 0 13px 35px; width:125px; }
.menu-contenu2 a		{ display:block; padding:3px 0 6px 6px; background:url(../img/global/puce1.gif) left 6px no-repeat; color:#fff; text-decoration:none }
.menu-contenu2 a:hover	{ color:#fff; text-decoration:underline }

/* Menus eux même */
#menu-1					{ top:1px }
#menu-2					{ top:101px }
#menu-3					{ top:201px }
#menu-4					{ top:301px }
#menu-5					{ top:401px }

/* blocs des menus de gauche */
.mask-gauche			{ left:-167px; width:193px }
.left-onglet2			{ position:absolute; left:193px; width:180px }
.menu-bg3				{ border-top:1px solid #640247; background:url(../img/menus/fond-gauche.gif) repeat-y }
.menu-contenu3			{ color:#fff; font-size:10px; padding:27px 0 13px 13px; width:125px; }
.menu-contenu3 a		{ display:block; padding:3px 0 6px 6px; background:url(../img/global/puce1.gif) left 6px no-repeat; color:#fff; text-decoration:none }
.menu-contenu3 a:hover	{ color:#fff; text-decoration:underline }
.menu-rbtn3				{ position:absolute; left:-26px; top:0; cursor:pointer}

#menu-6					{ top:1px }
#menu-7					{ top:101px }
#menu-8					{ top:201px }
#menu-9					{ top:301px }
#menu-10				{ top:401px }

/* système d'onglets */
.onglets				{ position:absolute; left:147px; top:151px; font-size:9px; line-height:12px; z-index:1 }
.onglets a				{ display:block; height:19px; padding:4px 12px 0 0; white-space:nowrap; text-decoration:none }

.onglet-actif			{ float:left; height:22px; padding:0 0 0 12px; background:url(onglet-actif.gif) left top no-repeat }
.onglet-actif a			{ color:#ffffff; background:url(onglet-actif.gif) right top no-repeat }
.onglet-actif a:hover	{ color:#eddbeb }

.onglet-inactif			{ float:left; height:22px; padding:0 0 0 12px; background:url(onglet-inactif.gif) left top no-repeat }
.onglet-inactif a		{ color:#000; background:url(onglet-inactif.gif) right top no-repeat }
.onglet-inactif a:hover	{ color:#8a0c77 }

/* lightbox de choix département / région */
.selbox					{ position:absolute; left:0; top:0; width:630px; z-index:10; background-color:#fff; display:none }
.selbox-content			{ position:relative; margin-left:15px }
.selbox-titre			{ padding:0 0 7px 0; width:615px; text-align:center; font-size:15px; font-weight:bold }
.selbox-select			{ width:195px; margin-top:5px; border:1px solid #cccccc }
.selbox-button			{ margin:15px 10px 0 0; font-size:10px }
.selbox-last			{ margin-right:0 }
.selbox-close			{ position:absolute; left:587px; top:0; cursor:pointer }

/* diapo accueil */
.diapo_wrapp {position:relative; width:220px; height:170px; text-align:left;}
.diapo	{ position:absolute; left:25px; top:4px;}
.border	{ position:absolute; border:2px solid #d2c7c5;  width:48px; height:48px; }
.mask-diapo	{ position:absolute; background-color:#fff; opacity:0.8; width:48px; height:48px; margin:2px 0 0 2px; }
.col0	{left:0;}
.col1	{left:58px;}
.col2	{left:116px;}
.line0{top:0;}
.line1{top:58px;}
.line2{top:116px;}
.opacity	{position:absolute; opacity:0.2; width:48px;height:48px;}