@font-face { font-family:Eurostile, Arial; src:url(eurostyle_regular.eot);}


	body     { 
	scrollbar-arrow-color: #ffffff; 
	scrollbar-darkshadow-color: #303269; 
	scrollbar-face-color: #4d4e7e; 
	scrollbar-3dlight-color: #4d4e7e; 
	scrollbar-highlight-color: #4d4e7e; 
	scrollbar-shadow-color: #4d4e7e; 
	scrollbar-track-color: #EBE8ED }
	
	body, div, td, p, .texte, table, ul, ol ,li   { color: #696969; font-size: 12px; line-height: 20px; font-family: Arial;}
	ul{ list-style-type: square; list-style-image: url('../images/li.gif') }
	
	#content { padding: 20px; }
#popup     { padding: 20px; width: 100%; height: 100%; overflow: auto }
.content   { padding-right: 20px; padding-bottom: 20px; padding-left: 20px }
.chapeautb 				 { font-style: italic; background-color: #f5f5f5; float: left; margin-right: 20px; margin-bottom: 20px; padding: 20px; border: dashed 1px #c0c0c0; width: 300px }
	.chapeau:first-letter  	{ font-size: 30px }
	.chapeau   				{ font-style: italic }
	
	a          { color: #303269; font-style: italic;  text-decoration: none }
	a:hover    { color: #f9a320; font-style: italic;  text-decoration: none }
	
	hr        { color: #cde499; text-align: left; position: relative; top: -8px; width: 100%; height: 1px }
	
	.titrepopup         { color: #fff; font-weight: bold; font-size: 27px; font-family: EurostileBold, Eurostile; padding-right: 20px }
.titredemande   { color: #1f9ae3; font-weight: bold; font-size: 27px; line-height: 30px; font-family: EurostileBold, Eurostile; margin-bottom: 0px }
.demandearea    { background-color: #cde8f8; margin-right: 20px; padding: 15px; border: solid 1px #1f9ae3 }
.titrereponse   { color: #f9a320; font-weight: bold; font-size: 27px; line-height: 30px; font-family: EurostileBold, Eurostile; margin-bottom: 0px }
.reponsearea    { background-color: #fef0d9; margin-right: 20px; padding: 15px; border: solid 1px #f9a320 }
h1, .titre1         { color: #9dc951; font-weight: bold; font-size: 27px; line-height: 30px; font-family: Eurostile; margin-top: 15px; border-bottom: 1px solid #9dc951 }
h2, .titre2      { color: #f9a320; font-weight: bold; font-size: 16px; line-height: 21px }
h3, .titre3       { color: #9dc951; font-weight: bold; font-size: 14px }
h4, .titre4       { color: #fed27b; font-weight: bold; font-size: 12px }
h5, .titre5  { color: #9dc951; font-weight: bold; font-size: 12px }
.fonction { color: #303269; font-style: italic }
.a.visible    		{ color: #0b3d6f; font-size: 9px; font-family: verdana; text-decoration: none; text-align: justify; list-style-type: square }
.a.visible:hover    { color: #0b3d6f; font-size: 9px; font-family: verdana; text-decoration: none; text-align: justify; list-style-type: square }
.formtext   { color: #303269; border-style: none none dotted none; border-width: medium medium 1px medium; border-color: #f9a320; width: 250px }
.formselect   		   { color: #303269; border-style: none none dotted none; border-width: medium medium 1px medium; border-color: #f9a320; width: 250px }
	.formtextarea  		   { color: #303269; border: solid 1px #f9a320; width: 250px }
	.formtextneed   	   { color: #303269; border-style: none none dashed none; border-width: medium medium 1px medium; border-color: #f9a320; width: 250px }
	.formtextareaneed      { color: #303269; border: solid 1px #f9a320; width: 250px }
	.formname  			  { color: #303269; border: #cde499 }
	.formsubmit  		  { color: #f9a320; font-weight: bold; background-color: white; padding: 2px; border: solid 2px #f9a320 }
	.formclear  		  { color: #f9a320; font-weight: bold; background-color: white; padding: 2px; border: solid 2px #f9a320 }
	
	
.layout_bandeau   { background: transparent url(../images/bk-bandeau.gif) }
.layout_bandeaucyan   { background: transparent url(../images/bk-bandeaucyan.gif) }
.layout_bandeaumagenta   { background: transparent url(../images/bk-bandeaumagenta.gif) }
.layout_bandeauyellow   { background: transparent url(../images/bk-bandeauyellow.gif) }
.layout_logo   { background: transparent url(../images/bk-logo.gif) }
.layout_angle_bot  { background-image: url(../images/bk-angle_bot.gif) }
.layout_angle_top   { background-image: url(../images/bk-angle_top.gif) }
.layout_angle_topcyan { background-image: url(../images/bk-angle_topcyan.gif) }
.layout_angle_topmagenta { background-image: url(../images/bk-angle_topmagenta.gif) }
.layout_angle_topyellow { background-image: url(../images/bk-angle_topyellow.gif) }
.layout_menu   { background: transparent url(../images/bk-menu.gif); vertical-align: top; width: 225px }

.menu   { color: #303269; font-style: normal; font-family: Eurostile; letter-spacing: 2px; padding: 10px 5px; height: 40px }
.menu:hover   { color: #303269; font-style: normal; background-color: #fed27b }

.submenu    { color: #303269; font-family: Eurostile; font-style: normal; font-weight: normal; letter-spacing: 1px; padding: 2px 10px; width: 100%; height: 100% }
.submenu:hover   { color: #303269; font-family: Eurostile; font-style: normal; font-weight: normal; background-color: #f9a320; letter-spacing: 1px }

.tdsm  { color: #303269; font-style: normal; background-color: #fed27b; border-right: 1px solid #f9a320; border-bottom: 1px solid #f9a320; border-left: 1px solid #f9a320 }
.tdsm:hover  { font-style: normal; background-color: #f9a320 }

.leftmenu     { color: #303269; font-family: Eurostile; font-style: normal; font-weight: normal; letter-spacing: 1px }
.leftmenu:hover    { color: #303269; font-style: normal; font-weight: normal }

.utilsmenu    { color: #fff; font-family: Eurostile; font-style: normal; font-weight: bold }
.utilsmenu:hover    { color: #afb4bb; font-style: normal }

.mtitre  { color: #9dc951; font-weight: bold; font-size: 27px; font-family: EurostileBold, Eurostile; position: static; height: 18px; overflow: hidden }
.mtd    { background-color: #9dc951; padding: 10px; border: solid 1px #9dc951 }
.mtdinfo   { background-color: #fff; padding: 10px; border: solid 1px #9dc951 }
.minput  { color: #303269; font-family: Eurostile; background-color: #cde499; padding: 2px; border: solid 1px #303269; width: 96px }
.mlabel { color: #ffffff; font-family: Eurostile; font-weight: bold; }
.mbutton { color: #ffffff; background-color: #9dc951; border: solid 1px #9dc951; font-family: Eurostile; font-size: 16px; font-weight: bold; }

.lilocked  { list-style-image: url(../images/lilocked.gif) }
.more  { color: #303269; font-style: normal; font-weight: bold; background: url(../images/more.gif) no-repeat; padding-left: 24px }
.more:hover  { color: #f9a320; font-style: normal; font-weight: bold; background: url(../images/morea.gif) no-repeat; padding-left: 24px }

.mail  { color: #f9a320; font-style: normal; background: url(../images/mail.gif) no-repeat; padding-left: 24px }
.mail:hover  { color: #303269; font-style: normal; background: url(../images/maila.gif) no-repeat; padding-left: 24px }

.imgportrait { padding-right: 20px; padding-bottom: 20px }
.portrait { margin-bottom: 20px; border-bottom: 1px solid #cde499 }


.agenda { background-image: url(../images/vis_agenda.jpg) }
.approche { background-image: url(../images/vis_approche.jpg) }
.contact { background-image: url(../images/vis_contact.jpg) }
.enlevement { background-image: url(../images/vis_enlevement.jpg) }
.event { background-image: url(../images/vis_event.jpg) }
.enlevementpublic { background-image: url(../images/vis_enlevementpublic.jpg) }
.equipe { background-image: url(../images/vis_equipe.jpg) }
.faq { background-image: url(../images/vis_faq.jpg) }
.filieres { background-image: url(../images/vis_filieres.jpg) }
.historique { background-image: url(../images/vis_historique.jpg) }
.login { background-image: url(../images/vis_login.jpg) }
.magasines { background-image: url(../images/vis_magasines.jpg) }
.membres { background-image: url(../images/vis_membres.jpg) }
.mission { background-image: url(../images/vis_mission.jpg) }
.partenaires { background-image: url(../images/vis_partenaires.jpg) }
.projet { background-image: url(../images/vis_projet.jpg) }
.proposition { background-image: url(../images/vis_proposition.jpg) }
.qui { background-image: url(../images/vis_qui.jpg) }
.rapport { background-image: url(../images/vis_rapport.jpg) }
.statut { background-image: url(../images/vis_statut.jpg) }
.colorcyan { color: #1f9ae3 }
.colormagenta { color: #fe2b5d }
.coloryellow  { color: #ffcd00 }
.colorgreen { color: #9dc951 }
.cyan { color: #1f9ae3 }
a.traite { color: #bbbbd0 }
a.traite:hover { color: #303269 }